254 lines
9.0 KiB
JavaScript
254 lines
9.0 KiB
JavaScript
"use strict";
|
||
var __defProp = Object.defineProperty;
|
||
var __defProps = Object.defineProperties;
|
||
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
||
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
||
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
||
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
||
var __spreadValues = (a, b) => {
|
||
for (var prop in b || (b = {}))
|
||
if (__hasOwnProp.call(b, prop))
|
||
__defNormalProp(a, prop, b[prop]);
|
||
if (__getOwnPropSymbols)
|
||
for (var prop of __getOwnPropSymbols(b)) {
|
||
if (__propIsEnum.call(b, prop))
|
||
__defNormalProp(a, prop, b[prop]);
|
||
}
|
||
return a;
|
||
};
|
||
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
||
const common_vendor = require("../../../common/vendor.js");
|
||
const tmui_tool_lib_minxs = require("../../tool/lib/minxs.js");
|
||
const tmui_tool_lib_tmpinia = require("../../tool/lib/tmpinia.js");
|
||
const tmui_tool_useFun_useTheme = require("../../tool/useFun/useTheme.js");
|
||
require("../../tool/theme/theme.js");
|
||
require("../../tool/theme/colortool.js");
|
||
require("../../tool/lib/interface.js");
|
||
require("../../tool/function/util.js");
|
||
require("../../tool/function/preview.js");
|
||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||
__name: "tm-sheet",
|
||
props: __spreadProps(__spreadValues({}, tmui_tool_lib_minxs.custom_props), {
|
||
parenClass: {
|
||
type: String,
|
||
default: ""
|
||
},
|
||
contStyle: {
|
||
type: String,
|
||
default: ""
|
||
},
|
||
height: {
|
||
type: [Number],
|
||
default: 0
|
||
},
|
||
width: {
|
||
type: [Number],
|
||
default: 0
|
||
},
|
||
color: {
|
||
type: String,
|
||
default: "white"
|
||
},
|
||
transprent: {
|
||
type: [Boolean, String],
|
||
default: false
|
||
},
|
||
border: {
|
||
type: [Number, String],
|
||
default: 0
|
||
},
|
||
margin: {
|
||
type: Array,
|
||
default: () => [32]
|
||
},
|
||
padding: {
|
||
type: Array,
|
||
default: () => [24]
|
||
},
|
||
unit: {
|
||
type: String,
|
||
default: "rpx"
|
||
},
|
||
hoverClass: {
|
||
type: String,
|
||
default: "none"
|
||
},
|
||
//暗下强制的背景色，
|
||
//有时自动的背景，可能不是你想要暗黑背景，此时可以使用此参数，强制使用背景色，
|
||
//只能是颜色值。
|
||
darkBgColor: {
|
||
type: String,
|
||
default: ""
|
||
},
|
||
//不是同层背景，默认是同层，为false
|
||
//如果输入框表单与tmshee在同一层下。他们的黑白暗黑背景色是相同的。为了区分这个问题，需要单独指示，以便区分背景同层。
|
||
//主意：它只在黑和白之间的色系才起作用，其它颜色下不起作用。
|
||
noLevel: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
//是否开启磨砂背景。只有是黑白灰色系才能使用。
|
||
blur: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
url: {
|
||
type: String,
|
||
default: ""
|
||
},
|
||
round: {
|
||
type: [Number, Array],
|
||
default: 0
|
||
}
|
||
}),
|
||
emits: ["click", "longpress", "touchend", "touchstart", "touchcancel", "mousedown", "mouseup", "mouseleave"],
|
||
setup(__props, { emit: emits }) {
|
||
const props = __props;
|
||
const store = tmui_tool_lib_tmpinia.useTmpiniaStore();
|
||
const tmcfg = common_vendor.computed(() => store.tmStore);
|
||
const {
|
||
dark,
|
||
isNvue,
|
||
customCSSStyle,
|
||
customClass,
|
||
parentClass,
|
||
transparent,
|
||
_props,
|
||
proxy,
|
||
blur,
|
||
round,
|
||
margin,
|
||
padding,
|
||
theme
|
||
} = tmui_tool_useFun_useTheme.useTheme(common_vendor.computed(() => props), tmcfg);
|
||
const tmcomputed = theme({ text: blur.value && tmcfg.value.os == "ios" && isNvue.value ? true : null });
|
||
const _width = common_vendor.computed(() => props.width + padding.value[0] + padding.value[2]);
|
||
const _height = common_vendor.computed(() => props.height + padding.value[1] + padding.value[3]);
|
||
const _width_real = common_vendor.computed(() => props.width);
|
||
const _height_real = common_vendor.computed(() => props.height);
|
||
const _blue_sheet = common_vendor.ref(true);
|
||
const blurEffect = common_vendor.computed(() => {
|
||
if (props.blur === true && dark.value)
|
||
return "dark";
|
||
if (props.blur === true && !dark.value)
|
||
return "extralight";
|
||
return "none";
|
||
});
|
||
common_vendor.watch(
|
||
() => dark.value,
|
||
() => {
|
||
}
|
||
);
|
||
const _bgcolor = common_vendor.computed(() => {
|
||
var _a;
|
||
if (transparent.value === true)
|
||
return `background-color:rgba(255,255,255,0);`;
|
||
if (props.darkBgColor !== "" && dark.value === true) {
|
||
return `background-color:${props.darkBgColor};`;
|
||
}
|
||
if (props.linearColor.length == 2) {
|
||
return {
|
||
"background-image": `linear-gradient(${tmcomputed.value.linearDirectionStr},${props.linearColor[0]},${props.linearColor[1]})`
|
||
};
|
||
}
|
||
if (((_a = tmcomputed.value.gradientColor) == null ? void 0 : _a.length) == 2) {
|
||
return tmcomputed.value.backgroundColorCss;
|
||
}
|
||
if (_props.value.noLevel && tmcomputed.value.isBlackAndWhite === true && dark.value === true) {
|
||
return `background-color: ${tmcomputed.value.inputcolor}`;
|
||
}
|
||
return `background-color: ${tmcomputed.value.backgroundColor}`;
|
||
});
|
||
const isLongPress = common_vendor.ref(false);
|
||
function longpress(e) {
|
||
isLongPress.value = true;
|
||
emits("longpress", e);
|
||
}
|
||
function touchstart(e) {
|
||
isLongPress.value = true;
|
||
emits("touchstart", e);
|
||
}
|
||
function touchend(e) {
|
||
isLongPress.value = false;
|
||
emits("touchend", e);
|
||
}
|
||
function touchcancel(e) {
|
||
isLongPress.value = false;
|
||
emits("touchcancel", e);
|
||
}
|
||
function mousedown(e) {
|
||
isLongPress.value = true;
|
||
emits("mousedown", e);
|
||
}
|
||
function mouseup(e) {
|
||
isLongPress.value = false;
|
||
emits("mouseup", e);
|
||
}
|
||
function mouseleave(e) {
|
||
isLongPress.value = false;
|
||
emits("mouseleave", e);
|
||
}
|
||
function onClick(e) {
|
||
emits("click", e);
|
||
if (typeof props.url === "string" && props.url) {
|
||
common_vendor.index.navigateTo({
|
||
url: props.url,
|
||
fail(result) {
|
||
console.log(result);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
let textColor = common_vendor.computed(() => {
|
||
return tmcomputed.value.textColor;
|
||
});
|
||
common_vendor.provide("appTextColor", textColor);
|
||
return (_ctx, _cache) => {
|
||
return common_vendor.e({
|
||
a: _blue_sheet.value
|
||
}, _blue_sheet.value ? {
|
||
b: common_vendor.n(common_vendor.unref(customClass)),
|
||
c: common_vendor.s(common_vendor.unref(_props).contStyle),
|
||
d: (common_vendor.unref(_props).url ? " opacity-7 " : " ") + common_vendor.unref(_props).hoverClass,
|
||
e: common_vendor.unref(blurEffect),
|
||
f: common_vendor.o(onClick),
|
||
g: common_vendor.o(longpress),
|
||
h: common_vendor.o(touchend),
|
||
i: common_vendor.o(touchstart),
|
||
j: common_vendor.o(touchcancel),
|
||
k: common_vendor.o(mousedown),
|
||
l: common_vendor.o(mouseup),
|
||
m: common_vendor.o(mouseleave),
|
||
n: common_vendor.n(common_vendor.unref(parentClass)),
|
||
o: common_vendor.n(!_ctx.isDisabledRoundAndriod ? common_vendor.unref(round) : ""),
|
||
p: common_vendor.s({
|
||
marginLeft: common_vendor.unref(margin)[0] + "rpx",
|
||
marginTop: common_vendor.unref(margin)[1] + "rpx",
|
||
marginRight: common_vendor.unref(margin)[2] + "rpx",
|
||
marginBottom: common_vendor.unref(margin)[3] + "rpx",
|
||
paddingLeft: common_vendor.unref(padding)[0] + "rpx",
|
||
paddingTop: common_vendor.unref(padding)[1] + "rpx",
|
||
paddingRight: common_vendor.unref(padding)[2] + "rpx",
|
||
paddingBottom: common_vendor.unref(padding)[3] + "rpx"
|
||
}),
|
||
q: common_vendor.s(common_vendor.unref(_height_real) ? {
|
||
height: common_vendor.unref(_height) + common_vendor.unref(_props).unit
|
||
} : ""),
|
||
r: common_vendor.s(common_vendor.unref(_width_real) ? {
|
||
width: common_vendor.unref(_width) + common_vendor.unref(_props).unit
|
||
} : ""),
|
||
s: common_vendor.s(common_vendor.unref(tmcomputed).borderCss),
|
||
t: common_vendor.s(common_vendor.unref(blur) && common_vendor.unref(store).tmStore.os == "ios" && common_vendor.unref(isNvue) === true ? "" : common_vendor.unref(_bgcolor)),
|
||
v: common_vendor.s(!common_vendor.unref(transparent) && common_vendor.unref(_props).shadow > 0 ? common_vendor.unref(tmcomputed).shadowColor : ""),
|
||
w: common_vendor.s(!common_vendor.unref(transparent) && common_vendor.unref(blur) ? {
|
||
backdropFilter: "blur(6px)"
|
||
} : ""),
|
||
x: common_vendor.s(common_vendor.unref(customCSSStyle))
|
||
} : {});
|
||
};
|
||
}
|
||
});
|
||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-c6f3e58c"], ["__file", "D:/WebstormProjects/uni-ticket-system/src/tmui/components/tm-sheet/tm-sheet.vue"]]);
|
||
wx.createComponent(Component);
|