btxui 1.1.33 → 1.1.35

package/dist/index.js

@@ -1,4 +1,4 @@
-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, createTextVNode, vModelText, mergeProps, renderList, createSlots, render, KeepAlive, inject, unref, provide, normalizeProps, guardReactiveProps } 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, createTextVNode, vModelText, mergeProps, renderList, createSlots, render, KeepAlive, inject, unref, provide, normalizeProps, guardReactiveProps, onUnmounted } from "vue";
 const theme = {
   // 预置主题色
   colors: {
@@ -100,6 +100,8 @@ const prestyles = {
   "fixed": `position: fixed;`,
   "rel": `position: relative;`,
   "abs": `position: absolute;`,
+  // 磁吸定位
+  "sticky": `position: sticky;`,
   // 溢出处理
   "over-hide": `overflow: hidden;`,
   "over-show": `overflow: visible;`,
@@ -590,7 +592,7 @@ var md5$1 = {
 })(md5$1);
 const md5 = md5Exports;
 const GLOBAL_STYLE_NAME = "BTXUIGlobal";
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "b-style",
   props: {
     class: {},
@@ -846,7 +848,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$b = ["data-ani-states", "state"];
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "b-view",
   props: {
     class: {},
@@ -859,7 +861,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     aniEndClear: { type: Boolean }
   },
   emits: ["on_aniEnd"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const $el = ref();
@@ -897,8 +899,11 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       }
       setAniState();
     });
+    __expose({
+      $el
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         class: normalizeClass(__props.class),
         cname: __props.cname,
         states: __props.states,
@@ -923,7 +928,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$a = ["state"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "b-text",
   props: {
     class: {},
@@ -933,7 +938,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         class: normalizeClass(__props.class),
         states: __props.states,
         cname: __props.cname
@@ -951,7 +956,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "b-hot",
   props: {
     link: {},
@@ -1071,7 +1076,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       $el: $anchor
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         class: normalizeClass(__props.class),
         states: __props.states,
         hover: __props.hover,
@@ -1114,7 +1119,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$9 = ["src", "state", "alt"];
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "b-img",
   props: {
     img: {},
@@ -1153,7 +1158,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       $el: $img
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         class: normalizeClass(__props.class),
         cname: __props.cname,
         states: __props.states,
@@ -1182,17 +1187,17 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "ani-success",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$x, {
+      return openBlock(), createBlock(_sfc_main$y, {
         class: "flex-5",
         matrix: { translate: "0,9px", rotate: "45deg" }
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$w, { class: "ani-success-part1 w-1 h-3-px bg-color-green round-sm" }),
-          createVNode(_sfc_main$w, { class: "ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px" })
+          createVNode(_sfc_main$x, { class: "ani-success-part1 w-1 h-3-px bg-color-green round-sm" }),
+          createVNode(_sfc_main$x, { class: "ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px" })
         ]),
         _: 1
       });
@@ -1208,7 +1213,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$s = {};
+const _sfc_main$t = {};
 function _sfc_render$2(_ctx, _cache) {
   const _component_b_text = resolveComponent("b-text");
   const _component_b_view = resolveComponent("b-view");
@@ -1220,9 +1225,9 @@ function _sfc_render$2(_ctx, _cache) {
     _: 1
   });
 }
-const AniFail = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$2]]);
+const AniFail = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$2]]);
 const aniNotic_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$r = {};
+const _sfc_main$s = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_b_text = resolveComponent("b-text");
   const _component_b_view = resolveComponent("b-view");
@@ -1237,9 +1242,9 @@ function _sfc_render$1(_ctx, _cache) {
     _: 1
   });
 }
-const AniNotic = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$1]]);
+const AniNotic = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$1]]);
 const aniLoading_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$q = {};
+const _sfc_main$r = {};
 function _sfc_render(_ctx, _cache) {
   const _component_b_view = resolveComponent("b-view");
   return openBlock(), createBlock(_component_b_view, { class: "flex-5" }, {
@@ -1249,9 +1254,9 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render]]);
+const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render]]);
 const _hoisted_1$8 = ["state"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "b-icon",
   props: {
     icon: {},
@@ -1263,19 +1268,19 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         class: normalizeClass(__props.class),
         states: __props.states,
         cname: __props.cname
       }, {
         className: withCtx((scope) => [
           __props.icon.search("ani_") === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            __props.icon === "ani_success" ? (openBlock(), createBlock(_sfc_main$t, { key: "success" })) : createCommentVNode("", true),
+            __props.icon === "ani_success" ? (openBlock(), createBlock(_sfc_main$u, { key: "success" })) : createCommentVNode("", true),
             __props.icon === "ani_fail" ? (openBlock(), createBlock(AniFail, { key: "fail" })) : createCommentVNode("", true),
             __props.icon === "ani_notic" ? (openBlock(), createBlock(AniNotic, { key: "notic" })) : createCommentVNode("", true),
             __props.icon === "ani_loading" ? (openBlock(), createBlock(AniLoading, { key: "loading" })) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
-          __props.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$x, {
+          __props.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$y, {
             key: 1,
             "bg-img": __props.icon,
             states: __props.states,
@@ -1294,7 +1299,7 @@ const _sfc_main$p = /* @__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$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "b-input",
   props: {
     type: {},
@@ -1445,7 +1450,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       const _component_b_hot = resolveComponent("b-hot");
       const _component_b_view = resolveComponent("b-view");
       const _component_b_icon = resolveComponent("b-icon");
-      return openBlock(), createBlock(_sfc_main$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         class: normalizeClass(__props.class),
         focus: __props.focus,
         states: __props.states,
@@ -1563,7 +1568,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$6 = ["name", "focus", "state", "placeholder", "maxlength", "readonly", "rows"];
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "b-textarea",
   props: {
     text: {},
@@ -1583,12 +1588,16 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const val = ref(props.text);
-    const formatText = (text) => text.replace(/[\n\r]/g, "<br>");
+    const text = computed(() => props.text);
+    watch(text, (str) => {
+      val.value = str;
+    });
+    const formatText = (text2) => text2.replace(/[\n\r]/g, "<br>");
     const inputText = () => {
       emit("update:text", formatText(val.value));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         class: normalizeClass(__props.class),
         focus: __props.focus,
         states: __props.states,
@@ -1620,7 +1629,7 @@ const _sfc_main$n = /* @__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$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "b-video",
   props: {
     video: {},
@@ -1683,7 +1692,7 @@ const _sfc_main$m = /* @__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$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         class: normalizeClass(__props.class),
         cname: __props.cname
       }, {
@@ -1762,7 +1771,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$4 = ["state"];
 const tolerance = 2;
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "b-list",
   props: {
     scroll: {},
@@ -1849,7 +1858,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       watchPos();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         class: normalizeClass(__props.class),
         states: __props.states,
         cname: __props.cname
@@ -1877,7 +1886,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$3 = ["state", "draggable"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "b-drag",
   props: {
     class: {},
@@ -1988,7 +1997,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       bindEvent();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         class: normalizeClass(__props.class),
         states: { dragStart: __props.dragStart, dragOver: __props.dragOver },
         cname: __props.cname
@@ -2018,7 +2027,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$2 = ["src"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "b-webview",
   props: {
     src: {},
@@ -2027,7 +2036,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         class: normalizeClass(__props.class),
         cname: __props.cname
       }, {
@@ -2043,7 +2052,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "b-row",
   props: {
     class: {},
@@ -2060,7 +2069,7 @@ const _sfc_main$i = /* @__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$x, mergeProps({ class: combClass.value }, __props.viewData, {
+      return openBlock(), createBlock(_sfc_main$y, mergeProps({ class: combClass.value }, __props.viewData, {
         extraClass: {
           selector: ">",
           value: `pad-h-${gap.value[0]} pad-v-${gap.value[1]}`
@@ -2074,7 +2083,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "b-col",
   props: {
     span: {},
@@ -2086,7 +2095,7 @@ const _sfc_main$h = /* @__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$x, mergeProps({ class: combClass.value }, __props.viewData), {
+      return openBlock(), createBlock(_sfc_main$y, mergeProps({ class: combClass.value }, __props.viewData), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -2095,7 +2104,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "btn-wid",
   props: {
     btnText: {},
@@ -2155,13 +2164,13 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, mergeProps(__props.hotData, {
+      return openBlock(), createBlock(_sfc_main$w, mergeProps(__props.hotData, {
         class: `flex-5 pad-h-1d4 ${size.value} thick-1 ellipsis ${__props.btnRound ? "round-lg" : "round-sm"} ${__props.btnWidth ? "lw-" + __props.btnWidth : ""} ${normal.value.bg} ${normal.value.text} ${normal.value.line} solid`,
         hover: `${hover.value.text} ${hover.value.bg} ${hover.value.line}`,
         active: `${active.value.text} ${active.value.bg} ${active.value.line}`
       }), {
         default: withCtx(() => [
-          __props.iconData ? (openBlock(), createBlock(_sfc_main$p, mergeProps({ key: 0 }, __props.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
+          __props.iconData ? (openBlock(), createBlock(_sfc_main$q, mergeProps({ key: 0 }, __props.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
           createTextVNode(" " + toDisplayString(__props.btnText), 1)
         ]),
         _: 1
@@ -2169,7 +2178,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "checkbox-wid",
   props: {
     selected: { type: Boolean },
@@ -2198,7 +2207,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       emit("change", props.value, state);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$w, {
         class: normalizeClass(combClass.value),
         hover: "alpha-d9",
         state: selected.value ? "act" : "",
@@ -2212,7 +2221,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           }, () => {
             var _a, _b;
             return [
-              createVNode(_sfc_main$x, {
+              createVNode(_sfc_main$y, {
                 class: "w-24-px h-24-px bg-color-neutral round-sm flex-5",
                 state: selected.value ? "act" : "",
                 cname: combClass.value + combActClass.value,
@@ -2221,7 +2230,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                 }
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$p, {
+                  createVNode(_sfc_main$q, {
                     icon: "success",
                     class: "alpha-d3",
                     state: selected.value ? "act" : "",
@@ -2234,7 +2243,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               }, 8, ["state", "cname", "states"])
             ];
           }),
-          label.value ? (openBlock(), createBlock(_sfc_main$x, {
+          label.value ? (openBlock(), createBlock(_sfc_main$y, {
             key: 0,
             class: "pad-h-1 ellipsis"
           }, {
@@ -2249,7 +2258,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "checkbox-group-wid",
   props: {
     options: {},
@@ -2293,11 +2302,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_b_col = resolveComponent("b-col");
       const _component_b_row = resolveComponent("b-row");
-      return openBlock(), createBlock(_sfc_main$x, {
+      return openBlock(), createBlock(_sfc_main$y, {
         class: normalizeClass(__props.class)
       }, {
         default: withCtx(() => [
-          __props.title ? (openBlock(), createBlock(_sfc_main$x, {
+          __props.title ? (openBlock(), createBlock(_sfc_main$y, {
             key: 0,
             class: "mrg-b-1"
           }, {
@@ -2315,7 +2324,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                   key: i
                 }, {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$f, mergeProps({
+                    createVNode(_sfc_main$g, mergeProps({
                       onChange: change,
                       label: item.label,
                       value: item.value
@@ -2355,7 +2364,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "radio-group-wid",
   props: {
     options: {},
@@ -2384,7 +2393,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_b_view = resolveComponent("b-view");
-      return openBlock(), createBlock(_sfc_main$e, {
+      return openBlock(), createBlock(_sfc_main$f, {
         span: __props.span,
         title: __props.title,
         class: normalizeClass(__props.class),
@@ -2427,7 +2436,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
 const _hoisted_1$1 = ["state"];
 const _hoisted_2 = ["innerHTML"];
 const _hoisted_3 = ["innerHTML"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "tabs-wid",
   props: {
     options: {},
@@ -2498,9 +2507,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$x, { class: "flex-7" }, {
+        createVNode(_sfc_main$y, { class: "flex-7" }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$d, {
+            createVNode(_sfc_main$e, {
               options: options.value,
               title: __props.title,
               selected: selected.value,
@@ -2515,13 +2524,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               } : slots.value.length === 0 && __props.tabStyle === "card" ? {
                 name: "default",
                 fn: withCtx((scope) => [
-                  createVNode(_sfc_main$x, { class: "w-4-px b-f1-px h-1-px bg-color-neutral r-f5-px abs" })
+                  createVNode(_sfc_main$y, { 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$x, {
+                  createVNode(_sfc_main$y, {
                     class: normalizeClass(`max-w l-0 b-f1-px round-sm h-2-px bg-color-none abs`),
                     state: scope.state,
                     states: {
@@ -2542,19 +2551,19 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 };
               })
             ]), 1032, ["options", "title", "selected"]),
-            contLine.value ? (openBlock(), createBlock(_sfc_main$x, {
+            contLine.value ? (openBlock(), createBlock(_sfc_main$y, {
               key: 0,
               class: "grow-1 h-1-px bg-color-neutral"
             })) : createCommentVNode("", true)
           ]),
           _: 3
         }),
-        contArea.value ? (openBlock(), createBlock(_sfc_main$x, {
+        contArea.value ? (openBlock(), createBlock(_sfc_main$y, {
           key: 0,
           class: "pad-v-1d5 over-hide"
         }, {
           default: withCtx(() => [
-            selected.value ? (openBlock(), createBlock(_sfc_main$x, { key: 0 }, {
+            selected.value ? (openBlock(), createBlock(_sfc_main$y, { key: 0 }, {
               default: withCtx(() => [
                 createElementVNode("div", {
                   innerHTML: tabConts[selected.value],
@@ -2563,7 +2572,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 }, null, 42, _hoisted_2)
               ]),
               _: 1
-            })) : (openBlock(), createBlock(_sfc_main$x, {
+            })) : (openBlock(), createBlock(_sfc_main$y, {
               key: 1,
               class: "alpha-d5"
             }, {
@@ -2582,7 +2591,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1 = ["multiple"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "upload-wid",
   props: {
     type: {},
@@ -2642,7 +2651,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_b_hot = resolveComponent("b-hot");
-      return openBlock(), createBlock(_sfc_main$x, { class: "flex" }, {
+      return openBlock(), createBlock(_sfc_main$y, { class: "flex" }, {
         default: withCtx(() => [
           _ctx.$slots.default ? (openBlock(), createBlock(_component_b_hot, {
             key: 0,
@@ -2652,7 +2661,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          })) : (openBlock(), createBlock(_sfc_main$g, mergeProps({
+          })) : (openBlock(), createBlock(_sfc_main$h, mergeProps({
             key: 1,
             onOn_click: _cache[1] || (_cache[1] = ($event) => $uploader.value.click())
           }, btnData.value), null, 16)),
@@ -2680,7 +2689,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "modal-wid",
   props: {
     visiable: { type: Boolean },
@@ -2781,7 +2790,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       emit("update:visiable", false);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$x, {
+      return openBlock(), createBlock(_sfc_main$y, {
         class: normalizeClass(`fixed t-0 l-0 max z-9 ${dirStyle.value.layout}`),
         state: closeState.value.toString(),
         states: {
@@ -2790,7 +2799,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         }
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$v, {
+          createVNode(_sfc_main$w, {
             onOn_transend: matteAniend,
             onOn_click: _cache[0] || (_cache[0] = ($event) => !__props.matteCloseForbid && hide()),
             state: __props.visiable.toString(),
@@ -2800,7 +2809,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             },
             class: normalizeClass(`abs trans-fast max t-0 l-0 bg-color-${__props.matteColor || "C000000cc"}`)
           }, null, 8, ["state", "class"]),
-          createVNode(_sfc_main$x, {
+          createVNode(_sfc_main$y, {
             class: normalizeClass(`${dirStyle.value.pannal} rel ani-mode-both ani-fast`),
             state: aniDir.value,
             "ani-end-clear": true,
@@ -2809,17 +2818,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "custom", {}, () => [
-                createVNode(_sfc_main$x, {
+                createVNode(_sfc_main$y, {
                   class: normalizeClass(`bg-color-${__props.pannelColor || "light"} rel pad-2 ${__props.roundEnable ? "round-md" : ""} ${dirStyle.value.pannal}`)
                 }, {
                   default: withCtx(() => [
-                    !__props.closeEnable ? (openBlock(), createBlock(_sfc_main$v, {
+                    !__props.closeEnable ? (openBlock(), createBlock(_sfc_main$w, {
                       key: 0,
                       class: "abs r-1 t-d7 color-mgray",
                       onOn_click: hide
                     }, {
                       default: withCtx(() => [
-                        createVNode(_sfc_main$p, {
+                        createVNode(_sfc_main$q, {
                           icon: "fail",
                           class: "fsize-2 lh-1d4"
                         })
@@ -2840,7 +2849,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "toast-wid",
   props: {
     text: {},
@@ -2880,7 +2889,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       close
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, {
+      return openBlock(), createBlock(_sfc_main$b, {
         visiable: visiable.value,
         "onUpdate:visiable": _cache[0] || (_cache[0] = ($event) => visiable.value = $event),
         "matte-close-forbid": true,
@@ -2892,11 +2901,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }, {
         custom: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(_sfc_main$x, { class: "round-md pad-v-1d2 pad-h-1d7 color-light fsize-1d27 bg-color-C000000ee flex-column lw-10 pcenter" }, {
+            createVNode(_sfc_main$y, { 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 [
-                  __props.icon ? (openBlock(), createBlock(_sfc_main$x, {
+                  __props.icon ? (openBlock(), createBlock(_sfc_main$y, {
                     key: 0,
                     class: "mrg-b-1d2 fsize-3d2",
                     states: {
@@ -2908,11 +2917,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                     state: ((_a = __props.extra) == null ? void 0 : _a.type) ?? ""
                   }, {
                     default: withCtx(() => [
-                      createVNode(_sfc_main$p, { icon: __props.icon }, null, 8, ["icon"])
+                      createVNode(_sfc_main$q, { icon: __props.icon }, null, 8, ["icon"])
                     ]),
                     _: 1
                   }, 8, ["state"])) : createCommentVNode("", true),
-                  createVNode(_sfc_main$w, null, {
+                  createVNode(_sfc_main$x, null, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(__props.text), 1)
                     ]),
@@ -2929,7 +2938,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "confirm-wid",
   props: {
     notic: {},
@@ -2980,7 +2989,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, {
+      return openBlock(), createBlock(_sfc_main$b, {
         visiable: visiable.value,
         "onUpdate:visiable": _cache[0] || (_cache[0] = ($event) => visiable.value = $event),
         "matte-close-forbid": true,
@@ -2990,11 +2999,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         "matte-color": __props.matteColor
       }, {
         custom: withCtx(() => [
-          createVNode(_sfc_main$x, {
+          createVNode(_sfc_main$y, {
             class: normalizeClass(`bg-color-${theme2.value.bg} round-md ${pannelWidthClass.value} pcenter`)
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$x, {
+              createVNode(_sfc_main$y, {
                 class: normalizeClass(`color-${theme2.value.text} pad-3d4 fsize-1d4 bolder-470`)
               }, {
                 default: withCtx(() => [
@@ -3002,12 +3011,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 8, ["class"]),
-              createVNode(_sfc_main$x, {
+              createVNode(_sfc_main$y, {
                 class: normalizeClass(`flex solid-t bolder-470 line-${theme2.value.line} thick-d4 fsize-1d44`)
               }, {
                 default: withCtx(() => [
                   __props.type === "confirm" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    createVNode(_sfc_main$v, {
+                    createVNode(_sfc_main$w, {
                       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
@@ -3020,7 +3029,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                       }),
                       _: 1
                     }, 8, ["class"]),
-                    createVNode(_sfc_main$v, {
+                    createVNode(_sfc_main$w, {
                       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
@@ -3033,7 +3042,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                       }),
                       _: 1
                     }, 8, ["class"])
-                  ], 64)) : (openBlock(), createBlock(_sfc_main$v, {
+                  ], 64)) : (openBlock(), createBlock(_sfc_main$w, {
                     key: 1,
                     class: normalizeClass(`color-${theme2.value.ok} round-b round-md flex-5 pad-v-1d4 grow-1`),
                     active: "bg-color-neutral",
@@ -3063,7 +3072,7 @@ const showToast = (text, duration = 2e3, icon = "", extra = {}) => {
   const $toastContainer = document.createElement("div");
   $toastContainer.setAttribute("id", "BTXUI-toast");
   document.body.appendChild($toastContainer);
-  const vNode = createVNode(_sfc_main$9, {
+  const vNode = createVNode(_sfc_main$a, {
     text,
     duration,
     icon,
@@ -3116,7 +3125,7 @@ const _confirm = (type, notic, ok, cancel, text = { ok: "", cancel: "" }) => {
   const $toastContainer = document.createElement("div");
   $toastContainer.setAttribute("id", "BTXUI-confirm");
   document.body.appendChild($toastContainer);
-  const vNode = createVNode(_sfc_main$8, {
+  const vNode = createVNode(_sfc_main$9, {
     type,
     notic,
     ok,
@@ -3203,7 +3212,7 @@ const uploadImage = async (imageCompress, extra) => {
     };
   });
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "img-upload-wid",
   props: {
     preview: {},
@@ -3220,7 +3229,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const size = computed(() => props.compress ? 1024 * 1024 * 20 : props.size);
     const curFiles = ref([]);
+    const preview = computed(() => props.preview);
     const pics = ref(Array.isArray(props.preview) ? props.preview : props.preview ? [props.preview] : []);
+    watch(preview, (val) => {
+      pics.value = Array.isArray(val) ? val : val ? [val] : [];
+    });
     const imgUpload = (files, checkResult) => {
       if (!checkResult.success)
         return;
@@ -3451,7 +3464,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(_component_b_view, { class: "flex gap-1" }, {
           default: withCtx(() => [
-            !isMax.value ? (openBlock(), createBlock(_sfc_main$b, {
+            !isMax.value ? (openBlock(), createBlock(_sfc_main$c, {
               key: 0,
               onOn_upload: imgUpload,
               size: size.value,
@@ -3560,7 +3573,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "app-wid",
   props: {
     path: {},
@@ -3585,15 +3598,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a;
       const _component_router_view = resolveComponent("router-view");
-      return openBlock(), createBlock(_sfc_main$x, {
+      return openBlock(), createBlock(_sfc_main$y, {
         class: normalizeClass(`max fixed flex-column color-light select-none bg-color-${((_a = __props.colors) == null ? void 0 : _a.bg) || "none"}`)
       }, {
         default: withCtx(() => {
           var _a2;
           return [
-            createVNode(_sfc_main$x, { class: "rel grow-1" }, {
+            createVNode(_sfc_main$y, { class: "rel grow-1" }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$l, {
+                createVNode(_sfc_main$m, {
                   scroll: { y: "auto", x: "hidden" },
                   class: "abs max"
                 }, {
@@ -3607,32 +3620,32 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(_sfc_main$x, {
+            createVNode(_sfc_main$y, {
               class: normalizeClass(`pcenter pad-t-d5 flex-1 ${__props.round ? "round-md round-t" : ""} bg-color-${((_a2 = __props.colors) == null ? void 0 : _a2.bar) || "dark"} solid-t line-neutral thick-d4 app-nav-bar`)
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(navs.value, (nav, i) => {
-                  return openBlock(), createBlock(_sfc_main$v, mergeProps({ key: i }, { ref_for: true }, nav.hotData, {
+                  return openBlock(), createBlock(_sfc_main$w, mergeProps({ key: i }, { ref_for: true }, nav.hotData, {
                     class: "grow-1",
                     onOn_click: ($event) => _ctx.$emit("on_toggle", nav)
                   }), {
                     default: withCtx(() => {
                       var _a3, _b, _c, _d, _e, _f;
                       return [
-                        nav.main ? (openBlock(), createBlock(_sfc_main$x, {
+                        nav.main ? (openBlock(), createBlock(_sfc_main$y, {
                           key: 0,
                           class: "rel w-5 mrg-h-auto"
                         }, {
                           default: withCtx(() => {
                             var _a4, _b2, _c2, _d2;
                             return [
-                              createVNode(_sfc_main$p, mergeProps({ ref_for: true }, nav.iconData, {
+                              createVNode(_sfc_main$q, mergeProps({ ref_for: true }, nav.iconData, {
                                 class: `abs flex-5 solid t-f1d4 thick-2 w-5 h-5 round fsize-1d7 line-${((_b2 = (_a4 = __props.colors) == null ? void 0 : _a4.center) == null ? void 0 : _b2.line) || "neutral"} bg-color-${((_d2 = (_c2 = __props.colors) == null ? void 0 : _c2.center) == null ? void 0 : _d2.bg) || "dgray"}`
                               }), null, 16, ["class"])
                             ];
                           }),
                           _: 2
-                        }, 1024)) : (openBlock(), createBlock(_sfc_main$x, {
+                        }, 1024)) : (openBlock(), createBlock(_sfc_main$y, {
                           key: 1,
                           class: normalizeClass(`flex-column rel flex-5 color-${((_b = (_a3 = __props.colors) == null ? void 0 : _a3.text) == null ? void 0 : _b.normal) || "mgray"}`),
                           cname: ((_d = (_c = __props.colors) == null ? void 0 : _c.text) == null ? void 0 : _d.act) || "light",
@@ -3642,11 +3655,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                           }
                         }, {
                           default: withCtx(() => [
-                            nav.unread === 1 ? (openBlock(), createBlock(_sfc_main$x, {
+                            nav.unread === 1 ? (openBlock(), createBlock(_sfc_main$y, {
                               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$x, {
+                            nav.unread > 1 ? (openBlock(), createBlock(_sfc_main$y, {
                               key: 1,
                               class: "flex-5 round w-1d5 h-1d5 bold r-7d7-vw t-fd5 bg-color-red abs color-Cfff"
                             }, {
@@ -3655,7 +3668,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                               ]),
                               _: 2
                             }, 1024)) : createCommentVNode("", true),
-                            createVNode(_sfc_main$p, mergeProps({ ref_for: true }, nav.iconData, {
+                            createVNode(_sfc_main$q, mergeProps({ ref_for: true }, nav.iconData, {
                               cname: nav.act,
                               state: curRoute.value.search(nav.hotData.link) === 0 ? "act" : "",
                               states: {
@@ -3663,7 +3676,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                               },
                               class: `w-2d7 h-2d7 ${__props.iconTransAni ? "trans-fast" : ""} fsize-1d7`
                             }), null, 16, ["cname", "state", "states", "class"]),
-                            nav.text ? (openBlock(), createBlock(_sfc_main$w, {
+                            nav.text ? (openBlock(), createBlock(_sfc_main$x, {
                               key: 2,
                               class: "fsize-d83"
                             }, {
@@ -3690,7 +3703,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "datetime-modal-wid",
   props: {
     datetime: {},
@@ -3739,13 +3752,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }),
-        modalData.dir ? (openBlock(), createBlock(_sfc_main$a, mergeProps({
+        modalData.dir ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
           key: 0,
           visiable: state.value,
           "onUpdate:visiable": _cache[1] || (_cache[1] = ($event) => state.value = $event)
         }, modalData), {
           default: withCtx(() => [
-            createVNode(_sfc_main$x, { class: "pad-t-1 lw-24" }, {
+            createVNode(_sfc_main$y, { class: "pad-t-1 lw-24" }, {
               default: withCtx(() => [
                 createVNode(_component_datetime_wid, {
                   onGetData: ok,
@@ -3764,7 +3777,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "datetime-wid",
   props: {
     datetime: {},
@@ -3943,15 +3956,15 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       const _component_b_text = resolveComponent("b-text");
       const _component_b_list = resolveComponent("b-list");
       const _component_btn_wid = resolveComponent("btn-wid");
-      return openBlock(), createBlock(_sfc_main$x, null, {
+      return openBlock(), createBlock(_sfc_main$y, null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$x, { class: "flex-4" }, {
+          createVNode(_sfc_main$y, { class: "flex-4" }, {
             default: withCtx(() => [
               createVNode(_component_b_icon, {
                 icon: "time",
                 class: "alpha-d7 mrg-r-d7"
               }),
-              curTime.y.show ? (openBlock(), createBlock(_sfc_main$x, { key: 0 }, {
+              curTime.y.show ? (openBlock(), createBlock(_sfc_main$y, { key: 0 }, {
                 default: withCtx(() => [
                   createVNode(_component_b_hot, {
                     onOn_click: _cache[0] || (_cache[0] = ($event) => curOper.value = "y"),
@@ -3973,7 +3986,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })) : createCommentVNode("", true),
-              curTime.m.show ? (openBlock(), createBlock(_sfc_main$x, { key: 1 }, {
+              curTime.m.show ? (openBlock(), createBlock(_sfc_main$y, { key: 1 }, {
                 default: withCtx(() => [
                   createVNode(_component_b_hot, {
                     onOn_click: _cache[1] || (_cache[1] = ($event) => curOper.value = "m"),
@@ -3995,7 +4008,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })) : createCommentVNode("", true),
-              curTime.d.show ? (openBlock(), createBlock(_sfc_main$x, { key: 2 }, {
+              curTime.d.show ? (openBlock(), createBlock(_sfc_main$y, { key: 2 }, {
                 default: withCtx(() => [
                   createVNode(_component_b_hot, {
                     onOn_click: _cache[2] || (_cache[2] = ($event) => curOper.value = "d"),
@@ -4017,11 +4030,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })) : createCommentVNode("", true),
-              twoSides.value ? (openBlock(), createBlock(_sfc_main$x, {
+              twoSides.value ? (openBlock(), createBlock(_sfc_main$y, {
                 key: 3,
                 class: "w-1d4"
               })) : createCommentVNode("", true),
-              curTime.h.show ? (openBlock(), createBlock(_sfc_main$x, { key: 4 }, {
+              curTime.h.show ? (openBlock(), createBlock(_sfc_main$y, { key: 4 }, {
                 default: withCtx(() => [
                   createVNode(_component_b_hot, {
                     onOn_click: _cache[3] || (_cache[3] = ($event) => curOper.value = "h"),
@@ -4043,7 +4056,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })) : createCommentVNode("", true),
-              curTime.i.show ? (openBlock(), createBlock(_sfc_main$x, { key: 5 }, {
+              curTime.i.show ? (openBlock(), createBlock(_sfc_main$y, { key: 5 }, {
                 default: withCtx(() => [
                   createVNode(_component_b_hot, {
                     onOn_click: _cache[4] || (_cache[4] = ($event) => curOper.value = "i"),
@@ -4065,7 +4078,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })) : createCommentVNode("", true),
-              curTime.s.show ? (openBlock(), createBlock(_sfc_main$x, { key: 6 }, {
+              curTime.s.show ? (openBlock(), createBlock(_sfc_main$y, { key: 6 }, {
                 default: withCtx(() => [
                   createVNode(_component_b_hot, {
                     onOn_click: _cache[5] || (_cache[5] = ($event) => curOper.value = "s"),
@@ -4090,7 +4103,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          createVNode(_sfc_main$x, { class: "flex" }, {
+          createVNode(_sfc_main$y, { class: "flex" }, {
             default: withCtx(() => [
               createVNode(_component_b_list, {
                 class: "grow-1 h-17 bg-color-neutral mrg-v-1 round-md pad-1",
@@ -4104,7 +4117,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   }, {
                     default: withCtx(() => [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (opt) => {
-                        return openBlock(), createBlock(_sfc_main$x, {
+                        return openBlock(), createBlock(_sfc_main$y, {
                           state: opt.toString(),
                           hover: "bg-color-neutral",
                           class: "h-3 pad-h-1 lh-3-rem flex round-sm alpha-d7"
@@ -4137,7 +4150,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "price-modal-wid",
   props: {
     price: {},
@@ -4204,7 +4217,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }),
-        theme2.dir ? (openBlock(), createBlock(_sfc_main$a, {
+        theme2.dir ? (openBlock(), createBlock(_sfc_main$b, {
           key: 0,
           visiable: state.value,
           "onUpdate:visiable": _cache[2] || (_cache[2] = ($event) => state.value = $event),
@@ -4244,7 +4257,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "price-wid",
   props: {
     price: {},
@@ -4330,11 +4343,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const _component_b_hot = resolveComponent("b-hot");
       const _component_b_col = resolveComponent("b-col");
       const _component_b_row = resolveComponent("b-row");
-      return openBlock(), createBlock(_sfc_main$x, {
+      return openBlock(), createBlock(_sfc_main$y, {
         class: normalizeClass(`${baseStyle.value} bg-color-${theme2.pannel} color-${theme2.text}`)
       }, {
         default: withCtx(() => [
-          !__props.hideScreen ? (openBlock(), createBlock(_sfc_main$x, {
+          !__props.hideScreen ? (openBlock(), createBlock(_sfc_main$y, {
             key: 0,
             class: "flex-4 no-wrap pad-1d4"
           }, {
@@ -4355,7 +4368,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          createVNode(_sfc_main$x, { class: "pad-b-2 bolder-500" }, {
+          createVNode(_sfc_main$y, { class: "pad-b-2 bolder-500" }, {
             default: withCtx(() => [
               createVNode(_component_b_hot, { onOn_click: selPrice }, {
                 default: withCtx(() => [
@@ -4463,7 +4476,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       }),
                       createVNode(_component_b_col, { span: 3 }, {
                         default: withCtx(() => [
-                          createVNode(_sfc_main$x, { class: "rel h-4d2" }, {
+                          createVNode(_sfc_main$y, { 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`),
@@ -4498,7 +4511,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "content-node-wid",
   props: {
     dataTree: {},
@@ -4529,14 +4542,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_b_text = resolveComponent("b-text");
       const _component_content_node_wid = resolveComponent("content-node-wid", true);
       return openBlock(true), createElementBlock(Fragment, null, renderList(dataTree.value, (item) => {
-        return openBlock(), createBlock(_sfc_main$x, {
+        return openBlock(), createBlock(_sfc_main$y, {
           state: `id-${item.id}`,
           key: item.id
         }, {
           default: withCtx(() => {
             var _a;
             return [
-              createVNode(_sfc_main$v, {
+              createVNode(_sfc_main$w, {
                 cname: `${item.id}-${Math.random()}`,
                 class: normalizeClass(`flex-4 pad-v-${gap.value} pad-l-${setIndex(item.level)}`),
                 hover: __props.hover,
@@ -4547,7 +4560,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 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$p, {
+                  item.children && item.children.length ? (openBlock(), createBlock(_sfc_main$q, {
                     key: 0,
                     class: "mrg-r-d4",
                     state: item.spread ? "content-wid-spread" : "content-wid-collapse",
@@ -4566,7 +4579,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 2
               }, 1032, ["cname", "class", "hover", "states", "state"]),
-              item.children && item.children.length ? (openBlock(), createBlock(_sfc_main$x, {
+              item.children && item.children.length ? (openBlock(), createBlock(_sfc_main$y, {
                 key: 0,
                 states: {
                   "show": "show",
@@ -4595,7 +4608,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "content-wid",
   props: {
     dataTree: {},
@@ -4654,12 +4667,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("on_select", data);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$w, {
         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 }, [
+          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) => [
@@ -4675,37 +4688,133 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 const contentWid_vue_vue_type_style_index_0_lang = "";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "carousel-wid",
+  props: {
+    width: {},
+    height: {},
+    speed: {},
+    gap: {},
+    dir: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const itemSize = ref(0);
+    const $wrapper = ref();
+    const offset = ref(0);
+    const isPlaying = ref(true);
+    let animationId = null;
+    const animate = () => {
+      if (!isPlaying.value)
+        return;
+      offset.value -= props.speed || 2;
+      if (offset.value <= -itemSize.value) {
+        offset.value = 0;
+      }
+      $wrapper.value.$el.style.transform = props.dir === "vertical" ? `translateY(${offset.value}px)` : `translateX(${offset.value}px)`;
+      animationId = requestAnimationFrame(animate);
+    };
+    const pause = () => {
+      isPlaying.value = false;
+      if (animationId) {
+        cancelAnimationFrame(animationId);
+        animationId = null;
+      }
+    };
+    const play = () => {
+      isPlaying.value = true;
+      if (!animationId)
+        animate();
+    };
+    const $cont = ref();
+    onMounted(async () => {
+      await nextTick();
+      const { offsetWidth, offsetHeight } = $cont.value.$el;
+      itemSize.value = (props.dir === "vertical" ? offsetHeight : offsetWidth) / 2 + (props.gap || 0) / 2;
+      animate();
+    });
+    onUnmounted(() => {
+      if (animationId)
+        cancelAnimationFrame(animationId);
+    });
+    __expose({
+      pause,
+      play
+    });
+    return (_ctx, _cache) => {
+      const _component_b_view = resolveComponent("b-view");
+      return openBlock(), createBlock(_sfc_main$w, {
+        class: normalizeClass(`over-hide w-${__props.width} h-${__props.height} flex`),
+        onOn_enter: pause,
+        onOn_leave: play
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_b_view, {
+            ref_key: "$wrapper",
+            ref: $wrapper,
+            class: normalizeClass(`${__props.dir === "vertical" ? "flex-column" : "flex"} trans-no`)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_b_view, {
+                class: normalizeClass(`${__props.dir === "vertical" ? "flex-column" : "no-wrap flex"} gap-${__props.gap || 0}-px`),
+                ref_key: "$cont",
+                ref: $cont
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createElementBlock(Fragment, null, renderList(2, (i) => {
+                    return createVNode(_component_b_view, {
+                      class: normalizeClass(`${__props.dir === "vertical" ? "" : "no-wrap flex"} no-shrink`)
+                    }, {
+                      default: withCtx(() => [
+                        renderSlot(_ctx.$slots, "default")
+                      ]),
+                      _: 3
+                    }, 8, ["class"]);
+                  }), 64))
+                ]),
+                _: 3
+              }, 8, ["class"])
+            ]),
+            _: 3
+          }, 8, ["class"])
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
 const initGlobalComponents = [
+  _sfc_main$z,
   _sfc_main$y,
   _sfc_main$x,
   _sfc_main$w,
   _sfc_main$v,
-  _sfc_main$u,
-  _sfc_main$p,
+  _sfc_main$q,
+  _sfc_main$n,
   _sfc_main$m,
+  _sfc_main$k,
+  _sfc_main$p,
   _sfc_main$l,
-  _sfc_main$j,
   _sfc_main$o,
-  _sfc_main$k,
-  _sfc_main$n,
+  _sfc_main$j,
   _sfc_main$i,
   _sfc_main$h,
   _sfc_main$g,
   _sfc_main$f,
   _sfc_main$e,
   _sfc_main$d,
-  _sfc_main$c,
-  _sfc_main$6,
-  _sfc_main$b,
   _sfc_main$7,
-  _sfc_main,
-  _sfc_main$a,
+  _sfc_main$c,
   _sfc_main$8,
+  _sfc_main$1,
+  _sfc_main$b,
   _sfc_main$9,
+  _sfc_main$a,
+  _sfc_main$6,
   _sfc_main$5,
   _sfc_main$4,
   _sfc_main$3,
-  _sfc_main$2
+  _sfc_main
 ];
 const index = {
   name: "btxui",