btxui 1.1.26 → 1.1.28

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive, onBeforeMount, renderSlot, watch, onMounted, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle, getCurrentInstance, resolveDynamicComponent, withModifiers, createElementBlock, nextTick, createVNode, resolveComponent, Fragment, createCommentVNode, watchEffect, withDirectives, toDisplayString, vShow, vModelDynamic, createTextVNode, vModelText, mergeProps, renderList, createSlots, render, KeepAlive, inject, unref, normalizeProps, guardReactiveProps, provide } from "vue";
+import { defineComponent, ref, computed, reactive, onBeforeMount, renderSlot, watch, onMounted, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle, getCurrentInstance, resolveDynamicComponent, withModifiers, createElementBlock, nextTick, createVNode, resolveComponent, Fragment, createCommentVNode, watchEffect, withDirectives, toDisplayString, vShow, vModelDynamic, createTextVNode, vModelText, mergeProps, renderList, createSlots, render, KeepAlive, inject, unref, provide, normalizeProps, guardReactiveProps } from "vue";
 const theme = {
   // 预置主题色
   colors: {
@@ -159,7 +159,6 @@ const prestyles = {
   "dashed-b": `border-bottom-style: dashed;`,
   "line-outside": `background-clip: padding-box;`,
   // 阴影
-  "shadow": `box-shadow: 0 4px 17px;`,
   "shadow-sm": `box-shadow: 0 2px 4px;`,
   "shadow-lg": `box-shadow: 0 14px 40px;`,
   "shadow-relief": `box-shadow: 1px 1px 0 rgba(0,0,0,.7) inset, 1px 1px 0 rgba(255,255,255,.4);`,
@@ -170,9 +169,9 @@ const prestyles = {
   "trans-no": `transition: none;`,
   // 模糊滤镜
   "blur-no": `filter: blur(0px);`,
-  "blur-sm": `filter: blur(2px);`,
-  "blur-md": `filter: blur(7px);`,
-  "blur-lg": `filter: blur(17px);`,
+  "blur-sm": `filter: blur(2px); -webkit-transform: translateZ(0); transform: translateZ(0);`,
+  "blur-md": `filter: blur(7px); -webkit-transform: translateZ(0); transform: translateZ(0);`,
+  "blur-lg": `filter: blur(17px); -webkit-transform: translateZ(0); transform: translateZ(0);`,
   // 明度滤镜
   "dark-no": `filter: brightness(100%);`,
   "dark-sm": `filter: brightness(80%);`,
@@ -282,15 +281,27 @@ const prestyles = {
   "ratio": {
     pro: "aspect-ratio"
   },
-  // 字符间距
-  "lspace": {
-    pro: "letter-spacing",
-    unit: "rem"
+  // 遮罩
+  "mask": {
+    pro: "-webkit-mask-image"
+  },
+  // 盒子阴影
+  "shadow": {
+    pro: "box-shadow"
+  },
+  // 文字阴影
+  "tshadow": {
+    pro: "text-shadow"
   },
   // 字体加粗
   "bolder": {
     pro: "font-weight"
   },
+  // 字符间距
+  "lspace": {
+    pro: "letter-spacing",
+    unit: "rem"
+  },
   // 宽度
   "w": {
     pro: "width",
@@ -634,13 +645,22 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       }
       return false;
     };
-    const validGradient = (val) => {
-      if (val && val.search("linear") === 0) {
-        const parts = val.split("_");
+    const validMultiple = (val) => {
+      if (!val)
+        return false;
+      const parts = val.split("_");
+      if (parts.length === 1)
+        return;
+      if (val.search("linear") === 0) {
         const [type, dir, ...colors] = parts;
-        return `${type}-gradient(${dir}deg,${colors.map((color) => validColor(color)).join(",")})`;
+        return `${type}-gradient(${dir}deg, ${colors.map((color2) => validColor(color2)).join(",")})`;
       }
-      return false;
+      if (val.search("radial") === 0) {
+        const [type, centerX, centerY, ...colors] = parts;
+        return `${type}-gradient(circle at ${centerX} ${centerY}, ${colors.map((color2) => validColor(color2)).join(",")})`;
+      }
+      const color = parts.pop();
+      return `${parts.join(" ")} ${validColor(color)}`;
     };
     const validValue = (val) => {
       if (!val)
@@ -653,9 +673,9 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       const color = validColor(val);
       if (color !== false)
         return color;
-      const gradient = validGradient(val);
-      if (gradient !== false)
-        return gradient;
+      const multiple = validMultiple(val);
+      if (multiple !== false)
+        return multiple;
       return false;
     };
     const setUnit = (val, customUnit, Presetunit) => {
@@ -839,8 +859,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     aniEndClear: { type: Boolean }
   },
   emits: ["on_aniEnd"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const $el = ref();
     const state = computed(() => props.state);
     let lastAni;
@@ -877,10 +898,10 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$y, {
-        class: normalizeClass(_ctx.class),
-        cname: _ctx.cname,
-        states: _ctx.states,
-        matrix: _ctx.matrix
+        class: normalizeClass(__props.class),
+        cname: __props.cname,
+        states: __props.states,
+        matrix: __props.matrix
       }, {
         className: withCtx((scope) => [
           createElementVNode("div", {
@@ -912,14 +933,14 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$y, {
-        class: normalizeClass(_ctx.class),
-        states: _ctx.states,
-        cname: _ctx.cname
+        class: normalizeClass(__props.class),
+        states: __props.states,
+        cname: __props.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("span", {
             class: normalizeClass(scope.className),
-            state: _ctx.state
+            state: __props.state
           }, [
             renderSlot(_ctx.$slots, "default")
           ], 10, _hoisted_1$a)
@@ -958,9 +979,10 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     "on_longTouch",
     "on_transend"
   ],
-  setup(__props, { expose: __expose, emit }) {
-    const props = __props;
+  setup(__props, { expose: __expose, emit: __emit }) {
     const { proxy } = getCurrentInstance();
+    const props = __props;
+    const emit = __emit;
     const $anchor = ref();
     const target = ref("");
     let routeLink;
@@ -1002,12 +1024,16 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     let touchStartTime = ref(0);
     let t;
     let isLongTouch = false;
+    const isTouch = ref(false);
     const enter = (e) => {
       emit("on_enter", e);
       if (e.type === "touchstart") {
+        isTouch.value = true;
+        const touchDuration = props.touchDuration;
+        touchDuration && e.cancelable && e.preventDefault();
         touchStartTime.value = Date.now();
         t = setInterval(() => {
-          if (Date.now() - touchStartTime.value > (props.touchDuration || 1e3)) {
+          if (Date.now() - touchStartTime.value > Math.max(touchDuration, 1e3)) {
             isLongTouch = true;
             emit("on_longTouch", e);
             clearTimeout(t);
@@ -1015,6 +1041,11 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         }, 100);
       }
     };
+    const mousedown = (e) => {
+      if (!isTouch)
+        e.preventDefault();
+      emit("on_mousedown", e);
+    };
     const move = (e) => {
       emit("on_move", e);
     };
@@ -1040,41 +1071,41 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$y, {
-        class: normalizeClass(_ctx.class),
-        states: _ctx.states,
-        hover: _ctx.hover,
-        active: _ctx.active,
-        cname: _ctx.cname
+        class: normalizeClass(__props.class),
+        states: __props.states,
+        hover: __props.hover,
+        active: __props.active,
+        cname: __props.cname
       }, {
         className: withCtx((scope) => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.eventProxy ? "div" : "a"), {
+          (openBlock(), createBlock(resolveDynamicComponent(__props.eventProxy ? "div" : "a"), {
             style: normalizeStyle(`user-select: none; cursor: ${cursor.value};`),
             ref_key: "$anchor",
             ref: $anchor,
-            onMousedown: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("on_mousedown", $event), ["prevent"])),
-            onMouseup: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("on_mouseup", $event), ["prevent"])),
+            onMousedown: mousedown,
+            onMouseup: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("on_mouseup", $event), ["prevent"])),
             onMouseenter: withModifiers(enter, ["prevent"]),
             onMousemove: withModifiers(move, ["prevent"]),
             onMouseleave: withModifiers(leave, ["prevent"]),
-            onTouchstart: withModifiers(enter, ["prevent"]),
+            onTouchstart: enter,
             onTouchmove: withModifiers(move, ["prevent"]),
             onTouchend: leave,
             onClick: click,
             onDblclick: withModifiers(dblclick, ["stop"]),
             onWheel: wheel,
-            onTransitionend: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("on_transend", $event)),
+            onTransitionend: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("on_transend", $event)),
             target: target.value,
             class: normalizeClass(scope.className),
-            hover: _ctx.hover ? true : "",
-            state: _ctx.state,
-            active: _ctx.active ? true : "",
+            hover: __props.hover && !isTouch.value ? true : "",
+            state: __props.state,
+            active: __props.active ? true : "",
             href: url.value
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
-            _: 2
-          }, 1064, ["style", "onMouseenter", "onMousemove", "onMouseleave", "onTouchstart", "onTouchmove", "onDblclick", "target", "class", "hover", "state", "active", "href"]))
+            _: 3
+          }, 40, ["style", "target", "class", "hover", "state", "active", "href"]))
         ]),
         _: 3
       }, 8, ["class", "states", "hover", "active", "cname"]);
@@ -1095,9 +1126,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     cname: {}
   },
   emits: ["on_load"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const img = computed(() => props.img);
+    const emit = __emit;
     const src = ref("");
     const $img = ref();
     const setSrc = () => {
@@ -1121,22 +1153,22 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$y, {
-        class: normalizeClass(_ctx.class),
-        cname: _ctx.cname,
-        states: _ctx.states,
-        matrix: _ctx.matrix
+        class: normalizeClass(__props.class),
+        cname: __props.cname,
+        states: __props.states,
+        matrix: __props.matrix
       }, {
         className: withCtx((scope) => [
           src.value ? (openBlock(), createElementBlock("img", {
             key: 0,
             src: src.value,
             class: normalizeClass(`${scope.className} ani-fade-in`),
-            state: _ctx.state,
+            state: __props.state,
             style: normalizeStyle({
               display: "block",
               ...scope.matrixStyle
             }),
-            alt: _ctx.alt,
+            alt: __props.alt,
             ref_key: "$img",
             ref: $img
           }, null, 14, _hoisted_1$9)) : (openBlock(), createElementBlock("div", {
@@ -1231,27 +1263,27 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$y, {
-        class: normalizeClass(_ctx.class),
-        states: _ctx.states,
-        cname: _ctx.cname
+        class: normalizeClass(__props.class),
+        states: __props.states,
+        cname: __props.cname
       }, {
         className: withCtx((scope) => [
-          _ctx.icon.search("ani_") === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            _ctx.icon === "ani_success" ? (openBlock(), createBlock(_sfc_main$t, { key: "success" })) : createCommentVNode("", true),
-            _ctx.icon === "ani_fail" ? (openBlock(), createBlock(AniFail, { key: "fail" })) : createCommentVNode("", true),
-            _ctx.icon === "ani_notic" ? (openBlock(), createBlock(AniNotic, { key: "notic" })) : createCommentVNode("", true),
-            _ctx.icon === "ani_loading" ? (openBlock(), createBlock(AniLoading, { key: "loading" })) : createCommentVNode("", true)
+          __props.icon.search("ani_") === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            __props.icon === "ani_success" ? (openBlock(), createBlock(_sfc_main$t, { key: "success" })) : createCommentVNode("", true),
+            __props.icon === "ani_fail" ? (openBlock(), createBlock(AniFail, { key: "fail" })) : createCommentVNode("", true),
+            __props.icon === "ani_notic" ? (openBlock(), createBlock(AniNotic, { key: "notic" })) : createCommentVNode("", true),
+            __props.icon === "ani_loading" ? (openBlock(), createBlock(AniLoading, { key: "loading" })) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
-          _ctx.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$x, {
+          __props.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$x, {
             key: 1,
-            "bg-img": _ctx.icon,
-            states: _ctx.states,
-            class: normalizeClass(_ctx.class),
-            state: _ctx.state
+            "bg-img": __props.icon,
+            states: __props.states,
+            class: normalizeClass(__props.class),
+            state: __props.state
           }, null, 8, ["bg-img", "states", "class", "state"])) : (openBlock(), createElementBlock("i", {
             key: 2,
             class: normalizeClass(`ico-${props.icon} ${scope.className}`),
-            state: _ctx.state
+            state: __props.state
           }, null, 10, _hoisted_1$8))
         ]),
         _: 1
@@ -1283,8 +1315,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     min: {}
   },
   emits: ["update:text", "on_focus", "on_blur", "on_change", "multiline"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const preset_rules = {
       required: {
         regexp: /[\w\.\-_\u4e00-\u9fa5]+/,
@@ -1412,36 +1445,36 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       const _component_b_view = resolveComponent("b-view");
       const _component_b_icon = resolveComponent("b-icon");
       return openBlock(), createBlock(_sfc_main$y, {
-        class: normalizeClass(_ctx.class),
-        focus: _ctx.focus,
-        states: _ctx.states,
-        cname: _ctx.cname
+        class: normalizeClass(__props.class),
+        focus: __props.focus,
+        states: __props.states,
+        cname: __props.cname
       }, {
         className: withCtx((scope) => [
           createVNode(_component_b_view, { class: "flex-4 rel" }, {
             default: withCtx(() => {
               var _a;
               return [
-                _ctx.aspectHeight ? withDirectives((openBlock(), createElementBlock("span", {
+                __props.aspectHeight ? withDirectives((openBlock(), createElementBlock("span", {
                   key: 0,
                   class: normalizeClass(scope.className),
                   style: { "pointer-events": "none", "position": "absolute", "background": "none", "border": "none", "opacity": ".4", "font-size": ".9em" }
-                }, toDisplayString(_ctx.placeholder), 3)), [
-                  [vShow, !_ctx.text]
+                }, toDisplayString(__props.placeholder), 3)), [
+                  [vShow, !__props.text]
                 ]) : createCommentVNode("", true),
-                _ctx.aspectHeight ? (openBlock(), createElementBlock("div", {
+                __props.aspectHeight ? (openBlock(), createElementBlock("div", {
                   key: 1,
                   class: normalizeClass(scope.className),
-                  contenteditable: !_ctx.readonly,
+                  contenteditable: !__props.readonly,
                   onFocus: _cache[0] || (_cache[0] = ($event) => focusEvent($event)),
                   onBlur: blurEvent,
                   onChange: change,
                   onInput: input2,
                   ref_key: "$input",
                   ref: $input,
-                  "focus-state": _ctx.focus ? "true" : "",
+                  "focus-state": __props.focus ? "true" : "",
                   style: { "outline": "none", "width": "100%" },
-                  state: _ctx.state,
+                  state: __props.state,
                   autocomplete: "off"
                 }, toDisplayString(val2.value), 43, _hoisted_1$7)) : withDirectives((openBlock(), createElementBlock("input", {
                   key: 2,
@@ -1451,20 +1484,20 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                   onChange: change,
                   onInput: input,
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => val.value = $event),
-                  type: _ctx.type,
+                  type: __props.type,
                   ref_key: "$input",
                   ref: $input,
-                  name: _ctx.name,
-                  "focus-state": _ctx.focus ? "true" : "",
-                  state: _ctx.state,
-                  placeholder: _ctx.placeholder,
-                  maxlength: _ctx.maxlength,
-                  readonly: _ctx.readonly,
+                  name: __props.name,
+                  "focus-state": __props.focus ? "true" : "",
+                  state: __props.state,
+                  placeholder: __props.placeholder,
+                  maxlength: __props.maxlength,
+                  readonly: __props.readonly,
                   autocomplete: "off"
                 }, null, 42, _hoisted_2$2)), [
                   [vModelDynamic, val.value]
                 ]),
-                _ctx.type === "number" ? (openBlock(), createBlock(_component_b_view, {
+                __props.type === "number" ? (openBlock(), createBlock(_component_b_view, {
                   key: 3,
                   class: "trans-fast abs r-6-px gap-2-px flex-4",
                   states: {
@@ -1480,9 +1513,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                       active: "dark-sm",
                       hover: "alpha-d8"
                     }, {
-                      default: withCtx(() => [
-                        createTextVNode(" + ")
-                      ]),
+                      default: withCtx(() => [..._cache[5] || (_cache[5] = [
+                        createTextVNode(" + ", -1)
+                      ])]),
                       _: 1
                     }),
                     createVNode(_component_b_hot, {
@@ -1491,15 +1524,15 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                       active: "dark-sm",
                       hover: "alpha-d8"
                     }, {
-                      default: withCtx(() => [
-                        createTextVNode(" - ")
-                      ]),
+                      default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                        createTextVNode(" - ", -1)
+                      ])]),
                       _: 1
                     })
                   ]),
                   _: 1
                 }, 8, ["state"])) : createCommentVNode("", true),
-                !_ctx.readonly && !_ctx.aspectHeight && !_ctx.hideClear && _ctx.type !== "number" ? (openBlock(), createBlock(_component_b_hot, {
+                !__props.readonly && !__props.aspectHeight && !__props.hideClear && __props.type !== "number" ? (openBlock(), createBlock(_component_b_hot, {
                   key: 4,
                   onOn_click: clear,
                   class: "trans-fast abs r-1",
@@ -1545,8 +1578,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     cname: {}
   },
   emits: ["on_focus", "on_blur", "on_change", "update:text"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const val = ref(props.text);
     const formatText = (text) => text.replace(/[\n\r]/g, "<br>");
     const inputText = () => {
@@ -1554,10 +1588,10 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$y, {
-        class: normalizeClass(_ctx.class),
-        focus: _ctx.focus,
-        states: _ctx.states,
-        cname: _ctx.cname
+        class: normalizeClass(__props.class),
+        focus: __props.focus,
+        states: __props.states,
+        cname: __props.cname
       }, {
         className: withCtx((scope) => [
           withDirectives(createElementVNode("textarea", {
@@ -1567,13 +1601,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             onChange: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("on_change", $event)),
             onInput: inputText,
             "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => val.value = $event),
-            name: _ctx.name,
-            focus: _ctx.focus ? true : "",
-            state: _ctx.state,
-            placeholder: _ctx.placeholder,
-            maxlength: _ctx.maxlength,
-            readonly: _ctx.readonly,
-            rows: _ctx.rows || 7
+            name: __props.name,
+            focus: __props.focus ? true : "",
+            state: __props.state,
+            placeholder: __props.placeholder,
+            maxlength: __props.maxlength,
+            readonly: __props.readonly,
+            rows: __props.rows || 7
           }, null, 42, _hoisted_1$6), [
             [vModelText, val.value]
           ])
@@ -1599,7 +1633,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     muted: { type: Boolean }
   },
   emits: ["on_play"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
     const $video = ref();
     const iconScale = ref(0);
     onMounted(() => {
@@ -1648,14 +1683,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       const _component_b_view = resolveComponent("b-view");
       const _component_b_hot = resolveComponent("b-hot");
       return openBlock(), createBlock(_sfc_main$y, {
-        class: normalizeClass(_ctx.class),
-        cname: _ctx.cname
+        class: normalizeClass(__props.class),
+        cname: __props.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("div", {
             class: normalizeClass(`${scope.className} over-hide rel`)
           }, [
-            _ctx.customControls ? (openBlock(), createBlock(_component_b_hot, {
+            __props.customControls ? (openBlock(), createBlock(_component_b_hot, {
               key: 0,
               class: "max abs flex-5 z-2 bg-color-rgba_0_0_0_d1 trans-fast",
               onOn_click: togglePlay,
@@ -1687,19 +1722,19 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["state"])) : createCommentVNode("", true),
-            _ctx.fullScreen ? (openBlock(), createElementBlock("video", {
+            __props.fullScreen ? (openBlock(), createElementBlock("video", {
               key: 1,
               ref_key: "$video",
               ref: $video,
               onPlaying: playing,
               onDurationchange: playing,
               class: normalizeClass(scope.className),
-              poster: _ctx.poster,
-              muted: _ctx.muted,
-              src: _ctx.video,
-              autoplay: _ctx.autoPlay,
-              controls: !_ctx.customControls,
-              loop: _ctx.loop
+              poster: __props.poster,
+              muted: __props.muted,
+              src: __props.video,
+              autoplay: __props.autoPlay,
+              controls: !__props.customControls,
+              loop: __props.loop
             }, null, 42, _hoisted_1$5)) : (openBlock(), createElementBlock("video", {
               key: 2,
               ref_key: "$video",
@@ -1710,12 +1745,12 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               playsinline: "",
               "x5-video-player-type": "h5-page",
               class: normalizeClass(scope.className),
-              poster: _ctx.poster,
-              muted: _ctx.muted,
-              src: _ctx.video,
-              autoplay: _ctx.autoPlay,
-              controls: !_ctx.customControls,
-              loop: _ctx.loop
+              poster: __props.poster,
+              muted: __props.muted,
+              src: __props.video,
+              autoplay: __props.autoPlay,
+              controls: !__props.customControls,
+              loop: __props.loop
             }, null, 42, _hoisted_2$1))
           ], 2)
         ]),
@@ -1737,8 +1772,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     cname: {}
   },
   emits: ["on_scroll", "on_to_top", "on_to_bottom"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const $list = ref();
     const scrollTypeClass = computed(() => {
       if (props.scrollType)
@@ -1790,20 +1826,20 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$y, {
-        class: normalizeClass(_ctx.class),
-        states: _ctx.states,
-        cname: _ctx.cname
+        class: normalizeClass(__props.class),
+        states: __props.states,
+        cname: __props.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("div", {
             class: normalizeClass(scope.className),
-            state: _ctx.state
+            state: __props.state
           }, [
             createElementVNode("div", {
               ref_key: "$list",
               ref: $list,
               class: normalizeClass(scrollTypeClass.value),
-              style: normalizeStyle(`overflow-x: ${_ctx.scroll.x}; overflow-y: ${_ctx.scroll.y}; width: 100%; height: 100%;`),
+              style: normalizeStyle(`overflow-x: ${__props.scroll.x}; overflow-y: ${__props.scroll.y}; width: 100%; height: 100%;`),
               onTouchmove: _cache[0] || (_cache[0] = withModifiers(() => {
               }, ["stop"]))
             }, [
@@ -1828,8 +1864,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     cname: {}
   },
   emits: ["on_drag_start", "on_drag_end", "on_drag_over", "on_drag_leave", "on_drop", "on_move"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const $el = ref();
     const state = ref("");
     const dragState = ref(false);
@@ -1928,16 +1965,16 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$y, {
-        class: normalizeClass(_ctx.class),
-        states: { dragStart: _ctx.dragStart, dragOver: _ctx.dragOver },
-        cname: _ctx.cname
+        class: normalizeClass(__props.class),
+        states: { dragStart: __props.dragStart, dragOver: __props.dragOver },
+        cname: __props.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("div", {
             style: normalizeStyle({
-              cursor: _ctx.dragOver ? "default" : "move",
+              cursor: __props.dragOver ? "default" : "move",
               visibility: dragState.value ? "hidden" : "visible",
-              position: _ctx.freeDrag ? "absolute" : "relative",
+              position: __props.freeDrag ? "absolute" : "relative",
               left: 0,
               top: 0,
               transform: `translate(${movePos.x}px, ${movePos.y}px)`
@@ -1946,7 +1983,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             ref: $el,
             class: normalizeClass(scope.className),
             state: state.value,
-            draggable: _ctx.dragStart ? true : false
+            draggable: __props.dragStart ? true : false
           }, [
             renderSlot(_ctx.$slots, "default")
           ], 14, _hoisted_1$3)
@@ -1967,14 +2004,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$y, {
-        class: normalizeClass(_ctx.class),
-        cname: _ctx.cname
+        class: normalizeClass(__props.class),
+        cname: __props.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("iframe", {
             class: normalizeClass(scope.className),
             frameborder: "0",
-            src: _ctx.src
+            src: __props.src
           }, null, 10, _hoisted_1$2)
         ]),
         _: 1
@@ -1999,7 +2036,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     });
     const combClass = ref(`${props.class ?? ""} flex pad-h-${gap.value[0]} pad-v-${gap.value[1]}`);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$x, mergeProps({ class: combClass.value }, _ctx.viewData, {
+      return openBlock(), createBlock(_sfc_main$x, mergeProps({ class: combClass.value }, __props.viewData, {
         extraClass: {
           selector: ">",
           value: `pad-h-${gap.value[0]} pad-v-${gap.value[1]}`
@@ -2025,7 +2062,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     const props = __props;
     const combClass = ref(`${props.class ?? ""} ${props.span ? "col-" + props.span : ""} ${props.offset ? "offset-" + props.offset : ""}`);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$x, mergeProps({ class: combClass.value }, _ctx.viewData), {
+      return openBlock(), createBlock(_sfc_main$x, mergeProps({ class: combClass.value }, __props.viewData), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -2051,7 +2088,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       const btnColor = props["btnColor"];
       if (btnColor) {
         const bg = btnColor[type]["bg"];
-        if ((bg == null ? void 0 : bg.search("linear")) === 0)
+        if ((bg == null ? void 0 : bg.search(/linear|radial/)) === 0)
           return `bg-image-${bg}`;
         return `bg-color-${bg || defaultVal}`;
       }
@@ -2094,14 +2131,14 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, mergeProps(_ctx.hotData, {
-        class: `flex-5 pad-h-1d4 ${size.value} thick-1 ellipsis ${_ctx.btnRound ? "round-lg" : "round-sm"} ${_ctx.btnWidth ? "lw-" + _ctx.btnWidth : ""} ${normal.value.bg} ${normal.value.text} ${normal.value.line} solid`,
+      return openBlock(), createBlock(_sfc_main$v, mergeProps(__props.hotData, {
+        class: `flex-5 pad-h-1d4 ${size.value} thick-1 ellipsis ${__props.btnRound ? "round-lg" : "round-sm"} ${__props.btnWidth ? "lw-" + __props.btnWidth : ""} ${normal.value.bg} ${normal.value.text} ${normal.value.line} solid`,
         hover: `${hover.value.text} ${hover.value.bg} ${hover.value.line}`,
         active: `${active.value.text} ${active.value.bg} ${active.value.line}`
       }), {
         default: withCtx(() => [
-          _ctx.iconData ? (openBlock(), createBlock(_sfc_main$p, mergeProps({ key: 0 }, _ctx.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
-          createTextVNode(" " + toDisplayString(_ctx.btnText), 1)
+          __props.iconData ? (openBlock(), createBlock(_sfc_main$p, mergeProps({ key: 0 }, __props.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
+          createTextVNode(" " + toDisplayString(__props.btnText), 1)
         ]),
         _: 1
       }, 16, ["class", "hover", "active"]);
@@ -2119,8 +2156,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     label: {}
   },
   emits: ["update:selected", "change"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const combClass = ref(props.class ?? "flex-4 bg-color-neutral round-sm pad-4-px");
     const combActClass = ref(`color-blue ${props.actClass ?? ""}`);
     const label = computed(() => {
@@ -2155,7 +2193,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                 state: selected.value ? "act" : "",
                 cname: combClass.value + combActClass.value,
                 states: {
-                  act: `bg-color-${_ctx.actColor ? ((_a = _ctx.actColor) == null ? void 0 : _a.bg) ?? "blue" : "blue"} color-${_ctx.actColor ? ((_b = _ctx.actColor) == null ? void 0 : _b.icon) ?? "light" : "light"}`
+                  act: `bg-color-${__props.actColor ? ((_a = __props.actColor) == null ? void 0 : _a.bg) ?? "blue" : "blue"} color-${__props.actColor ? ((_b = __props.actColor) == null ? void 0 : _b.icon) ?? "light" : "light"}`
                 }
               }, {
                 default: withCtx(() => [
@@ -2197,8 +2235,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     span: {}
   },
   emits: ["update:selected", "change"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const checkboxData = computed(() => {
       return props.options.map((opt) => {
         var _a;
@@ -2231,15 +2270,15 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       const _component_b_col = resolveComponent("b-col");
       const _component_b_row = resolveComponent("b-row");
       return openBlock(), createBlock(_sfc_main$x, {
-        class: normalizeClass(_ctx.class)
+        class: normalizeClass(__props.class)
       }, {
         default: withCtx(() => [
-          _ctx.title ? (openBlock(), createBlock(_sfc_main$x, {
+          __props.title ? (openBlock(), createBlock(_sfc_main$x, {
             key: 0,
             class: "mrg-b-1"
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
+              createTextVNode(toDisplayString(__props.title), 1)
             ]),
             _: 1
           })) : createCommentVNode("", true),
@@ -2248,7 +2287,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(checkboxData.value, (item, i) => {
                 return openBlock(), createBlock(_component_b_col, {
                   class: "flex-4",
-                  span: _ctx.span,
+                  span: __props.span,
                   key: i
                 }, {
                   default: withCtx(() => [
@@ -2256,7 +2295,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                       onChange: change,
                       label: item.label,
                       value: item.value
-                    }, item.checkboxData, {
+                    }, { ref_for: true }, item.checkboxData, {
                       selected: item.selected,
                       "onUpdate:selected": ($event) => item.selected = $event
                     }), createSlots({ _: 2 }, [
@@ -2303,8 +2342,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     regular: { type: Boolean }
   },
   emits: ["update:selected", "change"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const selected = computed(() => [props.selected]);
     const change = (selected2) => {
       const values = selected2.map((item) => item.value);
@@ -2321,14 +2361,14 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_b_view = resolveComponent("b-view");
       return openBlock(), createBlock(_sfc_main$e, {
-        span: _ctx.span,
-        title: _ctx.title,
-        class: normalizeClass(_ctx.class),
+        span: __props.span,
+        title: __props.title,
+        class: normalizeClass(__props.class),
         selected: selected.value,
-        options: _ctx.options,
+        options: __props.options,
         onChange: change
       }, createSlots({ _: 2 }, [
-        _ctx.regular ? {
+        __props.regular ? {
           name: "default",
           fn: withCtx((scope) => [
             createVNode(_component_b_view, { class: "h-24-px w-24-px round-lg pad-d5 bg-color-neutral" }, {
@@ -2375,8 +2415,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     noDataNotic: {}
   },
   emits: ["update:selected", "change"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const tabConts = reactive({});
     const color = computed(() => props.color ?? "blue");
     const tabOrder = reactive({});
@@ -2437,17 +2478,17 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_sfc_main$d, {
               options: options.value,
-              title: _ctx.title,
+              title: __props.title,
               selected: selected.value,
               onChange: change
             }, createSlots({ _: 2 }, [
-              slots.value.length === 0 && _ctx.tabStyle === "grid" ? {
+              slots.value.length === 0 && __props.tabStyle === "grid" ? {
                 name: "default",
                 fn: withCtx((scope) => [
                   createElementVNode("span", { state: scope }, null, 8, _hoisted_1$1)
                 ]),
                 key: "0"
-              } : slots.value.length === 0 && _ctx.tabStyle === "card" ? {
+              } : slots.value.length === 0 && __props.tabStyle === "card" ? {
                 name: "default",
                 fn: withCtx((scope) => [
                   createVNode(_sfc_main$x, { class: "w-4-px b-f1-px h-1-px bg-color-neutral r-f5-px abs" })
@@ -2493,7 +2534,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createElementVNode("div", {
                   innerHTML: tabConts[selected.value],
-                  class: normalizeClass(_ctx.smooth ? `ani-fast ani-${flipDir.value}` : ""),
+                  class: normalizeClass(__props.smooth ? `ani-fast ani-${flipDir.value}` : ""),
                   onAnimationend: _cache[0] || (_cache[0] = ($event) => flipDir.value = "")
                 }, null, 42, _hoisted_2)
               ]),
@@ -2504,7 +2545,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createElementVNode("div", {
-                  innerHTML: _ctx.noDataNotic ?? "暂未选择标签"
+                  innerHTML: __props.noDataNotic ?? "暂未选择标签"
                 }, null, 8, _hoisted_3)
               ]),
               _: 1
@@ -2527,8 +2568,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     camera: { type: Boolean }
   },
   emits: ["on_upload"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const $uploader = ref();
     const btnData = computed(() => {
       return {
@@ -2590,7 +2632,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             key: 1,
             onOn_click: _cache[1] || (_cache[1] = ($event) => $uploader.value.click())
           }, btnData.value), null, 16)),
-          _ctx.camera ? (openBlock(), createElementBlock("input", {
+          __props.camera ? (openBlock(), createElementBlock("input", {
             key: 2,
             type: "file",
             style: { "display": "none" },
@@ -2606,7 +2648,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             ref_key: "$uploader",
             ref: $uploader,
             onChange: trigerUpload,
-            multiple: _ctx.multiple
+            multiple: __props.multiple
           }, null, 40, _hoisted_1))
         ]),
         _: 3
@@ -2627,8 +2669,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     aniName: {}
   },
   emits: ["update:visiable", "opened", "closed"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const dir = computed(() => props.dir || "bottom");
     const dirStyle = computed(() => {
       let layout, pannal;
@@ -2725,13 +2768,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(_sfc_main$v, {
             onOn_transend: matteAniend,
-            onOn_click: _cache[0] || (_cache[0] = ($event) => !_ctx.matteCloseForbid && hide()),
-            state: _ctx.visiable.toString(),
+            onOn_click: _cache[0] || (_cache[0] = ($event) => !__props.matteCloseForbid && hide()),
+            state: __props.visiable.toString(),
             states: {
               true: "alpha-1 visible",
               false: "alpha-0"
             },
-            class: normalizeClass(`abs trans-fast max t-0 l-0 bg-color-${_ctx.matteColor || "C000000cc"}`)
+            class: normalizeClass(`abs trans-fast max t-0 l-0 bg-color-${__props.matteColor || "C000000cc"}`)
           }, null, 8, ["state", "class"]),
           createVNode(_sfc_main$x, {
             class: normalizeClass(`${dirStyle.value.pannal} rel ani-mode-both ani-fast`),
@@ -2743,10 +2786,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "custom", {}, () => [
                 createVNode(_sfc_main$x, {
-                  class: normalizeClass(`bg-color-${_ctx.pannelColor || "light"} rel pad-2 ${_ctx.roundEnable ? "round-md" : ""} ${dirStyle.value.pannal}`)
+                  class: normalizeClass(`bg-color-${__props.pannelColor || "light"} rel pad-2 ${__props.roundEnable ? "round-md" : ""} ${dirStyle.value.pannal}`)
                 }, {
                   default: withCtx(() => [
-                    !_ctx.closeEnable ? (openBlock(), createBlock(_sfc_main$v, {
+                    !__props.closeEnable ? (openBlock(), createBlock(_sfc_main$v, {
                       key: 0,
                       class: "abs r-1 t-d7 color-mgray",
                       onOn_click: hide
@@ -2783,8 +2826,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     extra: {}
   },
   emits: ["close"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     let t;
     let hasOpened = false;
     const visiable = ref(false);
@@ -2820,7 +2864,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         onOpened: opened,
         "ani-name": ["ani-fade-in", "ani-fade-out"],
         dir: "center",
-        "matte-color": _ctx.matteColor || "C00000044"
+        "matte-color": __props.matteColor || "C00000044"
       }, {
         custom: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
@@ -2828,7 +2872,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               default: withCtx(() => {
                 var _a;
                 return [
-                  _ctx.icon ? (openBlock(), createBlock(_sfc_main$x, {
+                  __props.icon ? (openBlock(), createBlock(_sfc_main$x, {
                     key: 0,
                     class: "mrg-b-1d2 fsize-3d2",
                     states: {
@@ -2837,16 +2881,16 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                         ani: "ani-rotate"
                       }
                     },
-                    state: ((_a = _ctx.extra) == null ? void 0 : _a.type) ?? ""
+                    state: ((_a = __props.extra) == null ? void 0 : _a.type) ?? ""
                   }, {
                     default: withCtx(() => [
-                      createVNode(_sfc_main$p, { icon: _ctx.icon }, null, 8, ["icon"])
+                      createVNode(_sfc_main$p, { icon: __props.icon }, null, 8, ["icon"])
                     ]),
                     _: 1
                   }, 8, ["state"])) : createCommentVNode("", true),
                   createVNode(_sfc_main$w, null, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(_ctx.text), 1)
+                      createTextVNode(toDisplayString(__props.text), 1)
                     ]),
                     _: 1
                   })
@@ -2873,8 +2917,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     cancel: { type: Function }
   },
   emits: ["ok", "cancel", "close"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const visiable = ref(false);
     const closed = () => {
       emit("close");
@@ -2918,7 +2963,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         onClosed: closed,
         dir: "center",
         "ani-name": ["ani-fade-in", "ani-fade-out"],
-        "matte-color": _ctx.matteColor
+        "matte-color": __props.matteColor
       }, {
         custom: withCtx(() => [
           createVNode(_sfc_main$x, {
@@ -2929,7 +2974,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(`color-${theme2.value.text} pad-3d4 fsize-1d4 bolder-470`)
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.notic), 1)
+                  createTextVNode(toDisplayString(__props.notic), 1)
                 ]),
                 _: 1
               }, 8, ["class"]),
@@ -2937,7 +2982,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(`flex solid-t bolder-470 line-${theme2.value.line} thick-d4 fsize-1d44`)
               }, {
                 default: withCtx(() => [
-                  _ctx.type === "confirm" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  __props.type === "confirm" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     createVNode(_sfc_main$v, {
                       class: normalizeClass(`color-${theme2.value.cancel} solid-r thick-d4 line-${theme2.value.line} round-md round-3 flex-5 pad-v-1d4 w-50-P`),
                       active: "bg-color-neutral",
@@ -2946,7 +2991,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => {
                         var _a;
                         return [
-                          createTextVNode(toDisplayString(((_a = _ctx.text) == null ? void 0 : _a.cancel) || "取消"), 1)
+                          createTextVNode(toDisplayString(((_a = __props.text) == null ? void 0 : _a.cancel) || "取消"), 1)
                         ];
                       }),
                       _: 1
@@ -2959,7 +3004,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => {
                         var _a;
                         return [
-                          createTextVNode(toDisplayString(((_a = _ctx.text) == null ? void 0 : _a.ok) || "确定"), 1)
+                          createTextVNode(toDisplayString(((_a = __props.text) == null ? void 0 : _a.ok) || "确定"), 1)
                         ];
                       }),
                       _: 1
@@ -2973,7 +3018,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => {
                       var _a;
                       return [
-                        createTextVNode(toDisplayString(((_a = _ctx.text) == null ? void 0 : _a.ok) || "确定"), 1)
+                        createTextVNode(toDisplayString(((_a = __props.text) == null ? void 0 : _a.ok) || "确定"), 1)
                       ];
                     }),
                     _: 1
@@ -3146,8 +3191,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     camera: { type: Boolean }
   },
   emits: ["update:preview", "on_upload"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const size = computed(() => props.compress ? 1024 * 1024 * 20 : props.size);
     const imgUpload = (files, checkResult) => {
       if (checkResult.success) {
@@ -3352,21 +3398,21 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         createVNode(_sfc_main$b, {
           onOn_upload: imgUpload,
           size: size.value,
-          multiple: _ctx.multiple,
-          camera: _ctx.camera,
+          multiple: __props.multiple,
+          camera: __props.camera,
           type: ["image/jpeg", "image/png", "image/gif"]
         }, {
           default: withCtx(() => {
             var _a, _b, _c, _d, _e, _f;
             return [
-              _ctx.preview ? (openBlock(), createBlock(_component_b_view, {
+              __props.preview ? (openBlock(), createBlock(_component_b_view, {
                 key: 0,
-                class: normalizeClass(`w-${((_a = _ctx.cover) == null ? void 0 : _a.width) || 7} h-${((_b = _ctx.cover) == null ? void 0 : _b.height) || 7} bsize-${_ctx.bsize || "cover"} bpos-2 round-sm bg-color-neutral`),
-                "bg-img": _ctx.preview
+                class: normalizeClass(`w-${((_a = __props.cover) == null ? void 0 : _a.width) || 7} h-${((_b = __props.cover) == null ? void 0 : _b.height) || 7} bsize-${__props.bsize || "cover"} bpos-2 round-sm bg-color-neutral`),
+                "bg-img": __props.preview
               }, null, 8, ["class", "bg-img"])) : (openBlock(), createBlock(_component_b_icon, {
                 key: 1,
                 icon: "add",
-                class: normalizeClass(`flex-5 w-${((_c = _ctx.cover) == null ? void 0 : _c.width) || 7} h-${((_d = _ctx.cover) == null ? void 0 : _d.height) || 7} ${((_e = _ctx.cover) == null ? void 0 : _e.color) ? "color-" + ((_f = _ctx.cover) == null ? void 0 : _f.color) : ""} round-sm bg-color-neutral`)
+                class: normalizeClass(`flex-5 w-${((_c = __props.cover) == null ? void 0 : _c.width) || 7} h-${((_d = __props.cover) == null ? void 0 : _d.height) || 7} ${((_e = __props.cover) == null ? void 0 : _e.color) ? "color-" + ((_f = __props.cover) == null ? void 0 : _f.color) : ""} round-sm bg-color-neutral`)
               }, null, 8, ["class"]))
             ];
           }),
@@ -3380,13 +3426,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             var _a, _b;
             return [
               createVNode(_component_b_view, { class: "mrg-b-1" }, {
-                default: withCtx(() => [
-                  createTextVNode("拖动/触摸移动，滚轮或捏合缩放")
-                ]),
+                default: withCtx(() => [..._cache[0] || (_cache[0] = [
+                  createTextVNode("拖动/触摸移动，滚轮或捏合缩放", -1)
+                ])]),
                 _: 1
               }),
               createVNode(_component_b_hot, {
-                class: normalizeClass(`bg-color-dgray show rel line-outside over-hide round-md line-Cffffff44 solid thick-7-px w-${(_a = _ctx.compress) == null ? void 0 : _a.width}-px h-${(_b = _ctx.compress) == null ? void 0 : _b.height}-px`),
+                class: normalizeClass(`bg-color-dgray show rel line-outside over-hide round-md line-Cffffff44 solid thick-7-px w-${(_a = __props.compress) == null ? void 0 : _a.width}-px h-${(_b = __props.compress) == null ? void 0 : _b.height}-px`),
                 ref_key: "$cropArea",
                 ref: $cropArea,
                 onOn_wheel: onWheel,
@@ -3454,7 +3500,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       var _a;
       const _component_router_view = resolveComponent("router-view");
       return openBlock(), createBlock(_sfc_main$x, {
-        class: normalizeClass(`max fixed flex-column color-light select-none bg-color-${((_a = _ctx.colors) == null ? void 0 : _a.bg) || "none"}`)
+        class: normalizeClass(`max fixed flex-column color-light select-none bg-color-${((_a = __props.colors) == null ? void 0 : _a.bg) || "none"}`)
       }, {
         default: withCtx(() => {
           var _a2;
@@ -3466,7 +3512,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   class: "abs max"
                 }, {
                   default: withCtx(() => [
-                    _ctx.keepAlive ? (openBlock(), createBlock(KeepAlive, { key: 0 }, [
+                    __props.keepAlive ? (openBlock(), createBlock(KeepAlive, { key: 0 }, [
                       createVNode(_component_router_view)
                     ], 1024)) : (openBlock(), createBlock(_component_router_view, { key: 1 }))
                   ]),
@@ -3476,11 +3522,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               _: 1
             }),
             createVNode(_sfc_main$x, {
-              class: normalizeClass(`pcenter pad-t-d5 flex-1 ${_ctx.round ? "round-md round-t" : ""} bg-color-${((_a2 = _ctx.colors) == null ? void 0 : _a2.bar) || "dark"} solid-t line-neutral thick-d4 app-nav-bar`)
+              class: normalizeClass(`pcenter pad-t-d5 flex-1 ${__props.round ? "round-md round-t" : ""} bg-color-${((_a2 = __props.colors) == null ? void 0 : _a2.bar) || "dark"} solid-t line-neutral thick-d4 app-nav-bar`)
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(navs.value, (nav, i) => {
-                  return openBlock(), createBlock(_sfc_main$v, mergeProps({ key: i }, nav.hotData, {
+                  return openBlock(), createBlock(_sfc_main$v, mergeProps({ key: i }, { ref_for: true }, nav.hotData, {
                     class: "grow-1",
                     onOn_click: ($event) => _ctx.$emit("on_toggle", nav)
                   }), {
@@ -3494,19 +3540,19 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                           default: withCtx(() => {
                             var _a4, _b2, _c2, _d2;
                             return [
-                              createVNode(_sfc_main$p, mergeProps(nav.iconData, {
-                                class: `abs flex-5 solid t-f1d4 thick-2 w-5 h-5 round fsize-1d7 line-${((_b2 = (_a4 = _ctx.colors) == null ? void 0 : _a4.center) == null ? void 0 : _b2.line) || "neutral"} bg-color-${((_d2 = (_c2 = _ctx.colors) == null ? void 0 : _c2.center) == null ? void 0 : _d2.bg) || "dgray"}`
+                              createVNode(_sfc_main$p, mergeProps({ ref_for: true }, nav.iconData, {
+                                class: `abs flex-5 solid t-f1d4 thick-2 w-5 h-5 round fsize-1d7 line-${((_b2 = (_a4 = __props.colors) == null ? void 0 : _a4.center) == null ? void 0 : _b2.line) || "neutral"} bg-color-${((_d2 = (_c2 = __props.colors) == null ? void 0 : _c2.center) == null ? void 0 : _d2.bg) || "dgray"}`
                               }), null, 16, ["class"])
                             ];
                           }),
                           _: 2
                         }, 1024)) : (openBlock(), createBlock(_sfc_main$x, {
                           key: 1,
-                          class: normalizeClass(`flex-column rel flex-5 color-${((_b = (_a3 = _ctx.colors) == null ? void 0 : _a3.text) == null ? void 0 : _b.normal) || "mgray"}`),
-                          cname: ((_d = (_c = _ctx.colors) == null ? void 0 : _c.text) == null ? void 0 : _d.act) || "light",
+                          class: normalizeClass(`flex-column rel flex-5 color-${((_b = (_a3 = __props.colors) == null ? void 0 : _a3.text) == null ? void 0 : _b.normal) || "mgray"}`),
+                          cname: ((_d = (_c = __props.colors) == null ? void 0 : _c.text) == null ? void 0 : _d.act) || "light",
                           state: curRoute.value.search(nav.hotData.link) === 0 ? "act" : "",
                           states: {
-                            act: `color-${((_f = (_e = _ctx.colors) == null ? void 0 : _e.text) == null ? void 0 : _f.act) || "light"}`
+                            act: `color-${((_f = (_e = __props.colors) == null ? void 0 : _e.text) == null ? void 0 : _f.act) || "light"}`
                           }
                         }, {
                           default: withCtx(() => [
@@ -3523,13 +3569,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                               ]),
                               _: 2
                             }, 1024)) : createCommentVNode("", true),
-                            createVNode(_sfc_main$p, mergeProps(nav.iconData, {
+                            createVNode(_sfc_main$p, mergeProps({ ref_for: true }, nav.iconData, {
                               cname: nav.act,
                               state: curRoute.value.search(nav.hotData.link) === 0 ? "act" : "",
                               states: {
                                 act: nav.act ?? ""
                               },
-                              class: `w-2d7 h-2d7 ${_ctx.iconTransAni ? "trans-fast" : ""} fsize-1d7`
+                              class: `w-2d7 h-2d7 ${__props.iconTransAni ? "trans-fast" : ""} fsize-1d7`
                             }), null, 16, ["cname", "state", "states", "class"]),
                             nav.text ? (openBlock(), createBlock(_sfc_main$w, {
                               key: 2,
@@ -3567,8 +3613,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     modalData: {}
   },
   emits: ["update:datetime", "getData"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const state = ref(false);
     const modalData = reactive({
       roundEnable: true,
@@ -3618,8 +3665,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   onGetData: ok,
                   datetime: datetime.value,
                   "onUpdate:datetime": _cache[0] || (_cache[0] = ($event) => datetime.value = $event),
-                  format: _ctx.format,
-                  "btn-data": _ctx.btnData
+                  format: __props.format,
+                  "btn-data": __props.btnData
                 }, null, 8, ["datetime", "format", "btn-data"])
               ]),
               _: 1
@@ -3639,8 +3686,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     btnData: {}
   },
   emits: ["update:datetime", "getData"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const btnData = computed(() => {
       return {
         btnText: "确定",
@@ -3831,9 +3879,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["state"]),
                   createVNode(_component_b_text, { class: "pad-h-d4 alpha-d4" }, {
-                    default: withCtx(() => [
-                      createTextVNode("年")
-                    ]),
+                    default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                      createTextVNode("年", -1)
+                    ])]),
                     _: 1
                   })
                 ]),
@@ -3853,9 +3901,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["state"]),
                   createVNode(_component_b_text, { class: "pad-h-d4 alpha-d4" }, {
-                    default: withCtx(() => [
-                      createTextVNode("月")
-                    ]),
+                    default: withCtx(() => [..._cache[7] || (_cache[7] = [
+                      createTextVNode("月", -1)
+                    ])]),
                     _: 1
                   })
                 ]),
@@ -3875,9 +3923,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["state"]),
                   createVNode(_component_b_text, { class: "pad-h-d4 alpha-d4" }, {
-                    default: withCtx(() => [
-                      createTextVNode("日")
-                    ]),
+                    default: withCtx(() => [..._cache[8] || (_cache[8] = [
+                      createTextVNode("日", -1)
+                    ])]),
                     _: 1
                   })
                 ]),
@@ -3901,9 +3949,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["state"]),
                   createVNode(_component_b_text, { class: "pad-h-d4 alpha-d4" }, {
-                    default: withCtx(() => [
-                      createTextVNode("时")
-                    ]),
+                    default: withCtx(() => [..._cache[9] || (_cache[9] = [
+                      createTextVNode("时", -1)
+                    ])]),
                     _: 1
                   })
                 ]),
@@ -3923,9 +3971,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["state"]),
                   createVNode(_component_b_text, { class: "pad-h-d4 alpha-d4" }, {
-                    default: withCtx(() => [
-                      createTextVNode("分")
-                    ]),
+                    default: withCtx(() => [..._cache[10] || (_cache[10] = [
+                      createTextVNode("分", -1)
+                    ])]),
                     _: 1
                   })
                 ]),
@@ -3945,9 +3993,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     _: 1
                   }, 8, ["state"]),
                   createVNode(_component_b_text, { class: "pad-h-d4 alpha-d4" }, {
-                    default: withCtx(() => [
-                      createTextVNode("秒")
-                    ]),
+                    default: withCtx(() => [..._cache[11] || (_cache[11] = [
+                      createTextVNode("秒", -1)
+                    ])]),
                     _: 1
                   })
                 ]),
@@ -4014,8 +4062,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     theme: {}
   },
   emits: ["sendPrice", "update:price", "update:input"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const state = ref(false);
     const theme2 = reactive({
       dir: "",
@@ -4074,8 +4123,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           visiable: state.value,
           "onUpdate:visiable": _cache[2] || (_cache[2] = ($event) => state.value = $event),
           dir: theme2.dir,
-          "matte-color": _ctx.matteColor,
-          "matte-close-forbid": _ctx.matteCloseForbid
+          "matte-color": __props.matteColor,
+          "matte-close-forbid": __props.matteCloseForbid
         }, {
           custom: withCtx(() => [
             createVNode(_component_price_wid, {
@@ -4085,7 +4134,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               price: price.value,
               "onUpdate:price": _cache[1] || (_cache[1] = ($event) => price.value = $event),
               theme: theme2,
-              "hide-screen": _ctx.hideScreen
+              "hide-screen": __props.hideScreen
             }, createSlots({ _: 2 }, [
               _ctx.$slots.delete ? {
                 name: "delete",
@@ -4118,8 +4167,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     theme: {}
   },
   emits: ["sendPrice", "update:input", "update:price"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const theme2 = reactive({
       dir: "",
       pannel: "lgray",
@@ -4198,15 +4248,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         class: normalizeClass(`${baseStyle.value} bg-color-${theme2.pannel} color-${theme2.text}`)
       }, {
         default: withCtx(() => [
-          !_ctx.hideScreen ? (openBlock(), createBlock(_sfc_main$x, {
+          !__props.hideScreen ? (openBlock(), createBlock(_sfc_main$x, {
             key: 0,
             class: "flex-4 no-wrap pad-1d4"
           }, {
             default: withCtx(() => [
               createVNode(_component_b_text, { class: "fsize-2d4 bold alpha-d4" }, {
-                default: withCtx(() => [
-                  createTextVNode("￥")
-                ]),
+                default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                  createTextVNode("￥", -1)
+                ])]),
                 _: 1
               }),
               createVNode(_component_b_input, {
@@ -4302,9 +4352,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                             active: `bg-color-${theme2.btn.active}`,
                             state: "0"
                           }, {
-                            default: withCtx(() => [
-                              createTextVNode("0")
-                            ]),
+                            default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                              createTextVNode("0", -1)
+                            ])]),
                             _: 1
                           }, 8, ["class", "active"])
                         ]),
@@ -4317,9 +4367,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                             active: `bg-color-${theme2.btn.active}`,
                             state: "."
                           }, {
-                            default: withCtx(() => [
-                              createTextVNode(".")
-                            ]),
+                            default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                              createTextVNode(".", -1)
+                            ])]),
                             _: 1
                           }, 8, ["class", "active"])
                         ]),
@@ -4372,7 +4422,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     active: {}
   },
   emits: ["on_select"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const dataTree = ref(props.dataTree || []);
     const selected = inject("selected");
@@ -4403,9 +4453,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$v, {
                 cname: `${item.id}-${Math.random()}`,
                 class: normalizeClass(`flex-4 pad-v-${gap.value} pad-l-${setIndex(item.level)}`),
-                hover: _ctx.hover,
+                hover: __props.hover,
                 states: {
-                  true: `${_ctx.active ? _ctx.active : ""}`,
+                  true: `${__props.active ? __props.active : ""}`,
                   false: ""
                 },
                 state: (((_a = unref(selected)) == null ? void 0 : _a.findIndex((data) => data.id === item.id)) > -1).toString()
@@ -4439,11 +4489,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 state: item.spread ? "show" : "hide"
               }, {
                 default: withCtx(() => [
-                  createVNode(_component_content_node_wid, normalizeProps(guardReactiveProps({ ...props, dataTree: item.children })), createSlots({ _: 2 }, [
+                  createVNode(_component_content_node_wid, mergeProps({ ref_for: true }, { ...props, dataTree: item.children }), createSlots({ _: 2 }, [
                     _ctx.$slots.default ? {
                       name: "default",
                       fn: withCtx((scope) => [
-                        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope)))
+                        renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, scope))
                       ]),
                       key: "0"
                     } : void 0
@@ -4469,8 +4519,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     active: {}
   },
   emits: ["on_select"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     let prefix = 0;
     const flatDataTree = reactive([]);
     const indexDataTree = reactive({});