btxui 1.1.13 → 1.1.14

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;
@@ -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,7 +811,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = ["data-ani-states", "state"];
+const _hoisted_1$b = ["data-ani-states", "state"];
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "b-view",
   props: {
@@ -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,6 +859,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           e.preventDefault();
         };
       }
+      setAniState();
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$v, {
@@ -862,14 +879,14 @@ 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 _hoisted_1$a = ["state"];
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "b-text",
   props: {
@@ -891,7 +908,7 @@ 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"]);
@@ -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(() => {
@@ -1030,7 +1047,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$a = ["src", "state", "alt"];
+const _hoisted_1$9 = ["src", "state", "alt"];
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "b-img",
   props: {
@@ -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))
@@ -1160,7 +1177,7 @@ function _sfc_render(_ctx, _cache) {
   });
 }
 const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render]]);
-const _hoisted_1$9 = ["state"];
+const _hoisted_1$8 = ["state"];
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "b-icon",
   props: {
@@ -1195,15 +1212,15 @@ 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 _hoisted_1$7 = ["contenteditable", "focus-state", "state"];
+const _hoisted_2$2 = ["type", "name", "focus-state", "state", "placeholder", "maxlength", "readonly"];
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "b-input",
   props: {
@@ -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,7 +1438,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["name", "focus", "state", "placeholder", "maxlength", "readonly", "rows"];
+const _hoisted_1$6 = ["name", "focus", "state", "placeholder", "maxlength", "readonly", "rows"];
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "b-textarea",
   props: {
@@ -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,8 +1493,8 @@ 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 _hoisted_1$5 = ["poster", "muted", "src", "autoplay", "controls", "loop"];
+const _hoisted_2$1 = ["poster", "muted", "src", "autoplay", "controls", "loop"];
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "b-video",
   props: {
@@ -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,7 +1634,7 @@ 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({
   __name: "b-list",
@@ -1702,14 +1719,14 @@ 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 _hoisted_1$3 = ["state", "draggable"];
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "b-drag",
   props: {
@@ -1842,14 +1859,14 @@ 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 _hoisted_1$2 = ["src"];
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "b-webview",
   props: {
@@ -1868,7 +1885,7 @@ 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"]);
@@ -2240,9 +2257,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = ["state"];
-const _hoisted_2$1 = ["innerHTML"];
-const _hoisted_3$1 = ["innerHTML"];
+const _hoisted_1$1 = ["state"];
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = ["innerHTML"];
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "tabs-wid",
   props: {
@@ -2324,7 +2341,7 @@ 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" ? {
@@ -2375,7 +2392,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                   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, {
@@ -2385,7 +2402,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createElementVNode("div", {
                   innerHTML: _ctx.noDataNotic ?? "暂未选择标签"
-                }, null, 8, _hoisted_3$1)
+                }, null, 8, _hoisted_3)
               ]),
               _: 1
             }))
@@ -2396,7 +2413,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = ["multiple"];
+const _hoisted_1 = ["multiple"];
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "upload-wid",
   props: {
@@ -2487,124 +2504,293 @@ 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);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "modal-wid",
+  props: {
+    visiable: { type: Boolean },
+    matteColor: {},
+    matteCloseForbid: { type: Boolean },
+    closeEnable: { type: Boolean },
+    roundEnable: { type: Boolean },
+    pannelColor: {},
+    dir: {},
+    aniName: {}
+  },
+  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 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) => {
+      return openBlock(), createBlock(_sfc_main$u, {
+        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(() => [
+          createVNode(_sfc_main$s, {
+            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$u, {
+            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$u, {
+                  class: normalizeClass(`bg-color-${_ctx.pannelColor || "light"} rel pad-2 ${_ctx.roundEnable ? "round-md" : ""} ${dirStyle.value.pannal}`)
+                }, {
+                  default: withCtx(() => [
+                    !_ctx.closeEnable ? (openBlock(), createBlock(_sfc_main$s, {
+                      key: 0,
+                      class: "abs r-1 t-d7 color-mgray",
+                      onOn_click: hide
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_sfc_main$m, {
+                          icon: "fail",
+                          class: "fsize-2 lh-1d4"
+                        })
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true),
+                    renderSlot(_ctx.$slots, "default")
+                  ]),
+                  _: 3
+                }, 8, ["class"])
+              ])
+            ]),
+            _: 3
+          }, 8, ["class", "state", "states"])
+        ]),
+        _: 3
+      }, 8, ["class", "state"]);
+    };
   }
-  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";
+});
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "toast-wid",
+  props: {
+    text: {},
+    duration: {},
+    icon: {},
+    matteColor: {},
+    extra: {}
+  },
+  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 close = () => {
+      visiable.value = false;
+    };
+    const closed = () => {
+      clearTimeout(t);
+      emit("close");
+    };
+    __expose({
+      show,
+      close
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$7, {
+        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$u, { 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$u, {
+                    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$m, { icon: _ctx.icon }, null, 8, ["icon"])
+                    ]),
+                    _: 1
+                  }, 8, ["state"])) : createCommentVNode("", true),
+                  createVNode(_sfc_main$t, null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.text), 1)
+                    ]),
+                    _: 1
+                  })
+                ];
+              }),
+              _: 1
+            })
+          ])
+        ]),
+        _: 3
+      }, 8, ["visiable", "matte-color"]);
+    };
+  }
+});
+let $toastContainer;
+const showToast = (text, duration = 2e3, icon = "", extra = {}) => {
+  var _a, _b;
+  if (!$toastContainer) {
+    $toastContainer = document.createElement("div");
+    $toastContainer.setAttribute("id", "BTXUI-toast");
+    document.body.appendChild($toastContainer);
   }
-  bToast.childNodes[0].childNodes[1].innerText = text;
-  bToast.style.cssText = showStyle;
-  t = setTimeout(() => {
-    bToast.style.cssText = hideStyle;
-  }, duration);
+  const vNode = createVNode(_sfc_main$6, {
+    text,
+    duration,
+    icon,
+    extra,
+    onClose: () => {
+      render(null, $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 = "数据加载中") => {
-  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;
+  cacheVNode = showToast(text, 0, "load", {
+    type: "loading"
+  });
 };
-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);
+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 {
-    bToast.style.cssText = hideStyle;
+    cacheVNodeClose();
   }
 };
 const upload = (extra) => {
@@ -2667,7 +2853,7 @@ const uploadImage = async (imageCompress, extra) => {
     };
   });
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "img-upload-wid",
   props: {
     preview: {},
@@ -2725,7 +2911,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "app-wid",
   props: {
     path: {},
@@ -2855,519 +3041,92 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { open: "true" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", null, "hello dialog", -1);
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", null, [
-  /* @__PURE__ */ createElementVNode("button", { onclick: "document.querySelector('dialog').close()" }, "关闭")
-], -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "confirm-wid",
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "datetime-wid",
   props: {
-    colors: {}
+    datetime: {},
+    format: {},
+    btnData: {},
+    modalData: {}
   },
-  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;
+  emits: ["update:datetime", "getData"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
+    const state = ref(false);
+    const modalData = reactive({
+      roundEnable: true,
+      ...props.modalData,
+      dir: ""
     });
-    reactive({
-      text: "dgray",
-      pannel: "light",
-      success: "#e6fff2",
-      fail: "#f9f2f4",
-      notic: "#e6f5ff",
-      loading: "lgray",
-      ...this.colors
+    const btnData = computed(() => {
+      return {
+        btnText: "确定",
+        ...props.btnData
+      };
     });
-    const $_close = (callback) => {
-      callback && callback();
-      $_cancel_bind_keyboard_event();
+    const padZero = (time) => {
+      const _time = time.toString();
+      return _time.length === 1 ? `0${_time}` : _time;
     };
-    const $_cancel_bind_keyboard_event = () => {
-      window.removeEventListener("keyup", this.$_keyboard_enter);
+    const curDate = computed(() => props.datetime);
+    const setCurTime = (datetime) => {
+      const date = new Date(datetime);
+      curTime.y.val = date.getFullYear();
+      curTime.m.val = date.getMonth() + 1;
+      curTime.d.val = date.getDate();
+      curTime.h.val = date.getHours();
+      curTime.i.val = date.getMinutes();
+      curTime.s.val = date.getSeconds();
     };
-    onMounted(() => {
+    const curTime = reactive({
+      y: {
+        val: 0,
+        show: false
+      },
+      m: {
+        val: 0,
+        show: false
+      },
+      d: {
+        val: 0,
+        show: false
+      },
+      h: {
+        val: 0,
+        show: false
+      },
+      i: {
+        val: 0,
+        show: false
+      },
+      s: {
+        val: 0,
+        show: false
+      }
     });
-    onBeforeUnmount(() => {
-      $_close();
+    watch(curDate, (val) => {
+      setCurTime(val);
+    }, {
+      immediate: true
     });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("dialog", _hoisted_1, _hoisted_4);
+    const curOper = ref("");
+    const twoSides = ref(false);
+    const formatData = () => {
+      const format = props.format || "y/m/d h:i:s";
+      const data = format.split(" ");
+      twoSides.value = data.length > 1;
+      data.forEach((d) => {
+        d.split(/\/|-|:/g).forEach((_d) => {
+          if (!curOper.value)
+            curOper.value = _d;
+          curTime[_d].show = true;
+        });
+      });
     };
-  }
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "toast-wid",
-  props: {
-    matteColor: {}
-  },
-  setup(__props, { expose: __expose }) {
-    const visiable = ref(false);
-    const show = (duration) => {
-      visiable.value = true;
-      setTimeout(() => {
-        visiable.value = false;
-      }, duration || 2e3);
-    };
-    __expose({
-      show
-    });
-    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"
-        }
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_b_view, {
-            class: "trans-fast",
-            state: visiable.value,
-            states: {
-              true: "alpha-1 visible",
-              false: "alpha-0"
-            }
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["state"])
-        ]),
-        _: 3
-      }, 8, ["class", "state"]);
-    };
-  }
-});
-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 hide = () => {
-      emit("update:visiable", false);
-    };
-    return (_ctx, _cache) => {
-      const _component_b_hot = resolveComponent("b-hot");
-      const _component_b_icon = resolveComponent("b-icon");
-      const _component_b_view = resolveComponent("b-view");
-      return openBlock(), createBlock(_component_b_view, {
-        class: normalizeClass(`fixed t-0 l-0 max z-9 ${dirStyle.value.layout}`),
-        state: closeState.value,
-        states: {
-          true: "alpha-1 visible",
-          false: "alpha-0"
-        }
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_b_hot, {
-            onOn_transend: matteAniend,
-            onOn_click: hide,
-            state: _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"]);
-    };
-  }
-});
-const _sfc_main$2 = /* @__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$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 _sfc_main$1 = /* @__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$s, {
-        onOn_click: select,
-        "event-proxy": true
-      }, {
-        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"])))
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1040)) : createCommentVNode("", true)
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const contentWid_vue_vue_type_style_index_0_lang = "";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "datetime-wid",
-  props: {
-    datetime: {},
-    format: {},
-    btnData: {},
-    modalData: {}
-  },
-  emits: ["update:datetime", "getData"],
-  setup(__props, { expose: __expose, emit }) {
-    const props = __props;
-    const state = ref(false);
-    const modalData = reactive({
-      roundEnable: true,
-      ...props.modalData,
-      dir: ""
-    });
-    const btnData = computed(() => {
-      return {
-        btnText: "确定",
-        ...props.btnData
-      };
-    });
-    const padZero = (time) => {
-      const _time = time.toString();
-      return _time.length === 1 ? `0${_time}` : _time;
-    };
-    const curDate = computed(() => props.datetime);
-    const setCurTime = (datetime) => {
-      const date = new Date(datetime);
-      curTime.y.val = date.getFullYear();
-      curTime.m.val = date.getMonth() + 1;
-      curTime.d.val = date.getDate();
-      curTime.h.val = date.getHours();
-      curTime.i.val = date.getMinutes();
-      curTime.s.val = date.getSeconds();
-    };
-    const curTime = reactive({
-      y: {
-        val: 0,
-        show: false
-      },
-      m: {
-        val: 0,
-        show: false
-      },
-      d: {
-        val: 0,
-        show: false
-      },
-      h: {
-        val: 0,
-        show: false
-      },
-      i: {
-        val: 0,
-        show: false
-      },
-      s: {
-        val: 0,
-        show: false
-      }
-    });
-    watch(curDate, (val) => {
-      setCurTime(val);
-    }, {
-      immediate: true
-    });
-    const curOper = ref("");
-    const twoSides = ref(false);
-    const formatData = () => {
-      const format = props.format || "y/m/d h:i:s";
-      const data = format.split(" ");
-      twoSides.value = data.length > 1;
-      data.forEach((d) => {
-        d.split(/\/|-|:/g).forEach((_d) => {
-          if (!curOper.value)
-            curOper.value = _d;
-          curTime[_d].show = true;
-        });
-      });
-    };
-    const init = () => {
-      const { availWidth, availHeight } = window.screen;
-      modalData.dir = availWidth / availHeight > 1 ? "center" : "bottom";
-      formatData();
+    const init = () => {
+      const { availWidth, availHeight } = window.screen;
+      modalData.dir = availWidth / availHeight > 1 ? "center" : "bottom";
+      formatData();
     };
     onMounted(init);
     const datetimeMap = {
@@ -3493,7 +3252,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }),
-        modalData.dir ? (openBlock(), createBlock(_sfc_main$3, mergeProps({
+        modalData.dir ? (openBlock(), createBlock(_sfc_main$7, mergeProps({
           key: 0,
           visiable: state.value,
           "onUpdate:visiable": _cache[6] || (_cache[6] = ($event) => state.value = $event)
@@ -3621,77 +3380,537 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })) : createCommentVNode("", true),
                 curTime.s.show ? (openBlock(), createBlock(_sfc_main$u, { 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" }, {
+                    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$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" }
+                }, {
+                  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$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" }, {
+                                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$7, {
+          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$u, {
+              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$u, {
+                  key: 1,
+                  class: "flex-4 no-wrap pad-1d4"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_b_text, { class: "fsize-2d4 bold 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$u, { 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$u, { 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$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 _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$s, {
+        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$v,
   _sfc_main$u,
@@ -3708,18 +3927,18 @@ const initGlobalComponents = [
   _sfc_main$f,
   _sfc_main$e,
   _sfc_main$d,
-  _sfc_main$5,
   _sfc_main$c,
   _sfc_main$b,
   _sfc_main$a,
   _sfc_main$9,
-  _sfc_main$6,
+  _sfc_main$4,
   _sfc_main$8,
+  _sfc_main$5,
+  _sfc_main,
   _sfc_main$7,
-  _sfc_main$1,
   _sfc_main$3,
-  _sfc_main,
-  _sfc_main$4
+  _sfc_main$2,
+  _sfc_main$6
 ];
 const index = {
   name: "btxui",