btxui 1.0.85 → 1.0.88

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive, onMounted, renderSlot, watch, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle, getCurrentInstance, resolveDynamicComponent, withModifiers, createVNode, resolveComponent, createElementBlock, Fragment, createCommentVNode, watchEffect, nextTick, toDisplayString, withDirectives, vModelDynamic, vModelText, mergeProps, createTextVNode, renderList, createSlots, onBeforeMount, KeepAlive, onBeforeUnmount, inject, unref, normalizeProps, guardReactiveProps, provide } from "vue";
+import { defineComponent, ref, computed, reactive, onMounted, renderSlot, watch, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle, getCurrentInstance, resolveDynamicComponent, withModifiers, createVNode, resolveComponent, createElementBlock, Fragment, createCommentVNode, watchEffect, nextTick, toDisplayString, withDirectives, vModelDynamic, vModelText, mergeProps, createTextVNode, renderList, createSlots, onBeforeMount, KeepAlive, onBeforeUnmount, inject, unref, provide, normalizeProps } from "vue";
 const theme = {
   // 预置主题色
   colors: {
@@ -172,6 +172,9 @@ const prestyles = {
   "dark-sm": `filter: brightness(80%);`,
   "dark-md": `filter: brightness(50%);`,
   "dark-lg": `filter: brightness(20%);`,
+  "light-sm": `filter: brightness(120%);`,
+  "light-md": `filter: brightness(150%);`,
+  "light-lg": `filter: brightness(200%);`,
   // 纯度滤镜
   "gray-no": `filter: grayscale(0%);`,
   "gray-sm": `filter: grayscale(40%);`,
@@ -554,7 +557,7 @@ var md5$1 = {
 })(md5$1);
 const md5 = md5Exports;
 const GLOBAL_STYLE_NAME = "BTXUIGlobal";
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "b-style",
   props: {
     class: {},
@@ -799,7 +802,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$c = ["data-ani-states", "state"];
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "b-view",
   props: {
     class: {},
@@ -811,8 +814,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     prevent: { 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;
@@ -840,11 +844,11 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, {
-        class: normalizeClass(_ctx.class),
-        cname: _ctx.cname,
-        states: _ctx.states,
-        matrix: _ctx.matrix
+      return openBlock(), createBlock(_sfc_main$u, {
+        class: normalizeClass(__props.class),
+        cname: __props.cname,
+        states: __props.states,
+        matrix: __props.matrix
       }, {
         className: withCtx((scope) => [
           createElementVNode("div", {
@@ -865,7 +869,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$b = ["state"];
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "b-text",
   props: {
     class: {},
@@ -875,15 +879,15 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, {
-        class: normalizeClass(_ctx.class),
-        states: _ctx.states,
-        cname: _ctx.cname
+      return openBlock(), createBlock(_sfc_main$u, {
+        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$b)
@@ -893,7 +897,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "b-hot",
   props: {
     link: {},
@@ -910,10 +914,11 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     touchDuration: {},
     eventProxy: { type: Boolean }
   },
-  emits: ["on_click", "on_enter", "on_move", "on_leave", "on_dblclick", "on_longTouch"],
-  setup(__props, { emit }) {
-    const props = __props;
+  emits: ["on_click", "on_enter", "on_move", "on_leave", "on_dblclick", "on_longTouch", "on_transend"],
+  setup(__props, { emit: __emit }) {
     const { proxy } = getCurrentInstance();
+    const props = __props;
+    const emit = __emit;
     const $anchor = ref();
     const target = ref("");
     let routeLink;
@@ -986,15 +991,15 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         $anchor.value.download = props.download;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, {
-        class: normalizeClass(_ctx.class),
-        states: _ctx.states,
-        hover: _ctx.hover,
-        active: _ctx.active,
-        cname: _ctx.cname
+      return openBlock(), createBlock(_sfc_main$u, {
+        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,
@@ -1006,18 +1011,19 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             onTouchend: leave,
             onClick: click,
             onDblclick: withModifiers(dblclick, ["stop"]),
+            onTransitionend: _cache[0] || (_cache[0] = ($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 ? true : "",
+            state: __props.state,
+            active: __props.active ? true : "",
             href: url.value
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
-            _: 2
-          }, 1064, ["style", "onDblclick", "target", "class", "hover", "state", "active", "href"]))
+            _: 3
+          }, 40, ["style", "target", "class", "hover", "state", "active", "href"]))
         ]),
         _: 3
       }, 8, ["class", "states", "hover", "active", "cname"]);
@@ -1025,7 +1031,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$a = ["src", "state", "alt"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "b-img",
   props: {
     img: {},
@@ -1038,9 +1044,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     cname: {}
   },
   emits: ["on_load"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const img = computed(() => props.img);
+    const emit = __emit;
     const src = ref("");
     const setSrc = () => {
       if (props.defaultSrc)
@@ -1057,19 +1064,19 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       setSrc();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, {
-        class: normalizeClass(_ctx.class),
-        cname: _ctx.cname,
-        states: _ctx.states,
-        matrix: _ctx.matrix
+      return openBlock(), createBlock(_sfc_main$u, {
+        class: normalizeClass(__props.class),
+        cname: __props.cname,
+        states: __props.states,
+        matrix: __props.matrix
       }, {
         className: withCtx((scope) => [
           createElementVNode("img", {
             src: src.value,
             class: normalizeClass(scope.className),
-            state: _ctx.state,
+            state: __props.state,
             style: normalizeStyle({ display: "block", ...scope.matrixStyle }),
-            alt: _ctx.alt
+            alt: __props.alt
           }, null, 14, _hoisted_1$a)
         ]),
         _: 1
@@ -1077,17 +1084,17 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "ani-success",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$s, {
+      return openBlock(), createBlock(_sfc_main$t, {
         class: "flex-5",
         matrix: { translate: "0,9px", rotate: "45deg" }
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$r, { class: "ani-success-part1 w-1 h-3-px bg-color-green round-sm" }),
-          createVNode(_sfc_main$r, { class: "ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px" })
+          createVNode(_sfc_main$s, { class: "ani-success-part1 w-1 h-3-px bg-color-green round-sm" }),
+          createVNode(_sfc_main$s, { class: "ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px" })
         ]),
         _: 1
       });
@@ -1103,7 +1110,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$n = {};
+const _sfc_main$o = {};
 function _sfc_render$2(_ctx, _cache) {
   const _component_b_text = resolveComponent("b-text");
   const _component_b_view = resolveComponent("b-view");
@@ -1115,9 +1122,9 @@ function _sfc_render$2(_ctx, _cache) {
     _: 1
   });
 }
-const AniFail = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$2]]);
+const AniFail = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$2]]);
 const aniNotic_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$m = {};
+const _sfc_main$n = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_b_text = resolveComponent("b-text");
   const _component_b_view = resolveComponent("b-view");
@@ -1132,9 +1139,9 @@ function _sfc_render$1(_ctx, _cache) {
     _: 1
   });
 }
-const AniNotic = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$1]]);
+const AniNotic = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$1]]);
 const aniLoading_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$l = {};
+const _sfc_main$m = {};
 function _sfc_render(_ctx, _cache) {
   const _component_b_view = resolveComponent("b-view");
   return openBlock(), createBlock(_component_b_view, { class: "flex-5" }, {
@@ -1144,9 +1151,9 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render]]);
+const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render]]);
 const _hoisted_1$9 = ["state"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "b-icon",
   props: {
     icon: {},
@@ -1158,28 +1165,28 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, {
-        class: normalizeClass(_ctx.class),
-        states: _ctx.states,
-        cname: _ctx.cname
+      return openBlock(), createBlock(_sfc_main$u, {
+        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$o, { 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$p, { 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$s, {
+          __props.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$t, {
             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$9))
         ]),
         _: 1
@@ -1188,8 +1195,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$8 = ["type", "name", "focus-state", "state", "placeholder", "maxlength", "readonly"];
-const _hoisted_2$3 = ["type", "name", "focus-state", "state", "placeholder", "maxlength", "readonly"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _hoisted_2$2 = ["type", "name", "focus-state", "state", "placeholder", "maxlength", "readonly"];
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "b-input",
   props: {
     type: {},
@@ -1207,8 +1214,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     aspectHeight: { type: Boolean }
   },
   emits: ["update:text", "on_focus", "on_blur", "on_change", "on_input", "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]+/,
@@ -1307,18 +1315,18 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       const _component_b_icon = resolveComponent("b-icon");
       const _component_b_hot = resolveComponent("b-hot");
       const _component_b_view = resolveComponent("b-view");
-      return openBlock(), createBlock(_sfc_main$t, {
-        class: normalizeClass(_ctx.class),
-        focus: _ctx.focus,
-        states: _ctx.states,
-        cname: _ctx.cname
+      return openBlock(), createBlock(_sfc_main$u, {
+        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 ? (openBlock(), createElementBlock("div", {
+                __props.aspectHeight ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: normalizeClass(scope.className),
                   contenteditable: "",
@@ -1326,16 +1334,16 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                   onBlur: blurEvent,
                   onChange: change,
                   onInput: input2,
-                  type: _ctx.type,
+                  type: __props.type,
                   ref_key: "$input",
                   ref: $input,
                   style: { "outline": "none" },
-                  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"
                 }, toDisplayString(val2.value), 43, _hoisted_1$8)) : withDirectives((openBlock(), createElementBlock("input", {
                   key: 1,
@@ -1345,21 +1353,21 @@ const _sfc_main$j = /* @__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,
                   style: { "outline": "none" },
-                  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$3)), [
+                }, null, 42, _hoisted_2$2)), [
                   [vModelDynamic, val.value]
                 ]),
-                !_ctx.readonly && !_ctx.aspectHeight ? (openBlock(), createBlock(_component_b_hot, {
+                !__props.readonly && !__props.aspectHeight ? (openBlock(), createBlock(_component_b_hot, {
                   key: 2,
                   onOn_click: clear,
                   class: "abs r-1 trans-fast",
@@ -1389,7 +1397,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$7 = ["name", "focus", "state", "placeholder", "maxlength", "readonly", "rows"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "b-textarea",
   props: {
     text: {},
@@ -1405,19 +1413,20 @@ const _sfc_main$i = /* @__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 = () => {
       emit("update:text", formatText(val.value));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, {
-        class: normalizeClass(_ctx.class),
-        focus: _ctx.focus,
-        states: _ctx.states,
-        cname: _ctx.cname
+      return openBlock(), createBlock(_sfc_main$u, {
+        class: normalizeClass(__props.class),
+        focus: __props.focus,
+        states: __props.states,
+        cname: __props.cname
       }, {
         className: withCtx((scope) => [
           withDirectives(createElementVNode("textarea", {
@@ -1427,13 +1436,13 @@ const _sfc_main$i = /* @__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$7), [
             [vModelText, val.value]
           ])
@@ -1444,8 +1453,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$6 = ["poster", "muted", "src", "autoplay", "controls", "loop"];
-const _hoisted_2$2 = ["poster", "muted", "src", "autoplay", "controls", "loop"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _hoisted_2$1 = ["poster", "muted", "src", "autoplay", "controls", "loop"];
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "b-video",
   props: {
     video: {},
@@ -1458,7 +1467,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     customControls: { type: Boolean }
   },
   emits: ["on_play"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const $video = ref();
     const iconScale = ref(0);
     onMounted(() => {
@@ -1488,15 +1498,15 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       const _component_b_icon = resolveComponent("b-icon");
       const _component_b_view = resolveComponent("b-view");
       const _component_b_hot = resolveComponent("b-hot");
-      return openBlock(), createBlock(_sfc_main$t, {
-        class: normalizeClass(_ctx.class),
-        cname: _ctx.cname
+      return openBlock(), createBlock(_sfc_main$u, {
+        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,
@@ -1528,7 +1538,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["state"])) : createCommentVNode("", true),
-            _ctx.fullScreen ? (openBlock(), createElementBlock("video", {
+            __props.fullScreen ? (openBlock(), createElementBlock("video", {
               key: 1,
               ref_key: "$video",
               ref: $video,
@@ -1536,12 +1546,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               onPlaying: playing,
               onDurationchange: playing,
               class: normalizeClass(scope.className),
-              poster: _ctx.poster,
-              muted: _ctx.autoPlay,
-              src: _ctx.video,
-              autoplay: _ctx.autoPlay,
-              controls: !_ctx.customControls,
-              loop: _ctx.loop
+              poster: __props.poster,
+              muted: __props.autoPlay,
+              src: __props.video,
+              autoplay: __props.autoPlay,
+              controls: !__props.customControls,
+              loop: __props.loop
             }, null, 42, _hoisted_1$6)) : (openBlock(), createElementBlock("video", {
               key: 2,
               ref_key: "$video",
@@ -1553,13 +1563,13 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               playsinline: "",
               "x5-video-player-type": "h5-page",
               class: normalizeClass(scope.className),
-              poster: _ctx.poster,
-              muted: _ctx.autoPlay,
-              src: _ctx.video,
-              autoplay: _ctx.autoPlay,
-              controls: !_ctx.customControls,
-              loop: _ctx.loop
-            }, null, 42, _hoisted_2$2))
+              poster: __props.poster,
+              muted: __props.autoPlay,
+              src: __props.video,
+              autoplay: __props.autoPlay,
+              controls: !__props.customControls,
+              loop: __props.loop
+            }, null, 42, _hoisted_2$1))
           ], 2)
         ]),
         _: 1
@@ -1569,7 +1579,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$5 = ["state"];
 const tolerance = 2;
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "b-list",
   props: {
     scroll: {},
@@ -1580,8 +1590,9 @@ const _sfc_main$g = /* @__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)
@@ -1632,21 +1643,21 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       watchPos();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, {
-        class: normalizeClass(_ctx.class),
-        states: _ctx.states,
-        cname: _ctx.cname
+      return openBlock(), createBlock(_sfc_main$u, {
+        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"]))
             }, [
@@ -1660,7 +1671,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$4 = ["state", "draggable"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "b-drag",
   props: {
     class: {},
@@ -1671,8 +1682,9 @@ const _sfc_main$f = /* @__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);
@@ -1770,17 +1782,17 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       bindEvent();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, {
-        class: normalizeClass(_ctx.class),
-        states: { dragStart: _ctx.dragStart, dragOver: _ctx.dragOver },
-        cname: _ctx.cname
+      return openBlock(), createBlock(_sfc_main$u, {
+        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)`
@@ -1789,7 +1801,7 @@ const _sfc_main$f = /* @__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$4)
@@ -1800,7 +1812,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$3 = ["src"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "b-webview",
   props: {
     src: {},
@@ -1809,15 +1821,15 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, {
-        class: normalizeClass(_ctx.class),
-        cname: _ctx.cname
+      return openBlock(), createBlock(_sfc_main$u, {
+        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$3)
         ]),
         _: 1
@@ -1825,7 +1837,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "b-row",
   props: {
     class: {},
@@ -1842,7 +1854,7 @@ const _sfc_main$d = /* @__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$s, mergeProps({ class: combClass.value }, _ctx.viewData, {
+      return openBlock(), createBlock(_sfc_main$t, mergeProps({ class: combClass.value }, __props.viewData, {
         extraClass: {
           selector: ">",
           value: `pad-h-${gap.value[0]} pad-v-${gap.value[1]}`
@@ -1856,7 +1868,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "b-col",
   props: {
     span: {},
@@ -1868,7 +1880,7 @@ const _sfc_main$c = /* @__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$s, mergeProps({ class: combClass.value }, _ctx.viewData), {
+      return openBlock(), createBlock(_sfc_main$t, mergeProps({ class: combClass.value }, __props.viewData), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1877,7 +1889,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "btn-wid",
   props: {
     btnText: {},
@@ -1924,21 +1936,21 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$q, mergeProps(_ctx.hotData, {
-        class: `flex-5 pad-h-1d4 pad-v-d4 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$r, mergeProps(__props.hotData, {
+        class: `flex-5 pad-h-1d4 pad-v-d4 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$k, mergeProps({ key: 0 }, _ctx.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
-          createTextVNode(" " + toDisplayString(_ctx.btnText), 1)
+          __props.iconData ? (openBlock(), createBlock(_sfc_main$l, mergeProps({ key: 0 }, __props.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
+          createTextVNode(" " + toDisplayString(__props.btnText), 1)
         ]),
         _: 1
       }, 16, ["class", "hover", "active"]);
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "checkbox-wid",
   props: {
     selected: { type: Boolean },
@@ -1949,8 +1961,9 @@ const _sfc_main$a = /* @__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(() => {
@@ -1966,7 +1979,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       emit("change", props.value, state);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$q, {
+      return openBlock(), createBlock(_sfc_main$r, {
         class: normalizeClass(combClass.value),
         hover: "alpha-d9",
         state: selected.value ? "act" : "",
@@ -1980,16 +1993,16 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           }, () => {
             var _a, _b;
             return [
-              createVNode(_sfc_main$s, {
+              createVNode(_sfc_main$t, {
                 class: "w-24-px h-24-px bg-color-neutral round-sm flex-5",
                 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(() => [
-                  createVNode(_sfc_main$k, {
+                  createVNode(_sfc_main$l, {
                     icon: "success",
                     class: "alpha-d3",
                     state: selected.value ? "act" : "",
@@ -2002,7 +2015,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               }, 8, ["state", "cname", "states"])
             ];
           }),
-          label.value ? (openBlock(), createBlock(_sfc_main$s, {
+          label.value ? (openBlock(), createBlock(_sfc_main$t, {
             key: 0,
             class: "pad-h-1 ellipsis"
           }, {
@@ -2017,7 +2030,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "checkbox-group-wid",
   props: {
     options: {},
@@ -2027,8 +2040,9 @@ const _sfc_main$9 = /* @__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;
@@ -2060,16 +2074,16 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_b_col = resolveComponent("b-col");
       const _component_b_row = resolveComponent("b-row");
-      return openBlock(), createBlock(_sfc_main$s, {
-        class: normalizeClass(_ctx.class)
+      return openBlock(), createBlock(_sfc_main$t, {
+        class: normalizeClass(__props.class)
       }, {
         default: withCtx(() => [
-          _ctx.title ? (openBlock(), createBlock(_sfc_main$s, {
+          __props.title ? (openBlock(), createBlock(_sfc_main$t, {
             key: 0,
             class: "mrg-b-1"
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
+              createTextVNode(toDisplayString(__props.title), 1)
             ]),
             _: 1
           })) : createCommentVNode("", true),
@@ -2078,15 +2092,15 @@ const _sfc_main$9 = /* @__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(() => [
-                    createVNode(_sfc_main$a, mergeProps({
+                    createVNode(_sfc_main$b, mergeProps({
                       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 }, [
@@ -2122,7 +2136,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "radio-group-wid",
   props: {
     options: {},
@@ -2133,8 +2147,9 @@ const _sfc_main$8 = /* @__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);
@@ -2150,15 +2165,15 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_b_view = resolveComponent("b-view");
-      return openBlock(), createBlock(_sfc_main$9, {
-        span: _ctx.span,
-        title: _ctx.title,
-        class: normalizeClass(_ctx.class),
+      return openBlock(), createBlock(_sfc_main$a, {
+        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" }, {
@@ -2191,9 +2206,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$2 = ["state"];
-const _hoisted_2$1 = ["innerHTML"];
-const _hoisted_3$1 = ["innerHTML"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = ["innerHTML"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "tabs-wid",
   props: {
     options: {},
@@ -2205,8 +2220,9 @@ const _sfc_main$7 = /* @__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({});
@@ -2263,30 +2279,30 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$s, { class: "flex-7" }, {
+        createVNode(_sfc_main$t, { class: "flex-7" }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$8, {
+            createVNode(_sfc_main$9, {
               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$2)
                 ]),
                 key: "0"
-              } : slots.value.length === 0 && _ctx.tabStyle === "card" ? {
+              } : slots.value.length === 0 && __props.tabStyle === "card" ? {
                 name: "default",
                 fn: withCtx((scope) => [
-                  createVNode(_sfc_main$s, { class: "w-4-px b-f1-px h-1-px bg-color-neutral r-f5-px abs" })
+                  createVNode(_sfc_main$t, { class: "w-4-px b-f1-px h-1-px bg-color-neutral r-f5-px abs" })
                 ]),
                 key: "1"
               } : slots.value.length === 0 ? {
                 name: "default",
                 fn: withCtx((scope) => [
-                  createVNode(_sfc_main$s, {
+                  createVNode(_sfc_main$t, {
                     class: normalizeClass(`max-w l-0 b-f1-px round-sm h-2-px bg-color-none abs`),
                     state: scope.state,
                     states: {
@@ -2307,35 +2323,35 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 };
               })
             ]), 1032, ["options", "title", "selected"]),
-            contLine.value ? (openBlock(), createBlock(_sfc_main$s, {
+            contLine.value ? (openBlock(), createBlock(_sfc_main$t, {
               key: 0,
               class: "grow-1 h-1-px bg-color-neutral"
             })) : createCommentVNode("", true)
           ]),
           _: 3
         }),
-        contArea.value ? (openBlock(), createBlock(_sfc_main$s, {
+        contArea.value ? (openBlock(), createBlock(_sfc_main$t, {
           key: 0,
           class: "pad-v-1d5 over-hide"
         }, {
           default: withCtx(() => [
-            selected.value ? (openBlock(), createBlock(_sfc_main$s, { key: 0 }, {
+            selected.value ? (openBlock(), createBlock(_sfc_main$t, { key: 0 }, {
               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$1)
+                }, null, 42, _hoisted_2)
               ]),
               _: 1
-            })) : (openBlock(), createBlock(_sfc_main$s, {
+            })) : (openBlock(), createBlock(_sfc_main$t, {
               key: 1,
               class: "alpha-d5"
             }, {
               default: withCtx(() => [
                 createElementVNode("div", {
-                  innerHTML: _ctx.noDataNotic ?? "暂未选择标签"
-                }, null, 8, _hoisted_3$1)
+                  innerHTML: __props.noDataNotic ?? "暂未选择标签"
+                }, null, 8, _hoisted_3)
               ]),
               _: 1
             }))
@@ -2347,7 +2363,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$1 = ["multiple"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "upload-wid",
   props: {
     type: {},
@@ -2356,8 +2372,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     btnData: {}
   },
   emits: ["on_upload"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const $uploader = ref();
     const btnData = computed(() => {
       return {
@@ -2405,7 +2422,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_b_hot = resolveComponent("b-hot");
-      return openBlock(), createBlock(_sfc_main$s, { class: "flex" }, {
+      return openBlock(), createBlock(_sfc_main$t, { class: "flex" }, {
         default: withCtx(() => [
           _ctx.$slots.default ? (openBlock(), createBlock(_component_b_hot, {
             key: 0,
@@ -2415,7 +2432,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          })) : (openBlock(), createBlock(_sfc_main$b, mergeProps({
+          })) : (openBlock(), createBlock(_sfc_main$c, mergeProps({
             key: 1,
             onOn_click: _cache[1] || (_cache[1] = ($event) => $uploader.value.click())
           }, btnData.value), null, 16)),
@@ -2425,7 +2442,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             ref_key: "$uploader",
             ref: $uploader,
             onChange: trigerUpload,
-            multiple: _ctx.multiple
+            multiple: __props.multiple
           }, null, 40, _hoisted_1$1)
         ]),
         _: 3
@@ -2433,7 +2450,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "img-upload-wid",
   props: {
     preview: {},
@@ -2444,8 +2461,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     compress: {}
   },
   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 : 1024 * 1024 * 2);
     const compress = (file) => {
       return new Promise((resolve, reject) => {
@@ -2492,23 +2510,23 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_b_view = resolveComponent("b-view");
       const _component_b_icon = resolveComponent("b-icon");
-      return openBlock(), createBlock(_sfc_main$6, {
+      return openBlock(), createBlock(_sfc_main$7, {
         onOn_upload: imgUpload,
         size: size.value,
-        multiple: _ctx.multiple,
+        multiple: __props.multiple,
         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"]))
           ];
         }),
@@ -2517,7 +2535,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "app-wid",
   props: {
     path: {},
@@ -2542,20 +2560,20 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a;
       const _component_router_view = resolveComponent("router-view");
-      return openBlock(), createBlock(_sfc_main$s, {
-        class: normalizeClass(`max fixed flex-column color-light select-none bg-color-${((_a = _ctx.colors) == null ? void 0 : _a.bg) || "none"}`)
+      return openBlock(), createBlock(_sfc_main$t, {
+        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;
           return [
-            createVNode(_sfc_main$s, { class: "rel grow-1" }, {
+            createVNode(_sfc_main$t, { class: "rel grow-1" }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$g, {
+                createVNode(_sfc_main$h, {
                   scroll: { y: "auto", x: "hidden" },
                   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 }))
                   ]),
@@ -2564,46 +2582,46 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(_sfc_main$s, {
-              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`)
+            createVNode(_sfc_main$t, {
+              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$q, mergeProps({ key: i }, nav.hotData, {
+                  return openBlock(), createBlock(_sfc_main$r, mergeProps({ key: i }, { ref_for: true }, nav.hotData, {
                     class: "grow-1",
                     onOn_click: ($event) => _ctx.$emit("on_toggle", nav)
                   }), {
                     default: withCtx(() => {
                       var _a3, _b, _c, _d, _e, _f;
                       return [
-                        nav.main ? (openBlock(), createBlock(_sfc_main$s, {
+                        nav.main ? (openBlock(), createBlock(_sfc_main$t, {
                           key: 0,
                           class: "rel w-5 mrg-h-auto"
                         }, {
                           default: withCtx(() => {
                             var _a4, _b2, _c2, _d2;
                             return [
-                              createVNode(_sfc_main$k, 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$l, 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$s, {
+                        }, 1024)) : (openBlock(), createBlock(_sfc_main$t, {
                           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 === nav.hotData.link ? "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(() => [
-                            nav.unread === 1 ? (openBlock(), createBlock(_sfc_main$s, {
+                            nav.unread === 1 ? (openBlock(), createBlock(_sfc_main$t, {
                               key: 0,
                               class: "round w-d7 h-d7 r-9d2-vw t-d2 bg-color-red abs"
                             })) : createCommentVNode("", true),
-                            nav.unread > 1 ? (openBlock(), createBlock(_sfc_main$s, {
+                            nav.unread > 1 ? (openBlock(), createBlock(_sfc_main$t, {
                               key: 1,
                               class: "flex-5 round w-1d5 h-1d5 bold r-7d7-vw t-fd5 bg-color-red abs color-Cfff"
                             }, {
@@ -2612,15 +2630,15 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                               ]),
                               _: 2
                             }, 1024)) : createCommentVNode("", true),
-                            createVNode(_sfc_main$k, mergeProps(nav.iconData, {
+                            createVNode(_sfc_main$l, mergeProps({ ref_for: true }, nav.iconData, {
                               cname: nav.act,
                               state: curRoute.value === nav.hotData.link ? "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$r, {
+                            nav.text ? (openBlock(), createBlock(_sfc_main$s, {
                               key: 2,
                               class: "fsize-d83"
                             }, {
@@ -2648,15 +2666,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1 = { open: "true" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", null, "hello dialog", -1);
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", null, [
-  /* @__PURE__ */ createElementVNode("button", { onclick: "document.querySelector('dialog').close()" }, "关闭")
-], -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "confirm-wid",
   props: {
     colors: {}
@@ -2693,11 +2703,16 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       $_close();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("dialog", _hoisted_1, _hoisted_4);
+      return openBlock(), createElementBlock("dialog", _hoisted_1, [..._cache[0] || (_cache[0] = [
+        createElementVNode("div", null, "hello dialog", -1),
+        createElementVNode("div", null, [
+          createElementVNode("button", { onclick: "document.querySelector('dialog').close()" }, "关闭")
+        ], -1)
+      ])]);
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "toast-wid",
   props: {
     matteColor: {}
@@ -2716,7 +2731,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_b_view = resolveComponent("b-view");
       return openBlock(), createBlock(_component_b_view, {
-        class: normalizeClass(`fixed max bg-color-${_ctx.matteColor || "rgba_0_0_0_d2"} l-0 t-0 flex-5`),
+        class: normalizeClass(`fixed max bg-color-${__props.matteColor || "rgba_0_0_0_d2"} l-0 t-0 flex-5`),
         state: visiable.value,
         states: {
           true: "alpha-1 visible",
@@ -2743,6 +2758,155 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "modal-wid",
+  props: {
+    visiable: { type: Boolean },
+    matteColor: {},
+    closeEnable: { type: Boolean },
+    roundEnable: { type: Boolean },
+    pannelColor: {},
+    dir: {}
+  },
+  emits: ["update:visiable"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const dir = computed(() => props.dir || "bottom");
+    const dirStyle = computed(() => {
+      let layout, pannal;
+      switch (dir.value) {
+        case "left":
+          layout = "flex-4";
+          pannal = `max-h round-r`;
+          break;
+        case "right":
+          layout = "flex-6";
+          pannal = `max-h round-l`;
+          break;
+        case "top":
+          layout = "flex-2";
+          pannal = `max-w round-b`;
+          break;
+        case "bottom":
+          layout = "flex-8";
+          pannal = `max-w round-t`;
+          break;
+        case "center":
+          layout = "flex-5";
+          pannal = ``;
+          break;
+      }
+      return { layout, pannal };
+    });
+    const aniDir = ref("");
+    watchEffect(() => {
+      if (props.visiable) {
+        closeState.value = true;
+        aniDir.value = dir.value;
+      } else {
+        aniDir.value = `${dir.value}Back`;
+      }
+    });
+    const closeState = ref(false);
+    const matteAniend = (e) => {
+      if (getComputedStyle(e.target).opacity === "0")
+        closeState.value = false;
+    };
+    const hide = () => {
+      emit("update:visiable", false);
+    };
+    return (_ctx, _cache) => {
+      const _component_b_hot = resolveComponent("b-hot");
+      const _component_b_icon = resolveComponent("b-icon");
+      const _component_b_view = resolveComponent("b-view");
+      return openBlock(), createBlock(_component_b_view, {
+        class: normalizeClass(`fixed t-0 l-0 max z-9 ${dirStyle.value.layout}`),
+        state: closeState.value,
+        states: {
+          true: "alpha-1 visible",
+          false: "alpha-0"
+        }
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_b_hot, {
+            onOn_transend: matteAniend,
+            onOn_click: hide,
+            state: __props.visiable,
+            states: {
+              true: "alpha-1 visible",
+              false: "alpha-0"
+            },
+            class: normalizeClass(`abs trans-fast max t-0 l-0 bg-color-${__props.matteColor || "C000000cc"}`)
+          }, null, 8, ["state", "class"]),
+          createVNode(_component_b_view, {
+            class: normalizeClass(`${dirStyle.value.pannal} rel ani-mode-both`),
+            state: aniDir.value,
+            states: {
+              left: {
+                ani: "ani-left-to-right"
+              },
+              right: {
+                ani: "ani-right-to-left"
+              },
+              top: {
+                ani: "ani-top-to-bottom"
+              },
+              bottom: {
+                ani: "ani-bottom-to-top"
+              },
+              center: {
+                ani: "ani-scale-fade-in"
+              },
+              leftBack: {
+                ani: "ani-left-to-right-reverse"
+              },
+              rightBack: {
+                ani: "ani-right-to-left-reverse"
+              },
+              topBack: {
+                ani: "ani-top-to-bottom-reverse"
+              },
+              bottomBack: {
+                ani: "ani-bottom-to-top-reverse"
+              },
+              centerBack: {
+                ani: "ani-scale-fade-out"
+              }
+            }
+          }, {
+            default: withCtx(() => [
+              _ctx.$slots.custom ? renderSlot(_ctx.$slots, "custom", { key: 0 }) : (openBlock(), createBlock(_component_b_view, {
+                key: 1,
+                class: normalizeClass(`bg-color-${__props.pannelColor || "light"} rel pad-2 ${__props.roundEnable ? "round-md" : ""} ${dirStyle.value.pannal}`)
+              }, {
+                default: withCtx(() => [
+                  !__props.closeEnable ? (openBlock(), createBlock(_component_b_hot, {
+                    key: 0,
+                    class: "abs r-1 t-d7 color-mgray",
+                    onOn_click: hide
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_b_icon, {
+                        icon: "fail",
+                        class: "fsize-2 lh-1d4"
+                      })
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              }, 8, ["class"]))
+            ]),
+            _: 3
+          }, 8, ["class", "state"])
+        ]),
+        _: 3
+      }, 8, ["class", "state"]);
+    };
+  }
+});
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "content-node-wid",
   props: {
@@ -2753,7 +2917,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");
@@ -2770,25 +2934,25 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_b_text = resolveComponent("b-text");
       const _component_content_node_wid = resolveComponent("content-node-wid", true);
       return openBlock(true), createElementBlock(Fragment, null, renderList(dataTree.value, (item) => {
-        return openBlock(), createBlock(_sfc_main$s, {
+        return openBlock(), createBlock(_sfc_main$t, {
           state: `id-${item.id}`,
           key: item.id
         }, {
           default: withCtx(() => {
             var _a;
             return [
-              createVNode(_sfc_main$q, {
+              createVNode(_sfc_main$r, {
                 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()
               }, {
                 default: withCtx(() => [
-                  item.children && item.children.length ? (openBlock(), createBlock(_sfc_main$k, {
+                  item.children && item.children.length ? (openBlock(), createBlock(_sfc_main$l, {
                     key: 0,
                     class: "mrg-r-d4",
                     state: item.spread ? "content-wid-spread" : "content-wid-collapse",
@@ -2803,7 +2967,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 2
               }, 1032, ["cname", "class", "hover", "states", "state"]),
-              item.children && item.children.length ? (openBlock(), createBlock(_sfc_main$s, {
+              item.children && item.children.length ? (openBlock(), createBlock(_sfc_main$t, {
                 key: 0,
                 states: {
                   "show": "show",
@@ -2812,7 +2976,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 state: item.spread ? "show" : "hide"
               }, {
                 default: withCtx(() => [
-                  createVNode(_component_content_node_wid, normalizeProps(guardReactiveProps({ ...props, dataTree: item.children })), null, 16)
+                  createVNode(_component_content_node_wid, mergeProps({ ref_for: true }, { ...props, dataTree: item.children }), null, 16)
                 ]),
                 _: 2
               }, 1032, ["state"])) : createCommentVNode("", true)
@@ -2834,8 +2998,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({});
@@ -2882,7 +3047,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("on_select", data);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$q, {
+      return openBlock(), createBlock(_sfc_main$r, {
         onOn_click: select,
         "event-proxy": true
       }, {
@@ -2960,7 +3125,7 @@ const showToast = (text, duration = 2e3, icon = "") => {
     bToast.style.cssText = hideStyle;
   }, duration);
 };
-const showLoadToast = (text) => {
+const showLoadToast = (text = "数据加载中") => {
   let bToast = document.querySelector(".b-load-toast");
   if (!bToast) {
     bToast = document.createElement("div");
@@ -2968,7 +3133,6 @@ const showLoadToast = (text) => {
     const bToastInner = document.createElement("div");
     bToast.appendChild(bToastInner);
     const bToastIcon = document.createElement("i");
-    bToastIcon.className = "ico-load ani-rotate ani-loop ani-slow";
     bToastIcon.style.cssText = `
             color: #fff;
             font-size: 3.2rem;
@@ -2983,47 +3147,59 @@ const showLoadToast = (text) => {
             padding: 1.2rem 1.7rem;
             text-align: center;
             background-color: rgba(0,0,0,.9);
+            min-width: 10rem;
             font-size: 1.27rem;
         `;
     bToast.style.cssText = hideStyle;
     document.body.appendChild(bToast);
   }
-  bToast.childNodes[0].childNodes[1].innerText = text || "数据加载中";
+  bToast.childNodes[0].childNodes[0].className = "ico-load ani-rotate ani-loop ani-slow";
+  bToast.childNodes[0].childNodes[1].innerText = text;
   bToast.style.cssText = showStyle;
 };
-const hideLoadToast = () => {
+const hideLoadToast = (_text, _icon) => {
   clearTimeout(t);
   let bToast = document.querySelector(".b-load-toast");
   if (!bToast)
     return;
-  bToast.style.cssText = hideStyle;
+  if (_text) {
+    if (_icon)
+      bToast.childNodes[0].childNodes[0].className = `ico-${_icon}`;
+    bToast.childNodes[0].childNodes[1].innerText = _text;
+    setTimeout(() => {
+      bToast.style.cssText = hideStyle;
+    }, 1e3);
+  } else {
+    bToast.style.cssText = hideStyle;
+  }
 };
 const initGlobalComponents = [
+  _sfc_main$u,
   _sfc_main$t,
   _sfc_main$s,
   _sfc_main$r,
   _sfc_main$q,
-  _sfc_main$p,
-  _sfc_main$k,
+  _sfc_main$l,
+  _sfc_main$i,
   _sfc_main$h,
+  _sfc_main$f,
+  _sfc_main$k,
   _sfc_main$g,
-  _sfc_main$e,
   _sfc_main$j,
-  _sfc_main$f,
-  _sfc_main$i,
+  _sfc_main$e,
   _sfc_main$d,
   _sfc_main$c,
+  _sfc_main$4,
   _sfc_main$b,
-  _sfc_main$3,
   _sfc_main$a,
   _sfc_main$9,
   _sfc_main$8,
+  _sfc_main$5,
   _sfc_main$7,
-  _sfc_main$4,
   _sfc_main$6,
-  _sfc_main$5,
   _sfc_main,
-  _sfc_main$2
+  _sfc_main$2,
+  _sfc_main$3
 ];
 const index = {
   name: "btxui",