btxui 1.0.16 → 1.0.18

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive, onMounted, renderSlot, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle, withModifiers, watch, createVNode, resolveComponent, createElementBlock, Fragment, createCommentVNode, withDirectives, vModelDynamic, vModelText } from "vue";
+import { defineComponent, ref, computed, reactive, onMounted, renderSlot, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle, withModifiers, watch, createVNode, resolveComponent, createElementBlock, Fragment, createCommentVNode, withDirectives, vModelDynamic, vModelText, mergeProps, createTextVNode, toDisplayString, inject, KeepAlive, renderList } from "vue";
 const prestyles = {
   //预置样式-----------------------------------------------------------------------------------
   // 文本对齐
@@ -124,6 +124,7 @@ const prestyles = {
   "ellipsis": `overflow: hidden; text-overflow: ellipsis; white-space: nowrap;`,
   "text-line": `textShadow: 1px 0 0 rgba(200, 200, 200, .5), -1px 0 0 rgba(200, 200, 200, .5), 0 1px 0 rgba(200, 200, 200, .5), 0 -1px 0 rgba(200, 200, 200, .5);`,
   "alpha-0": `opacity: 0; visibility: hidden;`,
+  "select-none": `-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;`,
   // 图像布局
   "objfit-fill": `object-fit: fill;`,
   "objfit-cover": `object-fit: cover;`,
@@ -175,6 +176,10 @@ const prestyles = {
   "basis": {
     pro: "flex-basis"
   },
+  // 多列布局容器
+  "column": {
+    pro: "columnCount"
+  },
   // 字符间距
   "lspace": {
     pro: "letter-spacing",
@@ -254,23 +259,6 @@ const prestyles = {
   "delay": {
     pro: "transition-delay",
     unit: "s"
-  },
-  "rule_2": {
-    //多列布局容器
-    "column": {
-      pro: "columnCount",
-      extra: {
-        columnGap: 0
-      }
-    }
-  },
-  //三段赋值-----------------------------------------------------------------------------------
-  "rule_3": {
-    //背景颜色
-    "gradient": {
-      pro: ["Image"],
-      tmp: "-webkit-linear-gradient(%{}%)"
-    }
   }
 };
 const theme = {
@@ -507,14 +495,15 @@ var md5$1 = {
 })(md5$1);
 const md5 = md5Exports;
 const GLOBAL_STYLE_NAME = "BTXUIGlobal";
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "b-style",
   props: {
     class: {},
     focus: {},
     hover: {},
     active: {},
-    states: {}
+    states: {},
+    cname: {}
   },
   setup(__props) {
     const props = __props;
@@ -539,7 +528,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
     const styles = reactive({});
     const validNumber = (val) => {
-      if (!isNaN(val * 1))
+      if (!isNaN(val * 1) || val === "auto")
         return val;
       let num = val;
       if (/^f\d+$/.test(num))
@@ -553,6 +542,18 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         return theme.colors[val];
       if (val && val.search("C") === 0)
         return `#${val.substr(1)}`;
+      if (val && val.search("rgb") === 0) {
+        const parts = val.split("_");
+        return `${parts[0]}(${parts[1]},${parts[2]},${parts[3]})`;
+      }
+      return false;
+    };
+    const validGradient = (val) => {
+      if (val && val.search("linear") === 0) {
+        const parts = val.split("_");
+        const [type, dir, ...colors] = parts;
+        return `${type}-gradient(${dir}deg,${colors.map((color) => validColor(color)).join(",")})`;
+      }
       return false;
     };
     const validValue = (val) => {
@@ -564,6 +565,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       const color = validColor(val);
       if (color !== false)
         return color;
+      const gradient = validGradient(val);
+      if (gradient !== false)
+        return gradient;
       return false;
     };
     const parseStyle = (rule) => {
@@ -606,7 +610,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       const combineStyle = _class.split(" ").reduce((total, rule) => {
         const validateRule = parseStyle(rule);
         if (!validateRule)
-          return;
+          return "";
         total += `${validateRule};`;
         return total;
       }, "");
@@ -628,9 +632,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         appendStyle(selector, selector);
       });
     };
-    const combineClassName = (_class) => {
+    const combineClassName = (_class, key) => {
       const classArr = _class.split(" ").sort();
-      const compSelector = `B-${md5(classArr.join("&"))}`;
+      const compSelector = `B-${md5(classArr.join("&") + key)}`;
       className.value = `${_class} ${compSelector}`;
       if (!styleMap.value.includes(compSelector)) {
         styleMap.value.push(compSelector);
@@ -665,7 +669,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       if (props.class) {
         initStyle();
         parseStyles(props.class);
-        const compSelector = combineClassName(props.class);
+        const compSelector = combineClassName(props.class, props.cname ?? "");
         genFocusStyles(`${compSelector}[focus='true']:focus`);
         genHoverStyles(`${compSelector}[hover='true']:hover`);
         genActiveStyles(`${compSelector}[active='true']:active`);
@@ -679,14 +683,15 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$9 = ["state"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "b-view",
   props: {
     class: {},
     state: { type: [String, Boolean] },
     states: {},
     bgImg: {},
-    matrix: {}
+    matrix: {},
+    cname: {}
   },
   setup(__props) {
     const props = __props;
@@ -706,8 +711,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, {
+      return openBlock(), createBlock(_sfc_main$h, {
         class: normalizeClass(_ctx.class),
+        cname: _ctx.cname,
         states: _ctx.states
       }, {
         className: withCtx((scope) => [
@@ -720,23 +726,25 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           ], 14, _hoisted_1$9)
         ]),
         _: 3
-      }, 8, ["class", "states"]);
+      }, 8, ["class", "cname", "states"]);
     };
   }
 });
 const _hoisted_1$8 = ["state"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "b-text",
   props: {
     class: {},
     state: { type: [String, Boolean] },
-    states: {}
+    states: {},
+    cname: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, {
+      return openBlock(), createBlock(_sfc_main$h, {
         class: normalizeClass(_ctx.class),
-        states: _ctx.states
+        states: _ctx.states,
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("span", {
@@ -747,12 +755,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           ], 10, _hoisted_1$8)
         ]),
         _: 3
-      }, 8, ["class", "states"]);
+      }, 8, ["class", "states", "cname"]);
     };
   }
 });
 const _hoisted_1$7 = ["onClick", "onDblclick", "target", "hover", "state", "active", "href"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "b-hot",
   props: {
     link: {},
@@ -763,7 +771,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     active: {},
     forbid: { type: Boolean },
     download: {},
-    anchor: {}
+    anchor: {},
+    cname: {}
   },
   emits: ["on_click", "on_enter", "on_move", "on_leave", "on_dblclick"],
   setup(__props, { emit }) {
@@ -810,11 +819,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         $anchor.value.download = props.download;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, {
+      return openBlock(), createBlock(_sfc_main$h, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         hover: _ctx.hover,
-        active: _ctx.active
+        active: _ctx.active,
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("a", {
@@ -840,18 +850,19 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           ], 46, _hoisted_1$7)
         ]),
         _: 3
-      }, 8, ["class", "states", "hover", "active"]);
+      }, 8, ["class", "states", "hover", "active", "cname"]);
     };
   }
 });
 const _hoisted_1$6 = ["src", "alt"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "b-img",
   props: {
     img: {},
     class: {},
     defaultSrc: {},
-    alt: {}
+    alt: {},
+    cname: {}
   },
   emits: ["on_load"],
   setup(__props, { emit }) {
@@ -873,8 +884,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       setSrc();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, {
-        class: normalizeClass(_ctx.class)
+      return openBlock(), createBlock(_sfc_main$h, {
+        class: normalizeClass(_ctx.class),
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("img", {
@@ -885,21 +897,21 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           }, null, 10, _hoisted_1$6)
         ]),
         _: 1
-      }, 8, ["class"]);
+      }, 8, ["class", "cname"]);
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "ani-success",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$e, {
+      return openBlock(), createBlock(_sfc_main$g, {
         class: "flex-5",
         matrix: { translate: "0,9px", rotate: "45deg" }
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$d, { class: "ani-success-part1 w-1 h-3-px bg-color-green round-sm" }),
-          createVNode(_sfc_main$d, { class: "ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px" })
+          createVNode(_sfc_main$f, { class: "ani-success-part1 w-1 h-3-px bg-color-green round-sm" }),
+          createVNode(_sfc_main$f, { class: "ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px" })
         ]),
         _: 1
       });
@@ -915,7 +927,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$9 = {};
+const _sfc_main$b = {};
 function _sfc_render$2(_ctx, _cache) {
   const _component_b_text = resolveComponent("b-text");
   const _component_b_view = resolveComponent("b-view");
@@ -927,9 +939,9 @@ function _sfc_render$2(_ctx, _cache) {
     _: 1
   });
 }
-const AniFail = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$2]]);
+const AniFail = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$2]]);
 const aniNotic_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$8 = {};
+const _sfc_main$a = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_b_text = resolveComponent("b-text");
   const _component_b_view = resolveComponent("b-view");
@@ -944,9 +956,9 @@ function _sfc_render$1(_ctx, _cache) {
     _: 1
   });
 }
-const AniNotic = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]]);
+const AniNotic = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$1]]);
 const aniLoading_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$7 = {};
+const _sfc_main$9 = {};
 function _sfc_render(_ctx, _cache) {
   const _component_b_view = resolveComponent("b-view");
   return openBlock(), createBlock(_component_b_view, { class: "flex-5" }, {
@@ -956,27 +968,29 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render]]);
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "b-icon",
   props: {
     icon: {},
-    class: {}
+    class: {},
+    cname: {}
   },
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, {
-        class: normalizeClass(_ctx.class)
+      return openBlock(), createBlock(_sfc_main$h, {
+        class: normalizeClass(_ctx.class),
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           _ctx.icon.search("ani_") === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            _ctx.icon === "ani_success" ? (openBlock(), createBlock(_sfc_main$a, { key: "success" })) : createCommentVNode("", true),
+            _ctx.icon === "ani_success" ? (openBlock(), createBlock(_sfc_main$c, { 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$b, {
+          _ctx.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$d, {
             key: 1,
             img: _ctx.icon,
             class: normalizeClass(scope.className)
@@ -986,12 +1000,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           }, null, 2))
         ]),
         _: 1
-      }, 8, ["class"]);
+      }, 8, ["class", "cname"]);
     };
   }
 });
 const _hoisted_1$5 = ["type", "name", "focus", "state", "placeholder", "maxlength", "readonly"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "b-input",
   props: {
     type: {},
@@ -1004,7 +1018,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     maxlength: {},
     readonly: { type: Boolean },
     focus: {},
-    rule: {}
+    rule: {},
+    cname: {}
   },
   emits: ["update:text", "on_focus", "on_blur", "on_change"],
   setup(__props, { expose: __expose, emit }) {
@@ -1066,10 +1081,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       check
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, {
+      return openBlock(), createBlock(_sfc_main$h, {
         class: normalizeClass(_ctx.class),
         focus: _ctx.focus,
-        states: _ctx.states
+        states: _ctx.states,
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           withDirectives(createElementVNode("input", {
@@ -1092,12 +1108,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           ])
         ]),
         _: 1
-      }, 8, ["class", "focus", "states"]);
+      }, 8, ["class", "focus", "states", "cname"]);
     };
   }
 });
 const _hoisted_1$4 = ["name", "focus", "state", "placeholder", "maxlength", "readonly", "rows"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "b-textarea",
   props: {
     text: {},
@@ -1109,7 +1125,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     placeholder: {},
     maxlength: {},
     readonly: { type: Boolean },
-    focus: {}
+    focus: {},
+    cname: {}
   },
   emits: ["on_focus", "on_blur", "on_change", "update:text"],
   setup(__props, { emit }) {
@@ -1120,10 +1137,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       emit("update:text", formatText(val.value));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, {
+      return openBlock(), createBlock(_sfc_main$h, {
         class: normalizeClass(_ctx.class),
         focus: _ctx.focus,
-        states: _ctx.states
+        states: _ctx.states,
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           withDirectives(createElementVNode("textarea", {
@@ -1145,24 +1163,26 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           ])
         ]),
         _: 1
-      }, 8, ["class", "focus", "states"]);
+      }, 8, ["class", "focus", "states", "cname"]);
     };
   }
 });
 const _hoisted_1$3 = ["muted", "src", "autoplay", "loop"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "b-video",
   props: {
     video: {},
     class: {},
     autoPlay: { type: Boolean },
-    loop: { type: Boolean }
+    loop: { type: Boolean },
+    cname: {}
   },
   setup(__props) {
     const $video = ref();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, {
-        class: normalizeClass(_ctx.class)
+      return openBlock(), createBlock(_sfc_main$h, {
+        class: normalizeClass(_ctx.class),
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("video", {
@@ -1176,20 +1196,21 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           }, null, 10, _hoisted_1$3)
         ]),
         _: 1
-      }, 8, ["class"]);
+      }, 8, ["class", "cname"]);
     };
   }
 });
 const _hoisted_1$2 = ["state"];
 const tolerance = 2;
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "b-list",
   props: {
     scroll: {},
     class: {},
     state: { type: [String, Boolean] },
     states: {},
-    scrollType: {}
+    scrollType: {},
+    cname: {}
   },
   emits: ["on_scroll", "on_to_top", "on_to_bottom"],
   setup(__props, { expose: __expose, emit }) {
@@ -1231,14 +1252,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       watchPos();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, {
+      return openBlock(), createBlock(_sfc_main$h, {
         class: normalizeClass(_ctx.class),
-        states: _ctx.states
+        states: _ctx.states,
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("div", {
             class: normalizeClass(scope.className),
-            style: { "position": "relative" },
             state: _ctx.state
           }, [
             createElementVNode("div", {
@@ -1254,19 +1275,20 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           ], 10, _hoisted_1$2)
         ]),
         _: 3
-      }, 8, ["class", "states"]);
+      }, 8, ["class", "states", "cname"]);
     };
   }
 });
 const _hoisted_1$1 = ["state", "draggable"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "b-drag",
   props: {
     class: {},
     dataInfo: {},
     dragStart: {},
     dragOver: {},
-    freeDrag: { type: Boolean }
+    freeDrag: { type: Boolean },
+    cname: {}
   },
   emits: ["on_drag_start", "on_drag_end", "on_drag_over", "on_drag_leave", "on_drop", "on_move"],
   setup(__props, { emit }) {
@@ -1368,9 +1390,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       bindEvent();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, {
+      return openBlock(), createBlock(_sfc_main$h, {
         class: normalizeClass(_ctx.class),
-        states: { dragStart: _ctx.dragStart, dragOver: _ctx.dragOver }
+        states: { dragStart: _ctx.dragStart, dragOver: _ctx.dragOver },
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("div", {
@@ -1392,21 +1415,23 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ], 14, _hoisted_1$1)
         ]),
         _: 3
-      }, 8, ["class", "states"]);
+      }, 8, ["class", "states", "cname"]);
     };
   }
 });
 const _hoisted_1 = ["src"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "b-webview",
   props: {
     src: {},
-    class: {}
+    class: {},
+    cname: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, {
-        class: normalizeClass(_ctx.class)
+      return openBlock(), createBlock(_sfc_main$h, {
+        class: normalizeClass(_ctx.class),
+        cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           createElementVNode("iframe", {
@@ -1416,11 +1441,222 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 10, _hoisted_1)
         ]),
         _: 1
+      }, 8, ["class", "cname"]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "btn-wid",
+  props: {
+    btnText: {},
+    btnColor: {},
+    btnRound: { type: Boolean },
+    btnWidth: {},
+    hotData: {},
+    iconData: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const setBg = (type, defaultVal) => {
+      const btnColor = props["btnColor"];
+      if (btnColor) {
+        const bg = btnColor[type]["bg"];
+        if ((bg == null ? void 0 : bg.search("linear")) === 0)
+          return `bg-image-${bg}`;
+        return `bg-color-${bg || defaultVal}`;
+      }
+      return `bg-color-${defaultVal}`;
+    };
+    const normal = computed(() => {
+      var _a, _b, _c, _d;
+      return {
+        text: `color-${((_b = (_a = props == null ? void 0 : props.btnColor) == null ? void 0 : _a.normal) == null ? void 0 : _b.text) || "C777"}`,
+        line: `line-${((_d = (_c = props == null ? void 0 : props.btnColor) == null ? void 0 : _c.normal) == null ? void 0 : _d.line) || "none"}`,
+        bg: setBg("normal", "lgray")
+      };
+    });
+    const hover = computed(() => {
+      var _a, _b, _c, _d;
+      return {
+        text: `color-${((_b = (_a = props == null ? void 0 : props.btnColor) == null ? void 0 : _a.hover) == null ? void 0 : _b.text) || "dgray"}`,
+        line: `line-${((_d = (_c = props == null ? void 0 : props.btnColor) == null ? void 0 : _c.hover) == null ? void 0 : _d.line) || "none"}`,
+        bg: setBg("hover", "Ce7e7e7")
+      };
+    });
+    const active = computed(() => {
+      var _a, _b, _c, _d;
+      return {
+        text: `color-${((_b = (_a = props == null ? void 0 : props.btnColor) == null ? void 0 : _a.active) == null ? void 0 : _b.text) || "dgray"}`,
+        line: `line-${((_d = (_c = props == null ? void 0 : props.btnColor) == null ? void 0 : _c.active) == null ? void 0 : _d.line) || "Cd7d7d7"}`,
+        bg: setBg("active", "Ce7e7e7")
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$e, 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$8, mergeProps({ key: 0 }, _ctx.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
+          createTextVNode(" " + toDisplayString(_ctx.btnText), 1)
+        ]),
+        _: 1
+      }, 16, ["class", "hover", "active"]);
+    };
+  }
+});
+/*!
+  * vue-router v4.2.4
+  * (c) 2023 Eduardo San Martin Morote
+  * @license MIT
+  */
+var NavigationType;
+(function(NavigationType2) {
+  NavigationType2["pop"] = "pop";
+  NavigationType2["push"] = "push";
+})(NavigationType || (NavigationType = {}));
+var NavigationDirection;
+(function(NavigationDirection2) {
+  NavigationDirection2["back"] = "back";
+  NavigationDirection2["forward"] = "forward";
+  NavigationDirection2["unknown"] = "";
+})(NavigationDirection || (NavigationDirection = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
+var NavigationFailureType;
+(function(NavigationFailureType2) {
+  NavigationFailureType2[NavigationFailureType2["aborted"] = 4] = "aborted";
+  NavigationFailureType2[NavigationFailureType2["cancelled"] = 8] = "cancelled";
+  NavigationFailureType2[NavigationFailureType2["duplicated"] = 16] = "duplicated";
+})(NavigationFailureType || (NavigationFailureType = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
+const routeLocationKey = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
+function useRoute() {
+  return inject(routeLocationKey);
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "app-wid",
+  props: {
+    spread: {},
+    center: {},
+    colors: {},
+    round: { type: Boolean },
+    keepAlive: { type: Boolean }
+  },
+  emits: ["on_toggle"],
+  setup(__props) {
+    const props = __props;
+    const route = useRoute();
+    const curRoute = computed(() => route.path);
+    const navs = computed(() => {
+      const spread = [...props.spread];
+      if (props.center) {
+        spread.splice(Math.floor(spread.length / 2), 0, reactive({ ...props.center, main: true }));
+      }
+      return spread;
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      const _component_router_view = resolveComponent("router-view");
+      return openBlock(), createBlock(_sfc_main$g, {
+        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$g, { class: "rel grow-1" }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$4, {
+                  scroll: { y: "auto", x: "hidden" },
+                  class: "abs max"
+                }, {
+                  default: withCtx(() => [
+                    _ctx.keepAlive ? (openBlock(), createBlock(KeepAlive, { key: 0 }, [
+                      createVNode(_component_router_view)
+                    ], 1024)) : (openBlock(), createBlock(_component_router_view, { key: 1 }))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            createVNode(_sfc_main$g, {
+              class: normalizeClass(`pcenter flex h-4d7 ${_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$e, mergeProps({ key: i }, nav.hotData, {
+                    onOn_click: ($event) => _ctx.$emit("on_toggle", nav),
+                    class: "grow-1 flex rel pad-v-4-px"
+                  }), {
+                    default: withCtx(() => {
+                      var _a3, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+                      return [
+                        nav.main ? (openBlock(), createBlock(_sfc_main$g, {
+                          key: 0,
+                          class: normalizeClass(`rel flex-5 mrg-h-auto solid thick-2 w-5 h-5 round t-f1 line-${((_b = (_a3 = _ctx.colors) == null ? void 0 : _a3.center) == null ? void 0 : _b.line) || "neutral"} bg-color-${((_d = (_c = _ctx.colors) == null ? void 0 : _c.center) == null ? void 0 : _d.bg) || "dgray"}`)
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_sfc_main$8, mergeProps(nav.iconData, { class: "max flex-5 fsize-1d7" }), null, 16)
+                          ]),
+                          _: 2
+                        }, 1032, ["class"])) : (openBlock(), createBlock(_sfc_main$g, {
+                          key: 1,
+                          class: normalizeClass(`flex-column flex-5 max-w color-${((_f = (_e = _ctx.colors) == null ? void 0 : _e.text) == null ? void 0 : _f.normal) || "mgray"}`),
+                          cname: ((_h = (_g = _ctx.colors) == null ? void 0 : _g.text) == null ? void 0 : _h.act) || "light",
+                          state: curRoute.value === nav.hotData.link ? "act" : "",
+                          states: {
+                            act: `color-${((_j = (_i = _ctx.colors) == null ? void 0 : _i.text) == null ? void 0 : _j.act) || "light"}`
+                          }
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_sfc_main$8, mergeProps(nav.iconData, { class: "w-2d7 h-2d7 trans-fast fsize-1d7" }), null, 16),
+                            nav.text ? (openBlock(), createBlock(_sfc_main$f, {
+                              key: 0,
+                              class: "fsize-d8"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(nav.text), 1)
+                              ]),
+                              _: 2
+                            }, 1024)) : createCommentVNode("", true)
+                          ]),
+                          _: 2
+                        }, 1032, ["class", "cname", "state", "states"]))
+                      ];
+                    }),
+                    _: 2
+                  }, 1040, ["onOn_click"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ];
+        }),
+        _: 1
       }, 8, ["class"]);
     };
   }
 });
-const initGlobalComponents = [_sfc_main$f, _sfc_main$e, _sfc_main$d, _sfc_main$c, _sfc_main$b, _sfc_main$6, _sfc_main$3, _sfc_main$2, _sfc_main, _sfc_main$5, _sfc_main$1, _sfc_main$4];
+const initGlobalComponents = [
+  _sfc_main$h,
+  _sfc_main$g,
+  _sfc_main$f,
+  _sfc_main$e,
+  _sfc_main$d,
+  _sfc_main$8,
+  _sfc_main$5,
+  _sfc_main$4,
+  _sfc_main$2,
+  _sfc_main$7,
+  _sfc_main$3,
+  _sfc_main$6,
+  _sfc_main$1,
+  _sfc_main
+];
 const index = {
   name: "btxui",
   install(app) {

package/dist/index.umd.cjs

@@ -1 +1,7 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).btxui=t(e.vue)}(this,(function(e){"use strict";const t={pcenter:"text-align: center;",pright:"text-align: right;",pleft:"text-align: left;",pjustify:"text-align: justify;",pindent:"text-indent: 2em;",bold:"font-weight: bold;",show:"display: block;",hide:"display: none;",wrap:"flex-wrap: wrap;",flex:"display: flex; justify-content: flex-start; align-items: stretch;","flex-column":"display: flex; flex-direction: column;","flex-between":"display: flex; justify-content: space-between; align-items: center;","flex-around":"display: flex; justify-content: space-around; align-items: center;",grid:"display: flex; flex-wrap: wrap; align-content: flex-start;","flex-1":"display: flex; justify-content: flex-start; align-items: flex-start;","flex-2":"display: flex; justify-content: center; align-items: flex-start;","flex-3":"display: flex; justify-content: flex-end; align-items: flex-start;","flex-4":"display: flex; justify-content: flex-start; align-items: center","flex-5":"display: flex; justify-content: center; align-items: center;","flex-6":"display: flex; justify-content: flex-end; align-items: center;","flex-7":"display: flex; justify-content: flex-start; align-items: flex-end;","flex-8":"display: flex; justify-content: center; align-items: flex-end;","flex-9":"display: flex; justify-content: flex-end; align-items: flex-end;","max-h":"height: 100%;","max-w":"width: 100%;",max:"height: 100%; width: 100%;","max-fixed":"height: 100%; width: 100%; position: fixed; left: 0; top: 0;","max-screen":"height: 100vh; width: 100%;",item:{breakInside:"avoid",mozPageBreakInside:"avoid",webkitColumnBreakInside:"avoid"},fixed:"position: fixed;",rel:"position: relative;",abs:"position: absolute;","over-hide":"overflow: hidden;","over-show":"overflow: visible;","over-scroll":"overflow: auto;","bg-repeat":"background-repeat: repeat;","bg-repeat-x":"background-repeat: repeat-x;","bg-repeat-y":"background-repeat: repeat-y;","bg-size-cover":"background-size: cover;","bg-size-contain":"background-size: contain;","bg-size-max":"background-size: 100% 100%;","bg-size-max-h":"background-size: auto 100%;","bg-size-max-w":"background-size: 100% auto;","bg-pos-1":"background-position: left top;","bg-pos-2":"background-position: center top;","bg-pos-3":"background-position: right top;","bg-pos-4":"background-position: left center;","bg-pos-5":"background-position: center center;","bg-pos-6":"background-position: right center;","bg-pos-7":"background-position: left bottom;","bg-pos-8":"background-position: center bottom;","bg-pos-9":"background-position: right bottom;","bg-fixed":"background-attachment: scroll;",round:"border-radius: 50%;","round-lg":"borderRadius: 24px;","round-md":"border-radius: 10px;","round-sm":"border-radius: 4px;","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;","round-r":"border-top-left-radius: 0; border-bottom-left-radius: 0;",solid:"border-style: solid;",dashed:"border-style: dashed;","solid-l":"border-left-style: solid;","solid-r":"border-right-style: solid;","solid-t":"border-top-style: solid;","solid-b":"border-bottom-style: solid;","dashed-l":"border-left-style: dashed;","dashed-r":"border-right-style: dashed;","dashed-t":"border-top-style: dashed;","dashed-b":"border-bottom-style: dashed;","line-outside":"background-clip: padding-box;",shadow:"box-shadow: 0 4px 17px;","shadow-sm":"box-shadow: 0 2px 4px;","shadow-lg":"box-shadow: 0 14px 40px;","shadow-relief":"box-shadow: 1px 1px 0 rgba(0,0,0,.7) inset, 1px 1px 0 rgba(255,255,255,.4);",trans:"transition: all .7s;","trans-fast":"transition: all .4s;","trans-slow":"transition: all 1.4s;","trans-no":"transition: none;","blur-no":"filter: blur(0px);","blur-sm":"filter: blur(2px);","blur-md":"filter: blur(7px);","blur-lg":"filter: blur(17px);","dark-no":"filter: brightness(100%);","dark-sm":"filter: brightness(80%);","dark-md":"filter: brightness(50%);","dark-lg":"filter: brightness(20%);","gray-no":"filter: grayscale(0%);","gray-sm":"filter: grayscale(40%);","gray-md":"filter: grayscale(70%);","gray-lg":"filter: grayscale(100%);","bg-none":"pointerEvents: none;","bg-use":"pointerEvents: auto;","touch-none":"touchAction: none;",ellipsis:"overflow: hidden; text-overflow: ellipsis; white-space: nowrap;","text-line":"textShadow: 1px 0 0 rgba(200, 200, 200, .5), -1px 0 0 rgba(200, 200, 200, .5), 0 1px 0 rgba(200, 200, 200, .5), 0 -1px 0 rgba(200, 200, 200, .5);","alpha-0":"opacity: 0; visibility: hidden;","objfit-fill":"object-fit: fill;","objfit-cover":"object-fit: cover;","objfit-contain":"object-fit: contain;","objfit-none":"object-fit: none;","objfit-scaledown":"object-fit: scale-down;",color:{pro:"color"},bg:{pro:"background"},alpha:{pro:"opacity"},font:{pro:"font-family"},lh:{pro:"line-height"},z:{pro:"z-index"},line:{pro:"border-color"},origin:{pro:"transform-origin"},order:{pro:"order"},grow:{pro:"flex-grow"},basis:{pro:"flex-basis"},lspace:{pro:"letter-spacing",unit:"rem"},w:{pro:"width",unit:"rem"},h:{pro:"height",unit:"rem"},rw:{pro:"max-width",unit:"rem"},lw:{pro:"min-width",unit:"rem"},th:{pro:"max-height",unit:"rem"},bh:{pro:"min-height",unit:"rem"},pad:{pro:"padding",unit:"rem"},mrg:{pro:"margin",unit:"rem"},fsize:{pro:"font-size",unit:"rem"},l:{pro:"left",unit:"rem"},r:{pro:"right",unit:"rem"},t:{pro:"top",unit:"rem"},b:{pro:"bottom",unit:"rem"},thick:{pro:"border-width",unit:"px"},delay:{pro:"transition-delay",unit:"s"},rule_2:{column:{pro:"columnCount",extra:{columnGap:0}}},rule_3:{gradient:{pro:["Image"],tmp:"-webkit-linear-gradient(%{}%)"}}},o={colors:{none:"transparent",main:"#051c24",sub:"#b4967a",light:"#fff",lgray:"#eee",mgray:"#a7a7a7",dgray:"#373737",dark:"#111",blue:"#4085f3",green:"#02b9a1",yellow:"#fdba00",red:"#ec4334",neutral:"rgba(134,134,134,.17)"},append(e){this.colors={...this.colors,...e}}};var a,r="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},s={};a={get exports(){return s},set exports(e){s=e}},function(e){function t(e,t){var o=(65535&e)+(65535&t);return(e>>16)+(t>>16)+(o>>16)<<16|65535&o}function o(e,o,a,r,s,n){return t((l=t(t(o,e),t(r,n)))<<(i=s)|l>>>32-i,a);var l,i}function r(e,t,a,r,s,n,l){return o(t&a|~t&r,e,t,s,n,l)}function s(e,t,a,r,s,n,l){return o(t&r|a&~r,e,t,s,n,l)}function n(e,t,a,r,s,n,l){return o(t^a^r,e,t,s,n,l)}function l(e,t,a,r,s,n,l){return o(a^(t|~r),e,t,s,n,l)}function i(e,o){var a,i,c,d,u;e[o>>5]|=128<<o%32,e[14+(o+64>>>9<<4)]=o;var p=1732584193,f=-271733879,m=-1732584194,g=271733878;for(a=0;a<e.length;a+=16)i=p,c=f,d=m,u=g,p=r(p,f,m,g,e[a],7,-680876936),g=r(g,p,f,m,e[a+1],12,-389564586),m=r(m,g,p,f,e[a+2],17,606105819),f=r(f,m,g,p,e[a+3],22,-1044525330),p=r(p,f,m,g,e[a+4],7,-176418897),g=r(g,p,f,m,e[a+5],12,1200080426),m=r(m,g,p,f,e[a+6],17,-1473231341),f=r(f,m,g,p,e[a+7],22,-45705983),p=r(p,f,m,g,e[a+8],7,1770035416),g=r(g,p,f,m,e[a+9],12,-1958414417),m=r(m,g,p,f,e[a+10],17,-42063),f=r(f,m,g,p,e[a+11],22,-1990404162),p=r(p,f,m,g,e[a+12],7,1804603682),g=r(g,p,f,m,e[a+13],12,-40341101),m=r(m,g,p,f,e[a+14],17,-1502002290),p=s(p,f=r(f,m,g,p,e[a+15],22,1236535329),m,g,e[a+1],5,-165796510),g=s(g,p,f,m,e[a+6],9,-1069501632),m=s(m,g,p,f,e[a+11],14,643717713),f=s(f,m,g,p,e[a],20,-373897302),p=s(p,f,m,g,e[a+5],5,-701558691),g=s(g,p,f,m,e[a+10],9,38016083),m=s(m,g,p,f,e[a+15],14,-660478335),f=s(f,m,g,p,e[a+4],20,-405537848),p=s(p,f,m,g,e[a+9],5,568446438),g=s(g,p,f,m,e[a+14],9,-1019803690),m=s(m,g,p,f,e[a+3],14,-187363961),f=s(f,m,g,p,e[a+8],20,1163531501),p=s(p,f,m,g,e[a+13],5,-1444681467),g=s(g,p,f,m,e[a+2],9,-51403784),m=s(m,g,p,f,e[a+7],14,1735328473),p=n(p,f=s(f,m,g,p,e[a+12],20,-1926607734),m,g,e[a+5],4,-378558),g=n(g,p,f,m,e[a+8],11,-2022574463),m=n(m,g,p,f,e[a+11],16,1839030562),f=n(f,m,g,p,e[a+14],23,-35309556),p=n(p,f,m,g,e[a+1],4,-1530992060),g=n(g,p,f,m,e[a+4],11,1272893353),m=n(m,g,p,f,e[a+7],16,-155497632),f=n(f,m,g,p,e[a+10],23,-1094730640),p=n(p,f,m,g,e[a+13],4,681279174),g=n(g,p,f,m,e[a],11,-358537222),m=n(m,g,p,f,e[a+3],16,-722521979),f=n(f,m,g,p,e[a+6],23,76029189),p=n(p,f,m,g,e[a+9],4,-640364487),g=n(g,p,f,m,e[a+12],11,-421815835),m=n(m,g,p,f,e[a+15],16,530742520),p=l(p,f=n(f,m,g,p,e[a+2],23,-995338651),m,g,e[a],6,-198630844),g=l(g,p,f,m,e[a+7],10,1126891415),m=l(m,g,p,f,e[a+14],15,-1416354905),f=l(f,m,g,p,e[a+5],21,-57434055),p=l(p,f,m,g,e[a+12],6,1700485571),g=l(g,p,f,m,e[a+3],10,-1894986606),m=l(m,g,p,f,e[a+10],15,-1051523),f=l(f,m,g,p,e[a+1],21,-2054922799),p=l(p,f,m,g,e[a+8],6,1873313359),g=l(g,p,f,m,e[a+15],10,-30611744),m=l(m,g,p,f,e[a+6],15,-1560198380),f=l(f,m,g,p,e[a+13],21,1309151649),p=l(p,f,m,g,e[a+4],6,-145523070),g=l(g,p,f,m,e[a+11],10,-1120210379),m=l(m,g,p,f,e[a+2],15,718787259),f=l(f,m,g,p,e[a+9],21,-343485551),p=t(p,i),f=t(f,c),m=t(m,d),g=t(g,u);return[p,f,m,g]}function c(e){var t,o="",a=32*e.length;for(t=0;t<a;t+=8)o+=String.fromCharCode(e[t>>5]>>>t%32&255);return o}function d(e){var t,o=[];for(o[(e.length>>2)-1]=void 0,t=0;t<o.length;t+=1)o[t]=0;var a=8*e.length;for(t=0;t<a;t+=8)o[t>>5]|=(255&e.charCodeAt(t/8))<<t%32;return o}function u(e){var t,o,a="0123456789abcdef",r="";for(o=0;o<e.length;o+=1)t=e.charCodeAt(o),r+=a.charAt(t>>>4&15)+a.charAt(15&t);return r}function p(e){return unescape(encodeURIComponent(e))}function f(e){return function(e){return c(i(d(e),8*e.length))}(p(e))}function m(e,t){return function(e,t){var o,a,r=d(e),s=[],n=[];for(s[15]=n[15]=void 0,r.length>16&&(r=i(r,8*e.length)),o=0;o<16;o+=1)s[o]=909522486^r[o],n[o]=1549556828^r[o];return a=i(s.concat(d(t)),512+8*t.length),c(i(n.concat(a),640))}(p(e),p(t))}function g(e,t,o){return t?o?m(t,e):u(m(t,e)):o?f(e):u(f(e))}a.exports?a.exports=g:e.md5=g}(r);const n=s,l="BTXUIGlobal",i=e.defineComponent({__name:"b-style",props:{class:{},focus:{},hover:{},active:{},states:{}},setup(a){const r=a,s=e.ref(),i=e.ref(""),c=e.computed((()=>{const e=[];for(let t of s.value.sheet.rules)e.push(t.selectorText.substr(1));return e})),d=e.reactive({}),u=e=>{if(e&&0===e.search("_"))return e.substr(1);const t=(e=>{if(!isNaN(1*e))return e;let t=e;return/^f\d+$/.test(t)&&(t=-1*t.substr(1)),/^\d*d\d+$/.test(t)&&(t=1*t.replace("d",".")),!isNaN(t)&&t})(e);if(!1!==t)return t;const a=(e=>o.colors[e]?o.colors[e]:!(!e||0!==e.search("C"))&&`#${e.substr(1)}`)(e);return!1!==a&&a},p=e=>{if(!e)return"";return e.split(" ").reduce(((e,o)=>{const a=(e=>{let o=t[e];if(o)return o;const a=e.split("-"),r={l:["left"],t:["top"],r:["right"],b:["bottom"],v:["top","bottom"],h:["left","right"]};let[s,n,l,i]=a;if(o=t[s],o){let e=u(n);if(e)return`${o.pro}: ${e}${l||o.unit||""}`;if(e=u(l),e){const t=r[n];if(t){let a="";return t.forEach((t=>{a+=`${o.pro}-${t}: ${e}${i||o.unit||""};`})),a}return`${o.pro}-${n}: ${e}${i||o.unit||""}`}}})(o);if(a)return e+=`${a};`}),"").replace(/;+/g,";")},f=(e,t)=>{const o=p(t);o&&(c.value.includes(e)||(c.value.push(e),d[e]=o))};return e.onMounted((()=>{if(r.class){(()=>{let e=document.head.querySelector(`#${l}`);e||(e=document.createElement("style"),e.setAttribute("type","text/css"),e.setAttribute("id",l),document.head.appendChild(e)),s.value=e})(),(t=r.class)&&t.split(" ").forEach((e=>{f(e,e)}));const o=(e=>{const t=e.split(" ").sort(),o=`B-${n(t.join("&"))}`;return i.value=`${e} ${o}`,c.value.includes(o)||c.value.push(o),o})(r.class);(e=>{r.focus&&f(e,r.focus)})(`${o}[focus='true']:focus`),(e=>{r.hover&&f(e,r.hover)})(`${o}[hover='true']:hover`),(e=>{r.active&&f(e,r.active)})(`${o}[active='true']:active`),e=o,r.states&&Object.keys(r.states).forEach((t=>{f(`${e}[state="${t}"]`,r.states[t])})),Object.keys(d).forEach((e=>{s.value.sheet.addRule(`.${e}`,d[e])}))}var e,t})),(t,o)=>e.renderSlot(t.$slots,"className",{className:i.value})}}),c=["state"],d=e.defineComponent({__name:"b-view",props:{class:{},state:{type:[String,Boolean]},states:{},bgImg:{},matrix:{}},setup(t){const o=t,a=e.computed((()=>{var e,t,a,r,s,n,l,i;const c=o.bgImg?{backgroundImage:`url(${o.bgImg})`}:{},d=(null==(e=o.matrix)?void 0:e.translate)?`translate(${null==(t=o.matrix)?void 0:t.translate})`:"",u=(null==(a=o.matrix)?void 0:a.scale)?`scale(${null==(r=o.matrix)?void 0:r.scale})`:"",p=(null==(s=o.matrix)?void 0:s.rotate)?`rotate(${null==(n=o.matrix)?void 0:n.rotate})`:"",f=(null==(l=o.matrix)?void 0:l.skew)?`skew(${null==(i=o.matrix)?void 0:i.skew})`:"";return{...c,...o.matrix?{transform:`${d} ${u} ${p} ${f}`}:{}}}));return(t,o)=>(e.openBlock(),e.createBlock(i,{class:e.normalizeClass(t.class),states:t.states},{className:e.withCtx((o=>[e.createElementVNode("div",{class:e.normalizeClass(o.className),state:t.state,style:e.normalizeStyle(a.value)},[e.renderSlot(t.$slots,"default")],14,c)])),_:3},8,["class","states"]))}}),u=["state"],p=e.defineComponent({__name:"b-text",props:{class:{},state:{type:[String,Boolean]},states:{}},setup:t=>(t,o)=>(e.openBlock(),e.createBlock(i,{class:e.normalizeClass(t.class),states:t.states},{className:e.withCtx((o=>[e.createElementVNode("span",{class:e.normalizeClass(o.className),state:t.state},[e.renderSlot(t.$slots,"default")],10,u)])),_:3},8,["class","states"]))}),f=["onClick","onDblclick","target","hover","state","active","href"],m=e.defineComponent({__name:"b-hot",props:{link:{},class:{},state:{type:[String,Boolean]},states:{},hover:{},active:{},forbid:{type:Boolean},download:{},anchor:{}},emits:["on_click","on_enter","on_move","on_leave","on_dblclick"],setup(t,{emit:o}){const a=t,r=e.ref(),s=e.ref(""),n=e.computed((()=>{const e=a.link;return a.forbid||!e?"javascript: void 0;":0===e.search("http")?(s.value="_blank",e):(e.search(/^(tel|mailto):/),e)})),l=e.computed((()=>a.forbid?"":"pointer")),c=e=>{if(a.anchor){const e=document.querySelector(a.anchor);e&&e.scrollIntoView({behavior:"smooth"})}!a.forbid&&o("on_click",e)},d=e=>{!a.forbid&&o("on_dblclick",e)},u=e=>{o("on_enter",e)},p=e=>{o("on_move",e)},m=e=>{o("on_leave",e)};return e.onMounted((()=>{a.download&&(r.value.download=a.download)})),(t,o)=>(e.openBlock(),e.createBlock(i,{class:e.normalizeClass(t.class),states:t.states,hover:t.hover,active:t.active},{className:e.withCtx((o=>[e.createElementVNode("a",{style:e.normalizeStyle(`user-select: none; cursor: ${l.value};`),ref_key:"$anchor",ref:r,onMouseenter:u,onTouchstart:u,onMousemove:p,onTouchmove:p,onMouseleave:m,onTouchend:m,onClick:e.withModifiers(c,["stop"]),onDblclick:e.withModifiers(d,["stop"]),target:s.value,class:e.normalizeClass(o.className),hover:!!t.hover||"",state:t.state,active:!!t.active||"",href:n.value},[e.renderSlot(t.$slots,"default")],46,f)])),_:3},8,["class","states","hover","active"]))}}),g=["src","alt"],h=e.defineComponent({__name:"b-img",props:{img:{},class:{},defaultSrc:{},alt:{}},emits:["on_load"],setup(t,{emit:o}){const a=t,r=e.computed((()=>a.img)),s=e.ref(""),n=()=>{a.defaultSrc&&(s.value=a.defaultSrc);const e=new Image;e.onload=()=>{s.value=a.img,o("on_load")},e.src=a.img};return e.watch(r,n),e.onMounted((()=>{n()})),(t,o)=>(e.openBlock(),e.createBlock(i,{class:e.normalizeClass(t.class)},{className:e.withCtx((o=>[e.createElementVNode("img",{src:s.value,class:e.normalizeClass(o.className),style:{display:"block"},alt:t.alt},null,10,g)])),_:1},8,["class"]))}}),b=e.defineComponent({__name:"ani-success",setup:t=>(t,o)=>(e.openBlock(),e.createBlock(d,{class:"flex-5",matrix:{translate:"0,9px",rotate:"45deg"}},{default:e.withCtx((()=>[e.createVNode(p,{class:"ani-success-part1 w-1 h-3-px bg-color-green round-sm"}),e.createVNode(p,{class:"ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px"})])),_:1}))}),x=(e,t)=>{const o=e.__vccOpts||e;for(const[a,r]of t)o[a]=r;return o};const v=x({},[["render",function(t,o){const a=e.resolveComponent("b-text"),r=e.resolveComponent("b-view");return e.openBlock(),e.createBlock(r,{class:"flex-5"},{default:e.withCtx((()=>[e.createVNode(a,{class:"ani-fail-part1 w-3-px h-1d7 rel l-2-px bg-color-red round-sm"}),e.createVNode(a,{class:"ani-fail-part2 w-3-px h-1d7 rel r-1-px bg-color-red round-sm"})])),_:1})}]]);const y=x({},[["render",function(t,o){const a=e.resolveComponent("b-text"),r=e.resolveComponent("b-view");return e.openBlock(),e.createBlock(r,{class:"flex-5",matrix:{rotate:"90deg"}},{default:e.withCtx((()=>[e.createVNode(a,{class:"ani-notic-part1 w-3-px h-3-px bg-color-blue round"}),e.createVNode(a,{class:"ani-notic-part2 w-1d3 h-3-px mrg-l-4-px bg-color-blue round-sm"})])),_:1})}]]);const w=x({},[["render",function(t,o){const a=e.resolveComponent("b-view");return e.openBlock(),e.createBlock(a,{class:"flex-5"},{default:e.withCtx((()=>[e.createVNode(a,{class:"ani-loading rel w-2d2 h-2d2 round"})])),_:1})}]]),_=e.defineComponent({__name:"b-icon",props:{icon:{},class:{}},setup(t){const o=t;return(t,a)=>(e.openBlock(),e.createBlock(i,{class:e.normalizeClass(t.class)},{className:e.withCtx((a=>[0===t.icon.search("ani_")?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},["ani_success"===t.icon?(e.openBlock(),e.createBlock(b,{key:"success"})):e.createCommentVNode("",!0),"ani_fail"===t.icon?(e.openBlock(),e.createBlock(v,{key:"fail"})):e.createCommentVNode("",!0),"ani_notic"===t.icon?(e.openBlock(),e.createBlock(y,{key:"notic"})):e.createCommentVNode("",!0),"ani_loading"===t.icon?(e.openBlock(),e.createBlock(w,{key:"loading"})):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.icon.search("/")>-1?(e.openBlock(),e.createBlock(h,{key:1,img:t.icon,class:e.normalizeClass(a.className)},null,8,["img","class"])):(e.openBlock(),e.createElementBlock("i",{key:2,class:e.normalizeClass(`ico-${o.icon} ${a.className}`)},null,2))])),_:1},8,["class"]))}}),k=["type","name","focus","state","placeholder","maxlength","readonly"],C=e.defineComponent({__name:"b-input",props:{type:{},name:{},class:{},state:{type:[String,Boolean]},states:{},text:{},placeholder:{},maxlength:{},readonly:{type:Boolean},focus:{},rule:{}},emits:["update:text","on_focus","on_blur","on_change"],setup(t,{expose:o,emit:a}){const r=t,s=e.ref(r.text),n={required:{regexp:/[\w\.\-_\u4e00-\u9fa5]+/,notic:"输入内容为空!"},tel:{regexp:/^1[3-9]\d{9}$/,notic:"手机号格式有误!"},email:{regexp:/^[\w\.]+@(\w+\.)+(com|net|org|wiki|cn|cc)$/,notic:"邮箱格式有误!"},url:{regexp:/^((http|https):\/\/)?(wwww\.)?(\w+\.)+(com|net|org|wiki|cn|cc)$/,notic:"url 格式有误!"},uname:{regexp:/^[\w_]+$/,notic:"请输入英文字母、数字或下划线!"},zh:{regexp:/^[\u4e00-\u9fa5]+$/,notic:"请输入中文字符!"},uid:{regexp:/^\d{15}(\d{2}[0-9x])?$/i,notic:"身份证号输入有误!"}},l=()=>{var e;a("update:text",null==(e=s.value)?void 0:e.trim())},c=e=>{a("on_change",u(),e)},d=e=>{a("on_blur",u(),e)},u=()=>{if(r.rule){const e=n[r.rule.type],t=e?e.regexp:r.rule.type;return{name:r.name,notic:r.rule.notic?r.rule.notic:e?e.notic:`${r.name}格式有误!`,pass:t.test(s.value)}}return!0};return o({check:u}),(t,o)=>(e.openBlock(),e.createBlock(i,{class:e.normalizeClass(t.class),focus:t.focus,states:t.states},{className:e.withCtx((a=>[e.withDirectives(e.createElementVNode("input",{class:e.normalizeClass(a.className),type:t.type,onFocus:o[0]||(o[0]=e=>t.$emit("on_focus",e)),onBlur:d,onChange:c,onInput:l,"onUpdate:modelValue":o[1]||(o[1]=e=>s.value=e),name:t.name,focus:!!t.focus||"",state:t.state,placeholder:t.placeholder,maxlength:t.maxlength,readonly:t.readonly,autocomplete:"off"},null,42,k),[[e.vModelDynamic,s.value]])])),_:1},8,["class","focus","states"]))}}),$=["name","focus","state","placeholder","maxlength","readonly","rows"],B=e.defineComponent({__name:"b-textarea",props:{text:{},name:{},class:{},state:{type:[String,Boolean]},states:{},rows:{},placeholder:{},maxlength:{},readonly:{type:Boolean},focus:{}},emits:["on_focus","on_blur","on_change","update:text"],setup(t,{emit:o}){const a=t,r=e.ref(a.text),s=()=>{o("update:text",r.value.replace(/[\n\r]/g,"<br>"))};return(t,o)=>(e.openBlock(),e.createBlock(i,{class:e.normalizeClass(t.class),focus:t.focus,states:t.states},{className:e.withCtx((a=>[e.withDirectives(e.createElementVNode("textarea",{class:e.normalizeClass(a.className),onFocus:o[0]||(o[0]=e=>t.$emit("on_focus",e)),onBlur:o[1]||(o[1]=e=>t.$emit("on_blur",e)),onChange:o[2]||(o[2]=e=>t.$emit("on_change",e)),onInput:s,"onUpdate:modelValue":o[3]||(o[3]=e=>r.value=e),name:t.name,focus:!!t.focus||"",state:t.state,placeholder:t.placeholder,maxlength:t.maxlength,readonly:t.readonly,rows:t.rows||7},null,42,$),[[e.vModelText,r.value]])])),_:1},8,["class","focus","states"]))}}),N=["muted","src","autoplay","loop"],z=e.defineComponent({__name:"b-video",props:{video:{},class:{},autoPlay:{type:Boolean},loop:{type:Boolean}},setup(t){const o=e.ref();return(t,a)=>(e.openBlock(),e.createBlock(i,{class:e.normalizeClass(t.class)},{className:e.withCtx((a=>[e.createElementVNode("video",{ref_key:"$video",ref:o,class:e.normalizeClass(a.className),muted:t.autoPlay,src:t.video,autoplay:t.autoPlay,loop:t.loop},null,10,N)])),_:1},8,["class"]))}}),S=["state"],j=e.defineComponent({__name:"b-list",props:{scroll:{},class:{},state:{type:[String,Boolean]},states:{},scrollType:{}},emits:["on_scroll","on_to_top","on_to_bottom"],setup(t,{expose:o,emit:a}){const r=t,s=e.ref(),n=e.computed((()=>r.scrollType?`${r.scrollType}-scroll`:"thin-scroll"));let l={x:0,y:0};return o({reset:()=>{s.value.scrollTop=0}}),e.onMounted((()=>{s.value.onscroll=e=>{const t=e.target.scrollTop,o=e.target.scrollLeft,r=o-l.x,s=t-l.y;let n;Math.abs(r)>=Math.abs(s)?(e.stopPropagation(),n=r>=0?"l2r":"r2l"):n=s>=0?"t2b":"b2t",l.x=o,l.y=t,a("on_scroll",{dir:n,left:o,top:t}),0===t&&a("on_to_top",e),t>=e.target.scrollHeight-e.target.clientHeight-2&&a("on_to_bottom",e)}})),(t,o)=>(e.openBlock(),e.createBlock(i,{class:e.normalizeClass(t.class),states:t.states},{className:e.withCtx((a=>[e.createElementVNode("div",{class:e.normalizeClass(a.className),style:{position:"relative"},state:t.state},[e.createElementVNode("div",{ref_key:"$list",ref:s,class:e.normalizeClass(n.value),style:e.normalizeStyle(`overflow-x: ${t.scroll.x}; overflow-y: ${t.scroll.y}; width: 100%; height: 100%;`),onTouchmove:o[0]||(o[0]=e.withModifiers((()=>{}),["stop"]))},[e.renderSlot(t.$slots,"default")],38)],10,S)])),_:3},8,["class","states"]))}}),V=["state","draggable"],E=e.defineComponent({__name:"b-drag",props:{class:{},dataInfo:{},dragStart:{},dragOver:{},freeDrag:{type:Boolean}},emits:["on_drag_start","on_drag_end","on_drag_over","on_drag_leave","on_drop","on_move"],setup(t,{emit:o}){const a=t,r=e.ref(),s=e.ref(""),n=e.ref(!1),l=e.ref(!1),c=e.reactive({x:0,y:0}),d=e=>{o("on_drag_start",e),s.value="dragStart",e.dataTransfer.setData("info",JSON.stringify(a.dataInfo))},u=e=>{e.preventDefault(),n.value=!0},p=e=>{o("on_drag_end",e),n.value=!1,s.value=""},f=e=>{e.preventDefault(),o("on_drag_over",e),s.value="dragOver"},m=e=>{o("on_drag_leave",e),s.value=""},g=e=>{o("on_drop",e.dataTransfer.getData("info"),e),s.value=""};let h;const b=e.reactive({x:0,y:0}),x=e.reactive({width:0,height:0}),v=e=>{e.preventDefault(),h||(h=r.value.offsetParent,h.onmousemove=y,h.ontouchmove=y,h.onmouseleave=w,h.onmouseup=w,h.ontouchend=w,Array.prototype.forEach.call(h.children,(e=>{e!==r.value&&(e.style.pointerEvents="none")})),x.width=r.value.offsetWidth,x.height=r.value.offsetHeight),s.value="dragStart",l.value=!0,b.x=e.offsetX,b.y=e.offsetY,r.value.style.pointerEvents="none"},y=e=>{if(!l.value)return;const t=e.offsetX-b.x,a=e.offsetY-b.y;c.x=Math.max(0,t),c.y=Math.max(0,a),c.x=Math.min(c.x+x.width,h.offsetWidth)-x.width,c.y=Math.min(c.y+x.height,h.offsetHeight)-x.height,o("on_move",c,e)},w=()=>{l.value&&(s.value="",l.value=!1,b.x=0,b.y=0,r.value.style.pointerEvents="auto")};return e.onMounted((()=>{(()=>{const e=r.value;a.freeDrag?(e.onmousedown=v,e.ontouchstart=v):(e.ondragstart=d,e.ondrag=u,e.ondragend=p,e.ondragover=f,e.ondragleave=m,e.ondrop=g)})()})),(t,o)=>(e.openBlock(),e.createBlock(i,{class:e.normalizeClass(t.class),states:{dragStart:t.dragStart,dragOver:t.dragOver}},{className:e.withCtx((o=>[e.createElementVNode("div",{style:e.normalizeStyle({cursor:t.dragOver?"default":"move",visibility:n.value?"hidden":"visible",position:t.freeDrag?"absolute":"relative",left:0,top:0,transform:`translate(${c.x}px, ${c.y}px)`}),ref_key:"$el",ref:r,class:e.normalizeClass(o.className),state:s.value,draggable:!!t.dragStart},[e.renderSlot(t.$slots,"default")],14,V)])),_:3},8,["class","states"]))}}),M=["src"],T=[i,d,p,m,h,_,z,j,e.defineComponent({__name:"b-webview",props:{src:{},class:{}},setup:t=>(t,o)=>(e.openBlock(),e.createBlock(i,{class:e.normalizeClass(t.class)},{className:e.withCtx((o=>[e.createElementVNode("iframe",{class:e.normalizeClass(o.className),frameborder:"0",src:t.src},null,10,M)])),_:1},8,["class"]))}),C,E,B];return{name:"btxui",install(e){T.forEach((t=>{e.component(t.__name,t)}))}}}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).btxui=t(e.vue)}(this,(function(e){"use strict";const t={pcenter:"text-align: center;",pright:"text-align: right;",pleft:"text-align: left;",pjustify:"text-align: justify;",pindent:"text-indent: 2em;",bold:"font-weight: bold;",show:"display: block;",hide:"display: none;",wrap:"flex-wrap: wrap;",flex:"display: flex; justify-content: flex-start; align-items: stretch;","flex-column":"display: flex; flex-direction: column;","flex-between":"display: flex; justify-content: space-between; align-items: center;","flex-around":"display: flex; justify-content: space-around; align-items: center;",grid:"display: flex; flex-wrap: wrap; align-content: flex-start;","flex-1":"display: flex; justify-content: flex-start; align-items: flex-start;","flex-2":"display: flex; justify-content: center; align-items: flex-start;","flex-3":"display: flex; justify-content: flex-end; align-items: flex-start;","flex-4":"display: flex; justify-content: flex-start; align-items: center","flex-5":"display: flex; justify-content: center; align-items: center;","flex-6":"display: flex; justify-content: flex-end; align-items: center;","flex-7":"display: flex; justify-content: flex-start; align-items: flex-end;","flex-8":"display: flex; justify-content: center; align-items: flex-end;","flex-9":"display: flex; justify-content: flex-end; align-items: flex-end;","max-h":"height: 100%;","max-w":"width: 100%;",max:"height: 100%; width: 100%;","max-fixed":"height: 100%; width: 100%; position: fixed; left: 0; top: 0;","max-screen":"height: 100vh; width: 100%;",item:{breakInside:"avoid",mozPageBreakInside:"avoid",webkitColumnBreakInside:"avoid"},fixed:"position: fixed;",rel:"position: relative;",abs:"position: absolute;","over-hide":"overflow: hidden;","over-show":"overflow: visible;","over-scroll":"overflow: auto;","bg-repeat":"background-repeat: repeat;","bg-repeat-x":"background-repeat: repeat-x;","bg-repeat-y":"background-repeat: repeat-y;","bg-size-cover":"background-size: cover;","bg-size-contain":"background-size: contain;","bg-size-max":"background-size: 100% 100%;","bg-size-max-h":"background-size: auto 100%;","bg-size-max-w":"background-size: 100% auto;","bg-pos-1":"background-position: left top;","bg-pos-2":"background-position: center top;","bg-pos-3":"background-position: right top;","bg-pos-4":"background-position: left center;","bg-pos-5":"background-position: center center;","bg-pos-6":"background-position: right center;","bg-pos-7":"background-position: left bottom;","bg-pos-8":"background-position: center bottom;","bg-pos-9":"background-position: right bottom;","bg-fixed":"background-attachment: scroll;",round:"border-radius: 50%;","round-lg":"borderRadius: 24px;","round-md":"border-radius: 10px;","round-sm":"border-radius: 4px;","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;","round-r":"border-top-left-radius: 0; border-bottom-left-radius: 0;",solid:"border-style: solid;",dashed:"border-style: dashed;","solid-l":"border-left-style: solid;","solid-r":"border-right-style: solid;","solid-t":"border-top-style: solid;","solid-b":"border-bottom-style: solid;","dashed-l":"border-left-style: dashed;","dashed-r":"border-right-style: dashed;","dashed-t":"border-top-style: dashed;","dashed-b":"border-bottom-style: dashed;","line-outside":"background-clip: padding-box;",shadow:"box-shadow: 0 4px 17px;","shadow-sm":"box-shadow: 0 2px 4px;","shadow-lg":"box-shadow: 0 14px 40px;","shadow-relief":"box-shadow: 1px 1px 0 rgba(0,0,0,.7) inset, 1px 1px 0 rgba(255,255,255,.4);",trans:"transition: all .7s;","trans-fast":"transition: all .4s;","trans-slow":"transition: all 1.4s;","trans-no":"transition: none;","blur-no":"filter: blur(0px);","blur-sm":"filter: blur(2px);","blur-md":"filter: blur(7px);","blur-lg":"filter: blur(17px);","dark-no":"filter: brightness(100%);","dark-sm":"filter: brightness(80%);","dark-md":"filter: brightness(50%);","dark-lg":"filter: brightness(20%);","gray-no":"filter: grayscale(0%);","gray-sm":"filter: grayscale(40%);","gray-md":"filter: grayscale(70%);","gray-lg":"filter: grayscale(100%);","bg-none":"pointerEvents: none;","bg-use":"pointerEvents: auto;","touch-none":"touchAction: none;",ellipsis:"overflow: hidden; text-overflow: ellipsis; white-space: nowrap;","text-line":"textShadow: 1px 0 0 rgba(200, 200, 200, .5), -1px 0 0 rgba(200, 200, 200, .5), 0 1px 0 rgba(200, 200, 200, .5), 0 -1px 0 rgba(200, 200, 200, .5);","alpha-0":"opacity: 0; visibility: hidden;","select-none":"-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;","objfit-fill":"object-fit: fill;","objfit-cover":"object-fit: cover;","objfit-contain":"object-fit: contain;","objfit-none":"object-fit: none;","objfit-scaledown":"object-fit: scale-down;",color:{pro:"color"},bg:{pro:"background"},alpha:{pro:"opacity"},font:{pro:"font-family"},lh:{pro:"line-height"},z:{pro:"z-index"},line:{pro:"border-color"},origin:{pro:"transform-origin"},order:{pro:"order"},grow:{pro:"flex-grow"},basis:{pro:"flex-basis"},column:{pro:"columnCount"},lspace:{pro:"letter-spacing",unit:"rem"},w:{pro:"width",unit:"rem"},h:{pro:"height",unit:"rem"},rw:{pro:"max-width",unit:"rem"},lw:{pro:"min-width",unit:"rem"},th:{pro:"max-height",unit:"rem"},bh:{pro:"min-height",unit:"rem"},pad:{pro:"padding",unit:"rem"},mrg:{pro:"margin",unit:"rem"},fsize:{pro:"font-size",unit:"rem"},l:{pro:"left",unit:"rem"},r:{pro:"right",unit:"rem"},t:{pro:"top",unit:"rem"},b:{pro:"bottom",unit:"rem"},thick:{pro:"border-width",unit:"px"},delay:{pro:"transition-delay",unit:"s"}},o={colors:{none:"transparent",main:"#051c24",sub:"#b4967a",light:"#fff",lgray:"#eee",mgray:"#a7a7a7",dgray:"#373737",dark:"#111",blue:"#4085f3",green:"#02b9a1",yellow:"#fdba00",red:"#ec4334",neutral:"rgba(134,134,134,.17)"},append(e){this.colors={...this.colors,...e}}};var a,n="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},r={};a={get exports(){return r},set exports(e){r=e}},function(e){function t(e,t){var o=(65535&e)+(65535&t);return(e>>16)+(t>>16)+(o>>16)<<16|65535&o}function o(e,o,a,n,r,l){return t((s=t(t(o,e),t(n,l)))<<(c=r)|s>>>32-c,a);var s,c}function n(e,t,a,n,r,l,s){return o(t&a|~t&n,e,t,r,l,s)}function r(e,t,a,n,r,l,s){return o(t&n|a&~n,e,t,r,l,s)}function l(e,t,a,n,r,l,s){return o(t^a^n,e,t,r,l,s)}function s(e,t,a,n,r,l,s){return o(a^(t|~n),e,t,r,l,s)}function c(e,o){var a,c,i,d,u;e[o>>5]|=128<<o%32,e[14+(o+64>>>9<<4)]=o;var p=1732584193,m=-271733879,f=-1732584194,g=271733878;for(a=0;a<e.length;a+=16)c=p,i=m,d=f,u=g,p=n(p,m,f,g,e[a],7,-680876936),g=n(g,p,m,f,e[a+1],12,-389564586),f=n(f,g,p,m,e[a+2],17,606105819),m=n(m,f,g,p,e[a+3],22,-1044525330),p=n(p,m,f,g,e[a+4],7,-176418897),g=n(g,p,m,f,e[a+5],12,1200080426),f=n(f,g,p,m,e[a+6],17,-1473231341),m=n(m,f,g,p,e[a+7],22,-45705983),p=n(p,m,f,g,e[a+8],7,1770035416),g=n(g,p,m,f,e[a+9],12,-1958414417),f=n(f,g,p,m,e[a+10],17,-42063),m=n(m,f,g,p,e[a+11],22,-1990404162),p=n(p,m,f,g,e[a+12],7,1804603682),g=n(g,p,m,f,e[a+13],12,-40341101),f=n(f,g,p,m,e[a+14],17,-1502002290),p=r(p,m=n(m,f,g,p,e[a+15],22,1236535329),f,g,e[a+1],5,-165796510),g=r(g,p,m,f,e[a+6],9,-1069501632),f=r(f,g,p,m,e[a+11],14,643717713),m=r(m,f,g,p,e[a],20,-373897302),p=r(p,m,f,g,e[a+5],5,-701558691),g=r(g,p,m,f,e[a+10],9,38016083),f=r(f,g,p,m,e[a+15],14,-660478335),m=r(m,f,g,p,e[a+4],20,-405537848),p=r(p,m,f,g,e[a+9],5,568446438),g=r(g,p,m,f,e[a+14],9,-1019803690),f=r(f,g,p,m,e[a+3],14,-187363961),m=r(m,f,g,p,e[a+8],20,1163531501),p=r(p,m,f,g,e[a+13],5,-1444681467),g=r(g,p,m,f,e[a+2],9,-51403784),f=r(f,g,p,m,e[a+7],14,1735328473),p=l(p,m=r(m,f,g,p,e[a+12],20,-1926607734),f,g,e[a+5],4,-378558),g=l(g,p,m,f,e[a+8],11,-2022574463),f=l(f,g,p,m,e[a+11],16,1839030562),m=l(m,f,g,p,e[a+14],23,-35309556),p=l(p,m,f,g,e[a+1],4,-1530992060),g=l(g,p,m,f,e[a+4],11,1272893353),f=l(f,g,p,m,e[a+7],16,-155497632),m=l(m,f,g,p,e[a+10],23,-1094730640),p=l(p,m,f,g,e[a+13],4,681279174),g=l(g,p,m,f,e[a],11,-358537222),f=l(f,g,p,m,e[a+3],16,-722521979),m=l(m,f,g,p,e[a+6],23,76029189),p=l(p,m,f,g,e[a+9],4,-640364487),g=l(g,p,m,f,e[a+12],11,-421815835),f=l(f,g,p,m,e[a+15],16,530742520),p=s(p,m=l(m,f,g,p,e[a+2],23,-995338651),f,g,e[a],6,-198630844),g=s(g,p,m,f,e[a+7],10,1126891415),f=s(f,g,p,m,e[a+14],15,-1416354905),m=s(m,f,g,p,e[a+5],21,-57434055),p=s(p,m,f,g,e[a+12],6,1700485571),g=s(g,p,m,f,e[a+3],10,-1894986606),f=s(f,g,p,m,e[a+10],15,-1051523),m=s(m,f,g,p,e[a+1],21,-2054922799),p=s(p,m,f,g,e[a+8],6,1873313359),g=s(g,p,m,f,e[a+15],10,-30611744),f=s(f,g,p,m,e[a+6],15,-1560198380),m=s(m,f,g,p,e[a+13],21,1309151649),p=s(p,m,f,g,e[a+4],6,-145523070),g=s(g,p,m,f,e[a+11],10,-1120210379),f=s(f,g,p,m,e[a+2],15,718787259),m=s(m,f,g,p,e[a+9],21,-343485551),p=t(p,c),m=t(m,i),f=t(f,d),g=t(g,u);return[p,m,f,g]}function i(e){var t,o="",a=32*e.length;for(t=0;t<a;t+=8)o+=String.fromCharCode(e[t>>5]>>>t%32&255);return o}function d(e){var t,o=[];for(o[(e.length>>2)-1]=void 0,t=0;t<o.length;t+=1)o[t]=0;var a=8*e.length;for(t=0;t<a;t+=8)o[t>>5]|=(255&e.charCodeAt(t/8))<<t%32;return o}function u(e){var t,o,a="0123456789abcdef",n="";for(o=0;o<e.length;o+=1)t=e.charCodeAt(o),n+=a.charAt(t>>>4&15)+a.charAt(15&t);return n}function p(e){return unescape(encodeURIComponent(e))}function m(e){return function(e){return i(c(d(e),8*e.length))}(p(e))}function f(e,t){return function(e,t){var o,a,n=d(e),r=[],l=[];for(r[15]=l[15]=void 0,n.length>16&&(n=c(n,8*e.length)),o=0;o<16;o+=1)r[o]=909522486^n[o],l[o]=1549556828^n[o];return a=c(r.concat(d(t)),512+8*t.length),i(c(l.concat(a),640))}(p(e),p(t))}function g(e,t,o){return t?o?f(t,e):u(f(t,e)):o?m(e):u(m(e))}a.exports?a.exports=g:e.md5=g}(n);const l=r,s="BTXUIGlobal",c=e.defineComponent({__name:"b-style",props:{class:{},focus:{},hover:{},active:{},states:{},cname:{}},setup(a){const n=a,r=e.ref(),c=e.ref(""),i=e.computed((()=>{const e=[];for(let t of r.value.sheet.rules)e.push(t.selectorText.substr(1));return e})),d=e.reactive({}),u=e=>{if(o.colors[e])return o.colors[e];if(e&&0===e.search("C"))return`#${e.substr(1)}`;if(e&&0===e.search("rgb")){const t=e.split("_");return`${t[0]}(${t[1]},${t[2]},${t[3]})`}return!1},p=e=>{if(e&&0===e.search("_"))return e.substr(1);const t=(e=>{if(!isNaN(1*e)||"auto"===e)return e;let t=e;return/^f\d+$/.test(t)&&(t=-1*t.substr(1)),/^\d*d\d+$/.test(t)&&(t=1*t.replace("d",".")),!isNaN(t)&&t})(e);if(!1!==t)return t;const o=u(e);if(!1!==o)return o;const a=(e=>{if(e&&0===e.search("linear")){const t=e.split("_"),[o,a,...n]=t;return`${o}-gradient(${a}deg,${n.map((e=>u(e))).join(",")})`}return!1})(e);return!1!==a&&a},m=e=>{if(!e)return"";return e.split(" ").reduce(((e,o)=>{const a=(e=>{let o=t[e];if(o)return o;const a=e.split("-"),n={l:["left"],t:["top"],r:["right"],b:["bottom"],v:["top","bottom"],h:["left","right"]};let[r,l,s,c]=a;if(o=t[r],o){let e=p(l);if(e)return`${o.pro}: ${e}${s||o.unit||""}`;if(e=p(s),e){const t=n[l];if(t){let a="";return t.forEach((t=>{a+=`${o.pro}-${t}: ${e}${c||o.unit||""};`})),a}return`${o.pro}-${l}: ${e}${c||o.unit||""}`}}})(o);return a?e+=`${a};`:""}),"").replace(/;+/g,";")},f=(e,t)=>{const o=m(t);o&&(i.value.includes(e)||(i.value.push(e),d[e]=o))};return e.onMounted((()=>{if(n.class){(()=>{let e=document.head.querySelector(`#${s}`);e||(e=document.createElement("style"),e.setAttribute("type","text/css"),e.setAttribute("id",s),document.head.appendChild(e)),r.value=e})(),(t=n.class)&&t.split(" ").forEach((e=>{f(e,e)}));const o=((e,t)=>{const o=e.split(" ").sort(),a=`B-${l(o.join("&")+t)}`;return c.value=`${e} ${a}`,i.value.includes(a)||i.value.push(a),a})(n.class,n.cname??"");(e=>{n.focus&&f(e,n.focus)})(`${o}[focus='true']:focus`),(e=>{n.hover&&f(e,n.hover)})(`${o}[hover='true']:hover`),(e=>{n.active&&f(e,n.active)})(`${o}[active='true']:active`),e=o,n.states&&Object.keys(n.states).forEach((t=>{f(`${e}[state="${t}"]`,n.states[t])})),Object.keys(d).forEach((e=>{r.value.sheet.addRule(`.${e}`,d[e])}))}var e,t})),(t,o)=>e.renderSlot(t.$slots,"className",{className:c.value})}}),i=["state"],d=e.defineComponent({__name:"b-view",props:{class:{},state:{type:[String,Boolean]},states:{},bgImg:{},matrix:{},cname:{}},setup(t){const o=t,a=e.computed((()=>{var e,t,a,n,r,l,s,c;const i=o.bgImg?{backgroundImage:`url(${o.bgImg})`}:{},d=(null==(e=o.matrix)?void 0:e.translate)?`translate(${null==(t=o.matrix)?void 0:t.translate})`:"",u=(null==(a=o.matrix)?void 0:a.scale)?`scale(${null==(n=o.matrix)?void 0:n.scale})`:"",p=(null==(r=o.matrix)?void 0:r.rotate)?`rotate(${null==(l=o.matrix)?void 0:l.rotate})`:"",m=(null==(s=o.matrix)?void 0:s.skew)?`skew(${null==(c=o.matrix)?void 0:c.skew})`:"";return{...i,...o.matrix?{transform:`${d} ${u} ${p} ${m}`}:{}}}));return(t,o)=>(e.openBlock(),e.createBlock(c,{class:e.normalizeClass(t.class),cname:t.cname,states:t.states},{className:e.withCtx((o=>[e.createElementVNode("div",{class:e.normalizeClass(o.className),state:t.state,style:e.normalizeStyle(a.value)},[e.renderSlot(t.$slots,"default")],14,i)])),_:3},8,["class","cname","states"]))}}),u=["state"],p=e.defineComponent({__name:"b-text",props:{class:{},state:{type:[String,Boolean]},states:{},cname:{}},setup:t=>(t,o)=>(e.openBlock(),e.createBlock(c,{class:e.normalizeClass(t.class),states:t.states,cname:t.cname},{className:e.withCtx((o=>[e.createElementVNode("span",{class:e.normalizeClass(o.className),state:t.state},[e.renderSlot(t.$slots,"default")],10,u)])),_:3},8,["class","states","cname"]))}),m=["onClick","onDblclick","target","hover","state","active","href"],f=e.defineComponent({__name:"b-hot",props:{link:{},class:{},state:{type:[String,Boolean]},states:{},hover:{},active:{},forbid:{type:Boolean},download:{},anchor:{},cname:{}},emits:["on_click","on_enter","on_move","on_leave","on_dblclick"],setup(t,{emit:o}){const a=t,n=e.ref(),r=e.ref(""),l=e.computed((()=>{const e=a.link;return a.forbid||!e?"javascript: void 0;":0===e.search("http")?(r.value="_blank",e):(e.search(/^(tel|mailto):/),e)})),s=e.computed((()=>a.forbid?"":"pointer")),i=e=>{if(a.anchor){const e=document.querySelector(a.anchor);e&&e.scrollIntoView({behavior:"smooth"})}!a.forbid&&o("on_click",e)},d=e=>{!a.forbid&&o("on_dblclick",e)},u=e=>{o("on_enter",e)},p=e=>{o("on_move",e)},f=e=>{o("on_leave",e)};return e.onMounted((()=>{a.download&&(n.value.download=a.download)})),(t,o)=>(e.openBlock(),e.createBlock(c,{class:e.normalizeClass(t.class),states:t.states,hover:t.hover,active:t.active,cname:t.cname},{className:e.withCtx((o=>[e.createElementVNode("a",{style:e.normalizeStyle(`user-select: none; cursor: ${s.value};`),ref_key:"$anchor",ref:n,onMouseenter:u,onTouchstart:u,onMousemove:p,onTouchmove:p,onMouseleave:f,onTouchend:f,onClick:e.withModifiers(i,["stop"]),onDblclick:e.withModifiers(d,["stop"]),target:r.value,class:e.normalizeClass(o.className),hover:!!t.hover||"",state:t.state,active:!!t.active||"",href:l.value},[e.renderSlot(t.$slots,"default")],46,m)])),_:3},8,["class","states","hover","active","cname"]))}}),g=["src","alt"],h=e.defineComponent({__name:"b-img",props:{img:{},class:{},defaultSrc:{},alt:{},cname:{}},emits:["on_load"],setup(t,{emit:o}){const a=t,n=e.computed((()=>a.img)),r=e.ref(""),l=()=>{a.defaultSrc&&(r.value=a.defaultSrc);const e=new Image;e.onload=()=>{r.value=a.img,o("on_load")},e.src=a.img};return e.watch(n,l),e.onMounted((()=>{l()})),(t,o)=>(e.openBlock(),e.createBlock(c,{class:e.normalizeClass(t.class),cname:t.cname},{className:e.withCtx((o=>[e.createElementVNode("img",{src:r.value,class:e.normalizeClass(o.className),style:{display:"block"},alt:t.alt},null,10,g)])),_:1},8,["class","cname"]))}}),v=e.defineComponent({__name:"ani-success",setup:t=>(t,o)=>(e.openBlock(),e.createBlock(d,{class:"flex-5",matrix:{translate:"0,9px",rotate:"45deg"}},{default:e.withCtx((()=>[e.createVNode(p,{class:"ani-success-part1 w-1 h-3-px bg-color-green round-sm"}),e.createVNode(p,{class:"ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px"})])),_:1}))}),b=(e,t)=>{const o=e.__vccOpts||e;for(const[a,n]of t)o[a]=n;return o};const x=b({},[["render",function(t,o){const a=e.resolveComponent("b-text"),n=e.resolveComponent("b-view");return e.openBlock(),e.createBlock(n,{class:"flex-5"},{default:e.withCtx((()=>[e.createVNode(a,{class:"ani-fail-part1 w-3-px h-1d7 rel l-2-px bg-color-red round-sm"}),e.createVNode(a,{class:"ani-fail-part2 w-3-px h-1d7 rel r-1-px bg-color-red round-sm"})])),_:1})}]]);const y=b({},[["render",function(t,o){const a=e.resolveComponent("b-text"),n=e.resolveComponent("b-view");return e.openBlock(),e.createBlock(n,{class:"flex-5",matrix:{rotate:"90deg"}},{default:e.withCtx((()=>[e.createVNode(a,{class:"ani-notic-part1 w-3-px h-3-px bg-color-blue round"}),e.createVNode(a,{class:"ani-notic-part2 w-1d3 h-3-px mrg-l-4-px bg-color-blue round-sm"})])),_:1})}]]);const k=b({},[["render",function(t,o){const a=e.resolveComponent("b-view");return e.openBlock(),e.createBlock(a,{class:"flex-5"},{default:e.withCtx((()=>[e.createVNode(a,{class:"ani-loading rel w-2d2 h-2d2 round"})])),_:1})}]]),w=e.defineComponent({__name:"b-icon",props:{icon:{},class:{},cname:{}},setup(t){const o=t;return(t,a)=>(e.openBlock(),e.createBlock(c,{class:e.normalizeClass(t.class),cname:t.cname},{className:e.withCtx((a=>[0===t.icon.search("ani_")?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},["ani_success"===t.icon?(e.openBlock(),e.createBlock(v,{key:"success"})):e.createCommentVNode("",!0),"ani_fail"===t.icon?(e.openBlock(),e.createBlock(x,{key:"fail"})):e.createCommentVNode("",!0),"ani_notic"===t.icon?(e.openBlock(),e.createBlock(y,{key:"notic"})):e.createCommentVNode("",!0),"ani_loading"===t.icon?(e.openBlock(),e.createBlock(k,{key:"loading"})):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.icon.search("/")>-1?(e.openBlock(),e.createBlock(h,{key:1,img:t.icon,class:e.normalizeClass(a.className)},null,8,["img","class"])):(e.openBlock(),e.createElementBlock("i",{key:2,class:e.normalizeClass(`ico-${o.icon} ${a.className}`)},null,2))])),_:1},8,["class","cname"]))}}),_=["type","name","focus","state","placeholder","maxlength","readonly"],C=e.defineComponent({__name:"b-input",props:{type:{},name:{},class:{},state:{type:[String,Boolean]},states:{},text:{},placeholder:{},maxlength:{},readonly:{type:Boolean},focus:{},rule:{},cname:{}},emits:["update:text","on_focus","on_blur","on_change"],setup(t,{expose:o,emit:a}){const n=t,r=e.ref(n.text),l={required:{regexp:/[\w\.\-_\u4e00-\u9fa5]+/,notic:"输入内容为空!"},tel:{regexp:/^1[3-9]\d{9}$/,notic:"手机号格式有误!"},email:{regexp:/^[\w\.]+@(\w+\.)+(com|net|org|wiki|cn|cc)$/,notic:"邮箱格式有误!"},url:{regexp:/^((http|https):\/\/)?(wwww\.)?(\w+\.)+(com|net|org|wiki|cn|cc)$/,notic:"url 格式有误!"},uname:{regexp:/^[\w_]+$/,notic:"请输入英文字母、数字或下划线!"},zh:{regexp:/^[\u4e00-\u9fa5]+$/,notic:"请输入中文字符!"},uid:{regexp:/^\d{15}(\d{2}[0-9x])?$/i,notic:"身份证号输入有误!"}},s=()=>{var e;a("update:text",null==(e=r.value)?void 0:e.trim())},i=e=>{a("on_change",u(),e)},d=e=>{a("on_blur",u(),e)},u=()=>{if(n.rule){const e=l[n.rule.type],t=e?e.regexp:n.rule.type;return{name:n.name,notic:n.rule.notic?n.rule.notic:e?e.notic:`${n.name}格式有误!`,pass:t.test(r.value)}}return!0};return o({check:u}),(t,o)=>(e.openBlock(),e.createBlock(c,{class:e.normalizeClass(t.class),focus:t.focus,states:t.states,cname:t.cname},{className:e.withCtx((a=>[e.withDirectives(e.createElementVNode("input",{class:e.normalizeClass(a.className),type:t.type,onFocus:o[0]||(o[0]=e=>t.$emit("on_focus",e)),onBlur:d,onChange:i,onInput:s,"onUpdate:modelValue":o[1]||(o[1]=e=>r.value=e),name:t.name,focus:!!t.focus||"",state:t.state,placeholder:t.placeholder,maxlength:t.maxlength,readonly:t.readonly,autocomplete:"off"},null,42,_),[[e.vModelDynamic,r.value]])])),_:1},8,["class","focus","states","cname"]))}}),$=["name","focus","state","placeholder","maxlength","readonly","rows"],B=e.defineComponent({__name:"b-textarea",props:{text:{},name:{},class:{},state:{type:[String,Boolean]},states:{},rows:{},placeholder:{},maxlength:{},readonly:{type:Boolean},focus:{},cname:{}},emits:["on_focus","on_blur","on_change","update:text"],setup(t,{emit:o}){const a=t,n=e.ref(a.text),r=()=>{o("update:text",n.value.replace(/[\n\r]/g,"<br>"))};return(t,o)=>(e.openBlock(),e.createBlock(c,{class:e.normalizeClass(t.class),focus:t.focus,states:t.states,cname:t.cname},{className:e.withCtx((a=>[e.withDirectives(e.createElementVNode("textarea",{class:e.normalizeClass(a.className),onFocus:o[0]||(o[0]=e=>t.$emit("on_focus",e)),onBlur:o[1]||(o[1]=e=>t.$emit("on_blur",e)),onChange:o[2]||(o[2]=e=>t.$emit("on_change",e)),onInput:r,"onUpdate:modelValue":o[3]||(o[3]=e=>n.value=e),name:t.name,focus:!!t.focus||"",state:t.state,placeholder:t.placeholder,maxlength:t.maxlength,readonly:t.readonly,rows:t.rows||7},null,42,$),[[e.vModelText,n.value]])])),_:1},8,["class","focus","states","cname"]))}}),N=["muted","src","autoplay","loop"],z=e.defineComponent({__name:"b-video",props:{video:{},class:{},autoPlay:{type:Boolean},loop:{type:Boolean},cname:{}},setup(t){const o=e.ref();return(t,a)=>(e.openBlock(),e.createBlock(c,{class:e.normalizeClass(t.class),cname:t.cname},{className:e.withCtx((a=>[e.createElementVNode("video",{ref_key:"$video",ref:o,class:e.normalizeClass(a.className),muted:t.autoPlay,src:t.video,autoplay:t.autoPlay,loop:t.loop},null,10,N)])),_:1},8,["class","cname"]))}}),V=["state"],E=e.defineComponent({__name:"b-list",props:{scroll:{},class:{},state:{type:[String,Boolean]},states:{},scrollType:{},cname:{}},emits:["on_scroll","on_to_top","on_to_bottom"],setup(t,{expose:o,emit:a}){const n=t,r=e.ref(),l=e.computed((()=>n.scrollType?`${n.scrollType}-scroll`:"thin-scroll"));let s={x:0,y:0};return o({reset:()=>{r.value.scrollTop=0}}),e.onMounted((()=>{r.value.onscroll=e=>{const t=e.target.scrollTop,o=e.target.scrollLeft,n=o-s.x,r=t-s.y;let l;Math.abs(n)>=Math.abs(r)?(e.stopPropagation(),l=n>=0?"l2r":"r2l"):l=r>=0?"t2b":"b2t",s.x=o,s.y=t,a("on_scroll",{dir:l,left:o,top:t}),0===t&&a("on_to_top",e),t>=e.target.scrollHeight-e.target.clientHeight-2&&a("on_to_bottom",e)}})),(t,o)=>(e.openBlock(),e.createBlock(c,{class:e.normalizeClass(t.class),states:t.states,cname:t.cname},{className:e.withCtx((a=>[e.createElementVNode("div",{class:e.normalizeClass(a.className),state:t.state},[e.createElementVNode("div",{ref_key:"$list",ref:r,class:e.normalizeClass(l.value),style:e.normalizeStyle(`overflow-x: ${t.scroll.x}; overflow-y: ${t.scroll.y}; width: 100%; height: 100%;`),onTouchmove:o[0]||(o[0]=e.withModifiers((()=>{}),["stop"]))},[e.renderSlot(t.$slots,"default")],38)],10,V)])),_:3},8,["class","states","cname"]))}}),S=["state","draggable"],j=e.defineComponent({__name:"b-drag",props:{class:{},dataInfo:{},dragStart:{},dragOver:{},freeDrag:{type:Boolean},cname:{}},emits:["on_drag_start","on_drag_end","on_drag_over","on_drag_leave","on_drop","on_move"],setup(t,{emit:o}){const a=t,n=e.ref(),r=e.ref(""),l=e.ref(!1),s=e.ref(!1),i=e.reactive({x:0,y:0}),d=e=>{o("on_drag_start",e),r.value="dragStart",e.dataTransfer.setData("info",JSON.stringify(a.dataInfo))},u=e=>{e.preventDefault(),l.value=!0},p=e=>{o("on_drag_end",e),l.value=!1,r.value=""},m=e=>{e.preventDefault(),o("on_drag_over",e),r.value="dragOver"},f=e=>{o("on_drag_leave",e),r.value=""},g=e=>{o("on_drop",e.dataTransfer.getData("info"),e),r.value=""};let h;const v=e.reactive({x:0,y:0}),b=e.reactive({width:0,height:0}),x=e=>{e.preventDefault(),h||(h=n.value.offsetParent,h.onmousemove=y,h.ontouchmove=y,h.onmouseleave=k,h.onmouseup=k,h.ontouchend=k,Array.prototype.forEach.call(h.children,(e=>{e!==n.value&&(e.style.pointerEvents="none")})),b.width=n.value.offsetWidth,b.height=n.value.offsetHeight),r.value="dragStart",s.value=!0,v.x=e.offsetX,v.y=e.offsetY,n.value.style.pointerEvents="none"},y=e=>{if(!s.value)return;const t=e.offsetX-v.x,a=e.offsetY-v.y;i.x=Math.max(0,t),i.y=Math.max(0,a),i.x=Math.min(i.x+b.width,h.offsetWidth)-b.width,i.y=Math.min(i.y+b.height,h.offsetHeight)-b.height,o("on_move",i,e)},k=()=>{s.value&&(r.value="",s.value=!1,v.x=0,v.y=0,n.value.style.pointerEvents="auto")};return e.onMounted((()=>{(()=>{const e=n.value;a.freeDrag?(e.onmousedown=x,e.ontouchstart=x):(e.ondragstart=d,e.ondrag=u,e.ondragend=p,e.ondragover=m,e.ondragleave=f,e.ondrop=g)})()})),(t,o)=>(e.openBlock(),e.createBlock(c,{class:e.normalizeClass(t.class),states:{dragStart:t.dragStart,dragOver:t.dragOver},cname:t.cname},{className:e.withCtx((o=>[e.createElementVNode("div",{style:e.normalizeStyle({cursor:t.dragOver?"default":"move",visibility:l.value?"hidden":"visible",position:t.freeDrag?"absolute":"relative",left:0,top:0,transform:`translate(${i.x}px, ${i.y}px)`}),ref_key:"$el",ref:n,class:e.normalizeClass(o.className),state:r.value,draggable:!!t.dragStart},[e.renderSlot(t.$slots,"default")],14,S)])),_:3},8,["class","states","cname"]))}}),D=["src"],T=e.defineComponent({__name:"b-webview",props:{src:{},class:{},cname:{}},setup:t=>(t,o)=>(e.openBlock(),e.createBlock(c,{class:e.normalizeClass(t.class),cname:t.cname},{className:e.withCtx((o=>[e.createElementVNode("iframe",{class:e.normalizeClass(o.className),frameborder:"0",src:t.src},null,10,D)])),_:1},8,["class","cname"]))}),M=e.defineComponent({__name:"btn-wid",props:{btnText:{},btnColor:{},btnRound:{type:Boolean},btnWidth:{},hotData:{},iconData:{}},setup(t){const o=t,a=(e,t)=>{const a=o.btnColor;if(a){const o=a[e].bg;return 0===(null==o?void 0:o.search("linear"))?`bg-image-${o}`:`bg-color-${o||t}`}return`bg-color-${t}`},n=e.computed((()=>{var e,t,n,r;return{text:`color-${(null==(t=null==(e=null==o?void 0:o.btnColor)?void 0:e.normal)?void 0:t.text)||"C777"}`,line:`line-${(null==(r=null==(n=null==o?void 0:o.btnColor)?void 0:n.normal)?void 0:r.line)||"none"}`,bg:a("normal","lgray")}})),r=e.computed((()=>{var e,t,n,r;return{text:`color-${(null==(t=null==(e=null==o?void 0:o.btnColor)?void 0:e.hover)?void 0:t.text)||"dgray"}`,line:`line-${(null==(r=null==(n=null==o?void 0:o.btnColor)?void 0:n.hover)?void 0:r.line)||"none"}`,bg:a("hover","Ce7e7e7")}})),l=e.computed((()=>{var e,t,n,r;return{text:`color-${(null==(t=null==(e=null==o?void 0:o.btnColor)?void 0:e.active)?void 0:t.text)||"dgray"}`,line:`line-${(null==(r=null==(n=null==o?void 0:o.btnColor)?void 0:n.active)?void 0:r.line)||"Cd7d7d7"}`,bg:a("active","Ce7e7e7")}}));return(t,o)=>(e.openBlock(),e.createBlock(f,e.mergeProps(t.hotData,{class:`flex-5 pad-h-1d4 pad-v-d4 thick-1 ellipsis ${t.btnRound?"round-lg":"round-sm"} ${t.btnWidth?"lw-"+t.btnWidth:""} ${n.value.bg} ${n.value.text} ${n.value.line} solid`,hover:`${r.value.text} ${r.value.bg} ${r.value.line}`,active:`${l.value.text} ${l.value.bg} ${l.value.line}`}),{default:e.withCtx((()=>[t.iconData?(e.openBlock(),e.createBlock(w,e.mergeProps({key:0},t.iconData,{class:"mrg-r-d7"}),null,16)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.btnText),1)])),_:1},16,["class","hover","active"]))}});
+/*!
+    * vue-router v4.2.4
+    * (c) 2023 Eduardo San Martin Morote
+    * @license MIT
+    */
+var O,I,A,P,R,W;(I=O||(O={})).pop="pop",I.push="push",(P=A||(A={})).back="back",P.forward="forward",P.unknown="",Symbol("production"!==process.env.NODE_ENV?"navigation failure":""),(W=R||(R={}))[W.aborted=4]="aborted",W[W.cancelled=8]="cancelled",W[W.duplicated=16]="duplicated",Symbol("production"!==process.env.NODE_ENV?"router view location matched":""),Symbol("production"!==process.env.NODE_ENV?"router view depth":""),Symbol("production"!==process.env.NODE_ENV?"router":"");const q=Symbol("production"!==process.env.NODE_ENV?"route location":"");Symbol("production"!==process.env.NODE_ENV?"router view location":"");const F=e.defineComponent({__name:"app-wid",props:{spread:{},center:{},colors:{},round:{type:Boolean},keepAlive:{type:Boolean}},emits:["on_toggle"],setup(t){const o=t,a=e.inject(q),n=e.computed((()=>a.path)),r=e.computed((()=>{const t=[...o.spread];return o.center&&t.splice(Math.floor(t.length/2),0,e.reactive({...o.center,main:!0})),t}));return(t,o)=>{var a;const l=e.resolveComponent("router-view");return e.openBlock(),e.createBlock(d,{class:e.normalizeClass(`max flex-column color-light select-none bg-color-${(null==(a=t.colors)?void 0:a.bg)||"none"}`)},{default:e.withCtx((()=>{var o;return[e.createVNode(d,{class:"rel grow-1"},{default:e.withCtx((()=>[e.createVNode(E,{scroll:{y:"auto",x:"hidden"},class:"abs max"},{default:e.withCtx((()=>[t.keepAlive?(e.openBlock(),e.createBlock(e.KeepAlive,{key:0},[e.createVNode(l)],1024)):(e.openBlock(),e.createBlock(l,{key:1}))])),_:1})])),_:1}),e.createVNode(d,{class:e.normalizeClass(`pcenter flex h-4d7 ${t.round?"round-md round-t":""} bg-color-${(null==(o=t.colors)?void 0:o.bar)||"dark"}`)},{default:e.withCtx((()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,((o,a)=>(e.openBlock(),e.createBlock(f,e.mergeProps({key:a},o.hotData,{onOn_click:e=>t.$emit("on_toggle",o),class:"grow-1 flex rel pad-v-4-px"}),{default:e.withCtx((()=>{var a,r,l,s,c,i,u,m,f,g;return[o.main?(e.openBlock(),e.createBlock(d,{key:0,class:e.normalizeClass(`rel flex-5 mrg-h-auto solid thick-2 w-5 h-5 round t-f1 line-${(null==(r=null==(a=t.colors)?void 0:a.center)?void 0:r.line)||"neutral"} bg-color-${(null==(s=null==(l=t.colors)?void 0:l.center)?void 0:s.bg)||"dgray"}`)},{default:e.withCtx((()=>[e.createVNode(w,e.mergeProps(o.iconData,{class:"max flex-5 fsize-1d7"}),null,16)])),_:2},1032,["class"])):(e.openBlock(),e.createBlock(d,{key:1,class:e.normalizeClass(`flex-column flex-5 max-w color-${(null==(i=null==(c=t.colors)?void 0:c.text)?void 0:i.normal)||"mgray"}`),cname:(null==(m=null==(u=t.colors)?void 0:u.text)?void 0:m.act)||"light",state:n.value===o.hotData.link?"act":"",states:{act:`color-${(null==(g=null==(f=t.colors)?void 0:f.text)?void 0:g.act)||"light"}`}},{default:e.withCtx((()=>[e.createVNode(w,e.mergeProps(o.iconData,{class:"w-2d7 h-2d7 trans-fast fsize-1d7"}),null,16),o.text?(e.openBlock(),e.createBlock(p,{key:0,class:"fsize-d8"},{default:e.withCtx((()=>[e.createTextVNode(e.toDisplayString(o.text),1)])),_:2},1024)):e.createCommentVNode("",!0)])),_:2},1032,["class","cname","state","states"]))]})),_:2},1040,["onOn_click"])))),128))])),_:1},8,["class"])]})),_:1},8,["class"])}}}),H=[c,d,p,f,h,w,z,E,T,C,j,B,M,F];return{name:"btxui",install(e){H.forEach((t=>{e.component(t.__name,t)}))}}}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "btxui",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "",
   "main": "dist/index.js",
   "scripts": {