btxui 1.0.89 → 1.0.91

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, provide, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, ref, computed, reactive, onMounted, renderSlot, watch, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle, getCurrentInstance, resolveDynamicComponent, withModifiers, createElementBlock, createCommentVNode, createVNode, resolveComponent, Fragment, watchEffect, nextTick, toDisplayString, withDirectives, vModelDynamic, vModelText, mergeProps, createTextVNode, renderList, createSlots, onBeforeMount, KeepAlive, onBeforeUnmount, inject, unref, normalizeProps, guardReactiveProps, provide } from "vue";
 const theme = {
   // 预置主题色
   colors: {
@@ -814,9 +814,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     prevent: { type: Boolean }
   },
   emits: ["on_aniEnd"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const $el = ref();
     const state = computed(() => props.state);
     let lastAni;
@@ -845,10 +844,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$u, {
-        class: normalizeClass(__props.class),
-        cname: __props.cname,
-        states: __props.states,
-        matrix: __props.matrix
+        class: normalizeClass(_ctx.class),
+        cname: _ctx.cname,
+        states: _ctx.states,
+        matrix: _ctx.matrix
       }, {
         className: withCtx((scope) => [
           createElementVNode("div", {
@@ -880,14 +879,14 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$u, {
-        class: normalizeClass(__props.class),
-        states: __props.states,
-        cname: __props.cname
+        class: normalizeClass(_ctx.class),
+        states: _ctx.states,
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("span", {
             class: normalizeClass(scope.className),
-            state: __props.state
+            state: _ctx.state
           }, [
             renderSlot(_ctx.$slots, "default")
           ], 10, _hoisted_1$b)
@@ -915,10 +914,9 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     eventProxy: { type: Boolean }
   },
   emits: ["on_click", "on_enter", "on_move", "on_leave", "on_dblclick", "on_longTouch", "on_transend"],
-  setup(__props, { emit: __emit }) {
-    const { proxy } = getCurrentInstance();
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
+    const { proxy } = getCurrentInstance();
     const $anchor = ref();
     const target = ref("");
     let routeLink;
@@ -967,7 +965,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         t2 = setInterval(() => {
           if (Date.now() - touchStartTime.value > (props.touchDuration || 1e3)) {
             isLongTouch = true;
-            emit("on_longTouch");
+            emit("on_longTouch", e);
             clearTimeout(t2);
           }
         }, 100);
@@ -992,14 +990,14 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$u, {
-        class: normalizeClass(__props.class),
-        states: __props.states,
-        hover: __props.hover,
-        active: __props.active,
-        cname: __props.cname
+        class: normalizeClass(_ctx.class),
+        states: _ctx.states,
+        hover: _ctx.hover,
+        active: _ctx.active,
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
-          (openBlock(), createBlock(resolveDynamicComponent(__props.eventProxy ? "div" : "a"), {
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.eventProxy ? "div" : "a"), {
             style: normalizeStyle(`user-select: none; cursor: ${cursor.value};`),
             ref_key: "$anchor",
             ref: $anchor,
@@ -1014,16 +1012,16 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             onTransitionend: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("on_transend", $event)),
             target: target.value,
             class: normalizeClass(scope.className),
-            hover: __props.hover ? true : "",
-            state: __props.state,
-            active: __props.active ? true : "",
+            hover: _ctx.hover ? true : "",
+            state: _ctx.state,
+            active: _ctx.active ? true : "",
             href: url.value
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default")
             ]),
-            _: 3
-          }, 40, ["style", "target", "class", "hover", "state", "active", "href"]))
+            _: 2
+          }, 1064, ["style", "onDblclick", "target", "class", "hover", "state", "active", "href"]))
         ]),
         _: 3
       }, 8, ["class", "states", "hover", "active", "cname"]);
@@ -1044,10 +1042,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     cname: {}
   },
   emits: ["on_load"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
     const img = computed(() => props.img);
-    const emit = __emit;
     const src = ref("");
     const setSrc = () => {
       if (props.defaultSrc)
@@ -1065,19 +1062,20 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$u, {
-        class: normalizeClass(__props.class),
-        cname: __props.cname,
-        states: __props.states,
-        matrix: __props.matrix
+        class: normalizeClass(_ctx.class),
+        cname: _ctx.cname,
+        states: _ctx.states,
+        matrix: _ctx.matrix
       }, {
         className: withCtx((scope) => [
-          createElementVNode("img", {
+          src.value ? (openBlock(), createElementBlock("img", {
+            key: 0,
             src: src.value,
-            class: normalizeClass(scope.className),
-            state: __props.state,
+            class: normalizeClass(`${scope.className} ani-fade-in`),
+            state: _ctx.state,
             style: normalizeStyle({ display: "block", ...scope.matrixStyle }),
-            alt: __props.alt
-          }, null, 14, _hoisted_1$a)
+            alt: _ctx.alt
+          }, null, 14, _hoisted_1$a)) : createCommentVNode("", true)
         ]),
         _: 1
       }, 8, ["class", "cname", "states", "matrix"]);
@@ -1166,27 +1164,27 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$u, {
-        class: normalizeClass(__props.class),
-        states: __props.states,
-        cname: __props.cname
+        class: normalizeClass(_ctx.class),
+        states: _ctx.states,
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
-          __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)
+          _ctx.icon.search("ani_") === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            _ctx.icon === "ani_success" ? (openBlock(), createBlock(_sfc_main$p, { 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),
-          __props.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$t, {
+          _ctx.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$t, {
             key: 1,
-            "bg-img": __props.icon,
-            states: __props.states,
-            class: normalizeClass(__props.class),
-            state: __props.state
+            "bg-img": _ctx.icon,
+            states: _ctx.states,
+            class: normalizeClass(_ctx.class),
+            state: _ctx.state
           }, null, 8, ["bg-img", "states", "class", "state"])) : (openBlock(), createElementBlock("i", {
             key: 2,
             class: normalizeClass(`ico-${props.icon} ${scope.className}`),
-            state: __props.state
+            state: _ctx.state
           }, null, 10, _hoisted_1$9))
         ]),
         _: 1
@@ -1195,7 +1193,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$8 = ["type", "name", "focus-state", "state", "placeholder", "maxlength", "readonly"];
-const _hoisted_2$2 = ["type", "name", "focus-state", "state", "placeholder", "maxlength", "readonly"];
+const _hoisted_2$3 = ["type", "name", "focus-state", "state", "placeholder", "maxlength", "readonly"];
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "b-input",
   props: {
@@ -1211,12 +1209,12 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     focus: {},
     rule: {},
     cname: {},
-    aspectHeight: { type: Boolean }
+    aspectHeight: { type: Boolean },
+    hideClear: { type: Boolean }
   },
   emits: ["update:text", "on_focus", "on_blur", "on_change", "on_input", "multiline"],
-  setup(__props, { expose: __expose, emit: __emit }) {
+  setup(__props, { expose: __expose, emit }) {
     const props = __props;
-    const emit = __emit;
     const preset_rules = {
       required: {
         regexp: /[\w\.\-_\u4e00-\u9fa5]+/,
@@ -1316,17 +1314,17 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       const _component_b_hot = resolveComponent("b-hot");
       const _component_b_view = resolveComponent("b-view");
       return openBlock(), createBlock(_sfc_main$u, {
-        class: normalizeClass(__props.class),
-        focus: __props.focus,
-        states: __props.states,
-        cname: __props.cname
+        class: normalizeClass(_ctx.class),
+        focus: _ctx.focus,
+        states: _ctx.states,
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           createVNode(_component_b_view, { class: "flex-4 rel" }, {
             default: withCtx(() => {
               var _a;
               return [
-                __props.aspectHeight ? (openBlock(), createElementBlock("div", {
+                _ctx.aspectHeight ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: normalizeClass(scope.className),
                   contenteditable: "",
@@ -1334,16 +1332,16 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                   onBlur: blurEvent,
                   onChange: change,
                   onInput: input2,
-                  type: __props.type,
+                  type: _ctx.type,
                   ref_key: "$input",
                   ref: $input,
                   style: { "outline": "none" },
-                  name: __props.name,
-                  "focus-state": __props.focus ? "true" : "",
-                  state: __props.state,
-                  placeholder: __props.placeholder,
-                  maxlength: __props.maxlength,
-                  readonly: __props.readonly,
+                  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,
@@ -1353,21 +1351,21 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                   onChange: change,
                   onInput: input,
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => val.value = $event),
-                  type: __props.type,
+                  type: _ctx.type,
                   ref_key: "$input",
                   ref: $input,
                   style: { "outline": "none" },
-                  name: __props.name,
-                  "focus-state": __props.focus ? "true" : "",
-                  state: __props.state,
-                  placeholder: __props.placeholder,
-                  maxlength: __props.maxlength,
-                  readonly: __props.readonly,
+                  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$2)), [
+                }, null, 42, _hoisted_2$3)), [
                   [vModelDynamic, val.value]
                 ]),
-                !__props.readonly && !__props.aspectHeight ? (openBlock(), createBlock(_component_b_hot, {
+                !_ctx.readonly && !_ctx.aspectHeight && !_ctx.hideClear ? (openBlock(), createBlock(_component_b_hot, {
                   key: 2,
                   onOn_click: clear,
                   class: "abs r-1 trans-fast",
@@ -1413,9 +1411,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     cname: {}
   },
   emits: ["on_focus", "on_blur", "on_change", "update:text"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const val = ref(props.text);
     const formatText = (text) => text.replace(/[\n\r]/g, "<br>");
     const inputText = () => {
@@ -1423,10 +1420,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$u, {
-        class: normalizeClass(__props.class),
-        focus: __props.focus,
-        states: __props.states,
-        cname: __props.cname
+        class: normalizeClass(_ctx.class),
+        focus: _ctx.focus,
+        states: _ctx.states,
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           withDirectives(createElementVNode("textarea", {
@@ -1436,13 +1433,13 @@ const _sfc_main$j = /* @__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: __props.name,
-            focus: __props.focus ? true : "",
-            state: __props.state,
-            placeholder: __props.placeholder,
-            maxlength: __props.maxlength,
-            readonly: __props.readonly,
-            rows: __props.rows || 7
+            name: _ctx.name,
+            focus: _ctx.focus ? true : "",
+            state: _ctx.state,
+            placeholder: _ctx.placeholder,
+            maxlength: _ctx.maxlength,
+            readonly: _ctx.readonly,
+            rows: _ctx.rows || 7
           }, null, 42, _hoisted_1$7), [
             [vModelText, val.value]
           ])
@@ -1453,7 +1450,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$6 = ["poster", "muted", "src", "autoplay", "controls", "loop"];
-const _hoisted_2$1 = ["poster", "muted", "src", "autoplay", "controls", "loop"];
+const _hoisted_2$2 = ["poster", "muted", "src", "autoplay", "controls", "loop"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "b-video",
   props: {
@@ -1467,8 +1464,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     customControls: { type: Boolean }
   },
   emits: ["on_play"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
+  setup(__props, { emit }) {
     const $video = ref();
     const iconScale = ref(0);
     onMounted(() => {
@@ -1499,14 +1495,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       const _component_b_view = resolveComponent("b-view");
       const _component_b_hot = resolveComponent("b-hot");
       return openBlock(), createBlock(_sfc_main$u, {
-        class: normalizeClass(__props.class),
-        cname: __props.cname
+        class: normalizeClass(_ctx.class),
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("div", {
             class: normalizeClass(`${scope.className} over-hide rel`)
           }, [
-            __props.customControls ? (openBlock(), createBlock(_component_b_hot, {
+            _ctx.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,
@@ -1538,7 +1534,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["state"])) : createCommentVNode("", true),
-            __props.fullScreen ? (openBlock(), createElementBlock("video", {
+            _ctx.fullScreen ? (openBlock(), createElementBlock("video", {
               key: 1,
               ref_key: "$video",
               ref: $video,
@@ -1546,12 +1542,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               onPlaying: playing,
               onDurationchange: playing,
               class: normalizeClass(scope.className),
-              poster: __props.poster,
-              muted: __props.autoPlay,
-              src: __props.video,
-              autoplay: __props.autoPlay,
-              controls: !__props.customControls,
-              loop: __props.loop
+              poster: _ctx.poster,
+              muted: _ctx.autoPlay,
+              src: _ctx.video,
+              autoplay: _ctx.autoPlay,
+              controls: !_ctx.customControls,
+              loop: _ctx.loop
             }, null, 42, _hoisted_1$6)) : (openBlock(), createElementBlock("video", {
               key: 2,
               ref_key: "$video",
@@ -1563,13 +1559,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               playsinline: "",
               "x5-video-player-type": "h5-page",
               class: normalizeClass(scope.className),
-              poster: __props.poster,
-              muted: __props.autoPlay,
-              src: __props.video,
-              autoplay: __props.autoPlay,
-              controls: !__props.customControls,
-              loop: __props.loop
-            }, null, 42, _hoisted_2$1))
+              poster: _ctx.poster,
+              muted: _ctx.autoPlay,
+              src: _ctx.video,
+              autoplay: _ctx.autoPlay,
+              controls: !_ctx.customControls,
+              loop: _ctx.loop
+            }, null, 42, _hoisted_2$2))
           ], 2)
         ]),
         _: 1
@@ -1590,9 +1586,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     cname: {}
   },
   emits: ["on_scroll", "on_to_top", "on_to_bottom"],
-  setup(__props, { expose: __expose, emit: __emit }) {
+  setup(__props, { expose: __expose, emit }) {
     const props = __props;
-    const emit = __emit;
     const $list = ref();
     const scrollTypeClass = computed(() => {
       if (props.scrollType)
@@ -1644,20 +1639,20 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$u, {
-        class: normalizeClass(__props.class),
-        states: __props.states,
-        cname: __props.cname
+        class: normalizeClass(_ctx.class),
+        states: _ctx.states,
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("div", {
             class: normalizeClass(scope.className),
-            state: __props.state
+            state: _ctx.state
           }, [
             createElementVNode("div", {
               ref_key: "$list",
               ref: $list,
               class: normalizeClass(scrollTypeClass.value),
-              style: normalizeStyle(`overflow-x: ${__props.scroll.x}; overflow-y: ${__props.scroll.y}; width: 100%; height: 100%;`),
+              style: normalizeStyle(`overflow-x: ${_ctx.scroll.x}; overflow-y: ${_ctx.scroll.y}; width: 100%; height: 100%;`),
               onTouchmove: _cache[0] || (_cache[0] = withModifiers(() => {
               }, ["stop"]))
             }, [
@@ -1682,9 +1677,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     cname: {}
   },
   emits: ["on_drag_start", "on_drag_end", "on_drag_over", "on_drag_leave", "on_drop", "on_move"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const $el = ref();
     const state = ref("");
     const dragState = ref(false);
@@ -1783,16 +1777,16 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$u, {
-        class: normalizeClass(__props.class),
-        states: { dragStart: __props.dragStart, dragOver: __props.dragOver },
-        cname: __props.cname
+        class: normalizeClass(_ctx.class),
+        states: { dragStart: _ctx.dragStart, dragOver: _ctx.dragOver },
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("div", {
             style: normalizeStyle({
-              cursor: __props.dragOver ? "default" : "move",
+              cursor: _ctx.dragOver ? "default" : "move",
               visibility: dragState.value ? "hidden" : "visible",
-              position: __props.freeDrag ? "absolute" : "relative",
+              position: _ctx.freeDrag ? "absolute" : "relative",
               left: 0,
               top: 0,
               transform: `translate(${movePos.x}px, ${movePos.y}px)`
@@ -1801,7 +1795,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             ref: $el,
             class: normalizeClass(scope.className),
             state: state.value,
-            draggable: __props.dragStart ? true : false
+            draggable: _ctx.dragStart ? true : false
           }, [
             renderSlot(_ctx.$slots, "default")
           ], 14, _hoisted_1$4)
@@ -1822,14 +1816,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$u, {
-        class: normalizeClass(__props.class),
-        cname: __props.cname
+        class: normalizeClass(_ctx.class),
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("iframe", {
             class: normalizeClass(scope.className),
             frameborder: "0",
-            src: __props.src
+            src: _ctx.src
           }, null, 10, _hoisted_1$3)
         ]),
         _: 1
@@ -1854,7 +1848,7 @@ const _sfc_main$e = /* @__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$t, mergeProps({ class: combClass.value }, __props.viewData, {
+      return openBlock(), createBlock(_sfc_main$t, mergeProps({ class: combClass.value }, _ctx.viewData, {
         extraClass: {
           selector: ">",
           value: `pad-h-${gap.value[0]} pad-v-${gap.value[1]}`
@@ -1880,7 +1874,7 @@ const _sfc_main$d = /* @__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$t, mergeProps({ class: combClass.value }, __props.viewData), {
+      return openBlock(), createBlock(_sfc_main$t, mergeProps({ class: combClass.value }, _ctx.viewData), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1936,14 +1930,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      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`,
+      return openBlock(), createBlock(_sfc_main$r, 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(() => [
-          __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)
+          _ctx.iconData ? (openBlock(), createBlock(_sfc_main$l, mergeProps({ key: 0 }, _ctx.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
+          createTextVNode(" " + toDisplayString(_ctx.btnText), 1)
         ]),
         _: 1
       }, 16, ["class", "hover", "active"]);
@@ -1961,9 +1955,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     label: {}
   },
   emits: ["update:selected", "change"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { 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(() => {
@@ -1998,7 +1991,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 state: selected.value ? "act" : "",
                 cname: combClass.value + combActClass.value,
                 states: {
-                  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"}`
+                  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"}`
                 }
               }, {
                 default: withCtx(() => [
@@ -2040,9 +2033,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     span: {}
   },
   emits: ["update:selected", "change"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const checkboxData = computed(() => {
       return props.options.map((opt) => {
         var _a;
@@ -2075,15 +2067,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       const _component_b_col = resolveComponent("b-col");
       const _component_b_row = resolveComponent("b-row");
       return openBlock(), createBlock(_sfc_main$t, {
-        class: normalizeClass(__props.class)
+        class: normalizeClass(_ctx.class)
       }, {
         default: withCtx(() => [
-          __props.title ? (openBlock(), createBlock(_sfc_main$t, {
+          _ctx.title ? (openBlock(), createBlock(_sfc_main$t, {
             key: 0,
             class: "mrg-b-1"
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.title), 1)
+              createTextVNode(toDisplayString(_ctx.title), 1)
             ]),
             _: 1
           })) : createCommentVNode("", true),
@@ -2092,7 +2084,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(checkboxData.value, (item, i) => {
                 return openBlock(), createBlock(_component_b_col, {
                   class: "flex-4",
-                  span: __props.span,
+                  span: _ctx.span,
                   key: i
                 }, {
                   default: withCtx(() => [
@@ -2100,7 +2092,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       onChange: change,
                       label: item.label,
                       value: item.value
-                    }, { ref_for: true }, item.checkboxData, {
+                    }, item.checkboxData, {
                       selected: item.selected,
                       "onUpdate:selected": ($event) => item.selected = $event
                     }), createSlots({ _: 2 }, [
@@ -2147,9 +2139,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     regular: { type: Boolean }
   },
   emits: ["update:selected", "change"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const selected = computed(() => [props.selected]);
     const change = (selected2) => {
       const values = selected2.map((item) => item.value);
@@ -2166,14 +2157,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_b_view = resolveComponent("b-view");
       return openBlock(), createBlock(_sfc_main$a, {
-        span: __props.span,
-        title: __props.title,
-        class: normalizeClass(__props.class),
+        span: _ctx.span,
+        title: _ctx.title,
+        class: normalizeClass(_ctx.class),
         selected: selected.value,
-        options: __props.options,
+        options: _ctx.options,
         onChange: change
       }, createSlots({ _: 2 }, [
-        __props.regular ? {
+        _ctx.regular ? {
           name: "default",
           fn: withCtx((scope) => [
             createVNode(_component_b_view, { class: "h-24-px w-24-px round-lg pad-d5 bg-color-neutral" }, {
@@ -2206,8 +2197,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$2 = ["state"];
-const _hoisted_2 = ["innerHTML"];
-const _hoisted_3 = ["innerHTML"];
+const _hoisted_2$1 = ["innerHTML"];
+const _hoisted_3$1 = ["innerHTML"];
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "tabs-wid",
   props: {
@@ -2220,9 +2211,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     noDataNotic: {}
   },
   emits: ["update:selected", "change"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const tabConts = reactive({});
     const color = computed(() => props.color ?? "blue");
     const tabOrder = reactive({});
@@ -2283,17 +2273,17 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_sfc_main$9, {
               options: options.value,
-              title: __props.title,
+              title: _ctx.title,
               selected: selected.value,
               onChange: change
             }, createSlots({ _: 2 }, [
-              slots.value.length === 0 && __props.tabStyle === "grid" ? {
+              slots.value.length === 0 && _ctx.tabStyle === "grid" ? {
                 name: "default",
                 fn: withCtx((scope) => [
                   createElementVNode("span", { state: scope }, null, 8, _hoisted_1$2)
                 ]),
                 key: "0"
-              } : slots.value.length === 0 && __props.tabStyle === "card" ? {
+              } : slots.value.length === 0 && _ctx.tabStyle === "card" ? {
                 name: "default",
                 fn: withCtx((scope) => [
                   createVNode(_sfc_main$t, { class: "w-4-px b-f1-px h-1-px bg-color-neutral r-f5-px abs" })
@@ -2339,9 +2329,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createElementVNode("div", {
                   innerHTML: tabConts[selected.value],
-                  class: normalizeClass(__props.smooth ? `ani-fast ani-${flipDir.value}` : ""),
+                  class: normalizeClass(_ctx.smooth ? `ani-fast ani-${flipDir.value}` : ""),
                   onAnimationend: _cache[0] || (_cache[0] = ($event) => flipDir.value = "")
-                }, null, 42, _hoisted_2)
+                }, null, 42, _hoisted_2$1)
               ]),
               _: 1
             })) : (openBlock(), createBlock(_sfc_main$t, {
@@ -2350,8 +2340,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createElementVNode("div", {
-                  innerHTML: __props.noDataNotic ?? "暂未选择标签"
-                }, null, 8, _hoisted_3)
+                  innerHTML: _ctx.noDataNotic ?? "暂未选择标签"
+                }, null, 8, _hoisted_3$1)
               ]),
               _: 1
             }))
@@ -2372,9 +2362,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     btnData: {}
   },
   emits: ["on_upload"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const $uploader = ref();
     const btnData = computed(() => {
       return {
@@ -2442,7 +2431,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             ref_key: "$uploader",
             ref: $uploader,
             onChange: trigerUpload,
-            multiple: __props.multiple
+            multiple: _ctx.multiple
           }, null, 40, _hoisted_1$1)
         ]),
         _: 3
@@ -2450,6 +2439,175 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+let t;
+const defaultStyle = `
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,.2);
+    transition: all .3s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 99;
+    transition: all .3s;
+`;
+const hideStyle = defaultStyle + `
+    opacity: 0;
+    visibility: hidden;
+`;
+const showStyle = defaultStyle + `
+    opacity: 1;
+    visibility: visible;
+`;
+const showToast = (text, duration = 2e3, icon = "") => {
+  clearTimeout(t);
+  let bToast = document.querySelector(".b-toast");
+  let bToastIcon;
+  if (!bToast) {
+    bToast = document.createElement("div");
+    bToast.className = "b-toast";
+    const bToastInner = document.createElement("div");
+    bToast.appendChild(bToastInner);
+    bToastIcon = document.createElement("i");
+    bToastIcon.className = "b-toast-icon";
+    const bToastText = document.createElement("div");
+    bToastInner.appendChild(bToastIcon);
+    bToastInner.appendChild(bToastText);
+    bToastInner.style.cssText = `
+            color: #fff;
+            border-radius: 7px;
+            padding: 1.2rem 1.7rem;
+            text-align: center;
+            background-color: rgba(0,0,0,.9);
+            font-size: 1.27rem;
+        `;
+    bToast.style.cssText = hideStyle;
+    document.body.appendChild(bToast);
+  }
+  bToastIcon = bToast.querySelector(".b-toast-icon");
+  if (icon) {
+    bToastIcon.className = `b-toast-icon ico-${icon}`;
+    bToastIcon.style.cssText = `
+            color: #fff;
+            font-size: 3.2rem;
+            margin-bottom: 1.2rem;
+        `;
+  } else {
+    bToastIcon.style.display = "none";
+  }
+  bToast.childNodes[0].childNodes[1].innerText = text;
+  bToast.style.cssText = showStyle;
+  t = setTimeout(() => {
+    bToast.style.cssText = hideStyle;
+  }, duration);
+};
+const showLoadToast = (text = "数据加载中") => {
+  let bToast = document.querySelector(".b-load-toast");
+  if (!bToast) {
+    bToast = document.createElement("div");
+    bToast.className = "b-load-toast";
+    const bToastInner = document.createElement("div");
+    bToast.appendChild(bToastInner);
+    const bToastIcon = document.createElement("i");
+    bToastIcon.style.cssText = `
+            color: #fff;
+            font-size: 3.2rem;
+            margin-bottom: 1.2rem;
+        `;
+    const bToastText = document.createElement("div");
+    bToastInner.appendChild(bToastIcon);
+    bToastInner.appendChild(bToastText);
+    bToastInner.style.cssText = `
+            color: #fff;
+            border-radius: 7px;
+            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[0].className = "ico-load ani-rotate ani-loop ani-slow";
+  bToast.childNodes[0].childNodes[1].innerText = text;
+  bToast.style.cssText = showStyle;
+};
+const hideLoadToast = (_text, _icon) => {
+  clearTimeout(t);
+  let bToast = document.querySelector(".b-load-toast");
+  if (!bToast)
+    return;
+  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 upload = () => {
+  const $input = document.createElement("input");
+  $input.type = "file";
+  document.body.appendChild($input);
+  return new Promise((resolve) => {
+    $input.onchange = (e) => {
+      const target = e.target;
+      if (target.files)
+        resolve(target.files);
+    };
+    $input.click();
+    document.body.removeChild($input);
+  });
+};
+const compress = (file, compress2) => {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = function() {
+      const img = new Image();
+      img.src = reader.result;
+      img.onload = function() {
+        const canvas = document.createElement("canvas");
+        const ctx = canvas.getContext("2d");
+        const { naturalHeight, naturalWidth } = img;
+        const ratio = naturalWidth / naturalHeight;
+        canvas.width = (compress2 == null ? void 0 : compress2.width) || naturalWidth;
+        canvas.height = (compress2 == null ? void 0 : compress2.height) || canvas.width / ratio;
+        ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
+        canvas.toBlob((blob) => {
+          resolve(new File([blob], file.name, {
+            type: blob.type,
+            lastModified: (/* @__PURE__ */ new Date()).getTime()
+          }));
+        }, file.type, (compress2 == null ? void 0 : compress2.quality) || 0.7);
+      };
+      img.onerror = reject;
+    };
+    reader.onerror = reject;
+  });
+};
+const uploadImage = async (imageCompress) => {
+  const files = await upload();
+  const file = await compress(files[0], imageCompress);
+  const fileReader = new FileReader();
+  fileReader.readAsDataURL(file);
+  return new Promise((resolve) => {
+    fileReader.onload = (e) => {
+      var _a;
+      resolve({
+        file,
+        preview: (_a = e.target) == null ? void 0 : _a.result
+      });
+    };
+  });
+};
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "img-upload-wid",
   props: {
@@ -2461,38 +2619,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     compress: {}
   },
   emits: ["update:preview", "on_upload"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { 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) => {
-        const reader = new FileReader();
-        reader.readAsDataURL(file);
-        reader.onload = function() {
-          const img = new Image();
-          img.src = reader.result;
-          img.onload = function() {
-            var _a, _b, _c;
-            const canvas = document.createElement("canvas");
-            const ctx = canvas.getContext("2d");
-            const { naturalHeight, naturalWidth } = img;
-            const ratio = naturalWidth / naturalHeight;
-            canvas.width = ((_a = props.compress) == null ? void 0 : _a.width) || naturalWidth;
-            canvas.height = ((_b = props.compress) == null ? void 0 : _b.height) || canvas.width / ratio;
-            ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
-            canvas.toBlob((blob) => {
-              resolve(new File([blob], file.name, {
-                type: blob.type,
-                lastModified: (/* @__PURE__ */ new Date()).getTime()
-              }));
-            }, file.type, ((_c = props == null ? void 0 : props.compress) == null ? void 0 : _c.quality) || 0.7);
-          };
-          img.onerror = reject;
-        };
-        reader.onerror = reject;
-      });
-    };
+    const size = computed(() => props.compress ? 1024 * 1024 * 20 : props.size);
     const imgUpload = async (files, checkResult) => {
       if (checkResult.success) {
         let file = files[0];
@@ -2503,7 +2632,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           emit("update:preview", (_a = e.target) == null ? void 0 : _a.result);
         };
         if (props.compress)
-          file = await compress(files[0]);
+          file = await compress(files[0], props.compress);
         emit("on_upload", file, checkResult);
       }
     };
@@ -2513,20 +2642,20 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$7, {
         onOn_upload: imgUpload,
         size: size.value,
-        multiple: __props.multiple,
+        multiple: _ctx.multiple,
         type: ["image/jpeg", "image/png", "image/gif"]
       }, {
         default: withCtx(() => {
           var _a, _b, _c, _d, _e, _f;
           return [
-            __props.preview ? (openBlock(), createBlock(_component_b_view, {
+            _ctx.preview ? (openBlock(), createBlock(_component_b_view, {
               key: 0,
-              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
+              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
             }, null, 8, ["class", "bg-img"])) : (openBlock(), createBlock(_component_b_icon, {
               key: 1,
               icon: "add",
-              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`)
+              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`)
             }, null, 8, ["class"]))
           ];
         }),
@@ -2561,7 +2690,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       var _a;
       const _component_router_view = resolveComponent("router-view");
       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"}`)
+        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;
@@ -2573,7 +2702,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   class: "abs max"
                 }, {
                   default: withCtx(() => [
-                    __props.keepAlive ? (openBlock(), createBlock(KeepAlive, { key: 0 }, [
+                    _ctx.keepAlive ? (openBlock(), createBlock(KeepAlive, { key: 0 }, [
                       createVNode(_component_router_view)
                     ], 1024)) : (openBlock(), createBlock(_component_router_view, { key: 1 }))
                   ]),
@@ -2583,11 +2712,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               _: 1
             }),
             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`)
+              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$r, mergeProps({ key: i }, { ref_for: true }, nav.hotData, {
+                  return openBlock(), createBlock(_sfc_main$r, mergeProps({ key: i }, nav.hotData, {
                     class: "grow-1",
                     onOn_click: ($event) => _ctx.$emit("on_toggle", nav)
                   }), {
@@ -2601,19 +2730,19 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                           default: withCtx(() => {
                             var _a4, _b2, _c2, _d2;
                             return [
-                              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"}`
+                              createVNode(_sfc_main$l, 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$t, {
                           key: 1,
-                          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",
+                          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",
                           state: curRoute.value === nav.hotData.link ? "act" : "",
                           states: {
-                            act: `color-${((_f = (_e = __props.colors) == null ? void 0 : _e.text) == null ? void 0 : _f.act) || "light"}`
+                            act: `color-${((_f = (_e = _ctx.colors) == null ? void 0 : _e.text) == null ? void 0 : _f.act) || "light"}`
                           }
                         }, {
                           default: withCtx(() => [
@@ -2630,13 +2759,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                               ]),
                               _: 2
                             }, 1024)) : createCommentVNode("", true),
-                            createVNode(_sfc_main$l, mergeProps({ ref_for: true }, nav.iconData, {
+                            createVNode(_sfc_main$l, mergeProps(nav.iconData, {
                               cname: nav.act,
                               state: curRoute.value === nav.hotData.link ? "act" : "",
                               states: {
                                 act: nav.act ?? ""
                               },
-                              class: `w-2d7 h-2d7 ${__props.iconTransAni ? "trans-fast" : ""} fsize-1d7`
+                              class: `w-2d7 h-2d7 ${_ctx.iconTransAni ? "trans-fast" : ""} fsize-1d7`
                             }), null, 16, ["cname", "state", "states", "class"]),
                             nav.text ? (openBlock(), createBlock(_sfc_main$s, {
                               key: 2,
@@ -2666,6 +2795,14 @@ const _sfc_main$5 = /* @__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$4 = /* @__PURE__ */ defineComponent({
   __name: "confirm-wid",
   props: {
@@ -2703,12 +2840,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       $_close();
     });
     return (_ctx, _cache) => {
-      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)
-      ])]);
+      return openBlock(), createElementBlock("dialog", _hoisted_1, _hoisted_4);
     };
   }
 });
@@ -2731,7 +2863,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_b_view = resolveComponent("b-view");
       return openBlock(), createBlock(_component_b_view, {
-        class: normalizeClass(`fixed max bg-color-${__props.matteColor || "rgba_0_0_0_d2"} l-0 t-0 flex-5`),
+        class: normalizeClass(`fixed max bg-color-${_ctx.matteColor || "rgba_0_0_0_d2"} l-0 t-0 flex-5`),
         state: visiable.value,
         states: {
           true: "alpha-1 visible",
@@ -2769,9 +2901,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     dir: {}
   },
   emits: ["update:visiable"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const dir = computed(() => props.dir || "bottom");
     const dirStyle = computed(() => {
       let layout, pannal;
@@ -2832,12 +2963,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           createVNode(_component_b_hot, {
             onOn_transend: matteAniend,
             onOn_click: hide,
-            state: __props.visiable,
+            state: _ctx.visiable,
             states: {
               true: "alpha-1 visible",
               false: "alpha-0"
             },
-            class: normalizeClass(`abs trans-fast max t-0 l-0 bg-color-${__props.matteColor || "C000000cc"}`)
+            class: normalizeClass(`abs trans-fast max t-0 l-0 bg-color-${_ctx.matteColor || "C000000cc"}`)
           }, null, 8, ["state", "class"]),
           createVNode(_component_b_view, {
             class: normalizeClass(`${dirStyle.value.pannal} rel ani-mode-both`),
@@ -2878,10 +3009,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             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}`)
+                class: normalizeClass(`bg-color-${_ctx.pannelColor || "light"} rel pad-2 ${_ctx.roundEnable ? "round-md" : ""} ${dirStyle.value.pannal}`)
               }, {
                 default: withCtx(() => [
-                  !__props.closeEnable ? (openBlock(), createBlock(_component_b_hot, {
+                  !_ctx.closeEnable ? (openBlock(), createBlock(_component_b_hot, {
                     key: 0,
                     class: "abs r-1 t-d7 color-mgray",
                     onOn_click: hide
@@ -2917,7 +3048,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     active: {}
   },
   emits: ["on_select"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
     const dataTree = ref(props.dataTree || []);
     const selected = inject("selected");
@@ -2948,9 +3079,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$r, {
                 cname: `${item.id}-${Math.random()}`,
                 class: normalizeClass(`flex-4 pad-v-${gap.value} pad-l-${setIndex(item.level)}`),
-                hover: __props.hover,
+                hover: _ctx.hover,
                 states: {
-                  true: `${__props.active ? __props.active : ""}`,
+                  true: `${_ctx.active ? _ctx.active : ""}`,
                   false: ""
                 },
                 state: (((_a = unref(selected)) == null ? void 0 : _a.findIndex((data) => data.id === item.id)) > -1).toString()
@@ -2984,11 +3115,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 state: item.spread ? "show" : "hide"
               }, {
                 default: withCtx(() => [
-                  createVNode(_component_content_node_wid, mergeProps({ ref_for: true }, { ...props, dataTree: item.children }), createSlots({ _: 2 }, [
+                  createVNode(_component_content_node_wid, normalizeProps(guardReactiveProps({ ...props, dataTree: item.children })), createSlots({ _: 2 }, [
                     _ctx.$slots.default ? {
                       name: "default",
                       fn: withCtx((scope) => [
-                        renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, scope))
+                        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope)))
                       ]),
                       key: "0"
                     } : void 0
@@ -3014,9 +3145,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     active: {}
   },
   emits: ["on_select"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     let prefix = 0;
     const flatDataTree = reactive([]);
     const indexDataTree = reactive({});
@@ -3084,119 +3214,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 const contentWid_vue_vue_type_style_index_0_lang = "";
-let t;
-const defaultStyle = `
-    position: fixed;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0,0,0,.2);
-    transition: all .3s;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 99;
-    transition: all .3s;
-`;
-const hideStyle = defaultStyle + `
-    opacity: 0;
-    visibility: hidden;
-`;
-const showStyle = defaultStyle + `
-    opacity: 1;
-    visibility: visible;
-`;
-const showToast = (text, duration = 2e3, icon = "") => {
-  clearTimeout(t);
-  let bToast = document.querySelector(".b-toast");
-  let bToastIcon;
-  if (!bToast) {
-    bToast = document.createElement("div");
-    bToast.className = "b-toast";
-    const bToastInner = document.createElement("div");
-    bToast.appendChild(bToastInner);
-    bToastIcon = document.createElement("i");
-    bToastIcon.className = "b-toast-icon";
-    const bToastText = document.createElement("div");
-    bToastInner.appendChild(bToastIcon);
-    bToastInner.appendChild(bToastText);
-    bToastInner.style.cssText = `
-            color: #fff;
-            border-radius: 7px;
-            padding: 1.2rem 1.7rem;
-            text-align: center;
-            background-color: rgba(0,0,0,.9);
-            font-size: 1.27rem;
-        `;
-    bToast.style.cssText = hideStyle;
-    document.body.appendChild(bToast);
-  }
-  bToastIcon = bToast.querySelector(".b-toast-icon");
-  if (icon) {
-    bToastIcon.className = `b-toast-icon ico-${icon}`;
-    bToastIcon.style.cssText = `
-            color: #fff;
-            font-size: 3.2rem;
-            margin-bottom: 1.2rem;
-        `;
-  } else {
-    bToastIcon.style.display = "none";
-  }
-  bToast.childNodes[0].childNodes[1].innerText = text;
-  bToast.style.cssText = showStyle;
-  t = setTimeout(() => {
-    bToast.style.cssText = hideStyle;
-  }, duration);
-};
-const showLoadToast = (text = "数据加载中") => {
-  let bToast = document.querySelector(".b-load-toast");
-  if (!bToast) {
-    bToast = document.createElement("div");
-    bToast.className = "b-load-toast";
-    const bToastInner = document.createElement("div");
-    bToast.appendChild(bToastInner);
-    const bToastIcon = document.createElement("i");
-    bToastIcon.style.cssText = `
-            color: #fff;
-            font-size: 3.2rem;
-            margin-bottom: 1.2rem;
-        `;
-    const bToastText = document.createElement("div");
-    bToastInner.appendChild(bToastIcon);
-    bToastInner.appendChild(bToastText);
-    bToastInner.style.cssText = `
-            color: #fff;
-            border-radius: 7px;
-            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[0].className = "ico-load ani-rotate ani-loop ani-slow";
-  bToast.childNodes[0].childNodes[1].innerText = text;
-  bToast.style.cssText = showStyle;
-};
-const hideLoadToast = (_text, _icon) => {
-  clearTimeout(t);
-  let bToast = document.querySelector(".b-load-toast");
-  if (!bToast)
-    return;
-  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,
@@ -3240,8 +3257,11 @@ const index = {
   }
 };
 export {
+  compress,
   index as default,
   hideLoadToast,
   showLoadToast,
-  showToast
+  showToast,
+  upload,
+  uploadImage
 };