btxui 1.1.13 → 1.1.15

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, createElementBlock, nextTick, createVNode, resolveComponent, Fragment, createCommentVNode, watchEffect, withDirectives, toDisplayString, vShow, vModelDynamic, vModelText, mergeProps, createTextVNode, renderList, createSlots, onBeforeMount, KeepAlive, onBeforeUnmount, inject, unref, normalizeProps, guardReactiveProps, provide } from "vue";
+import { defineComponent, ref, computed, reactive, onBeforeMount, renderSlot, watch, onMounted, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle, getCurrentInstance, resolveDynamicComponent, withModifiers, createElementBlock, nextTick, createVNode, resolveComponent, Fragment, createCommentVNode, watchEffect, withDirectives, toDisplayString, vShow, vModelDynamic, vModelText, mergeProps, createTextVNode, renderList, createSlots, render, KeepAlive, inject, unref, normalizeProps, guardReactiveProps, provide } from "vue";
 const theme = {
   // 预置主题色
   colors: {
@@ -197,6 +197,14 @@ const prestyles = {
   "objfit-scaledown": `object-fit: scale-down;`,
   // 图层混合模式
   "lighten": `mix-blend-mode: lighten;`,
+  // 动画
+  "ani": `animation-duration: 0.7s;`,
+  "ani-fast": `animation-duration: 0.3s;`,
+  "ani-slow": `animation-duration: 1.4s;`,
+  "ani-mode-forwards": `animation-fill-mode: forwards;`,
+  "ani-mode-backwards": `animation-fill-mode: backwards;`,
+  "ani-mode-both": `animation-fill-mode: both;`,
+  "ani-loop": `animation-timing-function: linear; animation-iteration-count: infinite;`,
   // 二段赋值-----------------------------------------------------------------------------------
   // 文字颜色
   "color": {
@@ -365,20 +373,20 @@ var md5$1 = {
     function bitRotateLeft(num, cnt) {
       return num << cnt | num >>> 32 - cnt;
     }
-    function md5cmn(q, a, b, x, s, t2) {
-      return safeAdd(bitRotateLeft(safeAdd(safeAdd(a, q), safeAdd(x, t2)), s), b);
+    function md5cmn(q, a, b, x, s, t) {
+      return safeAdd(bitRotateLeft(safeAdd(safeAdd(a, q), safeAdd(x, t)), s), b);
     }
-    function md5ff(a, b, c, d, x, s, t2) {
-      return md5cmn(b & c | ~b & d, a, b, x, s, t2);
+    function md5ff(a, b, c, d, x, s, t) {
+      return md5cmn(b & c | ~b & d, a, b, x, s, t);
     }
-    function md5gg(a, b, c, d, x, s, t2) {
-      return md5cmn(b & d | c & ~d, a, b, x, s, t2);
+    function md5gg(a, b, c, d, x, s, t) {
+      return md5cmn(b & d | c & ~d, a, b, x, s, t);
     }
-    function md5hh(a, b, c, d, x, s, t2) {
-      return md5cmn(b ^ c ^ d, a, b, x, s, t2);
+    function md5hh(a, b, c, d, x, s, t) {
+      return md5cmn(b ^ c ^ d, a, b, x, s, t);
     }
-    function md5ii(a, b, c, d, x, s, t2) {
-      return md5cmn(c ^ (b | ~d), a, b, x, s, t2);
+    function md5ii(a, b, c, d, x, s, t) {
+      return md5cmn(c ^ (b | ~d), a, b, x, s, t);
     }
     function binlMD5(x, len) {
       x[len >> 5] |= 128 << len % 32;
@@ -557,7 +565,7 @@ var md5$1 = {
 })(md5$1);
 const md5 = md5Exports;
 const GLOBAL_STYLE_NAME = "BTXUIGlobal";
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "b-style",
   props: {
     class: {},
@@ -685,8 +693,10 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         return "";
       const combineStyle = _class.trim().split(" ").reduce((total, rule) => {
         const validateRule = parseStyle(rule);
-        if (!validateRule)
-          return "";
+        if (!validateRule) {
+          console.warn(`combineStyles without ${rule} rule!`);
+          total += "";
+        }
         total += `${validateRule};`;
         return total;
       }, "");
@@ -778,7 +788,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         transform: `${translate} ${scale} ${rotate} ${skew}`
       } : {};
     };
-    onMounted(() => {
+    onBeforeMount(() => {
       if (props.matrix)
         matrix();
       initStyle();
@@ -801,8 +811,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = ["data-ani-states", "state"];
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = ["data-ani-states", "state"];
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "b-view",
   props: {
     class: {},
@@ -820,17 +830,23 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     const $el = ref();
     const state = computed(() => props.state);
     let lastAni;
-    watch(state, (val, old) => {
-      if (val == null || val == void 0 || !$el.value.dataset.aniStates)
+    let stateClass = "";
+    watch(state, () => {
+      setAniState();
+    });
+    const setAniState = () => {
+      if (!$el.value.dataset.aniStates)
         return;
       const aniStates = JSON.parse($el.value.dataset.aniStates);
-      if (aniStates[val]) {
-        if (old != null || old != void 0)
-          $el.value.classList.remove(aniStates[old]);
-        $el.value.classList.add("ani-fast", aniStates[val]);
+      const val = state.value;
+      if (val && aniStates[val]) {
+        if (stateClass)
+          $el.value.classList.remove(stateClass);
+        stateClass = aniStates[val];
+        $el.value.classList.add(stateClass);
         lastAni = aniStates[val];
       }
-    });
+    };
     const aniEnd = (e) => {
       if (!props.aniEndClear)
         $el.value.classList.remove(lastAni);
@@ -843,9 +859,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           e.preventDefault();
         };
       }
+      setAniState();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$w, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname,
         states: _ctx.states,
@@ -862,15 +879,15 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             style: normalizeStyle({ ...bgStyle.value, ...scope.matrixStyle })
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 46, _hoisted_1$c)
+          ], 46, _hoisted_1$b)
         ]),
         _: 3
       }, 8, ["class", "cname", "states", "matrix"]);
     };
   }
 });
-const _hoisted_1$b = ["state"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _hoisted_1$a = ["state"];
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "b-text",
   props: {
     class: {},
@@ -880,7 +897,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$w, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         cname: _ctx.cname
@@ -891,14 +908,14 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             state: _ctx.state
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 10, _hoisted_1$b)
+          ], 10, _hoisted_1$a)
         ]),
         _: 3
       }, 8, ["class", "states", "cname"]);
     };
   }
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "b-hot",
   props: {
     link: {},
@@ -958,17 +975,17 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       !props.forbid && emit("on_dblclick", e);
     };
     let touchStartTime = ref(0);
-    let t2;
+    let t;
     let isLongTouch = false;
     const enter = (e) => {
       emit("on_enter", e);
       if (e.type === "touchstart") {
         touchStartTime.value = Date.now();
-        t2 = setInterval(() => {
+        t = setInterval(() => {
           if (Date.now() - touchStartTime.value > (props.touchDuration || 1e3)) {
             isLongTouch = true;
             emit("on_longTouch", e);
-            clearTimeout(t2);
+            clearTimeout(t);
           }
         }, 100);
       }
@@ -983,7 +1000,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           e.preventDefault();
           isLongTouch = false;
         }
-        clearTimeout(t2);
+        clearTimeout(t);
       }
     };
     onMounted(() => {
@@ -991,7 +1008,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         $anchor.value.download = props.download;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$w, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         hover: _ctx.hover,
@@ -1030,8 +1047,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$a = ["src", "state", "alt"];
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9 = ["src", "state", "alt"];
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "b-img",
   props: {
     img: {},
@@ -1066,7 +1083,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       setSrc();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$w, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname,
         states: _ctx.states,
@@ -1082,7 +1099,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             alt: _ctx.alt,
             ref_key: "$img",
             ref: $img
-          }, null, 14, _hoisted_1$a)) : (openBlock(), createElementBlock("div", {
+          }, null, 14, _hoisted_1$9)) : (openBlock(), createElementBlock("div", {
             key: 1,
             class: normalizeClass(`bg-color-neutral ${scope.className} ani-fade-in`)
           }, null, 2))
@@ -1092,17 +1109,17 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "ani-success",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, {
+      return openBlock(), createBlock(_sfc_main$v, {
         class: "flex-5",
         matrix: { translate: "0,9px", rotate: "45deg" }
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$t, { class: "ani-success-part1 w-1 h-3-px bg-color-green round-sm" }),
-          createVNode(_sfc_main$t, { class: "ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px" })
+          createVNode(_sfc_main$u, { class: "ani-success-part1 w-1 h-3-px bg-color-green round-sm" }),
+          createVNode(_sfc_main$u, { class: "ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px" })
         ]),
         _: 1
       });
@@ -1118,7 +1135,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$p = {};
+const _sfc_main$q = {};
 function _sfc_render$2(_ctx, _cache) {
   const _component_b_text = resolveComponent("b-text");
   const _component_b_view = resolveComponent("b-view");
@@ -1130,9 +1147,9 @@ function _sfc_render$2(_ctx, _cache) {
     _: 1
   });
 }
-const AniFail = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$2]]);
+const AniFail = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$2]]);
 const aniNotic_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$o = {};
+const _sfc_main$p = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_b_text = resolveComponent("b-text");
   const _component_b_view = resolveComponent("b-view");
@@ -1147,9 +1164,9 @@ function _sfc_render$1(_ctx, _cache) {
     _: 1
   });
 }
-const AniNotic = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$1]]);
+const AniNotic = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$1]]);
 const aniLoading_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$n = {};
+const _sfc_main$o = {};
 function _sfc_render(_ctx, _cache) {
   const _component_b_view = resolveComponent("b-view");
   return openBlock(), createBlock(_component_b_view, { class: "flex-5" }, {
@@ -1159,9 +1176,9 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render]]);
-const _hoisted_1$9 = ["state"];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render]]);
+const _hoisted_1$8 = ["state"];
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "b-icon",
   props: {
     icon: {},
@@ -1173,19 +1190,19 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$w, {
         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$q, { key: "success" })) : createCommentVNode("", true),
+            _ctx.icon === "ani_success" ? (openBlock(), createBlock(_sfc_main$r, { 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$u, {
+          _ctx.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$v, {
             key: 1,
             "bg-img": _ctx.icon,
             states: _ctx.states,
@@ -1195,16 +1212,16 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             key: 2,
             class: normalizeClass(`ico-${props.icon} ${scope.className}`),
             state: _ctx.state
-          }, null, 10, _hoisted_1$9))
+          }, null, 10, _hoisted_1$8))
         ]),
         _: 1
       }, 8, ["class", "states", "cname"]);
     };
   }
 });
-const _hoisted_1$8 = ["contenteditable", "focus-state", "state"];
-const _hoisted_2$3 = ["type", "name", "focus-state", "state", "placeholder", "maxlength", "readonly"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = ["contenteditable", "focus-state", "state"];
+const _hoisted_2$2 = ["type", "name", "focus-state", "state", "placeholder", "maxlength", "readonly"];
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "b-input",
   props: {
     type: {},
@@ -1339,7 +1356,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       const _component_b_icon = resolveComponent("b-icon");
       const _component_b_hot = resolveComponent("b-hot");
       const _component_b_view = resolveComponent("b-view");
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$w, {
         class: normalizeClass(_ctx.class),
         focus: _ctx.focus,
         states: _ctx.states,
@@ -1371,7 +1388,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                   style: { "outline": "none", "width": "100%" },
                   state: _ctx.state,
                   autocomplete: "off"
-                }, toDisplayString(val2.value), 43, _hoisted_1$8)) : withDirectives((openBlock(), createElementBlock("input", {
+                }, toDisplayString(val2.value), 43, _hoisted_1$7)) : withDirectives((openBlock(), createElementBlock("input", {
                   key: 2,
                   class: normalizeClass(scope.className),
                   onFocus: _cache[1] || (_cache[1] = ($event) => focusEvent($event)),
@@ -1389,7 +1406,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                   maxlength: _ctx.maxlength,
                   readonly: _ctx.readonly,
                   autocomplete: "off"
-                }, null, 42, _hoisted_2$3)), [
+                }, null, 42, _hoisted_2$2)), [
                   [vModelDynamic, val.value]
                 ]),
                 !_ctx.readonly && !_ctx.aspectHeight && !_ctx.hideClear ? (openBlock(), createBlock(_component_b_hot, {
@@ -1421,8 +1438,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["name", "focus", "state", "placeholder", "maxlength", "readonly", "rows"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = ["name", "focus", "state", "placeholder", "maxlength", "readonly", "rows"];
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "b-textarea",
   props: {
     text: {},
@@ -1446,7 +1463,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       emit("update:text", formatText(val.value));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$w, {
         class: normalizeClass(_ctx.class),
         focus: _ctx.focus,
         states: _ctx.states,
@@ -1467,7 +1484,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             maxlength: _ctx.maxlength,
             readonly: _ctx.readonly,
             rows: _ctx.rows || 7
-          }, null, 42, _hoisted_1$7), [
+          }, null, 42, _hoisted_1$6), [
             [vModelText, val.value]
           ])
         ]),
@@ -1476,9 +1493,9 @@ const _sfc_main$k = /* @__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$j = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = ["poster", "muted", "src", "autoplay", "controls", "loop"];
+const _hoisted_2$1 = ["poster", "muted", "src", "autoplay", "controls", "loop"];
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "b-video",
   props: {
     video: {},
@@ -1540,7 +1557,7 @@ const _sfc_main$j = /* @__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$v, {
+      return openBlock(), createBlock(_sfc_main$w, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname
       }, {
@@ -1593,7 +1610,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               autoplay: _ctx.autoPlay,
               controls: !_ctx.customControls,
               loop: _ctx.loop
-            }, null, 42, _hoisted_1$6)) : (openBlock(), createElementBlock("video", {
+            }, null, 42, _hoisted_1$5)) : (openBlock(), createElementBlock("video", {
               key: 2,
               ref_key: "$video",
               ref: $video,
@@ -1609,7 +1626,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               autoplay: _ctx.autoPlay,
               controls: !_ctx.customControls,
               loop: _ctx.loop
-            }, null, 42, _hoisted_2$2))
+            }, null, 42, _hoisted_2$1))
           ], 2)
         ]),
         _: 1
@@ -1617,9 +1634,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = ["state"];
+const _hoisted_1$4 = ["state"];
 const tolerance = 2;
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "b-list",
   props: {
     scroll: {},
@@ -1682,7 +1699,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       watchPos();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$w, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         cname: _ctx.cname
@@ -1702,15 +1719,15 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             }, [
               renderSlot(_ctx.$slots, "default")
             ], 38)
-          ], 10, _hoisted_1$5)
+          ], 10, _hoisted_1$4)
         ]),
         _: 3
       }, 8, ["class", "states", "cname"]);
     };
   }
 });
-const _hoisted_1$4 = ["state", "draggable"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _hoisted_1$3 = ["state", "draggable"];
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "b-drag",
   props: {
     class: {},
@@ -1820,7 +1837,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       bindEvent();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$w, {
         class: normalizeClass(_ctx.class),
         states: { dragStart: _ctx.dragStart, dragOver: _ctx.dragOver },
         cname: _ctx.cname
@@ -1842,15 +1859,15 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             draggable: _ctx.dragStart ? true : false
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 14, _hoisted_1$4)
+          ], 14, _hoisted_1$3)
         ]),
         _: 3
       }, 8, ["class", "states", "cname"]);
     };
   }
 });
-const _hoisted_1$3 = ["src"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = ["src"];
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "b-webview",
   props: {
     src: {},
@@ -1859,7 +1876,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$w, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname
       }, {
@@ -1868,14 +1885,14 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             class: normalizeClass(scope.className),
             frameborder: "0",
             src: _ctx.src
-          }, null, 10, _hoisted_1$3)
+          }, null, 10, _hoisted_1$2)
         ]),
         _: 1
       }, 8, ["class", "cname"]);
     };
   }
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "b-row",
   props: {
     class: {},
@@ -1892,7 +1909,7 @@ const _sfc_main$f = /* @__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$u, mergeProps({ class: combClass.value }, _ctx.viewData, {
+      return openBlock(), createBlock(_sfc_main$v, mergeProps({ class: combClass.value }, _ctx.viewData, {
         extraClass: {
           selector: ">",
           value: `pad-h-${gap.value[0]} pad-v-${gap.value[1]}`
@@ -1906,7 +1923,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "b-col",
   props: {
     span: {},
@@ -1918,7 +1935,7 @@ const _sfc_main$e = /* @__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$u, mergeProps({ class: combClass.value }, _ctx.viewData), {
+      return openBlock(), createBlock(_sfc_main$v, mergeProps({ class: combClass.value }, _ctx.viewData), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1927,7 +1944,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "btn-wid",
   props: {
     btnText: {},
@@ -1974,13 +1991,13 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$s, mergeProps(_ctx.hotData, {
+      return openBlock(), createBlock(_sfc_main$t, 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$m, mergeProps({ key: 0 }, _ctx.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
+          _ctx.iconData ? (openBlock(), createBlock(_sfc_main$n, mergeProps({ key: 0 }, _ctx.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
           createTextVNode(" " + toDisplayString(_ctx.btnText), 1)
         ]),
         _: 1
@@ -1988,7 +2005,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "checkbox-wid",
   props: {
     selected: { type: Boolean },
@@ -2016,7 +2033,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       emit("change", props.value, state);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$s, {
+      return openBlock(), createBlock(_sfc_main$t, {
         class: normalizeClass(combClass.value),
         hover: "alpha-d9",
         state: selected.value ? "act" : "",
@@ -2030,7 +2047,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           }, () => {
             var _a, _b;
             return [
-              createVNode(_sfc_main$u, {
+              createVNode(_sfc_main$v, {
                 class: "w-24-px h-24-px bg-color-neutral round-sm flex-5",
                 state: selected.value ? "act" : "",
                 cname: combClass.value + combActClass.value,
@@ -2039,7 +2056,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 }
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$m, {
+                  createVNode(_sfc_main$n, {
                     icon: "success",
                     class: "alpha-d3",
                     state: selected.value ? "act" : "",
@@ -2052,7 +2069,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               }, 8, ["state", "cname", "states"])
             ];
           }),
-          label.value ? (openBlock(), createBlock(_sfc_main$u, {
+          label.value ? (openBlock(), createBlock(_sfc_main$v, {
             key: 0,
             class: "pad-h-1 ellipsis"
           }, {
@@ -2067,7 +2084,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "checkbox-group-wid",
   props: {
     options: {},
@@ -2110,11 +2127,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_b_col = resolveComponent("b-col");
       const _component_b_row = resolveComponent("b-row");
-      return openBlock(), createBlock(_sfc_main$u, {
+      return openBlock(), createBlock(_sfc_main$v, {
         class: normalizeClass(_ctx.class)
       }, {
         default: withCtx(() => [
-          _ctx.title ? (openBlock(), createBlock(_sfc_main$u, {
+          _ctx.title ? (openBlock(), createBlock(_sfc_main$v, {
             key: 0,
             class: "mrg-b-1"
           }, {
@@ -2132,7 +2149,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   key: i
                 }, {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$c, mergeProps({
+                    createVNode(_sfc_main$d, mergeProps({
                       onChange: change,
                       label: item.label,
                       value: item.value
@@ -2172,7 +2189,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "radio-group-wid",
   props: {
     options: {},
@@ -2200,7 +2217,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_b_view = resolveComponent("b-view");
-      return openBlock(), createBlock(_sfc_main$b, {
+      return openBlock(), createBlock(_sfc_main$c, {
         span: _ctx.span,
         title: _ctx.title,
         class: normalizeClass(_ctx.class),
@@ -2240,10 +2257,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = ["state"];
-const _hoisted_2$1 = ["innerHTML"];
-const _hoisted_3$1 = ["innerHTML"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1 = ["state"];
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = ["innerHTML"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "tabs-wid",
   props: {
     options: {},
@@ -2313,9 +2330,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$u, { class: "flex-7" }, {
+        createVNode(_sfc_main$v, { class: "flex-7" }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$a, {
+            createVNode(_sfc_main$b, {
               options: options.value,
               title: _ctx.title,
               selected: selected.value,
@@ -2324,19 +2341,19 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               slots.value.length === 0 && _ctx.tabStyle === "grid" ? {
                 name: "default",
                 fn: withCtx((scope) => [
-                  createElementVNode("span", { state: scope }, null, 8, _hoisted_1$2)
+                  createElementVNode("span", { state: scope }, null, 8, _hoisted_1$1)
                 ]),
                 key: "0"
               } : slots.value.length === 0 && _ctx.tabStyle === "card" ? {
                 name: "default",
                 fn: withCtx((scope) => [
-                  createVNode(_sfc_main$u, { class: "w-4-px b-f1-px h-1-px bg-color-neutral r-f5-px abs" })
+                  createVNode(_sfc_main$v, { 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$u, {
+                  createVNode(_sfc_main$v, {
                     class: normalizeClass(`max-w l-0 b-f1-px round-sm h-2-px bg-color-none abs`),
                     state: scope.state,
                     states: {
@@ -2357,35 +2374,35 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 };
               })
             ]), 1032, ["options", "title", "selected"]),
-            contLine.value ? (openBlock(), createBlock(_sfc_main$u, {
+            contLine.value ? (openBlock(), createBlock(_sfc_main$v, {
               key: 0,
               class: "grow-1 h-1-px bg-color-neutral"
             })) : createCommentVNode("", true)
           ]),
           _: 3
         }),
-        contArea.value ? (openBlock(), createBlock(_sfc_main$u, {
+        contArea.value ? (openBlock(), createBlock(_sfc_main$v, {
           key: 0,
           class: "pad-v-1d5 over-hide"
         }, {
           default: withCtx(() => [
-            selected.value ? (openBlock(), createBlock(_sfc_main$u, { key: 0 }, {
+            selected.value ? (openBlock(), createBlock(_sfc_main$v, { key: 0 }, {
               default: withCtx(() => [
                 createElementVNode("div", {
                   innerHTML: tabConts[selected.value],
                   class: normalizeClass(_ctx.smooth ? `ani-fast ani-${flipDir.value}` : ""),
                   onAnimationend: _cache[0] || (_cache[0] = ($event) => flipDir.value = "")
-                }, null, 42, _hoisted_2$1)
+                }, null, 42, _hoisted_2)
               ]),
               _: 1
-            })) : (openBlock(), createBlock(_sfc_main$u, {
+            })) : (openBlock(), createBlock(_sfc_main$v, {
               key: 1,
               class: "alpha-d5"
             }, {
               default: withCtx(() => [
                 createElementVNode("div", {
                   innerHTML: _ctx.noDataNotic ?? "暂未选择标签"
-                }, null, 8, _hoisted_3$1)
+                }, null, 8, _hoisted_3)
               ]),
               _: 1
             }))
@@ -2396,8 +2413,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = ["multiple"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1 = ["multiple"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "upload-wid",
   props: {
     type: {},
@@ -2456,7 +2473,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_b_hot = resolveComponent("b-hot");
-      return openBlock(), createBlock(_sfc_main$u, { class: "flex" }, {
+      return openBlock(), createBlock(_sfc_main$v, { class: "flex" }, {
         default: withCtx(() => [
           _ctx.$slots.default ? (openBlock(), createBlock(_component_b_hot, {
             key: 0,
@@ -2466,7 +2483,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          })) : (openBlock(), createBlock(_sfc_main$d, mergeProps({
+          })) : (openBlock(), createBlock(_sfc_main$e, mergeProps({
             key: 1,
             onOn_click: _cache[1] || (_cache[1] = ($event) => $uploader.value.click())
           }, btnData.value), null, 16)),
@@ -2487,802 +2504,706 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             ref: $uploader,
             onChange: trigerUpload,
             multiple: _ctx.multiple
-          }, null, 40, _hoisted_1$1))
+          }, null, 40, _hoisted_1))
         ]),
         _: 3
       });
     };
   }
 });
-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 = (extra) => {
-  const $input = document.createElement("input");
-  $input.type = "file";
-  if (extra == null ? void 0 : extra.camera) {
-    $input.capture = "user";
-    $input.accept = "image/*";
-  }
-  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, extra) => {
-  const files = await upload(extra);
-  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$7 = /* @__PURE__ */ defineComponent({
-  __name: "img-upload-wid",
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "modal-wid",
   props: {
-    preview: {},
-    cover: {},
-    size: {},
-    multiple: { type: Boolean },
-    bsize: {},
-    compress: {},
-    camera: { type: Boolean }
+    visiable: { type: Boolean },
+    matteColor: {},
+    matteCloseForbid: { type: Boolean },
+    closeEnable: { type: Boolean },
+    roundEnable: { type: Boolean },
+    pannelColor: {},
+    dir: {},
+    aniName: {}
   },
-  emits: ["update:preview", "on_upload"],
+  emits: ["update:visiable", "opened", "closed"],
   setup(__props, { emit }) {
     const props = __props;
-    const size = computed(() => props.compress ? 1024 * 1024 * 20 : props.size);
-    const imgUpload = async (files, checkResult) => {
-      if (checkResult.success) {
-        let file = files[0];
-        const fileReader = new FileReader();
-        fileReader.readAsDataURL(files[0]);
-        fileReader.onload = (e) => {
-          var _a;
-          emit("update:preview", (_a = e.target) == null ? void 0 : _a.result);
-        };
-        if (props.compress)
-          file = await compress(files[0], props.compress);
-        emit("on_upload", file, checkResult);
+    const dir = computed(() => props.dir || "bottom");
+    const dirStyle = computed(() => {
+      let layout, pannal;
+      switch (dir.value) {
+        case "left":
+          layout = "flex-4";
+          pannal = `max-h round-r`;
+          break;
+        case "right":
+          layout = "flex-6";
+          pannal = `max-h round-l`;
+          break;
+        case "top":
+          layout = "flex-2";
+          pannal = `max-w round-b`;
+          break;
+        case "bottom":
+          layout = "flex-8";
+          pannal = `max-w round-t`;
+          break;
+        case "center":
+          layout = "flex-5";
+          pannal = ``;
+          break;
+      }
+      return { layout, pannal };
+    });
+    const pannelStates = computed(() => {
+      const [aniIn, aniOut] = props.aniName ?? ["", ""];
+      return {
+        left: {
+          ani: aniIn || "ani-left-to-right"
+        },
+        right: {
+          ani: aniIn || "ani-right-to-left"
+        },
+        top: {
+          ani: aniIn || "ani-top-to-bottom"
+        },
+        bottom: {
+          ani: aniIn || "ani-bottom-to-top"
+        },
+        center: {
+          ani: aniIn || "ani-scale-fade-in"
+        },
+        leftBack: {
+          ani: aniOut || "ani-left-to-right-reverse"
+        },
+        rightBack: {
+          ani: aniOut || "ani-right-to-left-reverse"
+        },
+        topBack: {
+          ani: aniOut || "ani-top-to-bottom-reverse"
+        },
+        bottomBack: {
+          ani: aniOut || "ani-bottom-to-top-reverse"
+        },
+        centerBack: {
+          ani: aniOut || "ani-scale-fade-out"
+        }
+      };
+    });
+    const aniDir = ref("");
+    const closeState = ref(false);
+    watchEffect(() => {
+      if (props.visiable) {
+        closeState.value = true;
+        aniDir.value = dir.value;
+      } else {
+        aniDir.value = `${dir.value}Back`;
+      }
+    });
+    const pannelAniend = (e) => {
+      aniDir.value.indexOf("Back") === -1 && emit("opened", e);
+    };
+    const matteAniend = (e) => {
+      if (getComputedStyle(e.target).opacity === "0" && e.propertyName === "visibility") {
+        closeState.value = false;
+        emit("closed", e);
       }
     };
+    const hide = () => {
+      emit("update:visiable", false);
+    };
     return (_ctx, _cache) => {
-      const _component_b_view = resolveComponent("b-view");
-      const _component_b_icon = resolveComponent("b-icon");
-      return openBlock(), createBlock(_sfc_main$8, {
-        onOn_upload: imgUpload,
-        size: size.value,
-        multiple: _ctx.multiple,
-        camera: _ctx.camera,
-        type: ["image/jpeg", "image/png", "image/gif"]
+      return openBlock(), createBlock(_sfc_main$v, {
+        class: normalizeClass(`fixed t-0 l-0 max z-9 ${dirStyle.value.layout}`),
+        state: closeState.value.toString(),
+        states: {
+          true: "alpha-1 visible",
+          false: "alpha-0"
+        }
       }, {
-        default: withCtx(() => {
-          var _a, _b, _c, _d, _e, _f;
-          return [
-            _ctx.preview ? (openBlock(), createBlock(_component_b_view, {
-              key: 0,
-              class: normalizeClass(`w-${((_a = _ctx.cover) == null ? void 0 : _a.width) || 7} h-${((_b = _ctx.cover) == null ? void 0 : _b.height) || 7} bsize-${_ctx.bsize || "cover"} bpos-2 round-sm bg-color-neutral`),
-              "bg-img": _ctx.preview
-            }, null, 8, ["class", "bg-img"])) : (openBlock(), createBlock(_component_b_icon, {
-              key: 1,
-              icon: "add",
-              class: normalizeClass(`flex-5 w-${((_c = _ctx.cover) == null ? void 0 : _c.width) || 7} h-${((_d = _ctx.cover) == null ? void 0 : _d.height) || 7} ${((_e = _ctx.cover) == null ? void 0 : _e.color) ? "color-" + ((_f = _ctx.cover) == null ? void 0 : _f.color) : ""} round-sm bg-color-neutral`)
-            }, null, 8, ["class"]))
-          ];
-        }),
-        _: 1
-      }, 8, ["size", "multiple", "camera"]);
-    };
-  }
-});
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "app-wid",
-  props: {
-    path: {},
-    spread: {},
-    iconTransAni: { type: Boolean },
-    center: {},
-    colors: {},
-    round: { type: Boolean },
-    keepAlive: { type: Boolean }
-  },
-  emits: ["on_toggle"],
-  setup(__props) {
-    const props = __props;
-    const curRoute = computed(() => props.path);
-    const navs = computed(() => {
-      const spread = [...props.spread];
-      if (props.center) {
-        spread.splice(Math.floor(spread.length / 2), 0, reactive({ ...props.center, main: true }));
-      }
-      return spread;
-    });
-    return (_ctx, _cache) => {
-      var _a;
-      const _component_router_view = resolveComponent("router-view");
-      return openBlock(), createBlock(_sfc_main$u, {
-        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$u, { class: "rel grow-1" }, {
-              default: withCtx(() => [
-                createVNode(_sfc_main$i, {
-                  scroll: { y: "auto", x: "hidden" },
-                  class: "abs max"
+        default: withCtx(() => [
+          createVNode(_sfc_main$t, {
+            onOn_transend: matteAniend,
+            onOn_click: _cache[0] || (_cache[0] = ($event) => !_ctx.matteCloseForbid && hide()),
+            state: _ctx.visiable.toString(),
+            states: {
+              true: "alpha-1 visible",
+              false: "alpha-0"
+            },
+            class: normalizeClass(`abs trans-fast max t-0 l-0 bg-color-${_ctx.matteColor || "C000000cc"}`)
+          }, null, 8, ["state", "class"]),
+          createVNode(_sfc_main$v, {
+            class: normalizeClass(`${dirStyle.value.pannal} rel ani-mode-both ani-fast`),
+            state: aniDir.value,
+            "ani-end-clear": true,
+            onOn_aniEnd: pannelAniend,
+            states: pannelStates.value
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "custom", {}, () => [
+                createVNode(_sfc_main$v, {
+                  class: normalizeClass(`bg-color-${_ctx.pannelColor || "light"} rel pad-2 ${_ctx.roundEnable ? "round-md" : ""} ${dirStyle.value.pannal}`)
                 }, {
                   default: withCtx(() => [
-                    _ctx.keepAlive ? (openBlock(), createBlock(KeepAlive, { key: 0 }, [
-                      createVNode(_component_router_view)
-                    ], 1024)) : (openBlock(), createBlock(_component_router_view, { key: 1 }))
+                    !_ctx.closeEnable ? (openBlock(), createBlock(_sfc_main$t, {
+                      key: 0,
+                      class: "abs r-1 t-d7 color-mgray",
+                      onOn_click: hide
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_sfc_main$n, {
+                          icon: "fail",
+                          class: "fsize-2 lh-1d4"
+                        })
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true),
+                    renderSlot(_ctx.$slots, "default")
                   ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            createVNode(_sfc_main$u, {
-              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$s, 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$u, {
-                          key: 0,
-                          class: "rel w-5 mrg-h-auto"
-                        }, {
-                          default: withCtx(() => {
-                            var _a4, _b2, _c2, _d2;
-                            return [
-                              createVNode(_sfc_main$m, 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$u, {
-                          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",
-                          state: curRoute.value === nav.hotData.link ? "act" : "",
-                          states: {
-                            act: `color-${((_f = (_e = _ctx.colors) == null ? void 0 : _e.text) == null ? void 0 : _f.act) || "light"}`
-                          }
-                        }, {
-                          default: withCtx(() => [
-                            nav.unread === 1 ? (openBlock(), createBlock(_sfc_main$u, {
-                              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$u, {
-                              key: 1,
-                              class: "flex-5 round w-1d5 h-1d5 bold r-7d7-vw t-fd5 bg-color-red abs color-Cfff"
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode(toDisplayString(nav.unread), 1)
-                              ]),
-                              _: 2
-                            }, 1024)) : createCommentVNode("", true),
-                            createVNode(_sfc_main$m, mergeProps(nav.iconData, {
-                              cname: nav.act,
-                              state: curRoute.value === nav.hotData.link ? "act" : "",
-                              states: {
-                                act: nav.act ?? ""
-                              },
-                              class: `w-2d7 h-2d7 ${_ctx.iconTransAni ? "trans-fast" : ""} fsize-1d7`
-                            }), null, 16, ["cname", "state", "states", "class"]),
-                            nav.text ? (openBlock(), createBlock(_sfc_main$t, {
-                              key: 2,
-                              class: "fsize-d83"
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode(toDisplayString(nav.text), 1)
-                              ]),
-                              _: 2
-                            }, 1024)) : createCommentVNode("", true)
-                          ]),
-                          _: 2
-                        }, 1032, ["class", "cname", "state", "states"]))
-                      ];
-                    }),
-                    _: 2
-                  }, 1040, ["onOn_click"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ];
-        }),
-        _: 1
-      }, 8, ["class"]);
+                  _: 3
+                }, 8, ["class"])
+              ])
+            ]),
+            _: 3
+          }, 8, ["class", "state", "states"])
+        ]),
+        _: 3
+      }, 8, ["class", "state"]);
     };
   }
 });
-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$5 = /* @__PURE__ */ defineComponent({
-  __name: "confirm-wid",
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "toast-wid",
   props: {
-    colors: {}
+    text: {},
+    duration: {},
+    icon: {},
+    matteColor: {},
+    extra: {}
   },
-  setup(__props, { expose: __expose }) {
-    __expose({
-      show: () => {
-        console.log(1111);
-      }
-    });
-    computed(() => {
-      let state = this.pannel.state;
-      return state === "success" || state === "fail" || state === "notic" || state === "loading" ? `ani_${state}` : state;
-    });
-    reactive({
-      text: "dgray",
-      pannel: "light",
-      success: "#e6fff2",
-      fail: "#f9f2f4",
-      notic: "#e6f5ff",
-      loading: "lgray",
-      ...this.colors
-    });
-    const $_close = (callback) => {
-      callback && callback();
-      $_cancel_bind_keyboard_event();
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
+    let t;
+    const visiable = ref(false);
+    const show = () => {
+      visiable.value = true;
+      if (props.duration === 0)
+        return;
+      t = setTimeout(() => {
+        close();
+      }, props.duration || 2e3);
     };
-    const $_cancel_bind_keyboard_event = () => {
-      window.removeEventListener("keyup", this.$_keyboard_enter);
+    const close = () => {
+      visiable.value = false;
     };
-    onMounted(() => {
-    });
-    onBeforeUnmount(() => {
-      $_close();
+    const closed = () => {
+      clearTimeout(t);
+      emit("close");
+    };
+    __expose({
+      show,
+      close
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("dialog", _hoisted_1, _hoisted_4);
+      return openBlock(), createBlock(_sfc_main$8, {
+        visiable: visiable.value,
+        "onUpdate:visiable": _cache[0] || (_cache[0] = ($event) => visiable.value = $event),
+        "matte-close-forbid": true,
+        onClosed: closed,
+        "ani-name": ["ani-fade-in", "ani-fade-out"],
+        dir: "center",
+        "matte-color": _ctx.matteColor || "C00000044"
+      }, {
+        custom: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(_sfc_main$v, { class: "round-md pad-v-1d2 pad-h-1d7 color-light fsize-1d27 bg-color-C000000ee flex-column lw-10 pcenter" }, {
+              default: withCtx(() => {
+                var _a;
+                return [
+                  _ctx.icon ? (openBlock(), createBlock(_sfc_main$v, {
+                    key: 0,
+                    class: "mrg-b-1d2 fsize-3d2",
+                    states: {
+                      loading: {
+                        class: "ani-loop ani-slow",
+                        ani: "ani-rotate"
+                      }
+                    },
+                    state: ((_a = _ctx.extra) == null ? void 0 : _a.type) ?? ""
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_sfc_main$n, { icon: _ctx.icon }, null, 8, ["icon"])
+                    ]),
+                    _: 1
+                  }, 8, ["state"])) : createCommentVNode("", true),
+                  createVNode(_sfc_main$u, null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.text), 1)
+                    ]),
+                    _: 1
+                  })
+                ];
+              }),
+              _: 1
+            })
+          ])
+        ]),
+        _: 3
+      }, 8, ["visiable", "matte-color"]);
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "toast-wid",
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "confirm-wid",
   props: {
-    matteColor: {}
+    notic: {},
+    type: {},
+    theme: {},
+    text: {},
+    matteColor: {},
+    ok: { type: Function },
+    cancel: { type: Function }
   },
-  setup(__props, { expose: __expose }) {
+  emits: ["ok", "cancel", "close"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
     const visiable = ref(false);
-    const show = (duration) => {
-      visiable.value = true;
-      setTimeout(() => {
-        visiable.value = false;
-      }, duration || 2e3);
+    const closed = () => {
+      emit("close");
+    };
+    const pannelWidthClass = computed(() => {
+      const { availWidth, availHeight } = window.screen;
+      return availWidth / availHeight > 1 ? "lw-24 rw-37" : "rw-74-vw";
+    });
+    const theme2 = computed(() => {
+      return {
+        bg: "light",
+        text: "dark",
+        line: "lgray",
+        ok: "blue",
+        cancel: "mgray",
+        ...props == null ? void 0 : props.theme
+      };
+    });
+    const ok = () => {
+      var _a;
+      emit("ok");
+      (_a = props.ok) == null ? void 0 : _a.call(props);
+      visiable.value = false;
+    };
+    const cancel = () => {
+      var _a;
+      emit("cancel");
+      (_a = props.cancel) == null ? void 0 : _a.call(props);
+      visiable.value = false;
     };
     __expose({
-      show
+      show: () => {
+        visiable.value = true;
+      }
     });
     return (_ctx, _cache) => {
-      const _component_b_view = resolveComponent("b-view");
-      return openBlock(), createBlock(_component_b_view, {
-        class: normalizeClass(`fixed max bg-color-${_ctx.matteColor || "rgba_0_0_0_d2"} l-0 t-0 flex-5`),
-        state: visiable.value,
-        states: {
-          true: "alpha-1 visible",
-          false: "alpha-0"
-        }
+      return openBlock(), createBlock(_sfc_main$8, {
+        visiable: visiable.value,
+        "onUpdate:visiable": _cache[0] || (_cache[0] = ($event) => visiable.value = $event),
+        "matte-close-forbid": true,
+        onClosed: closed,
+        dir: "center",
+        "ani-name": ["ani-fade-in", "ani-fade-out"],
+        "matte-color": _ctx.matteColor
       }, {
-        default: withCtx(() => [
-          createVNode(_component_b_view, {
-            class: "trans-fast",
-            state: visiable.value,
-            states: {
-              true: "alpha-1 visible",
-              false: "alpha-0"
-            }
+        custom: withCtx(() => [
+          createVNode(_sfc_main$v, {
+            class: normalizeClass(`bg-color-${theme2.value.bg} round-md ${pannelWidthClass.value} pcenter`)
           }, {
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
+              createVNode(_sfc_main$v, {
+                class: normalizeClass(`color-${theme2.value.text} pad-3d4 fsize-1d4 bolder-470`)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.notic), 1)
+                ]),
+                _: 1
+              }, 8, ["class"]),
+              createVNode(_sfc_main$v, {
+                class: normalizeClass(`flex solid-t bolder-470 line-${theme2.value.line} thick-d4 fsize-1d44`)
+              }, {
+                default: withCtx(() => [
+                  _ctx.type === "confirm" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createVNode(_sfc_main$t, {
+                      class: normalizeClass(`color-${theme2.value.cancel} solid-r thick-d4 line-${theme2.value.line} round-md round-3 flex-5 pad-v-1d4 w-50-P`),
+                      active: "bg-color-neutral",
+                      onOn_click: cancel
+                    }, {
+                      default: withCtx(() => {
+                        var _a;
+                        return [
+                          createTextVNode(toDisplayString(((_a = _ctx.text) == null ? void 0 : _a.cancel) ?? "取消"), 1)
+                        ];
+                      }),
+                      _: 1
+                    }, 8, ["class"]),
+                    createVNode(_sfc_main$t, {
+                      class: normalizeClass(`color-${theme2.value.ok} round-md round-4 flex-5 pad-v-1d4 w-50-P`),
+                      active: "bg-color-neutral",
+                      onOn_click: ok
+                    }, {
+                      default: withCtx(() => {
+                        var _a;
+                        return [
+                          createTextVNode(toDisplayString(((_a = _ctx.text) == null ? void 0 : _a.ok) ?? "确定"), 1)
+                        ];
+                      }),
+                      _: 1
+                    }, 8, ["class"])
+                  ], 64)) : (openBlock(), createBlock(_sfc_main$t, {
+                    key: 1,
+                    class: normalizeClass(`color-${theme2.value.ok} round-b round-md flex-5 pad-v-1d4 grow-1`),
+                    active: "bg-color-neutral",
+                    onOn_click: ok
+                  }, {
+                    default: withCtx(() => {
+                      var _a;
+                      return [
+                        createTextVNode(toDisplayString(((_a = _ctx.text) == null ? void 0 : _a.ok) ?? "确定"), 1)
+                      ];
+                    }),
+                    _: 1
+                  }, 8, ["class"]))
+                ]),
+                _: 1
+              }, 8, ["class"])
             ]),
-            _: 3
-          }, 8, ["state"])
+            _: 1
+          }, 8, ["class"])
         ]),
-        _: 3
-      }, 8, ["class", "state"]);
+        _: 1
+      }, 8, ["visiable", "matte-color"]);
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "modal-wid",
-  props: {
-    visiable: { type: Boolean },
-    matteColor: {},
-    closeEnable: { type: Boolean },
-    roundEnable: { type: Boolean },
-    pannelColor: {},
-    dir: {}
-  },
-  emits: ["update:visiable", "opened", "closed"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const dir = computed(() => props.dir || "bottom");
-    const dirStyle = computed(() => {
-      let layout, pannal;
-      switch (dir.value) {
-        case "left":
-          layout = "flex-4";
-          pannal = `max-h round-r`;
-          break;
-        case "right":
-          layout = "flex-6";
-          pannal = `max-h round-l`;
-          break;
-        case "top":
-          layout = "flex-2";
-          pannal = `max-w round-b`;
-          break;
-        case "bottom":
-          layout = "flex-8";
-          pannal = `max-w round-t`;
-          break;
-        case "center":
-          layout = "flex-5";
-          pannal = ``;
-          break;
-      }
-      return { layout, pannal };
-    });
-    const aniDir = ref("");
-    const closeState = ref(false);
-    watchEffect(() => {
-      if (props.visiable) {
-        closeState.value = true;
-        aniDir.value = dir.value;
-      } else {
-        aniDir.value = `${dir.value}Back`;
-      }
-    });
-    const pannelAniend = (e) => {
-      aniDir.value.indexOf("Back") === -1 && emit("opened", e);
-    };
-    const matteAniend = (e) => {
-      if (getComputedStyle(e.target).opacity === "0" && e.propertyName === "visibility") {
-        closeState.value = false;
-        emit("closed", e);
-      }
+const showToast = (text, duration = 2e3, icon = "", extra = {}) => {
+  var _a, _b;
+  const $toastContainer = document.createElement("div");
+  $toastContainer.setAttribute("id", "BTXUI-toast");
+  document.body.appendChild($toastContainer);
+  const vNode = createVNode(_sfc_main$7, {
+    text,
+    duration,
+    icon,
+    extra,
+    onClose: () => {
+      render(null, $toastContainer);
+      document.body.removeChild($toastContainer);
+    }
+  });
+  render(vNode, $toastContainer);
+  setTimeout((_b = (_a = vNode.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.show, 40);
+  return vNode;
+};
+let cacheVNode;
+const cacheVNodeClose = () => {
+  var _a, _b;
+  (_b = (_a = cacheVNode.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.close();
+};
+const showLoadToast = (text = "数据加载中") => {
+  cacheVNode = showToast(text, 0, "load", {
+    type: "loading"
+  });
+};
+const hideLoadToast = (text, icon) => {
+  if (text) {
+    cacheVNode.component.props.text = text;
+    cacheVNode.component.props.icon = icon;
+    cacheVNode.component.props.extra.type = "";
+    setTimeout(cacheVNodeClose, 1e3);
+  } else {
+    cacheVNodeClose();
+  }
+};
+let cacheConfirmTheme = {
+  theme: {},
+  matte: ""
+};
+const _confirm = (type, notic, ok, cancel) => {
+  var _a, _b;
+  const $toastContainer = document.createElement("div");
+  $toastContainer.setAttribute("id", "BTXUI-confirm");
+  document.body.appendChild($toastContainer);
+  const vNode = createVNode(_sfc_main$6, {
+    type,
+    notic,
+    ok,
+    cancel,
+    theme: cacheConfirmTheme.theme,
+    matteColor: cacheConfirmTheme.matte,
+    onClose: () => {
+      render(null, $toastContainer);
+      document.body.removeChild($toastContainer);
+    }
+  });
+  render(vNode, $toastContainer);
+  setTimeout((_b = (_a = vNode.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.show, 40);
+  return vNode;
+};
+const confirmTheme = (theme2, matteColor) => {
+  cacheConfirmTheme.theme = theme2;
+  cacheConfirmTheme.matte = matteColor;
+};
+const showAlert = (notic, ok) => {
+  _confirm("alert", notic, ok);
+};
+const showConfirm = (notic, ok, cancel) => {
+  _confirm("confirm", notic, ok, cancel);
+};
+const upload = (extra) => {
+  const $input = document.createElement("input");
+  $input.type = "file";
+  if (extra == null ? void 0 : extra.camera) {
+    $input.capture = "user";
+    $input.accept = "image/*";
+  }
+  document.body.appendChild($input);
+  return new Promise((resolve) => {
+    $input.onchange = (e) => {
+      const target = e.target;
+      if (target.files)
+        resolve(target.files);
     };
-    const hide = () => {
-      emit("update:visiable", false);
+    $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;
     };
-    return (_ctx, _cache) => {
-      const _component_b_hot = resolveComponent("b-hot");
-      const _component_b_icon = resolveComponent("b-icon");
-      const _component_b_view = resolveComponent("b-view");
-      return openBlock(), createBlock(_component_b_view, {
-        class: normalizeClass(`fixed t-0 l-0 max z-9 ${dirStyle.value.layout}`),
-        state: closeState.value,
-        states: {
-          true: "alpha-1 visible",
-          false: "alpha-0"
-        }
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_b_hot, {
-            onOn_transend: matteAniend,
-            onOn_click: hide,
-            state: _ctx.visiable,
-            states: {
-              true: "alpha-1 visible",
-              false: "alpha-0"
-            },
-            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`),
-            state: aniDir.value,
-            "ani-end-clear": true,
-            onOn_aniEnd: pannelAniend,
-            states: {
-              left: {
-                ani: "ani-left-to-right"
-              },
-              right: {
-                ani: "ani-right-to-left"
-              },
-              top: {
-                ani: "ani-top-to-bottom"
-              },
-              bottom: {
-                ani: "ani-bottom-to-top"
-              },
-              center: {
-                ani: "ani-scale-fade-in"
-              },
-              leftBack: {
-                ani: "ani-left-to-right-reverse"
-              },
-              rightBack: {
-                ani: "ani-right-to-left-reverse"
-              },
-              topBack: {
-                ani: "ani-top-to-bottom-reverse"
-              },
-              bottomBack: {
-                ani: "ani-bottom-to-top-reverse"
-              },
-              centerBack: {
-                ani: "ani-scale-fade-out"
-              }
-            }
-          }, {
-            default: withCtx(() => [
-              _ctx.$slots.custom ? renderSlot(_ctx.$slots, "custom", { key: 0 }) : (openBlock(), createBlock(_component_b_view, {
-                key: 1,
-                class: normalizeClass(`bg-color-${_ctx.pannelColor || "light"} rel pad-2 ${_ctx.roundEnable ? "round-md" : ""} ${dirStyle.value.pannal}`)
-              }, {
-                default: withCtx(() => [
-                  !_ctx.closeEnable ? (openBlock(), createBlock(_component_b_hot, {
-                    key: 0,
-                    class: "abs r-1 t-d7 color-mgray",
-                    onOn_click: hide
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_b_icon, {
-                        icon: "fail",
-                        class: "fsize-2 lh-1d4"
-                      })
-                    ]),
-                    _: 1
-                  })) : createCommentVNode("", true),
-                  renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }, 8, ["class"]))
-            ]),
-            _: 3
-          }, 8, ["class", "state"])
-        ]),
-        _: 3
-      }, 8, ["class", "state"]);
+    reader.onerror = reject;
+  });
+};
+const uploadImage = async (imageCompress, extra) => {
+  const files = await upload(extra);
+  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$2 = /* @__PURE__ */ defineComponent({
-  __name: "content-node-wid",
+  });
+};
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "img-upload-wid",
   props: {
-    dataTree: {},
-    gap: {},
-    indent: {},
-    hover: {},
-    active: {}
+    preview: {},
+    cover: {},
+    size: {},
+    multiple: { type: Boolean },
+    bsize: {},
+    compress: {},
+    camera: { type: Boolean }
   },
-  emits: ["on_select"],
+  emits: ["update:preview", "on_upload"],
   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");
-    };
-    const dealSlotData = (item) => {
-      const { parent, children, ...extra } = item;
-      return extra;
+    const size = computed(() => props.compress ? 1024 * 1024 * 20 : props.size);
+    const imgUpload = async (files, checkResult) => {
+      if (checkResult.success) {
+        let file = files[0];
+        const fileReader = new FileReader();
+        fileReader.readAsDataURL(files[0]);
+        fileReader.onload = (e) => {
+          var _a;
+          emit("update:preview", (_a = e.target) == null ? void 0 : _a.result);
+        };
+        if (props.compress)
+          file = await compress(files[0], props.compress);
+        emit("on_upload", file, checkResult);
+      }
     };
     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$u, {
-          state: `id-${item.id}`,
-          key: item.id
-        }, {
-          default: withCtx(() => {
-            var _a;
-            return [
-              createVNode(_sfc_main$s, {
-                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$m, {
-                    key: 0,
-                    class: "mrg-r-d4",
-                    state: item.spread ? "content-wid-spread" : "content-wid-collapse",
-                    icon: "arrow-right"
-                  }, null, 8, ["state"])) : createCommentVNode("", true),
-                  renderSlot(_ctx.$slots, "default", {
-                    dataItem: dealSlotData(item)
-                  }, () => [
-                    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$u, {
-                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 })), createSlots({ _: 2 }, [
-                    _ctx.$slots.default ? {
-                      name: "default",
-                      fn: withCtx((scope) => [
-                        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope)))
-                      ]),
-                      key: "0"
-                    } : void 0
-                  ]), 1040)
-                ]),
-                _: 2
-              }, 1032, ["state"])) : createCommentVNode("", true)
-            ];
-          }),
-          _: 2
-        }, 1032, ["state"]);
-      }), 128);
+      const _component_b_view = resolveComponent("b-view");
+      const _component_b_icon = resolveComponent("b-icon");
+      return openBlock(), createBlock(_sfc_main$9, {
+        onOn_upload: imgUpload,
+        size: size.value,
+        multiple: _ctx.multiple,
+        camera: _ctx.camera,
+        type: ["image/jpeg", "image/png", "image/gif"]
+      }, {
+        default: withCtx(() => {
+          var _a, _b, _c, _d, _e, _f;
+          return [
+            _ctx.preview ? (openBlock(), createBlock(_component_b_view, {
+              key: 0,
+              class: normalizeClass(`w-${((_a = _ctx.cover) == null ? void 0 : _a.width) || 7} h-${((_b = _ctx.cover) == null ? void 0 : _b.height) || 7} bsize-${_ctx.bsize || "cover"} bpos-2 round-sm bg-color-neutral`),
+              "bg-img": _ctx.preview
+            }, null, 8, ["class", "bg-img"])) : (openBlock(), createBlock(_component_b_icon, {
+              key: 1,
+              icon: "add",
+              class: normalizeClass(`flex-5 w-${((_c = _ctx.cover) == null ? void 0 : _c.width) || 7} h-${((_d = _ctx.cover) == null ? void 0 : _d.height) || 7} ${((_e = _ctx.cover) == null ? void 0 : _e.color) ? "color-" + ((_f = _ctx.cover) == null ? void 0 : _f.color) : ""} round-sm bg-color-neutral`)
+            }, null, 8, ["class"]))
+          ];
+        }),
+        _: 1
+      }, 8, ["size", "multiple", "camera"]);
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "content-wid",
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "app-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;
+    path: {},
+    spread: {},
+    iconTransAni: { type: Boolean },
+    center: {},
+    colors: {},
+    round: { type: Boolean },
+    keepAlive: { type: Boolean }
+  },
+  emits: ["on_toggle"],
+  setup(__props) {
+    const props = __props;
+    const curRoute = computed(() => props.path);
+    const navs = computed(() => {
+      const spread = [...props.spread];
+      if (props.center) {
+        spread.splice(Math.floor(spread.length / 2), 0, reactive({ ...props.center, main: true }));
       }
-      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 spread;
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$s, {
-        onOn_click: select,
-        "event-proxy": true
+      var _a;
+      const _component_router_view = resolveComponent("router-view");
+      return openBlock(), createBlock(_sfc_main$v, {
+        class: normalizeClass(`max fixed flex-column color-light select-none bg-color-${((_a = _ctx.colors) == null ? void 0 : _a.bg) || "none"}`)
       }, {
-        default: withCtx(() => [
-          flatState.value ? (openBlock(), createBlock(_sfc_main$2, normalizeProps(mergeProps({ key: 0 }, { ...props, dataTree: dataTree.value })), createSlots({ _: 2 }, [
-            _ctx.$slots.default ? {
-              name: "default",
-              fn: withCtx((scope) => [
-                renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope["dataItem"])))
+        default: withCtx(() => {
+          var _a2;
+          return [
+            createVNode(_sfc_main$v, { class: "rel grow-1" }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$j, {
+                  scroll: { y: "auto", x: "hidden" },
+                  class: "abs max"
+                }, {
+                  default: withCtx(() => [
+                    _ctx.keepAlive ? (openBlock(), createBlock(KeepAlive, { key: 0 }, [
+                      createVNode(_component_router_view)
+                    ], 1024)) : (openBlock(), createBlock(_component_router_view, { key: 1 }))
+                  ]),
+                  _: 1
+                })
               ]),
-              key: "0"
-            } : void 0
-          ]), 1040)) : createCommentVNode("", true)
-        ]),
-        _: 3
-      });
+              _: 1
+            }),
+            createVNode(_sfc_main$v, {
+              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$t, 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$v, {
+                          key: 0,
+                          class: "rel w-5 mrg-h-auto"
+                        }, {
+                          default: withCtx(() => {
+                            var _a4, _b2, _c2, _d2;
+                            return [
+                              createVNode(_sfc_main$n, 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$v, {
+                          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",
+                          state: curRoute.value === nav.hotData.link ? "act" : "",
+                          states: {
+                            act: `color-${((_f = (_e = _ctx.colors) == null ? void 0 : _e.text) == null ? void 0 : _f.act) || "light"}`
+                          }
+                        }, {
+                          default: withCtx(() => [
+                            nav.unread === 1 ? (openBlock(), createBlock(_sfc_main$v, {
+                              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$v, {
+                              key: 1,
+                              class: "flex-5 round w-1d5 h-1d5 bold r-7d7-vw t-fd5 bg-color-red abs color-Cfff"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(nav.unread), 1)
+                              ]),
+                              _: 2
+                            }, 1024)) : createCommentVNode("", true),
+                            createVNode(_sfc_main$n, mergeProps(nav.iconData, {
+                              cname: nav.act,
+                              state: curRoute.value === nav.hotData.link ? "act" : "",
+                              states: {
+                                act: nav.act ?? ""
+                              },
+                              class: `w-2d7 h-2d7 ${_ctx.iconTransAni ? "trans-fast" : ""} fsize-1d7`
+                            }), null, 16, ["cname", "state", "states", "class"]),
+                            nav.text ? (openBlock(), createBlock(_sfc_main$u, {
+                              key: 2,
+                              class: "fsize-d83"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(nav.text), 1)
+                              ]),
+                              _: 2
+                            }, 1024)) : createCommentVNode("", true)
+                          ]),
+                          _: 2
+                        }, 1032, ["class", "cname", "state", "states"]))
+                      ];
+                    }),
+                    _: 2
+                  }, 1040, ["onOn_click"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ];
+        }),
+        _: 1
+      }, 8, ["class"]);
     };
   }
 });
-const contentWid_vue_vue_type_style_index_0_lang = "";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "datetime-wid",
   props: {
     datetime: {},
@@ -3493,19 +3414,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }),
-        modalData.dir ? (openBlock(), createBlock(_sfc_main$3, mergeProps({
+        modalData.dir ? (openBlock(), createBlock(_sfc_main$8, mergeProps({
           key: 0,
           visiable: state.value,
           "onUpdate:visiable": _cache[6] || (_cache[6] = ($event) => state.value = $event)
         }, modalData), {
           default: withCtx(() => [
-            createVNode(_sfc_main$u, { class: "flex-4 pad-t-1 lw-24" }, {
+            createVNode(_sfc_main$v, { class: "flex-4 pad-t-1 lw-24" }, {
               default: withCtx(() => [
                 createVNode(_component_b_icon, {
                   icon: "time",
                   class: "alpha-d7 mrg-r-d7"
                 }),
-                curTime.y.show ? (openBlock(), createBlock(_sfc_main$u, { key: 0 }, {
+                curTime.y.show ? (openBlock(), createBlock(_sfc_main$v, { key: 0 }, {
                   default: withCtx(() => [
                     createVNode(_component_b_hot, {
                       onOn_click: _cache[0] || (_cache[0] = ($event) => curOper.value = "y"),
@@ -3527,7 +3448,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 })) : createCommentVNode("", true),
-                curTime.m.show ? (openBlock(), createBlock(_sfc_main$u, { key: 1 }, {
+                curTime.m.show ? (openBlock(), createBlock(_sfc_main$v, { key: 1 }, {
                   default: withCtx(() => [
                     createVNode(_component_b_hot, {
                       onOn_click: _cache[1] || (_cache[1] = ($event) => curOper.value = "m"),
@@ -3549,7 +3470,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 })) : createCommentVNode("", true),
-                curTime.d.show ? (openBlock(), createBlock(_sfc_main$u, { key: 2 }, {
+                curTime.d.show ? (openBlock(), createBlock(_sfc_main$v, { key: 2 }, {
                   default: withCtx(() => [
                     createVNode(_component_b_hot, {
                       onOn_click: _cache[2] || (_cache[2] = ($event) => curOper.value = "d"),
@@ -3571,11 +3492,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 })) : createCommentVNode("", true),
-                twoSides.value ? (openBlock(), createBlock(_sfc_main$u, {
+                twoSides.value ? (openBlock(), createBlock(_sfc_main$v, {
                   key: 3,
                   class: "w-1d4"
                 })) : createCommentVNode("", true),
-                curTime.h.show ? (openBlock(), createBlock(_sfc_main$u, { key: 4 }, {
+                curTime.h.show ? (openBlock(), createBlock(_sfc_main$v, { key: 4 }, {
                   default: withCtx(() => [
                     createVNode(_component_b_hot, {
                       onOn_click: _cache[3] || (_cache[3] = ($event) => curOper.value = "h"),
@@ -3597,7 +3518,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 })) : createCommentVNode("", true),
-                curTime.i.show ? (openBlock(), createBlock(_sfc_main$u, { key: 5 }, {
+                curTime.i.show ? (openBlock(), createBlock(_sfc_main$v, { key: 5 }, {
                   default: withCtx(() => [
                     createVNode(_component_b_hot, {
                       onOn_click: _cache[4] || (_cache[4] = ($event) => curOper.value = "i"),
@@ -3619,107 +3540,568 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 })) : createCommentVNode("", true),
-                curTime.s.show ? (openBlock(), createBlock(_sfc_main$u, { key: 6 }, {
+                curTime.s.show ? (openBlock(), createBlock(_sfc_main$v, { key: 6 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_b_hot, {
+                      onOn_click: _cache[5] || (_cache[5] = ($event) => curOper.value = "s"),
+                      cname: "s",
+                      state: curOper.value,
+                      states: { s: "color-green" }
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(padZero(curTime.s.val)), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["state"]),
+                    createVNode(_component_b_text, { class: "pad-h-d4 alpha-d4" }, {
+                      default: withCtx(() => [
+                        createTextVNode("秒")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }),
+            createVNode(_sfc_main$v, { class: "flex" }, {
+              default: withCtx(() => [
+                createVNode(_component_b_list, {
+                  class: "grow-1 h-17 bg-color-neutral mrg-v-1 round-md pad-1",
+                  scroll: { x: "auto", y: "auto" }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_b_hot, {
+                      onOn_click: selectDateTime,
+                      ref_key: "$list",
+                      ref: $list
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (opt) => {
+                          return openBlock(), createBlock(_sfc_main$v, {
+                            state: opt,
+                            hover: "bg-color-neutral",
+                            class: "h-3 pad-h-1 lh-3-rem flex round-sm alpha-d7"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(padZero(opt)) + " ", 1),
+                              createVNode(_component_b_text, { class: "pad-l-d4 alpha-d4" }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(datetimeMap[curOper.value]), 1)
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 2
+                          }, 1032, ["state"]);
+                        }), 256))
+                      ]),
+                      _: 1
+                    }, 512)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            createVNode(_component_btn_wid, mergeProps(btnData.value, { onOn_click: ok }), null, 16)
+          ]),
+          _: 1
+        }, 16, ["visiable"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "price-wid",
+  props: {
+    price: {},
+    matteColor: {},
+    matteCloseForbid: { type: Boolean },
+    theme: {}
+  },
+  emits: ["sendPrice", "update:price"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
+    const theme2 = reactive({
+      dir: "",
+      pannel: "lgray",
+      text: "dgray",
+      btn: {
+        normal: "light",
+        active: "neutral"
+      },
+      btn2: {
+        normal: "yellow",
+        active: "yellow"
+      },
+      ...props.theme
+    });
+    onMounted(() => {
+      const { availWidth, availHeight } = window.screen;
+      theme2.dir = availWidth / availHeight > 1 ? "center" : "bottom";
+    });
+    const price = ref(props.price.toString());
+    const state = ref(false);
+    const selPrice = (e) => {
+      const x = e.clientX;
+      const y = e.clientY;
+      let element = document.elementFromPoint(x, y);
+      let priceStr = price.value || "";
+      switch (element.getAttribute("state")) {
+        case ".":
+          if (priceStr === "") {
+            priceStr = "0.";
+          } else if (priceStr.indexOf(".") === -1) {
+            priceStr += ".";
+          }
+          break;
+        case "delete":
+          priceStr = priceStr.slice(0, -1);
+          break;
+        case "ok":
+          sendPrice();
+          break;
+        default:
+          const price2 = priceStr.split(".");
+          const decimal = price2[1];
+          const integer = price2[0];
+          if (priceStr === "0") {
+            priceStr = element.innerText;
+          } else if ((integer.length < 7 || priceStr[7] === ".") && ((decimal == null ? void 0 : decimal.length) < 2 || !decimal && (element.innerText === "0" && priceStr !== "0" || element.innerText !== "0"))) {
+            priceStr += element.innerText;
+          }
+      }
+      price.value = priceStr;
+    };
+    const sendPrice = () => {
+      if (!price.value) {
+        showToast("需先填写金额", 2e3, "warning");
+        return;
+      }
+      const priceNum = parseFloat(price.value);
+      if (priceNum <= 0) {
+        showToast("输入金额错误", 2e3, "warning");
+        return;
+      }
+      emit("sendPrice", priceNum);
+      emit("update:price", priceNum);
+      nextTick(hide);
+    };
+    const show = () => {
+      state.value = true;
+    };
+    const hide = () => {
+      state.value = false;
+    };
+    const clear = () => {
+      price.value = "";
+    };
+    __expose({
+      show,
+      hide,
+      clear
+    });
+    return (_ctx, _cache) => {
+      const _component_b_hot = resolveComponent("b-hot");
+      const _component_b_text = resolveComponent("b-text");
+      const _component_b_input = resolveComponent("b-input");
+      const _component_b_col = resolveComponent("b-col");
+      const _component_b_row = resolveComponent("b-row");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_b_hot, { onOn_click: show }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }),
+        theme2.dir ? (openBlock(), createBlock(_sfc_main$8, {
+          key: 0,
+          visiable: state.value,
+          "onUpdate:visiable": _cache[1] || (_cache[1] = ($event) => state.value = $event),
+          dir: theme2.dir,
+          "matte-color": _ctx.matteColor,
+          "matte-close-forbid": _ctx.matteCloseForbid
+        }, {
+          custom: withCtx(() => [
+            createVNode(_sfc_main$v, {
+              class: normalizeClass(`${theme2.dir === "center" ? "w-30 round-md fsize-1d3" : "fsize-1d6"} bg-color-${theme2.pannel} color-${theme2.text}`)
+            }, {
+              default: withCtx(() => [
+                _ctx.$slots.screen ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(_sfc_main$v, {
+                  key: 1,
+                  class: "flex-4 no-wrap pad-1d4"
+                }, {
                   default: withCtx(() => [
-                    createVNode(_component_b_hot, {
-                      onOn_click: _cache[5] || (_cache[5] = ($event) => curOper.value = "s"),
-                      cname: "s",
-                      state: curOper.value,
-                      states: { s: "color-green" }
-                    }, {
+                    createVNode(_component_b_text, { class: "fsize-2d4 bold alpha-d4" }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(padZero(curTime.s.val)), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["state"]),
-                    createVNode(_component_b_text, { class: "pad-h-d4 alpha-d4" }, {
-                      default: withCtx(() => [
-                        createTextVNode("秒")
+                        createTextVNode("￥")
                       ]),
                       _: 1
-                    })
+                    }),
+                    createVNode(_component_b_input, {
+                      text: price.value,
+                      "onUpdate:text": _cache[0] || (_cache[0] = ($event) => price.value = $event),
+                      type: "text",
+                      readonly: true,
+                      class: normalizeClass(`grow-1 bg-color-none fsize-3 bolder-500 line-none color-${theme2.text}`)
+                    }, null, 8, ["text", "class"])
                   ]),
                   _: 1
-                })) : createCommentVNode("", true)
-              ]),
-              _: 1
-            }),
-            createVNode(_sfc_main$u, { class: "flex" }, {
-              default: withCtx(() => [
-                createVNode(_component_b_list, {
-                  class: "grow-1 h-17 bg-color-neutral mrg-v-1 round-md pad-1",
-                  scroll: { x: "auto", y: "auto" }
-                }, {
+                })),
+                createVNode(_sfc_main$v, { class: "pad-b-2 bolder-500" }, {
                   default: withCtx(() => [
-                    createVNode(_component_b_hot, {
-                      onOn_click: selectDateTime,
-                      ref_key: "$list",
-                      ref: $list
-                    }, {
+                    createVNode(_component_b_hot, { onOn_click: selPrice }, {
                       default: withCtx(() => [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (opt) => {
-                          return openBlock(), createBlock(_sfc_main$u, {
-                            state: opt,
-                            hover: "bg-color-neutral",
-                            class: "h-3 pad-h-1 lh-3-rem flex round-sm alpha-d7"
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(padZero(opt)) + " ", 1),
-                              createVNode(_component_b_text, { class: "pad-l-d4 alpha-d4" }, {
+                        createVNode(_component_b_row, { gap: ".7" }, {
+                          default: withCtx(() => [
+                            (openBlock(), createElementBlock(Fragment, null, renderList(3, (num) => {
+                              return createVNode(_component_b_col, { span: 3 }, {
                                 default: withCtx(() => [
-                                  createTextVNode(toDisplayString(datetimeMap[curOper.value]), 1)
+                                  createVNode(_component_b_hot, {
+                                    class: normalizeClass(`bg-color-${theme2.btn.normal} flex-5 round-sm h-4d2`),
+                                    active: `bg-color-${theme2.btn.active}`,
+                                    state: num
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(num), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["class", "active", "state"])
                                 ]),
-                                _: 1
-                              })
-                            ]),
-                            _: 2
-                          }, 1032, ["state"]);
-                        }), 256))
+                                _: 2
+                              }, 1024);
+                            }), 64)),
+                            createVNode(_component_b_col, { span: 3 }, {
+                              default: withCtx(() => [
+                                createVNode(_component_b_hot, {
+                                  class: normalizeClass(`bg-color-${theme2.btn.normal} flex-5 round-sm h-4d2`),
+                                  active: `bg-color-${theme2.btn.active}`,
+                                  state: "delete"
+                                }, {
+                                  default: withCtx(() => [
+                                    _ctx.$slots.delete ? renderSlot(_ctx.$slots, "delete", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                      createTextVNode("删除")
+                                    ], 64))
+                                  ]),
+                                  _: 3
+                                }, 8, ["class", "active"])
+                              ]),
+                              _: 3
+                            }),
+                            (openBlock(), createElementBlock(Fragment, null, renderList(3, (num) => {
+                              return createVNode(_component_b_col, { span: 3 }, {
+                                default: withCtx(() => [
+                                  createVNode(_component_b_hot, {
+                                    class: normalizeClass(`bg-color-${theme2.btn.normal} flex-5 round-sm h-4d2`),
+                                    active: `bg-color-${theme2.btn.active}`,
+                                    state: num
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(num + 3), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["class", "active", "state"])
+                                ]),
+                                _: 2
+                              }, 1024);
+                            }), 64)),
+                            createVNode(_component_b_col, { span: 3 }),
+                            (openBlock(), createElementBlock(Fragment, null, renderList(3, (num) => {
+                              return createVNode(_component_b_col, { span: 3 }, {
+                                default: withCtx(() => [
+                                  createVNode(_component_b_hot, {
+                                    class: normalizeClass(`bg-color-${theme2.btn.normal} flex-5 round-sm h-4d2`),
+                                    active: `bg-color-${theme2.btn.active}`,
+                                    state: num
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(num + 6), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["class", "active", "state"])
+                                ]),
+                                _: 2
+                              }, 1024);
+                            }), 64)),
+                            createVNode(_component_b_col, { span: 3 }),
+                            createVNode(_component_b_col, { span: 6 }, {
+                              default: withCtx(() => [
+                                createVNode(_component_b_hot, {
+                                  class: normalizeClass(`bg-color-${theme2.btn.normal} flex-5 round-sm h-4d2`),
+                                  active: `bg-color-${theme2.btn.active}`,
+                                  state: "0"
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode("0")
+                                  ]),
+                                  _: 1
+                                }, 8, ["class", "active"])
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_b_col, { span: 3 }, {
+                              default: withCtx(() => [
+                                createVNode(_component_b_hot, {
+                                  class: normalizeClass(`bg-color-${theme2.btn.normal} flex-5 round-sm h-4d2`),
+                                  active: `bg-color-${theme2.btn.active}`,
+                                  state: "."
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(".")
+                                  ]),
+                                  _: 1
+                                }, 8, ["class", "active"])
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_b_col, { span: 3 }, {
+                              default: withCtx(() => [
+                                createVNode(_sfc_main$v, { class: "rel h-4d2" }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_b_hot, {
+                                      class: normalizeClass(`abs b-0 h-14 max-w bg-color-${theme2.btn2.normal} flex-5 round-sm`),
+                                      active: `bg-color-${theme2.btn2.active}`,
+                                      state: "ok"
+                                    }, {
+                                      default: withCtx(() => [
+                                        _ctx.$slots.ok ? renderSlot(_ctx.$slots, "ok", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                          createTextVNode("转账")
+                                        ], 64))
+                                      ]),
+                                      _: 3
+                                    }, 8, ["class", "active"])
+                                  ]),
+                                  _: 3
+                                })
+                              ]),
+                              _: 3
+                            })
+                          ]),
+                          _: 3
+                        })
                       ]),
-                      _: 1
-                    }, 512)
+                      _: 3
+                    })
                   ]),
-                  _: 1
+                  _: 3
                 })
               ]),
-              _: 1
-            }),
-            createVNode(_component_btn_wid, mergeProps(btnData.value, { onOn_click: ok }), null, 16)
+              _: 3
+            }, 8, ["class"])
           ]),
-          _: 1
-        }, 16, ["visiable"])) : createCommentVNode("", true)
+          _: 3
+        }, 8, ["visiable", "dir", "matte-color", "matte-close-forbid"])) : createCommentVNode("", true)
       ], 64);
     };
   }
 });
+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");
+    };
+    const dealSlotData = (item) => {
+      const { parent, children, ...extra } = item;
+      return extra;
+    };
+    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$v, {
+          state: `id-${item.id}`,
+          key: item.id
+        }, {
+          default: withCtx(() => {
+            var _a;
+            return [
+              createVNode(_sfc_main$t, {
+                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$n, {
+                    key: 0,
+                    class: "mrg-r-d4",
+                    state: item.spread ? "content-wid-spread" : "content-wid-collapse",
+                    icon: "arrow-right"
+                  }, null, 8, ["state"])) : createCommentVNode("", true),
+                  renderSlot(_ctx.$slots, "default", {
+                    dataItem: dealSlotData(item)
+                  }, () => [
+                    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$v, {
+                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 })), createSlots({ _: 2 }, [
+                    _ctx.$slots.default ? {
+                      name: "default",
+                      fn: withCtx((scope) => [
+                        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope)))
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1040)
+                ]),
+                _: 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$t, {
+        onOn_click: select,
+        "event-proxy": true
+      }, {
+        default: withCtx(() => [
+          flatState.value ? (openBlock(), createBlock(_sfc_main$1, normalizeProps(mergeProps({ key: 0 }, { ...props, dataTree: dataTree.value })), createSlots({ _: 2 }, [
+            _ctx.$slots.default ? {
+              name: "default",
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope["dataItem"])))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const contentWid_vue_vue_type_style_index_0_lang = "";
 const initGlobalComponents = [
+  _sfc_main$w,
   _sfc_main$v,
   _sfc_main$u,
   _sfc_main$t,
   _sfc_main$s,
-  _sfc_main$r,
-  _sfc_main$m,
+  _sfc_main$n,
+  _sfc_main$k,
   _sfc_main$j,
+  _sfc_main$h,
+  _sfc_main$m,
   _sfc_main$i,
-  _sfc_main$g,
   _sfc_main$l,
-  _sfc_main$h,
-  _sfc_main$k,
+  _sfc_main$g,
   _sfc_main$f,
   _sfc_main$e,
   _sfc_main$d,
-  _sfc_main$5,
   _sfc_main$c,
   _sfc_main$b,
   _sfc_main$a,
+  _sfc_main$4,
   _sfc_main$9,
-  _sfc_main$6,
+  _sfc_main$5,
+  _sfc_main,
   _sfc_main$8,
+  _sfc_main$6,
   _sfc_main$7,
-  _sfc_main$1,
   _sfc_main$3,
-  _sfc_main,
-  _sfc_main$4
+  _sfc_main$2
 ];
 const index = {
   name: "btxui",
@@ -3737,8 +4119,11 @@ const index = {
 };
 export {
   compress,
+  confirmTheme,
   index as default,
   hideLoadToast,
+  showAlert,
+  showConfirm,
   showLoadToast,
   showToast,
   upload,