btxui 1.0.82 → 1.0.83

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive, onMounted, renderSlot, watch, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle, getCurrentInstance, withModifiers, createVNode, resolveComponent, createElementBlock, Fragment, createCommentVNode, watchEffect, nextTick, toDisplayString, withDirectives, vModelDynamic, vModelText, mergeProps, createTextVNode, renderList, createSlots, onBeforeMount, KeepAlive, onBeforeUnmount } 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, normalizeProps, guardReactiveProps, provide } from "vue";
 const theme = {
   // 预置主题色
   colors: {
@@ -192,6 +192,8 @@ const prestyles = {
   "objfit-contain": `object-fit: contain;`,
   "objfit-none": `object-fit: none;`,
   "objfit-scaledown": `object-fit: scale-down;`,
+  // 图层混合模式
+  "lighten": `mix-blend-mode: lighten;`,
   // 二段赋值-----------------------------------------------------------------------------------
   // 文字颜色
   "color": {
@@ -552,7 +554,7 @@ var md5$1 = {
 })(md5$1);
 const md5 = md5Exports;
 const GLOBAL_STYLE_NAME = "BTXUIGlobal";
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "b-style",
   props: {
     class: {},
@@ -796,8 +798,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = ["data-ani-states", "state"];
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = ["data-ani-states", "state"];
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "b-view",
   props: {
     class: {},
@@ -838,7 +840,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname,
         states: _ctx.states,
@@ -855,15 +857,15 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             style: normalizeStyle({ ...bgStyle.value, ...scope.matrixStyle })
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 46, _hoisted_1$d)
+          ], 46, _hoisted_1$c)
         ]),
         _: 3
       }, 8, ["class", "cname", "states", "matrix"]);
     };
   }
 });
-const _hoisted_1$c = ["state"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = ["state"];
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "b-text",
   props: {
     class: {},
@@ -873,7 +875,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         cname: _ctx.cname
@@ -884,15 +886,14 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             state: _ctx.state
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 10, _hoisted_1$c)
+          ], 10, _hoisted_1$b)
         ]),
         _: 3
       }, 8, ["class", "states", "cname"]);
     };
   }
 });
-const _hoisted_1$b = ["onClick", "onDblclick", "target", "hover", "state", "active", "href"];
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "b-hot",
   props: {
     link: {},
@@ -906,9 +907,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     anchor: {},
     cname: {},
     replace: { type: Boolean },
-    touchDuration: {}
+    touchDuration: {},
+    eventProxy: { type: Boolean }
   },
-  emits: ["on_click", "on_enter", "on_move", "on_leave", "on_dblclick", "on_longTouch", "on_pointerMove"],
+  emits: ["on_click", "on_enter", "on_move", "on_leave", "on_dblclick", "on_longTouch"],
   setup(__props, { emit }) {
     const props = __props;
     const { proxy } = getCurrentInstance();
@@ -979,15 +981,12 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         clearTimeout(t2);
       }
     };
-    const pointermove = (e) => {
-      emit("on_pointerMove", e);
-    };
     onMounted(() => {
       if (props.download)
         $anchor.value.download = props.download;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         hover: _ctx.hover,
@@ -995,7 +994,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
-          createElementVNode("a", {
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.eventProxy ? "div" : "a"), {
             style: normalizeStyle(`user-select: none; cursor: ${cursor.value};`),
             ref_key: "$anchor",
             ref: $anchor,
@@ -1003,10 +1002,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             onTouchstart: enter,
             onMousemove: move,
             onTouchmove: move,
-            onPointermove: pointermove,
             onMouseleave: leave,
             onTouchend: leave,
-            onClick: withModifiers(click, ["stop"]),
+            onClick: click,
             onDblclick: withModifiers(dblclick, ["stop"]),
             target: target.value,
             class: normalizeClass(scope.className),
@@ -1014,9 +1012,12 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             state: _ctx.state,
             active: _ctx.active ? true : "",
             href: url.value
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 46, _hoisted_1$b)
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 2
+          }, 1064, ["style", "onDblclick", "target", "class", "hover", "state", "active", "href"]))
         ]),
         _: 3
       }, 8, ["class", "states", "hover", "active", "cname"]);
@@ -1024,7 +1025,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$a = ["src", "state", "alt"];
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "b-img",
   props: {
     img: {},
@@ -1056,7 +1057,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       setSrc();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname,
         states: _ctx.states,
@@ -1076,17 +1077,17 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "ani-success",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$q, {
+      return openBlock(), createBlock(_sfc_main$s, {
         class: "flex-5",
         matrix: { translate: "0,9px", rotate: "45deg" }
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$p, { class: "ani-success-part1 w-1 h-3-px bg-color-green round-sm" }),
-          createVNode(_sfc_main$p, { class: "ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px" })
+          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" })
         ]),
         _: 1
       });
@@ -1102,7 +1103,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$l = {};
+const _sfc_main$n = {};
 function _sfc_render$2(_ctx, _cache) {
   const _component_b_text = resolveComponent("b-text");
   const _component_b_view = resolveComponent("b-view");
@@ -1114,9 +1115,9 @@ function _sfc_render$2(_ctx, _cache) {
     _: 1
   });
 }
-const AniFail = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$2]]);
+const AniFail = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$2]]);
 const aniNotic_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$k = {};
+const _sfc_main$m = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_b_text = resolveComponent("b-text");
   const _component_b_view = resolveComponent("b-view");
@@ -1131,9 +1132,9 @@ function _sfc_render$1(_ctx, _cache) {
     _: 1
   });
 }
-const AniNotic = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$1]]);
+const AniNotic = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$1]]);
 const aniLoading_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$j = {};
+const _sfc_main$l = {};
 function _sfc_render(_ctx, _cache) {
   const _component_b_view = resolveComponent("b-view");
   return openBlock(), createBlock(_component_b_view, { class: "flex-5" }, {
@@ -1143,9 +1144,9 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render]]);
+const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render]]);
 const _hoisted_1$9 = ["state"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "b-icon",
   props: {
     icon: {},
@@ -1157,19 +1158,19 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           _ctx.icon.search("ani_") === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            _ctx.icon === "ani_success" ? (openBlock(), createBlock(_sfc_main$m, { key: "success" })) : createCommentVNode("", true),
+            _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)
           ], 64)) : createCommentVNode("", true),
-          _ctx.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$q, {
+          _ctx.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$s, {
             key: 1,
             "bg-img": _ctx.icon,
             states: _ctx.states,
@@ -1188,7 +1189,7 @@ const _sfc_main$i = /* @__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$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "b-input",
   props: {
     type: {},
@@ -1271,6 +1272,15 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       }
       return true;
     };
+    const clear = () => {
+      if (props.aspectHeight) {
+        $input.value.innerText = "";
+        input2();
+      } else {
+        val.value = "";
+        input();
+      }
+    };
     const $input = ref();
     __expose({
       check,
@@ -1280,15 +1290,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       blur: function() {
         $input.value.blur();
       },
-      clear: function() {
-        if (props.aspectHeight) {
-          $input.value.innerText = "";
-          input2();
-        } else {
-          val.value = "";
-          input();
-        }
-      }
+      clear
     });
     onMounted(() => {
       nextTick(() => {
@@ -1296,61 +1298,92 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      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
       }, {
         className: withCtx((scope) => [
-          _ctx.aspectHeight ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            contenteditable: "",
-            class: normalizeClass(scope.className),
-            onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("on_focus", $event)),
-            onBlur: blur,
-            onChange: change,
-            onInput: input2,
-            type: _ctx.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,
-            autocomplete: "off"
-          }, toDisplayString(val2.value), 43, _hoisted_1$8)) : withDirectives((openBlock(), createElementBlock("input", {
-            key: 1,
-            class: normalizeClass(scope.className),
-            onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("on_focus", $event)),
-            onBlur: blur,
-            onChange: change,
-            onInput: input,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => val.value = $event),
-            type: _ctx.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,
-            autocomplete: "off"
-          }, null, 42, _hoisted_2$3)), [
-            [vModelDynamic, val.value]
-          ])
+          createVNode(_component_b_view, { class: "flex-4 rel" }, {
+            default: withCtx(() => {
+              var _a, _b;
+              return [
+                _ctx.aspectHeight ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass(scope.className),
+                  contenteditable: "",
+                  onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("on_focus", $event)),
+                  onBlur: blur,
+                  onChange: change,
+                  onInput: input2,
+                  type: _ctx.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,
+                  autocomplete: "off"
+                }, toDisplayString(val2.value), 43, _hoisted_1$8)) : withDirectives((openBlock(), createElementBlock("input", {
+                  key: 1,
+                  class: normalizeClass(scope.className),
+                  onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("on_focus", $event)),
+                  onBlur: blur,
+                  onChange: change,
+                  onInput: input,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => val.value = $event),
+                  type: _ctx.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,
+                  autocomplete: "off"
+                }, null, 42, _hoisted_2$3)), [
+                  [vModelDynamic, val.value]
+                ]),
+                !_ctx.readonly && !_ctx.aspectHeight ? (openBlock(), createBlock(_component_b_hot, {
+                  key: 2,
+                  onOn_click: clear,
+                  class: "abs r-1",
+                  states: {
+                    show: "show",
+                    hide: "hide"
+                  },
+                  state: (((_a = val.value) == null ? void 0 : _a.length) || ((_b = val2.value) == null ? void 0 : _b.length)) == 0 ? "hide" : "show"
+                }, {
+                  default: withCtx(() => [
+                    _ctx.$slots.cancel ? renderSlot(_ctx.$slots, "cancel", { key: 0 }) : (openBlock(), createBlock(_component_b_icon, {
+                      key: 1,
+                      class: "flex-5 h-1d8 w-1d8 bg-color-neutral round",
+                      icon: "fail"
+                    }))
+                  ]),
+                  _: 3
+                }, 8, ["state"])) : createCommentVNode("", true)
+              ];
+            }),
+            _: 2
+          }, 1024)
         ]),
-        _: 1
+        _: 3
       }, 8, ["class", "focus", "states", "cname"]);
     };
   }
 });
 const _hoisted_1$7 = ["name", "focus", "state", "placeholder", "maxlength", "readonly", "rows"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "b-textarea",
   props: {
     text: {},
@@ -1374,7 +1407,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       emit("update:text", formatText(val.value));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         class: normalizeClass(_ctx.class),
         focus: _ctx.focus,
         states: _ctx.states,
@@ -1406,7 +1439,7 @@ const _sfc_main$g = /* @__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$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "b-video",
   props: {
     video: {},
@@ -1449,7 +1482,7 @@ const _sfc_main$f = /* @__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$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname
       }, {
@@ -1530,7 +1563,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$5 = ["state"];
 const tolerance = 2;
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "b-list",
   props: {
     scroll: {},
@@ -1593,7 +1626,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       watchPos();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         cname: _ctx.cname
@@ -1621,7 +1654,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$4 = ["state", "draggable"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "b-drag",
   props: {
     class: {},
@@ -1731,7 +1764,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       bindEvent();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         class: normalizeClass(_ctx.class),
         states: { dragStart: _ctx.dragStart, dragOver: _ctx.dragOver },
         cname: _ctx.cname
@@ -1761,7 +1794,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$3 = ["src"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "b-webview",
   props: {
     src: {},
@@ -1770,7 +1803,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname
       }, {
@@ -1786,7 +1819,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "b-row",
   props: {
     class: {},
@@ -1803,7 +1836,7 @@ const _sfc_main$b = /* @__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$q, mergeProps({ class: combClass.value }, _ctx.viewData, {
+      return openBlock(), createBlock(_sfc_main$s, mergeProps({ class: combClass.value }, _ctx.viewData, {
         extraClass: {
           selector: ">",
           value: `pad-h-${gap.value[0]} pad-v-${gap.value[1]}`
@@ -1817,7 +1850,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "b-col",
   props: {
     span: {},
@@ -1829,7 +1862,7 @@ const _sfc_main$a = /* @__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$q, mergeProps({ class: combClass.value }, _ctx.viewData), {
+      return openBlock(), createBlock(_sfc_main$s, mergeProps({ class: combClass.value }, _ctx.viewData), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1838,7 +1871,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "btn-wid",
   props: {
     btnText: {},
@@ -1885,13 +1918,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$o, mergeProps(_ctx.hotData, {
+      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`,
         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$i, mergeProps({ key: 0 }, _ctx.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
+          _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)
         ]),
         _: 1
@@ -1899,7 +1932,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "checkbox-wid",
   props: {
     selected: { type: Boolean },
@@ -1927,7 +1960,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       emit("change", props.value, state);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$o, {
+      return openBlock(), createBlock(_sfc_main$q, {
         class: normalizeClass(combClass.value),
         hover: "alpha-d9",
         state: selected.value ? "act" : "",
@@ -1941,7 +1974,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           }, () => {
             var _a, _b;
             return [
-              createVNode(_sfc_main$q, {
+              createVNode(_sfc_main$s, {
                 class: "w-24-px h-24-px bg-color-neutral round-sm flex-5",
                 state: selected.value ? "act" : "",
                 cname: combClass.value + combActClass.value,
@@ -1950,7 +1983,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 }
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$i, {
+                  createVNode(_sfc_main$k, {
                     icon: "success",
                     class: "alpha-d3",
                     state: selected.value ? "act" : "",
@@ -1963,7 +1996,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               }, 8, ["state", "cname", "states"])
             ];
           }),
-          label.value ? (openBlock(), createBlock(_sfc_main$q, {
+          label.value ? (openBlock(), createBlock(_sfc_main$s, {
             key: 0,
             class: "pad-h-1 ellipsis"
           }, {
@@ -1978,7 +2011,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "checkbox-group-wid",
   props: {
     options: {},
@@ -2021,11 +2054,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_b_col = resolveComponent("b-col");
       const _component_b_row = resolveComponent("b-row");
-      return openBlock(), createBlock(_sfc_main$q, {
+      return openBlock(), createBlock(_sfc_main$s, {
         class: normalizeClass(_ctx.class)
       }, {
         default: withCtx(() => [
-          _ctx.title ? (openBlock(), createBlock(_sfc_main$q, {
+          _ctx.title ? (openBlock(), createBlock(_sfc_main$s, {
             key: 0,
             class: "mrg-b-1"
           }, {
@@ -2043,7 +2076,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   key: i
                 }, {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$8, mergeProps({
+                    createVNode(_sfc_main$a, mergeProps({
                       onChange: change,
                       label: item.label,
                       value: item.value
@@ -2083,7 +2116,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "radio-group-wid",
   props: {
     options: {},
@@ -2111,7 +2144,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_b_view = resolveComponent("b-view");
-      return openBlock(), createBlock(_sfc_main$7, {
+      return openBlock(), createBlock(_sfc_main$9, {
         span: _ctx.span,
         title: _ctx.title,
         class: normalizeClass(_ctx.class),
@@ -2154,7 +2187,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 const _hoisted_1$2 = ["state"];
 const _hoisted_2$1 = ["innerHTML"];
 const _hoisted_3$1 = ["innerHTML"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "tabs-wid",
   props: {
     options: {},
@@ -2224,9 +2257,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$q, { class: "flex-7" }, {
+        createVNode(_sfc_main$s, { class: "flex-7" }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$6, {
+            createVNode(_sfc_main$8, {
               options: options.value,
               title: _ctx.title,
               selected: selected.value,
@@ -2241,13 +2274,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               } : slots.value.length === 0 && _ctx.tabStyle === "card" ? {
                 name: "default",
                 fn: withCtx((scope) => [
-                  createVNode(_sfc_main$q, { class: "w-4-px b-f1-px h-1-px bg-color-neutral r-f5-px abs" })
+                  createVNode(_sfc_main$s, { 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$q, {
+                  createVNode(_sfc_main$s, {
                     class: normalizeClass(`max-w l-0 b-f1-px round-sm h-2-px bg-color-none abs`),
                     state: scope.state,
                     states: {
@@ -2268,19 +2301,19 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 };
               })
             ]), 1032, ["options", "title", "selected"]),
-            contLine.value ? (openBlock(), createBlock(_sfc_main$q, {
+            contLine.value ? (openBlock(), createBlock(_sfc_main$s, {
               key: 0,
               class: "grow-1 h-1-px bg-color-neutral"
             })) : createCommentVNode("", true)
           ]),
           _: 3
         }),
-        contArea.value ? (openBlock(), createBlock(_sfc_main$q, {
+        contArea.value ? (openBlock(), createBlock(_sfc_main$s, {
           key: 0,
           class: "pad-v-1d5 over-hide"
         }, {
           default: withCtx(() => [
-            selected.value ? (openBlock(), createBlock(_sfc_main$q, { key: 0 }, {
+            selected.value ? (openBlock(), createBlock(_sfc_main$s, { key: 0 }, {
               default: withCtx(() => [
                 createElementVNode("div", {
                   innerHTML: tabConts[selected.value],
@@ -2289,7 +2322,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 }, null, 42, _hoisted_2$1)
               ]),
               _: 1
-            })) : (openBlock(), createBlock(_sfc_main$q, {
+            })) : (openBlock(), createBlock(_sfc_main$s, {
               key: 1,
               class: "alpha-d5"
             }, {
@@ -2308,7 +2341,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$1 = ["multiple"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "upload-wid",
   props: {
     type: {},
@@ -2366,7 +2399,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_b_hot = resolveComponent("b-hot");
-      return openBlock(), createBlock(_sfc_main$q, { class: "flex" }, {
+      return openBlock(), createBlock(_sfc_main$s, { class: "flex" }, {
         default: withCtx(() => [
           _ctx.$slots.default ? (openBlock(), createBlock(_component_b_hot, {
             key: 0,
@@ -2376,7 +2409,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          })) : (openBlock(), createBlock(_sfc_main$9, mergeProps({
+          })) : (openBlock(), createBlock(_sfc_main$b, mergeProps({
             key: 1,
             onOn_click: _cache[1] || (_cache[1] = ($event) => $uploader.value.click())
           }, btnData.value), null, 16)),
@@ -2394,7 +2427,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "img-upload-wid",
   props: {
     preview: {},
@@ -2453,7 +2486,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_b_view = resolveComponent("b-view");
       const _component_b_icon = resolveComponent("b-icon");
-      return openBlock(), createBlock(_sfc_main$4, {
+      return openBlock(), createBlock(_sfc_main$6, {
         onOn_upload: imgUpload,
         size: size.value,
         multiple: _ctx.multiple,
@@ -2478,7 +2511,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "app-wid",
   props: {
     path: {},
@@ -2503,15 +2536,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a;
       const _component_router_view = resolveComponent("router-view");
-      return openBlock(), createBlock(_sfc_main$q, {
+      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"}`)
       }, {
         default: withCtx(() => {
           var _a2;
           return [
-            createVNode(_sfc_main$q, { class: "rel grow-1" }, {
+            createVNode(_sfc_main$s, { class: "rel grow-1" }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$e, {
+                createVNode(_sfc_main$g, {
                   scroll: { y: "auto", x: "hidden" },
                   class: "abs max"
                 }, {
@@ -2525,32 +2558,32 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(_sfc_main$q, {
+            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`)
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(navs.value, (nav, i) => {
-                  return openBlock(), createBlock(_sfc_main$o, mergeProps({ key: i }, nav.hotData, {
+                  return openBlock(), createBlock(_sfc_main$q, mergeProps({ key: i }, 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$q, {
+                        nav.main ? (openBlock(), createBlock(_sfc_main$s, {
                           key: 0,
                           class: "rel w-5 mrg-h-auto"
                         }, {
                           default: withCtx(() => {
                             var _a4, _b2, _c2, _d2;
                             return [
-                              createVNode(_sfc_main$i, mergeProps(nav.iconData, {
+                              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"}`
                               }), null, 16, ["class"])
                             ];
                           }),
                           _: 2
-                        }, 1024)) : (openBlock(), createBlock(_sfc_main$q, {
+                        }, 1024)) : (openBlock(), createBlock(_sfc_main$s, {
                           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",
@@ -2560,11 +2593,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                           }
                         }, {
                           default: withCtx(() => [
-                            nav.unread === 1 ? (openBlock(), createBlock(_sfc_main$q, {
+                            nav.unread === 1 ? (openBlock(), createBlock(_sfc_main$s, {
                               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$q, {
+                            nav.unread > 1 ? (openBlock(), createBlock(_sfc_main$s, {
                               key: 1,
                               class: "flex-5 round w-1d5 h-1d5 bold r-7d7-vw t-fd5 bg-color-red abs color-Cfff"
                             }, {
@@ -2573,7 +2606,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                               ]),
                               _: 2
                             }, 1024)) : createCommentVNode("", true),
-                            createVNode(_sfc_main$i, mergeProps(nav.iconData, {
+                            createVNode(_sfc_main$k, mergeProps(nav.iconData, {
                               cname: nav.act,
                               state: curRoute.value === nav.hotData.link ? "act" : "",
                               states: {
@@ -2581,7 +2614,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                               },
                               class: `w-2d7 h-2d7 ${_ctx.iconTransAni ? "trans-fast" : ""} fsize-1d7`
                             }), null, 16, ["cname", "state", "states", "class"]),
-                            nav.text ? (openBlock(), createBlock(_sfc_main$p, {
+                            nav.text ? (openBlock(), createBlock(_sfc_main$r, {
                               key: 2,
                               class: "fsize-d83"
                             }, {
@@ -2617,7 +2650,7 @@ const _hoisted_4 = [
   _hoisted_2,
   _hoisted_3
 ];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "confirm-wid",
   props: {
     colors: {}
@@ -2658,7 +2691,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "toast-wid",
   props: {
     matteColor: {}
@@ -2704,6 +2737,158 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "content-node-wid",
+  props: {
+    dataTree: {},
+    gap: {},
+    indent: {},
+    hover: {},
+    active: {}
+  },
+  emits: ["on_select"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const dataTree = ref(props.dataTree || []);
+    const selected = inject("selected");
+    const gap = computed(() => {
+      return props.gap || "d7";
+    });
+    const indent = computed(() => {
+      return props.indent || "3";
+    });
+    const setIndex = (level) => {
+      return (level * parseFloat(indent.value.replace("d", ".")) + parseFloat(gap.value.replace("d", "."))).toString().replace(".", "d");
+    };
+    return (_ctx, _cache) => {
+      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, {
+          state: `id-${item.id}`,
+          key: item.id
+        }, {
+          default: withCtx(() => {
+            var _a;
+            return [
+              createVNode(_sfc_main$q, {
+                cname: `${item.id}-${Math.random()}`,
+                class: normalizeClass(`flex-4 pad-v-${gap.value} pad-l-${setIndex(item.level)}`),
+                hover: _ctx.hover,
+                states: {
+                  true: `${_ctx.active ? _ctx.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, {
+                    key: 0,
+                    class: "mrg-r-d4",
+                    state: item.spread ? "content-wid-spread" : "content-wid-collapse",
+                    icon: "arrow-right"
+                  }, null, 8, ["state"])) : createCommentVNode("", true),
+                  createVNode(_component_b_text, null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(item.text), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["cname", "class", "hover", "states", "state"]),
+              item.children && item.children.length ? (openBlock(), createBlock(_sfc_main$s, {
+                key: 0,
+                states: {
+                  "show": "show",
+                  "hide": "hide"
+                },
+                state: item.spread ? "show" : "hide"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_content_node_wid, normalizeProps(guardReactiveProps({ ...props, dataTree: item.children })), null, 16)
+                ]),
+                _: 2
+              }, 1032, ["state"])) : createCommentVNode("", true)
+            ];
+          }),
+          _: 2
+        }, 1032, ["state"]);
+      }), 128);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "content-wid",
+  props: {
+    dataTree: {},
+    gap: {},
+    indent: {},
+    hover: {},
+    active: {}
+  },
+  emits: ["on_select"],
+  setup(__props, { emit }) {
+    const props = __props;
+    let prefix = 0;
+    const flatDataTree = reactive([]);
+    const indexDataTree = reactive({});
+    const dataTree = ref(props.dataTree);
+    const flatState = ref(false);
+    const flatData = () => {
+      const traverse = (items, parent, level = 0) => {
+        for (const item of items) {
+          item.level = level;
+          item.prefix = prefix++;
+          if (parent)
+            item.parent = parent;
+          if (item.children)
+            item.spread = item.spread || false;
+          flatDataTree.push(item);
+          indexDataTree[item.id] = item;
+          if (item.children && item.children.length > 0) {
+            traverse(item.children, item, level + 1);
+          }
+        }
+      };
+      traverse(dataTree.value);
+    };
+    const selected = ref([]);
+    onBeforeMount(() => {
+      provide("selected", selected.value);
+    });
+    onMounted(() => {
+      flatData();
+      flatState.value = true;
+    });
+    const select = (e) => {
+      var _a, _b;
+      const x = e.clientX;
+      const y = e.clientY;
+      let element = document.elementFromPoint(x, y);
+      while (!(((_a = element == null ? void 0 : element.getAttribute("state")) == null ? void 0 : _a.indexOf("id-")) === 0)) {
+        element = element == null ? void 0 : element.parentElement;
+      }
+      const data = indexDataTree[(_b = element == null ? void 0 : element.getAttribute("state")) == null ? void 0 : _b.substring(3)];
+      selected.value[0] = data;
+      if (data.spread !== void 0)
+        data.spread = !data.spread;
+      emit("on_select", data);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$q, {
+        onOn_click: select,
+        "event-proxy": true
+      }, {
+        default: withCtx(() => [
+          flatState.value ? (openBlock(), createBlock(_sfc_main$1, normalizeProps(mergeProps({ key: 0 }, { ...props, dataTree: dataTree.value })), null, 16)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const contentWid_vue_vue_type_style_index_0_lang = "";
 let t;
 const defaultStyle = `
     position: fixed;
@@ -2808,30 +2993,31 @@ const hideLoadToast = () => {
   bToast.style.cssText = hideStyle;
 };
 const initGlobalComponents = [
+  _sfc_main$t,
+  _sfc_main$s,
   _sfc_main$r,
   _sfc_main$q,
   _sfc_main$p,
-  _sfc_main$o,
-  _sfc_main$n,
-  _sfc_main$i,
-  _sfc_main$f,
-  _sfc_main$e,
-  _sfc_main$c,
+  _sfc_main$k,
   _sfc_main$h,
-  _sfc_main$d,
   _sfc_main$g,
+  _sfc_main$e,
+  _sfc_main$j,
+  _sfc_main$f,
+  _sfc_main$i,
+  _sfc_main$d,
+  _sfc_main$c,
   _sfc_main$b,
+  _sfc_main$3,
   _sfc_main$a,
   _sfc_main$9,
-  _sfc_main$1,
   _sfc_main$8,
   _sfc_main$7,
+  _sfc_main$4,
   _sfc_main$6,
   _sfc_main$5,
-  _sfc_main$2,
-  _sfc_main$4,
-  _sfc_main$3,
-  _sfc_main
+  _sfc_main,
+  _sfc_main$2
 ];
 const index = {
   name: "btxui",