btxui 1.0.33 → 1.0.35

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive, onMounted, renderSlot, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle, inject, withModifiers, watch, createVNode, resolveComponent, createElementBlock, Fragment, createCommentVNode, withDirectives, vModelDynamic, vModelText, mergeProps, createTextVNode, toDisplayString, KeepAlive, renderList } from "vue";
+import { defineComponent, ref, computed, reactive, onMounted, renderSlot, watch, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle, inject, getCurrentInstance, withModifiers, createVNode, resolveComponent, createElementBlock, Fragment, createCommentVNode, withDirectives, vModelDynamic, vModelText, mergeProps, createTextVNode, toDisplayString, renderList, createSlots, onBeforeMount, KeepAlive } from "vue";
 const prestyles = {
   //预置样式-----------------------------------------------------------------------------------
   // 文本对齐
@@ -98,9 +98,10 @@ const prestyles = {
   "bg-fixed": `background-attachment: scroll;`,
   // 圆角
   "round": `border-radius: 50%;`,
-  "round-lg": `borderRadius: 24px;`,
+  "round-lg": `border-radius: 24px;`,
   "round-md": `border-radius: 10px;`,
   "round-sm": `border-radius: 4px;`,
+  "round-none": `border-radius: 0px;`,
   "round-t": `border-bottom-right-radius: 0; border-bottom-left-radius: 0;`,
   "round-b": `border-top-right-radius: 0; border-top-left-radius: 0;`,
   "round-l": `border-top-right-radius: 0; border-bottom-right-radius: 0;`,
@@ -112,7 +113,10 @@ const prestyles = {
   "solid-r": `border-right-style: solid;`,
   "solid-t": `border-top-style: solid;`,
   "solid-b": `border-bottom-style: solid;`,
-  "solid-none": `border-style: none;`,
+  "solid-l-none": `border-left-style: none;`,
+  "solid-r-none": `border-right-style: none;`,
+  "solid-t-none": `border-top-style: none;`,
+  "solid-b-none": `border-bottom-style: none;`,
   "dashed-l": `border-left-style: dashed;`,
   "dashed-r": `border-right-style: dashed;`,
   "dashed-t": `border-top-style: dashed;`,
@@ -531,7 +535,7 @@ var md5$1 = {
 })(md5$1);
 const md5 = md5Exports;
 const GLOBAL_STYLE_NAME = "BTXUIGlobal";
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "b-style",
   props: {
     class: {},
@@ -657,7 +661,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     const combineStyles = (_class) => {
       if (!_class)
         return "";
-      const combineStyle = _class.split(" ").reduce((total, rule) => {
+      const combineStyle = _class.trim().split(" ").reduce((total, rule) => {
         const validateRule = parseStyle(rule);
         if (!validateRule)
           return "";
@@ -703,11 +707,27 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       if (props.active)
         appendStyle(compSelector, props.active);
     };
+    const dealRule = (baseSelector, state, stateStyles) => {
+      appendStyle(`${baseSelector}[state="${state}"]`, stateStyles);
+    };
+    const aniStates = reactive({});
+    const dealClassToggle = (state, ani) => {
+      aniStates[state] = ani;
+    };
     const genStateStyles = (baseSelector) => {
       if (!props.states)
         return;
       Object.keys(props.states).forEach((state) => {
-        appendStyle(`${baseSelector}[state="${state}"]`, props.states[state]);
+        if (props.states) {
+          const stateStyles = props.states[state];
+          if (typeof stateStyles === "string") {
+            dealRule(baseSelector, state, stateStyles);
+          } else {
+            const { class: styles2, ani } = stateStyles;
+            dealRule(baseSelector, state, styles2);
+            dealClassToggle(state, ani);
+          }
+        }
       });
     };
     const genExtraStyles = (baseSelector) => {
@@ -749,14 +769,15 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return renderSlot(_ctx.$slots, "className", {
+        aniStates: JSON.stringify(aniStates),
         className: className.value,
         matrixStyle: matrixStyle.value
       });
     };
   }
 });
-const _hoisted_1$a = ["state"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = ["data-ani-states", "state"];
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "b-view",
   props: {
     class: {},
@@ -766,11 +787,30 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     matrix: {},
     cname: {}
   },
-  setup(__props) {
+  emits: ["on_aniEnd"],
+  setup(__props, { emit }) {
     const props = __props;
+    const $el = ref();
+    const state = computed(() => props.state);
+    let lastAni;
+    watch(state, (val, old) => {
+      if (val == null || val == void 0)
+        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]);
+        lastAni = aniStates[val];
+      }
+    });
+    const aniEnd = (e) => {
+      $el.value.classList.remove(lastAni);
+      emit("on_aniEnd", e);
+    };
     const bgStyle = computed(() => props.bgImg ? { backgroundImage: `url(${props.bgImg})` } : {});
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$j, {
+      return openBlock(), createBlock(_sfc_main$n, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname,
         states: _ctx.states,
@@ -778,20 +818,24 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       }, {
         className: withCtx((scope) => [
           createElementVNode("div", {
+            ref_key: "$el",
+            ref: $el,
+            onAnimationend: aniEnd,
             class: normalizeClass(scope.className),
-            state: _ctx.state,
+            "data-ani-states": scope.aniStates,
+            state: state.value,
             style: normalizeStyle({ ...bgStyle.value, ...scope.matrixStyle })
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 14, _hoisted_1$a)
+          ], 46, _hoisted_1$b)
         ]),
         _: 3
       }, 8, ["class", "cname", "states", "matrix"]);
     };
   }
 });
-const _hoisted_1$9 = ["state"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _hoisted_1$a = ["state"];
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "b-text",
   props: {
     class: {},
@@ -801,7 +845,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$j, {
+      return openBlock(), createBlock(_sfc_main$n, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         cname: _ctx.cname
@@ -812,7 +856,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             state: _ctx.state
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 10, _hoisted_1$9)
+          ], 10, _hoisted_1$a)
         ]),
         _: 3
       }, 8, ["class", "states", "cname"]);
@@ -850,8 +894,8 @@ Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
 function useRouter() {
   return inject(routerKey);
 }
-const _hoisted_1$8 = ["onClick", "onDblclick", "target", "hover", "state", "active", "href"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9 = ["onClick", "onDblclick", "target", "hover", "state", "active", "href"];
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "b-hot",
   props: {
     link: {},
@@ -863,12 +907,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     forbid: { type: Boolean },
     download: {},
     anchor: {},
-    cname: {},
-    router: {}
+    cname: {}
   },
   emits: ["on_click", "on_enter", "on_move", "on_leave", "on_dblclick"],
   setup(__props, { emit }) {
     const props = __props;
+    const { proxy } = getCurrentInstance();
     const $anchor = ref();
     const target = ref("");
     let routeLink;
@@ -898,7 +942,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       }
       if (routeLink) {
         e.preventDefault();
-        (router ?? props.router).push(routeLink);
+        (router ?? proxy.$router).push(routeLink);
       }
       !props.forbid && emit("on_click", e);
     };
@@ -919,7 +963,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         $anchor.value.download = props.download;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$j, {
+      return openBlock(), createBlock(_sfc_main$n, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         hover: _ctx.hover,
@@ -947,19 +991,21 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             href: url.value
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 46, _hoisted_1$8)
+          ], 46, _hoisted_1$9)
         ]),
         _: 3
       }, 8, ["class", "states", "hover", "active", "cname"]);
     };
   }
 });
-const _hoisted_1$7 = ["src", "alt"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = ["src", "state", "alt"];
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "b-img",
   props: {
     img: {},
     class: {},
+    state: {},
+    states: {},
     defaultSrc: {},
     alt: {},
     matrix: {},
@@ -985,35 +1031,37 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       setSrc();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$j, {
+      return openBlock(), createBlock(_sfc_main$n, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname,
+        states: _ctx.states,
         matrix: _ctx.matrix
       }, {
         className: withCtx((scope) => [
           createElementVNode("img", {
             src: src.value,
             class: normalizeClass(scope.className),
+            state: _ctx.state,
             style: normalizeStyle({ display: "block", ...scope.matrixStyle }),
             alt: _ctx.alt
-          }, null, 14, _hoisted_1$7)
+          }, null, 14, _hoisted_1$8)
         ]),
         _: 1
-      }, 8, ["class", "cname", "matrix"]);
+      }, 8, ["class", "cname", "states", "matrix"]);
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "ani-success",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$i, {
+      return openBlock(), createBlock(_sfc_main$m, {
         class: "flex-5",
         matrix: { translate: "0,9px", rotate: "45deg" }
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$h, { class: "ani-success-part1 w-1 h-3-px bg-color-green round-sm" }),
-          createVNode(_sfc_main$h, { class: "ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px" })
+          createVNode(_sfc_main$l, { class: "ani-success-part1 w-1 h-3-px bg-color-green round-sm" }),
+          createVNode(_sfc_main$l, { class: "ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px" })
         ]),
         _: 1
       });
@@ -1029,7 +1077,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$d = {};
+const _sfc_main$h = {};
 function _sfc_render$2(_ctx, _cache) {
   const _component_b_text = resolveComponent("b-text");
   const _component_b_view = resolveComponent("b-view");
@@ -1041,9 +1089,9 @@ function _sfc_render$2(_ctx, _cache) {
     _: 1
   });
 }
-const AniFail = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$2]]);
+const AniFail = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$2]]);
 const aniNotic_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$c = {};
+const _sfc_main$g = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_b_text = resolveComponent("b-text");
   const _component_b_view = resolveComponent("b-view");
@@ -1058,9 +1106,9 @@ function _sfc_render$1(_ctx, _cache) {
     _: 1
   });
 }
-const AniNotic = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$1]]);
+const AniNotic = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$1]]);
 const aniLoading_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$b = {};
+const _sfc_main$f = {};
 function _sfc_render(_ctx, _cache) {
   const _component_b_view = resolveComponent("b-view");
   return openBlock(), createBlock(_component_b_view, { class: "flex-5" }, {
@@ -1070,9 +1118,9 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render]]);
-const _hoisted_1$6 = ["state"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render]]);
+const _hoisted_1$7 = ["state"];
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "b-icon",
   props: {
     icon: {},
@@ -1084,19 +1132,19 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$j, {
+      return openBlock(), createBlock(_sfc_main$n, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           _ctx.icon.search("ani_") === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            _ctx.icon === "ani_success" ? (openBlock(), createBlock(_sfc_main$e, { key: "success" })) : createCommentVNode("", true),
+            _ctx.icon === "ani_success" ? (openBlock(), createBlock(_sfc_main$i, { key: "success" })) : createCommentVNode("", true),
             _ctx.icon === "ani_fail" ? (openBlock(), createBlock(AniFail, { key: "fail" })) : createCommentVNode("", true),
             _ctx.icon === "ani_notic" ? (openBlock(), createBlock(AniNotic, { key: "notic" })) : createCommentVNode("", true),
             _ctx.icon === "ani_loading" ? (openBlock(), createBlock(AniLoading, { key: "loading" })) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
-          _ctx.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$i, {
+          _ctx.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$m, {
             key: 1,
             "bg-img": _ctx.icon,
             states: _ctx.states,
@@ -1106,15 +1154,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             key: 2,
             class: normalizeClass(`ico-${props.icon} ${scope.className}`),
             state: _ctx.state
-          }, null, 10, _hoisted_1$6))
+          }, null, 10, _hoisted_1$7))
         ]),
         _: 1
       }, 8, ["class", "states", "cname"]);
     };
   }
 });
-const _hoisted_1$5 = ["type", "name", "focus", "state", "placeholder", "maxlength", "readonly"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = ["type", "name", "focus", "state", "placeholder", "maxlength", "readonly"];
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "b-input",
   props: {
     type: {},
@@ -1190,7 +1238,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       check
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$j, {
+      return openBlock(), createBlock(_sfc_main$n, {
         class: normalizeClass(_ctx.class),
         focus: _ctx.focus,
         states: _ctx.states,
@@ -1212,7 +1260,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             maxlength: _ctx.maxlength,
             readonly: _ctx.readonly,
             autocomplete: "off"
-          }, null, 42, _hoisted_1$5), [
+          }, null, 42, _hoisted_1$6), [
             [vModelDynamic, val.value]
           ])
         ]),
@@ -1221,8 +1269,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["name", "focus", "state", "placeholder", "maxlength", "readonly", "rows"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = ["name", "focus", "state", "placeholder", "maxlength", "readonly", "rows"];
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "b-textarea",
   props: {
     text: {},
@@ -1246,7 +1294,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       emit("update:text", formatText(val.value));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$j, {
+      return openBlock(), createBlock(_sfc_main$n, {
         class: normalizeClass(_ctx.class),
         focus: _ctx.focus,
         states: _ctx.states,
@@ -1267,7 +1315,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             maxlength: _ctx.maxlength,
             readonly: _ctx.readonly,
             rows: _ctx.rows || 7
-          }, null, 42, _hoisted_1$4), [
+          }, null, 42, _hoisted_1$5), [
             [vModelText, val.value]
           ])
         ]),
@@ -1276,8 +1324,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = ["muted", "src", "autoplay", "loop"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = ["muted", "src", "autoplay", "loop"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "b-video",
   props: {
     video: {},
@@ -1289,7 +1337,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const $video = ref();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$j, {
+      return openBlock(), createBlock(_sfc_main$n, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname
       }, {
@@ -1302,16 +1350,16 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             src: _ctx.video,
             autoplay: _ctx.autoPlay,
             loop: _ctx.loop
-          }, null, 10, _hoisted_1$3)
+          }, null, 10, _hoisted_1$4)
         ]),
         _: 1
       }, 8, ["class", "cname"]);
     };
   }
 });
-const _hoisted_1$2 = ["state"];
+const _hoisted_1$3 = ["state"];
 const tolerance = 2;
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "b-list",
   props: {
     scroll: {},
@@ -1361,7 +1409,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       watchPos();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$j, {
+      return openBlock(), createBlock(_sfc_main$n, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         cname: _ctx.cname
@@ -1381,15 +1429,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             }, [
               renderSlot(_ctx.$slots, "default")
             ], 38)
-          ], 10, _hoisted_1$2)
+          ], 10, _hoisted_1$3)
         ]),
         _: 3
       }, 8, ["class", "states", "cname"]);
     };
   }
 });
-const _hoisted_1$1 = ["state", "draggable"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = ["state", "draggable"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "b-drag",
   props: {
     class: {},
@@ -1499,7 +1547,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       bindEvent();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$j, {
+      return openBlock(), createBlock(_sfc_main$n, {
         class: normalizeClass(_ctx.class),
         states: { dragStart: _ctx.dragStart, dragOver: _ctx.dragOver },
         cname: _ctx.cname
@@ -1521,15 +1569,15 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             draggable: _ctx.dragStart ? true : false
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 14, _hoisted_1$1)
+          ], 14, _hoisted_1$2)
         ]),
         _: 3
       }, 8, ["class", "states", "cname"]);
     };
   }
 });
-const _hoisted_1 = ["src"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1 = ["src"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "b-webview",
   props: {
     src: {},
@@ -1538,7 +1586,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$j, {
+      return openBlock(), createBlock(_sfc_main$n, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname
       }, {
@@ -1547,14 +1595,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             class: normalizeClass(scope.className),
             frameborder: "0",
             src: _ctx.src
-          }, null, 10, _hoisted_1)
+          }, null, 10, _hoisted_1$1)
         ]),
         _: 1
       }, 8, ["class", "cname"]);
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "b-row",
   props: {
     class: {},
@@ -1571,7 +1619,7 @@ const _sfc_main$3 = /* @__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$i, mergeProps({ class: combClass.value }, _ctx.viewData, {
+      return openBlock(), createBlock(_sfc_main$m, mergeProps({ class: combClass.value }, _ctx.viewData, {
         extraClass: {
           selector: ">",
           value: `pad-h-${gap.value[0]} pad-v-${gap.value[1]}`
@@ -1585,7 +1633,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "b-col",
   props: {
     span: {},
@@ -1595,9 +1643,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const combClass = ref(`${props.class} ${props.span ? "col-" + props.span : ""} ${props.offset ? "offset-" + props.offset : ""}`);
+    const combClass = ref(`${props.class ?? ""} ${props.span ? "col-" + props.span : ""} ${props.offset ? "offset-" + props.offset : ""}`);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$i, mergeProps({ class: combClass.value }, _ctx.viewData), {
+      return openBlock(), createBlock(_sfc_main$m, mergeProps({ class: combClass.value }, _ctx.viewData), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1606,7 +1654,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "btn-wid",
   props: {
     btnText: {},
@@ -1653,13 +1701,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$g, mergeProps(_ctx.hotData, {
+      return openBlock(), createBlock(_sfc_main$k, mergeProps(_ctx.hotData, {
         class: `flex-5 pad-h-1d4 pad-v-d4 thick-1 ellipsis ${_ctx.btnRound ? "round-lg" : "round-sm"} ${_ctx.btnWidth ? "lw-" + _ctx.btnWidth : ""} ${normal.value.bg} ${normal.value.text} ${normal.value.line} solid`,
         hover: `${hover.value.text} ${hover.value.bg} ${hover.value.line}`,
         active: `${active.value.text} ${active.value.bg} ${active.value.line}`
       }), {
         default: withCtx(() => [
-          _ctx.iconData ? (openBlock(), createBlock(_sfc_main$a, mergeProps({ key: 0 }, _ctx.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
+          _ctx.iconData ? (openBlock(), createBlock(_sfc_main$e, mergeProps({ key: 0 }, _ctx.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
           createTextVNode(" " + toDisplayString(_ctx.btnText), 1)
         ]),
         _: 1
@@ -1667,6 +1715,410 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "checkbox-wid",
+  props: {
+    selected: { type: Boolean },
+    value: {},
+    class: {},
+    actClass: {},
+    actColor: {},
+    label: {}
+  },
+  emits: ["update:selected", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const combClass = ref(`flex-4 bg-color-neutral round-sm pad-4-px ${props.class ?? ""}`);
+    const combActClass = ref(`color-blue ${props.actClass ?? ""}`);
+    const label = computed(() => {
+      const label2 = props.label;
+      if (!label2)
+        return null;
+      return Array.isArray(label2) ? label2 : [label2, label2];
+    });
+    const selected = computed(() => props.selected);
+    const toggle = () => {
+      const state = !selected.value;
+      emit("update:selected", state);
+      emit("change", props.value, state);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$k, {
+        class: normalizeClass(combClass.value),
+        hover: "alpha-d9",
+        state: selected.value ? "act" : "",
+        states: { act: combActClass.value },
+        cname: combClass.value + combActClass.value,
+        onOn_click: toggle
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {
+            state: selected.value ? "act" : ""
+          }, () => {
+            var _a, _b;
+            return [
+              createVNode(_sfc_main$m, {
+                class: "w-24-px h-24-px bg-color-neutral round-sm flex-5",
+                state: selected.value ? "act" : "",
+                cname: combClass.value + combActClass.value,
+                states: {
+                  act: `bg-color-${_ctx.actColor ? ((_a = _ctx.actColor) == null ? void 0 : _a.bg) ?? "blue" : "blue"} color-${_ctx.actColor ? ((_b = _ctx.actColor) == null ? void 0 : _b.icon) ?? "light" : "light"}`
+                }
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$e, {
+                    icon: "success",
+                    class: "alpha-d3",
+                    state: selected.value ? "act" : "",
+                    states: {
+                      act: "alpha-1"
+                    }
+                  }, null, 8, ["state"])
+                ]),
+                _: 1
+              }, 8, ["state", "cname", "states"])
+            ];
+          }),
+          label.value ? (openBlock(), createBlock(_sfc_main$m, {
+            key: 0,
+            class: "pad-h-1 ellipsis"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(selected.value ? label.value[1] : label.value[0]), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["class", "state", "states", "cname"]);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "checkbox-group-wid",
+  props: {
+    options: {},
+    selected: {},
+    class: {},
+    title: {},
+    span: {}
+  },
+  emits: ["update:selected", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const checkboxData = computed(() => {
+      return props.options.map((opt) => {
+        var _a;
+        return {
+          ...opt,
+          checkboxData: {
+            ...opt == null ? void 0 : opt.checkboxData,
+            class: ((_a = opt == null ? void 0 : opt.checkboxData) == null ? void 0 : _a.class) ?? "bg-color-none mrg-r-1d5"
+          },
+          selected: props.selected.includes(opt.value)
+        };
+      });
+    });
+    const change = (value, state) => {
+      const selected = [...props.selected];
+      if (state && !selected.includes(value))
+        selected.push(value);
+      if (!state && selected.includes(value))
+        selected.splice(selected.findIndex((val) => val === value), 1);
+      emit("update:selected", selected);
+      emit("change", selected.map((value2) => {
+        var _a;
+        return {
+          label: (_a = props.options.find((opt) => opt.value === value2)) == null ? void 0 : _a.label,
+          value: value2
+        };
+      }));
+    };
+    return (_ctx, _cache) => {
+      const _component_b_col = resolveComponent("b-col");
+      const _component_b_row = resolveComponent("b-row");
+      return openBlock(), createBlock(_sfc_main$m, {
+        class: normalizeClass(_ctx.class)
+      }, {
+        default: withCtx(() => [
+          _ctx.title ? (openBlock(), createBlock(_sfc_main$m, {
+            key: 0,
+            class: "mrg-b-1"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          createVNode(_component_b_row, null, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(checkboxData.value, (item, i) => {
+                return openBlock(), createBlock(_component_b_col, {
+                  class: "flex-4",
+                  span: _ctx.span,
+                  key: i
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_sfc_main$4, mergeProps({
+                      onChange: change,
+                      label: item.label,
+                      value: item.value
+                    }, item.checkboxData, {
+                      selected: item.selected,
+                      "onUpdate:selected": ($event) => item.selected = $event
+                    }), createSlots({ _: 2 }, [
+                      _ctx.$slots.default ? {
+                        name: "default",
+                        fn: withCtx((scope) => [
+                          renderSlot(_ctx.$slots, "default", {
+                            state: scope.state
+                          })
+                        ]),
+                        key: "0"
+                      } : void 0,
+                      _ctx.$slots[item.value] ? {
+                        name: "default",
+                        fn: withCtx((scope) => [
+                          renderSlot(_ctx.$slots, item.value, {
+                            state: scope.state
+                          })
+                        ]),
+                        key: "1"
+                      } : void 0
+                    ]), 1040, ["label", "value", "selected", "onUpdate:selected"])
+                  ]),
+                  _: 2
+                }, 1032, ["span"]);
+              }), 128))
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "radio-group-wid",
+  props: {
+    options: {},
+    selected: {},
+    class: {},
+    title: {},
+    span: {},
+    regular: { type: Boolean }
+  },
+  emits: ["update:selected", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const selected = computed(() => [props.selected]);
+    const change = (selected2) => {
+      const values = selected2.map((item) => item.value);
+      if (values.length === 2)
+        emit("update:selected", values[1]);
+      emit("change", values);
+    };
+    const slots = ref([]);
+    onMounted(() => {
+      var _a;
+      slots.value = Object.keys(((_a = getCurrentInstance()) == null ? void 0 : _a.slots) ?? []);
+    });
+    return (_ctx, _cache) => {
+      const _component_b_view = resolveComponent("b-view");
+      return openBlock(), createBlock(_sfc_main$3, {
+        span: _ctx.span,
+        title: _ctx.title,
+        class: normalizeClass(_ctx.class),
+        selected: selected.value,
+        options: _ctx.options,
+        onChange: change
+      }, createSlots({ _: 2 }, [
+        _ctx.regular ? {
+          name: "default",
+          fn: withCtx((scope) => [
+            createVNode(_component_b_view, { class: "h-24-px w-24-px round-lg pad-d5 bg-color-neutral" }, {
+              default: withCtx(() => [
+                createVNode(_component_b_view, {
+                  class: "max round-lg bg-color-C99999944",
+                  state: scope.state,
+                  states: {
+                    act: "bg-color-blue"
+                  }
+                }, null, 8, ["state"])
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          key: "0"
+        } : void 0,
+        renderList(slots.value, (slotName) => {
+          return {
+            name: slotName,
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, slotName, {
+                state: scope.state
+              })
+            ])
+          };
+        })
+      ]), 1032, ["span", "title", "class", "selected", "options"]);
+    };
+  }
+});
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", null, null, -1);
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = ["innerHTML"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "tabs-wid",
+  props: {
+    options: {},
+    selected: {},
+    title: {},
+    color: {},
+    tabStyle: {},
+    smooth: { type: Boolean },
+    noDataNotic: {}
+  },
+  emits: ["update:selected", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const tabConts = reactive({});
+    const color = computed(() => props.color ?? "blue");
+    const tabOrder = reactive({});
+    const contLine = ref(false);
+    const options = computed(() => {
+      return props.options.map((opt, i) => {
+        const { label, value, cont } = opt;
+        let checkboxData = opt.checkboxData;
+        tabConts[value] = cont;
+        tabOrder[value] = i;
+        if (!checkboxData) {
+          contLine.value = true;
+          checkboxData = {
+            class: "round-none solid-b line-neutral thick-1 pad-b-1 bg-color-none rel",
+            actClass: `color-${color.value}`
+          };
+          if (props.tabStyle === "grid") {
+            contLine.value = false;
+            checkboxData = {
+              class: "round-none thick-1 solid line-neutral bg-color-none",
+              actClass: `line-${color.value} color-${color.value}`
+            };
+          }
+          if (props.tabStyle === "card") {
+            checkboxData = {
+              class: "round-sm round-t thick-1 solid line-neutral bg-color-neutral rel mrg-r-4-px",
+              actClass: `bg-color-none solid-b-none t-f1-px color-${color.value}`
+            };
+          }
+        }
+        return { label, value, checkboxData };
+      });
+    });
+    const contArea = computed(() => props.options.findIndex((opt) => opt.cont) > -1);
+    const selected = ref(props.selected);
+    const flipDir = ref("");
+    watch(selected, (val, oldVal) => {
+      flipDir.value = tabOrder[val] > tabOrder[oldVal] ? "right-to-left" : "left-to-right";
+      emit("update:selected", val);
+      emit("change", {
+        cur: val,
+        old: oldVal,
+        dir: tabOrder[val] > tabOrder[oldVal] ? 1 : 0,
+        aniClass: `ani-${flipDir.value}`
+      });
+    });
+    const slots = ref([]);
+    onBeforeMount(() => {
+      var _a;
+      slots.value = Object.keys(((_a = getCurrentInstance()) == null ? void 0 : _a.slots) ?? []);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_sfc_main$m, { class: "flex-7" }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$2, {
+              options: options.value,
+              title: _ctx.title,
+              selected: selected.value,
+              "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => selected.value = $event)
+            }, createSlots({ _: 2 }, [
+              slots.value.length === 0 && _ctx.tabStyle === "grid" ? {
+                name: "default",
+                fn: withCtx((scope) => [
+                  _hoisted_1
+                ]),
+                key: "0"
+              } : slots.value.length === 0 && _ctx.tabStyle === "card" ? {
+                name: "default",
+                fn: withCtx((scope) => [
+                  createVNode(_sfc_main$m, { 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$m, {
+                    class: normalizeClass(`max-w l-0 b-f1-px round-sm h-2-px bg-color-none abs`),
+                    state: scope.state,
+                    states: {
+                      act: `bg-color-${color.value}`
+                    }
+                  }, null, 8, ["state", "states"])
+                ]),
+                key: "2"
+              } : void 0,
+              renderList(slots.value, (slotName) => {
+                return {
+                  name: slotName,
+                  fn: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, slotName, {
+                      state: scope.state
+                    })
+                  ])
+                };
+              })
+            ]), 1032, ["options", "title", "selected"]),
+            contLine.value ? (openBlock(), createBlock(_sfc_main$m, {
+              key: 0,
+              class: "grow-1 h-1-px bg-color-neutral"
+            })) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }),
+        contArea.value ? (openBlock(), createBlock(_sfc_main$m, {
+          key: 0,
+          class: "pad-v-1d5 over-hide"
+        }, {
+          default: withCtx(() => [
+            selected.value ? (openBlock(), createBlock(_sfc_main$m, { key: 0 }, {
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  innerHTML: tabConts[selected.value],
+                  class: normalizeClass(_ctx.smooth ? `ani-fast ani-${flipDir.value}` : ""),
+                  onAnimationend: _cache[1] || (_cache[1] = ($event) => flipDir.value = "")
+                }, null, 42, _hoisted_2)
+              ]),
+              _: 1
+            })) : (openBlock(), createBlock(_sfc_main$m, {
+              key: 1,
+              class: "alpha-d5"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  innerHTML: _ctx.noDataNotic ?? "暂未选择标签"
+                }, null, 8, _hoisted_3)
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "app-wid",
   props: {
@@ -1691,15 +2143,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a;
       const _component_router_view = resolveComponent("router-view");
-      return openBlock(), createBlock(_sfc_main$i, {
+      return openBlock(), createBlock(_sfc_main$m, {
         class: normalizeClass(`max flex-column color-light select-none bg-color-${((_a = _ctx.colors) == null ? void 0 : _a.bg) || "none"}`)
       }, {
         default: withCtx(() => {
           var _a2;
           return [
-            createVNode(_sfc_main$i, { class: "rel grow-1" }, {
+            createVNode(_sfc_main$m, { class: "rel grow-1" }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$6, {
+                createVNode(_sfc_main$a, {
                   scroll: { y: "auto", x: "hidden" },
                   class: "abs max"
                 }, {
@@ -1713,32 +2165,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(_sfc_main$i, {
+            createVNode(_sfc_main$m, {
               class: normalizeClass(`pcenter flex-around ${_ctx.round ? "round-md round-t" : ""} bg-color-${((_a2 = _ctx.colors) == null ? void 0 : _a2.bar) || "dark"}`)
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(navs.value, (nav, i) => {
-                  return openBlock(), createBlock(_sfc_main$g, mergeProps({ key: i }, nav.hotData, {
+                  return openBlock(), createBlock(_sfc_main$k, mergeProps({ key: i }, nav.hotData, {
                     onOn_click: ($event) => _ctx.$emit("on_toggle", nav),
                     class: "flex rel pad-v-4-px max-h"
                   }), {
                     default: withCtx(() => {
                       var _a3, _b, _c, _d, _e, _f;
                       return [
-                        nav.main ? (openBlock(), createBlock(_sfc_main$i, {
+                        nav.main ? (openBlock(), createBlock(_sfc_main$m, {
                           key: 0,
                           class: "rel w-5"
                         }, {
                           default: withCtx(() => {
                             var _a4, _b2, _c2, _d2;
                             return [
-                              createVNode(_sfc_main$a, mergeProps(nav.iconData, {
+                              createVNode(_sfc_main$e, mergeProps(nav.iconData, {
                                 class: `abs flex-5 solid t-f1d4 thick-2 w-5 h-5 flex-5 round fsize-1d7 line-${((_b2 = (_a4 = _ctx.colors) == null ? void 0 : _a4.center) == null ? void 0 : _b2.line) || "neutral"} bg-color-${((_d2 = (_c2 = _ctx.colors) == null ? void 0 : _c2.center) == null ? void 0 : _d2.bg) || "dgray"}`
                               }), null, 16, ["class"])
                             ];
                           }),
                           _: 2
-                        }, 1024)) : (openBlock(), createBlock(_sfc_main$i, {
+                        }, 1024)) : (openBlock(), createBlock(_sfc_main$m, {
                           key: 1,
                           class: normalizeClass(`flex-column flex-5 color-${((_b = (_a3 = _ctx.colors) == null ? void 0 : _a3.text) == null ? void 0 : _b.normal) || "mgray"}`),
                           cname: ((_d = (_c = _ctx.colors) == null ? void 0 : _c.text) == null ? void 0 : _d.act) || "light",
@@ -1748,7 +2200,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }
                         }, {
                           default: withCtx(() => [
-                            createVNode(_sfc_main$a, mergeProps(nav.iconData, {
+                            createVNode(_sfc_main$e, mergeProps(nav.iconData, {
                               cname: nav.act,
                               state: curRoute.value === nav.hotData.link ? "act" : "",
                               states: {
@@ -1756,7 +2208,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               },
                               class: "w-2d7 h-2d7 trans-fast fsize-1d7"
                             }), null, 16, ["cname", "state", "states"]),
-                            nav.text ? (openBlock(), createBlock(_sfc_main$h, {
+                            nav.text ? (openBlock(), createBlock(_sfc_main$l, {
                               key: 0,
                               class: "fsize-d8"
                             }, {
@@ -1784,18 +2236,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 const initGlobalComponents = [
+  _sfc_main$n,
+  _sfc_main$m,
+  _sfc_main$l,
+  _sfc_main$k,
   _sfc_main$j,
-  _sfc_main$i,
-  _sfc_main$h,
-  _sfc_main$g,
-  _sfc_main$f,
+  _sfc_main$e,
+  _sfc_main$b,
   _sfc_main$a,
+  _sfc_main$8,
+  _sfc_main$d,
+  _sfc_main$9,
+  _sfc_main$c,
   _sfc_main$7,
   _sfc_main$6,
-  _sfc_main$4,
-  _sfc_main$9,
   _sfc_main$5,
-  _sfc_main$8,
+  _sfc_main$4,
   _sfc_main$3,
   _sfc_main$2,
   _sfc_main$1,
@@ -1803,10 +2259,15 @@ const initGlobalComponents = [
 ];
 const index = {
   name: "btxui",
-  install(app) {
+  install(app, config) {
     initGlobalComponents.forEach((wid) => {
       app.component(wid.__name, wid);
     });
+    if (config) {
+      Object.keys(config).forEach((key) => {
+        app.config.globalProperties[`$${key}`] = config[key];
+      });
+    }
   }
 };
 export {