btxui 1.0.9 → 1.0.10

package/dist/index.js

@@ -1,14 +1,561 @@
-const styles = /* @__PURE__ */ Object.assign({ "./src/components/core/styles/index.vue": () => import("./index-3f640b42.js") });
-const bView = /* @__PURE__ */ Object.assign({ "./src/components/core/b-view.vue": () => import("./b-view-fa2f9966.js") });
-const bText = /* @__PURE__ */ Object.assign({ "./src/components/core/b-text.vue": () => import("./b-text-306818aa.js") });
-const initGlobalComponents = { ...styles, ...bView, ...bText };
+import { defineComponent, ref, computed, reactive, onMounted, renderSlot, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle } from "vue";
+const prestyles = {
+  //预置样式-----------------------------------------------------------------------------------
+  //重置初始字号及行高
+  "resize": `font-size: 1rem; lineHeight: 1.5;`,
+  //文字加粗
+  "bold": `font-weight: bold;`,
+  //隐藏显示
+  "show": `display: "block";`,
+  "hide": `display: "none";`,
+  //布局
+  "flex": `display: "flex"; justifyContent: "flex-start"; alignItems: "stretch";`,
+  "flex-column": `display: "flex"; flexDirection: "column";`,
+  "flex-1": `display: "flex"; justifyContent: "flex-start"; alignItems: "flex-start";`,
+  "flex-2": `display: "flex"; justifyContent: "center"; alignItems: "flex-start";`,
+  "flex-3": `display: "flex"; justifyContent: "flex-end"; alignItems: "flex-start";`,
+  "flex-4": `display: "flex"; justifyContent: "flex-start"; alignItems: "center"`,
+  "flex-5": {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  "flex-6": {
+    display: "flex",
+    justifyContent: "flex-end",
+    alignItems: "center"
+  },
+  "flex-7": {
+    display: "flex",
+    justifyContent: "flex-start",
+    alignItems: "flex-end"
+  },
+  "flex-8": {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "flex-end"
+  },
+  "flex-9": {
+    display: "flex",
+    justifyContent: "flex-end",
+    alignItems: "flex-end"
+  },
+  "flex-between": {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  "flex-around": {
+    display: "flex",
+    justifyContent: "space-around",
+    alignItems: "center"
+  },
+  "grid": {
+    display: "flex",
+    flexWrap: "wrap",
+    alignContent: "flex-start"
+  },
+  "max-h": {
+    height: "100%"
+  },
+  "max-w": {
+    width: "100%"
+  },
+  "max": {
+    height: "100%",
+    width: "100%"
+  },
+  "max-screen": {
+    height: "100%",
+    width: "100%",
+    position: "fixed",
+    left: 0,
+    top: 0
+  },
+  "item": {
+    breakInside: "avoid",
+    mozPageBreakInside: "avoid",
+    webkitColumnBreakInside: "avoid"
+  },
+  "fixed": { position: "fixed" },
+  "rel": { position: "relative" },
+  "abs": { position: "absolute" },
+  "z-1": { zIndex: -1 },
+  "z0": { zIndex: 0 },
+  "z1": { zIndex: 1 },
+  "z2": { zIndex: 2 },
+  "z3": { zIndex: 3 },
+  "z4": { zIndex: 4 },
+  "z5": { zIndex: 5 },
+  "z6": { zIndex: 6 },
+  "z7": { zIndex: 7 },
+  "z8": { zIndex: 8 },
+  "z9": { zIndex: 9 },
+  "z10": { zIndex: 10 },
+  //溢出处理
+  "no-scroll": { overflow: "hidden" },
+  "over-show": { overflow: "visible" },
+  "over-scroll": { overflow: "scroll" },
+  "over-hide": { overflow: "hidden" },
+  // 背景
+  "bg-repeat": { backgroundRepeat: "repeat" },
+  "bg-repeat-x": { backgroundRepeat: "repeat-x" },
+  "bg-repeat-y": { backgroundRepeat: "repeat-y" },
+  // size
+  "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": { backgroundPosition: "left top" },
+  "bg-pos-2": { backgroundPosition: "center top" },
+  "bg-pos-3": { backgroundPosition: "right top" },
+  "bg-pos-4": { backgroundPosition: "left center" },
+  "bg-pos-5": { backgroundPosition: "center center" },
+  "bg-pos-6": { backgroundPosition: "right center" },
+  "bg-pos-7": { backgroundPosition: "left bottom" },
+  "bg-pos-8": { backgroundPosition: "center bottom" },
+  "bg-pos-9": { backgroundPosition: "right bottom" },
+  //圆角
+  "round": `border-radius: 50%;`,
+  "round-lg": `borderRadius: 24px;`,
+  "round-md": `border-radius: 10px;`,
+  "round-sm": `borderRadius: 4px;`,
+  "round-t": `borderBottomRightRadius: 0; borderBottomLeftRadius: 0;`,
+  "round-b": `borderTopRightRadius: 0; borderTopLeftRadius: 0;`,
+  "round-l": `borderTopRightRadius: 0; borderBottomRightRadius: 0;`,
+  "round-r": `borderTopLeftRadius: 0; borderBottomLeftRadius: 0;`,
+  //描边
+  "line": `borderStyle: solid;`,
+  "dashed": `borderStyle: dashed;`,
+  "line-l": `borderLeftStyle: solid;`,
+  "line-r": `borderRightStyle: solid;`,
+  "line-t": `borderTopStyle: solid;`,
+  "line-b": `borderBottomStyle: solid;`,
+  "dashed-l": `borderLeftStyle: dashed;`,
+  "dashed-r": `borderRightStyle: dashed;`,
+  "dashed-t": `borderTopStyle: dashed;`,
+  "dashed-b": `borderBottomStyle: dashed;`,
+  "line-outside": `backgroundClip: padding-box;`,
+  //文字描边
+  "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)"
+  },
+  //单行省略文本
+  "ellipsis": {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  //阴影
+  "shadow": { boxShadow: "0 4px 17px" },
+  "shadow-sm": { boxShadow: "0 2px 4px" },
+  "shadow-lg": { boxShadow: "0 14px 40px" },
+  "shadow-relief": { boxShadow: "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;`,
+  // 二段赋值-----------------------------------------------------------------------------------
+  // 文本对齐
+  "p": {
+    pro: "text-align"
+  },
+  // 文字颜色
+  "color": {
+    pro: "color"
+  },
+  // 背景色
+  "bg": {
+    pro: "background"
+  },
+  // 宽度
+  "w": {
+    pro: "width",
+    unit: "rem"
+  },
+  // 高度
+  "h": {
+    pro: "height",
+    unit: "rem"
+  },
+  // 内边距
+  "pad": {
+    pro: "padding",
+    unit: "rem"
+  },
+  // 外边距
+  "mrg": {
+    pro: "margin",
+    unit: "rem"
+  },
+  "rule_2": {
+    //字体
+    "font": {
+      pro: "fontFamily"
+    },
+    //字号
+    "fsize": {
+      pro: "fontSize",
+      unit: "em"
+    },
+    //行高
+    "lh": {
+      pro: "lineHeight"
+    },
+    //字符间距
+    "lspace": {
+      pro: "letterSpacing",
+      unit: "rem"
+    },
+    //不透明度
+    "alpha": {
+      pro: "opacity",
+      extra: {
+        visibility: "visible"
+      },
+      escape: {
+        "0": {
+          visibility: "hidden"
+        }
+      }
+    },
+    //描边颜色
+    "line": {
+      pro: "borderColor"
+    },
+    //自生长比率
+    "grow": {
+      pro: "flexGrow",
+      extra: {
+        flexBasis: 0
+      }
+    },
+    //弹性布局项目排序
+    "order": {
+      pro: "order"
+    },
+    //多列布局容器
+    "column": {
+      pro: "columnCount",
+      extra: {
+        columnGap: 0
+      }
+    },
+    //最大宽
+    "rw": {
+      pro: "maxWidth",
+      unit: "rem"
+    },
+    //最小宽
+    "lw": {
+      pro: "minWidth",
+      unit: "rem"
+    },
+    //最大高
+    "th": {
+      pro: "maxHeight",
+      unit: "rem"
+    },
+    //最小高
+    "bh": {
+      pro: "minHeight",
+      unit: "rem"
+    },
+    //基于容器左侧水平位移
+    "l": {
+      pro: "left",
+      unit: "rem"
+    },
+    //基于容器右侧水平位移
+    "r": {
+      pro: "right",
+      unit: "rem"
+    },
+    //基于容器上侧垂直位移
+    "t": {
+      pro: "top",
+      unit: "rem"
+    },
+    //基于容器下侧垂直位移
+    "b": {
+      pro: "bottom",
+      unit: "rem"
+    },
+    //水平位移
+    "translateX": {
+      pro: "transform",
+      tmp: "translateX(%{}%)",
+      unit: "%"
+    },
+    //垂直位移
+    "translateY": {
+      pro: "transform",
+      tmp: "translateY(%{}%)",
+      unit: "%"
+    },
+    //放缩
+    "scale": {
+      pro: "transform",
+      tmp: "scale(%{}%)"
+    },
+    //旋转
+    "rotate": {
+      pro: "transform",
+      tmp: "rotate(%{}%)",
+      unit: "deg"
+    },
+    //变形
+    "transform": {
+      pro: "transform"
+    },
+    //变形中心点
+    "origin": {
+      pro: "transformOrigin"
+    },
+    //描边粗细
+    "thick": {
+      pro: "borderWidth",
+      unit: "px"
+    },
+    //过渡动画延迟
+    "trans": {
+      pro: "transition"
+    }
+  },
+  //三段赋值-----------------------------------------------------------------------------------
+  "rule_3": {
+    //左侧
+    "l": {
+      pro: ["Left"],
+      unit: "rem"
+    },
+    //右侧
+    "r": {
+      pro: ["Right"],
+      unit: "rem"
+    },
+    //上侧
+    "t": {
+      pro: ["Top"],
+      unit: "rem"
+    },
+    //下侧
+    "b": {
+      pro: ["Bottom"],
+      unit: "rem"
+    },
+    //垂直方向
+    "v": {
+      pro: ["Top", "Bottom"],
+      unit: "rem"
+    },
+    //水平方向
+    "h": {
+      pro: ["Left", "Right"],
+      unit: "rem"
+    },
+    //背景颜色
+    "gradient": {
+      pro: ["Image"],
+      tmp: "-webkit-linear-gradient(%{}%)"
+    },
+    //背景颜色
+    "color": {
+      pro: ["Color"]
+    },
+    //背景尺寸
+    "size": {
+      pro: ["Size"]
+    },
+    //背景定位
+    "pos": {
+      pro: ["Position"]
+    },
+    //过渡动画延迟
+    "delay": {
+      pro: ["Delay"],
+      unit: "s"
+    }
+  }
+};
+const theme = {
+  // 预置主题色
+  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(colors) {
+    this.colors = { ...this.colors, ...colors };
+  }
+};
+const GLOBAL_STYLE_NAME = "BTXUIGlobal";
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "b-style",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const $style = ref();
+    const styleMap = computed(() => {
+      const list = [];
+      for (let item of $style.value.sheet.rules) {
+        list.push(item.selectorText.substr(1));
+      }
+      return list;
+    });
+    const initStyle = () => {
+      let $_style = document.head.querySelector(`#${GLOBAL_STYLE_NAME}`);
+      if (!$_style) {
+        $_style = document.createElement("style");
+        $_style.setAttribute("type", "text/css");
+        $_style.setAttribute("id", GLOBAL_STYLE_NAME);
+        document.head.appendChild($_style);
+      }
+      $style.value = $_style;
+    };
+    const styles = reactive({});
+    const validValue = (val) => {
+      if (!isNaN(val * 1))
+        return val;
+      if (theme.colors[val])
+        return theme.colors[val];
+      return false;
+    };
+    const parseStyle = (rule) => {
+      let style = prestyles[rule];
+      if (style)
+        return style;
+      const rules = rule.split("-");
+      const dirs = {
+        l: "left",
+        t: "top",
+        r: "right",
+        b: "bottom"
+      };
+      let [r1, r2, r3, r4] = rules;
+      style = prestyles[r1];
+      if (style) {
+        let value = validValue(r2);
+        if (value)
+          return `${style.pro}: ${value}${r3 || style.unit || ""}`;
+        value = validValue(r3);
+        if (value)
+          return `${style.pro}-${dirs[r2] || r2}: ${value}${r4 || style.unit || ""}`;
+      }
+    };
+    const parseStyles = (_class) => {
+      if (!_class)
+        return;
+      _class.split(" ").forEach((rule) => {
+        if (!styleMap.value.includes(rule)) {
+          styleMap.value.push(rule);
+          styles[rule] = parseStyle(rule);
+        }
+      });
+    };
+    const setStyle = () => {
+      Object.keys(styles).forEach((key) => {
+        $style.value.sheet.addRule(`.${key}`, styles[key]);
+      });
+    };
+    onMounted(() => {
+      if (props.class) {
+        initStyle();
+        parseStyles(props.class);
+        setStyle();
+      }
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "b-view",
+  props: {
+    class: {},
+    bgImg: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$2, {
+        class: normalizeClass(_ctx.class)
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.class),
+            style: normalizeStyle({ backgroundImage: `url(${_ctx.bgImg})` })
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 6)
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "b-text",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$2, {
+        class: normalizeClass(_ctx.class)
+      }, {
+        default: withCtx(() => [
+          createElementVNode("span", {
+            class: normalizeClass(_ctx.class)
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+const initGlobalComponents = [_sfc_main$2, _sfc_main$1, _sfc_main];
 const index = {
   name: "btxui",
   install(app) {
-    Object.keys(initGlobalComponents).forEach((path) => {
-      const pathBlocks = path.split("/");
-      pathBlocks.pop();
-      app.component(pathBlocks.pop(), initGlobalComponents[path]);
+    initGlobalComponents.forEach((wid) => {
+      app.component(wid.__name, wid);
     });
   }
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-!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={...Object.assign({"./src/components/core/styles/index.vue":()=>Promise.resolve().then((()=>s))}),...Object.assign({"./src/components/core/b-view.vue":()=>Promise.resolve().then((()=>d))}),...Object.assign({"./src/components/core/b-text.vue":()=>Promise.resolve().then((()=>u))})},o={name:"btxui",install(e){Object.keys(t).forEach((o=>{const r=o.split("/");r.pop(),e.component(r.pop(),t[o])}))}},r={resize:"font-size: 1rem; lineHeight: 1.5;",bold:"font-weight: bold;",show:'display: "block";',hide:'display: "none";',flex:'display: "flex"; justifyContent: "flex-start"; alignItems: "stretch";',"flex-column":'display: "flex"; flexDirection: "column";',"flex-1":'display: "flex"; justifyContent: "flex-start"; alignItems: "flex-start";',"flex-2":'display: "flex"; justifyContent: "center"; alignItems: "flex-start";',"flex-3":'display: "flex"; justifyContent: "flex-end"; alignItems: "flex-start";',"flex-4":'display: "flex"; justifyContent: "flex-start"; alignItems: "center"',"flex-5":{display:"flex",justifyContent:"center",alignItems:"center"},"flex-6":{display:"flex",justifyContent:"flex-end",alignItems:"center"},"flex-7":{display:"flex",justifyContent:"flex-start",alignItems:"flex-end"},"flex-8":{display:"flex",justifyContent:"center",alignItems:"flex-end"},"flex-9":{display:"flex",justifyContent:"flex-end",alignItems:"flex-end"},"flex-between":{display:"flex",justifyContent:"space-between",alignItems:"center"},"flex-around":{display:"flex",justifyContent:"space-around",alignItems:"center"},grid:{display:"flex",flexWrap:"wrap",alignContent:"flex-start"},"max-h":{height:"100%"},"max-w":{width:"100%"},max:{height:"100%",width:"100%"},"max-screen":{height:"100%",width:"100%",position:"fixed",left:0,top:0},item:{breakInside:"avoid",mozPageBreakInside:"avoid",webkitColumnBreakInside:"avoid"},fixed:{position:"fixed"},rel:{position:"relative"},abs:{position:"absolute"},"z-1":{zIndex:-1},z0:{zIndex:0},z1:{zIndex:1},z2:{zIndex:2},z3:{zIndex:3},z4:{zIndex:4},z5:{zIndex:5},z6:{zIndex:6},z7:{zIndex:7},z8:{zIndex:8},z9:{zIndex:9},z10:{zIndex:10},"no-scroll":{overflow:"hidden"},"over-show":{overflow:"visible"},"over-scroll":{overflow:"scroll"},"over-hide":{overflow:"hidden"},"bg-repeat":{backgroundRepeat:"repeat"},"bg-repeat-x":{backgroundRepeat:"repeat-x"},"bg-repeat-y":{backgroundRepeat:"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":{backgroundPosition:"left top"},"bg-pos-2":{backgroundPosition:"center top"},"bg-pos-3":{backgroundPosition:"right top"},"bg-pos-4":{backgroundPosition:"left center"},"bg-pos-5":{backgroundPosition:"center center"},"bg-pos-6":{backgroundPosition:"right center"},"bg-pos-7":{backgroundPosition:"left bottom"},"bg-pos-8":{backgroundPosition:"center bottom"},"bg-pos-9":{backgroundPosition:"right bottom"},round:"border-radius: 50%;","round-lg":"borderRadius: 24px;","round-md":"border-radius: 10px;","round-sm":"borderRadius: 4px;","round-t":"borderBottomRightRadius: 0; borderBottomLeftRadius: 0;","round-b":"borderTopRightRadius: 0; borderTopLeftRadius: 0;","round-l":"borderTopRightRadius: 0; borderBottomRightRadius: 0;","round-r":"borderTopLeftRadius: 0; borderBottomLeftRadius: 0;",line:"borderStyle: solid;",dashed:"borderStyle: dashed;","line-l":"borderLeftStyle: solid;","line-r":"borderRightStyle: solid;","line-t":"borderTopStyle: solid;","line-b":"borderBottomStyle: solid;","dashed-l":"borderLeftStyle: dashed;","dashed-r":"borderRightStyle: dashed;","dashed-t":"borderTopStyle: dashed;","dashed-b":"borderBottomStyle: dashed;","line-outside":"backgroundClip: padding-box;","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)"},ellipsis:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},shadow:{boxShadow:"0 4px 17px"},"shadow-sm":{boxShadow:"0 2px 4px"},"shadow-lg":{boxShadow:"0 14px 40px"},"shadow-relief":{boxShadow:"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;",p:{pro:"text-align"},color:{pro:"color"},bg:{pro:"background"},w:{pro:"width",unit:"rem"},h:{pro:"height",unit:"rem"},pad:{pro:"padding",unit:"rem"},mrg:{pro:"margin",unit:"rem"},rule_2:{font:{pro:"fontFamily"},fsize:{pro:"fontSize",unit:"em"},lh:{pro:"lineHeight"},lspace:{pro:"letterSpacing",unit:"rem"},alpha:{pro:"opacity",extra:{visibility:"visible"},escape:{0:{visibility:"hidden"}}},line:{pro:"borderColor"},grow:{pro:"flexGrow",extra:{flexBasis:0}},order:{pro:"order"},column:{pro:"columnCount",extra:{columnGap:0}},rw:{pro:"maxWidth",unit:"rem"},lw:{pro:"minWidth",unit:"rem"},th:{pro:"maxHeight",unit:"rem"},bh:{pro:"minHeight",unit:"rem"},l:{pro:"left",unit:"rem"},r:{pro:"right",unit:"rem"},t:{pro:"top",unit:"rem"},b:{pro:"bottom",unit:"rem"},translateX:{pro:"transform",tmp:"translateX(%{}%)",unit:"%"},translateY:{pro:"transform",tmp:"translateY(%{}%)",unit:"%"},scale:{pro:"transform",tmp:"scale(%{}%)"},rotate:{pro:"transform",tmp:"rotate(%{}%)",unit:"deg"},transform:{pro:"transform"},origin:{pro:"transformOrigin"},thick:{pro:"borderWidth",unit:"px"},trans:{pro:"transition"}},rule_3:{l:{pro:["Left"],unit:"rem"},r:{pro:["Right"],unit:"rem"},t:{pro:["Top"],unit:"rem"},b:{pro:["Bottom"],unit:"rem"},v:{pro:["Top","Bottom"],unit:"rem"},h:{pro:["Left","Right"],unit:"rem"},gradient:{pro:["Image"],tmp:"-webkit-linear-gradient(%{}%)"},color:{pro:["Color"]},size:{pro:["Size"]},pos:{pro:["Position"]},delay:{pro:["Delay"],unit:"s"}}},n={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}}},i="BTXUIGlobal",l=e.defineComponent({__name:"index",props:{class:{type:String,required:!1}},setup(t){const o=t,l=e.ref(),s=e.computed((()=>{const e=[];for(let t of l.value.sheet.rules)e.push(t.selectorText.substr(1));return e})),a=e.reactive({}),d=e=>isNaN(1*e)?!!n.colors[e]&&n.colors[e]:e,p=()=>{o.class&&o.class.split(" ").forEach((e=>{s.value.includes(e)||(s.value.push(e),a[e]=(e=>{let t=r[e];if(t)return t;const o=e.split("-"),n={l:"left",t:"top",r:"right",b:"bottom"};let[i,l,s,a]=o;if(t=r[i],t){let e=d(l);if(e)return`${t.pro}: ${e}${s||t.unit||""}`;if(e=d(s),e)return`${t.pro}-${n[l]||l}: ${e}${a||t.unit||""}`}})(e))}))};return e.onMounted((()=>{(()=>{let e=document.head.querySelector(`#${i}`);e||(e=document.createElement("style"),e.setAttribute("type","text/css"),e.setAttribute("id",i),document.head.appendChild(e)),l.value=e})(),p(),Object.keys(a).forEach((e=>{l.value.sheet.addRule(`.${e}`,a[e])}))})),(t,o)=>e.renderSlot(t.$slots,"default")}}),s=Object.freeze(Object.defineProperty({__proto__:null,default:l},Symbol.toStringTag,{value:"Module"})),a=e.defineComponent({__name:"b-view",props:{class:{},bgImg:{}},setup:t=>(t,o)=>(e.openBlock(),e.createBlock(l,{class:e.normalizeClass(t.class)},{default:e.withCtx((()=>[e.createElementVNode("div",{class:e.normalizeClass(t.class),style:e.normalizeStyle({backgroundImage:`url(${t.bgImg})`})},[e.renderSlot(t.$slots,"default")],6)])),_:3},8,["class"]))}),d=Object.freeze(Object.defineProperty({__proto__:null,default:a},Symbol.toStringTag,{value:"Module"})),p=e.defineComponent({__name:"b-text",props:{class:{}},setup:t=>(t,o)=>(e.openBlock(),e.createBlock(l,{class:e.normalizeClass(t.class)},{default:e.withCtx((()=>[e.createElementVNode("span",{class:e.normalizeClass(t.class)},[e.renderSlot(t.$slots,"default")],2)])),_:3},8,["class"]))}),u=Object.freeze(Object.defineProperty({__proto__:null,default:p},Symbol.toStringTag,{value:"Module"}));return o}));
+!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={resize:"font-size: 1rem; lineHeight: 1.5;",bold:"font-weight: bold;",show:'display: "block";',hide:'display: "none";',flex:'display: "flex"; justifyContent: "flex-start"; alignItems: "stretch";',"flex-column":'display: "flex"; flexDirection: "column";',"flex-1":'display: "flex"; justifyContent: "flex-start"; alignItems: "flex-start";',"flex-2":'display: "flex"; justifyContent: "center"; alignItems: "flex-start";',"flex-3":'display: "flex"; justifyContent: "flex-end"; alignItems: "flex-start";',"flex-4":'display: "flex"; justifyContent: "flex-start"; alignItems: "center"',"flex-5":{display:"flex",justifyContent:"center",alignItems:"center"},"flex-6":{display:"flex",justifyContent:"flex-end",alignItems:"center"},"flex-7":{display:"flex",justifyContent:"flex-start",alignItems:"flex-end"},"flex-8":{display:"flex",justifyContent:"center",alignItems:"flex-end"},"flex-9":{display:"flex",justifyContent:"flex-end",alignItems:"flex-end"},"flex-between":{display:"flex",justifyContent:"space-between",alignItems:"center"},"flex-around":{display:"flex",justifyContent:"space-around",alignItems:"center"},grid:{display:"flex",flexWrap:"wrap",alignContent:"flex-start"},"max-h":{height:"100%"},"max-w":{width:"100%"},max:{height:"100%",width:"100%"},"max-screen":{height:"100%",width:"100%",position:"fixed",left:0,top:0},item:{breakInside:"avoid",mozPageBreakInside:"avoid",webkitColumnBreakInside:"avoid"},fixed:{position:"fixed"},rel:{position:"relative"},abs:{position:"absolute"},"z-1":{zIndex:-1},z0:{zIndex:0},z1:{zIndex:1},z2:{zIndex:2},z3:{zIndex:3},z4:{zIndex:4},z5:{zIndex:5},z6:{zIndex:6},z7:{zIndex:7},z8:{zIndex:8},z9:{zIndex:9},z10:{zIndex:10},"no-scroll":{overflow:"hidden"},"over-show":{overflow:"visible"},"over-scroll":{overflow:"scroll"},"over-hide":{overflow:"hidden"},"bg-repeat":{backgroundRepeat:"repeat"},"bg-repeat-x":{backgroundRepeat:"repeat-x"},"bg-repeat-y":{backgroundRepeat:"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":{backgroundPosition:"left top"},"bg-pos-2":{backgroundPosition:"center top"},"bg-pos-3":{backgroundPosition:"right top"},"bg-pos-4":{backgroundPosition:"left center"},"bg-pos-5":{backgroundPosition:"center center"},"bg-pos-6":{backgroundPosition:"right center"},"bg-pos-7":{backgroundPosition:"left bottom"},"bg-pos-8":{backgroundPosition:"center bottom"},"bg-pos-9":{backgroundPosition:"right bottom"},round:"border-radius: 50%;","round-lg":"borderRadius: 24px;","round-md":"border-radius: 10px;","round-sm":"borderRadius: 4px;","round-t":"borderBottomRightRadius: 0; borderBottomLeftRadius: 0;","round-b":"borderTopRightRadius: 0; borderTopLeftRadius: 0;","round-l":"borderTopRightRadius: 0; borderBottomRightRadius: 0;","round-r":"borderTopLeftRadius: 0; borderBottomLeftRadius: 0;",line:"borderStyle: solid;",dashed:"borderStyle: dashed;","line-l":"borderLeftStyle: solid;","line-r":"borderRightStyle: solid;","line-t":"borderTopStyle: solid;","line-b":"borderBottomStyle: solid;","dashed-l":"borderLeftStyle: dashed;","dashed-r":"borderRightStyle: dashed;","dashed-t":"borderTopStyle: dashed;","dashed-b":"borderBottomStyle: dashed;","line-outside":"backgroundClip: padding-box;","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)"},ellipsis:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},shadow:{boxShadow:"0 4px 17px"},"shadow-sm":{boxShadow:"0 2px 4px"},"shadow-lg":{boxShadow:"0 14px 40px"},"shadow-relief":{boxShadow:"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;",p:{pro:"text-align"},color:{pro:"color"},bg:{pro:"background"},w:{pro:"width",unit:"rem"},h:{pro:"height",unit:"rem"},pad:{pro:"padding",unit:"rem"},mrg:{pro:"margin",unit:"rem"},rule_2:{font:{pro:"fontFamily"},fsize:{pro:"fontSize",unit:"em"},lh:{pro:"lineHeight"},lspace:{pro:"letterSpacing",unit:"rem"},alpha:{pro:"opacity",extra:{visibility:"visible"},escape:{0:{visibility:"hidden"}}},line:{pro:"borderColor"},grow:{pro:"flexGrow",extra:{flexBasis:0}},order:{pro:"order"},column:{pro:"columnCount",extra:{columnGap:0}},rw:{pro:"maxWidth",unit:"rem"},lw:{pro:"minWidth",unit:"rem"},th:{pro:"maxHeight",unit:"rem"},bh:{pro:"minHeight",unit:"rem"},l:{pro:"left",unit:"rem"},r:{pro:"right",unit:"rem"},t:{pro:"top",unit:"rem"},b:{pro:"bottom",unit:"rem"},translateX:{pro:"transform",tmp:"translateX(%{}%)",unit:"%"},translateY:{pro:"transform",tmp:"translateY(%{}%)",unit:"%"},scale:{pro:"transform",tmp:"scale(%{}%)"},rotate:{pro:"transform",tmp:"rotate(%{}%)",unit:"deg"},transform:{pro:"transform"},origin:{pro:"transformOrigin"},thick:{pro:"borderWidth",unit:"px"},trans:{pro:"transition"}},rule_3:{l:{pro:["Left"],unit:"rem"},r:{pro:["Right"],unit:"rem"},t:{pro:["Top"],unit:"rem"},b:{pro:["Bottom"],unit:"rem"},v:{pro:["Top","Bottom"],unit:"rem"},h:{pro:["Left","Right"],unit:"rem"},gradient:{pro:["Image"],tmp:"-webkit-linear-gradient(%{}%)"},color:{pro:["Color"]},size:{pro:["Size"]},pos:{pro:["Position"]},delay:{pro:["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}}},r="BTXUIGlobal",n=e.defineComponent({__name:"b-style",props:{class:{}},setup(n){const i=n,l=e.ref(),s=e.computed((()=>{const e=[];for(let t of l.value.sheet.rules)e.push(t.selectorText.substr(1));return e})),a=e.reactive({}),d=e=>isNaN(1*e)?!!o.colors[e]&&o.colors[e]:e,p=e=>{e&&e.split(" ").forEach((e=>{s.value.includes(e)||(s.value.push(e),a[e]=(e=>{let o=t[e];if(o)return o;const r=e.split("-"),n={l:"left",t:"top",r:"right",b:"bottom"};let[i,l,s,a]=r;if(o=t[i],o){let e=d(l);if(e)return`${o.pro}: ${e}${s||o.unit||""}`;if(e=d(s),e)return`${o.pro}-${n[l]||l}: ${e}${a||o.unit||""}`}})(e))}))};return e.onMounted((()=>{i.class&&((()=>{let e=document.head.querySelector(`#${r}`);e||(e=document.createElement("style"),e.setAttribute("type","text/css"),e.setAttribute("id",r),document.head.appendChild(e)),l.value=e})(),p(i.class),Object.keys(a).forEach((e=>{l.value.sheet.addRule(`.${e}`,a[e])})))})),(t,o)=>e.renderSlot(t.$slots,"default")}}),i=[n,e.defineComponent({__name:"b-view",props:{class:{},bgImg:{}},setup:t=>(t,o)=>(e.openBlock(),e.createBlock(n,{class:e.normalizeClass(t.class)},{default:e.withCtx((()=>[e.createElementVNode("div",{class:e.normalizeClass(t.class),style:e.normalizeStyle({backgroundImage:`url(${t.bgImg})`})},[e.renderSlot(t.$slots,"default")],6)])),_:3},8,["class"]))}),e.defineComponent({__name:"b-text",props:{class:{}},setup:t=>(t,o)=>(e.openBlock(),e.createBlock(n,{class:e.normalizeClass(t.class)},{default:e.withCtx((()=>[e.createElementVNode("span",{class:e.normalizeClass(t.class)},[e.renderSlot(t.$slots,"default")],2)])),_:3},8,["class"]))})];return{name:"btxui",install(e){i.forEach((t=>{e.component(t.__name,t)}))}}}));

package/package.json

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

package/dist/b-text-306818aa.js

@@ -1,27 +0,0 @@
-import { defineComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, renderSlot } from "vue";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_setup_true_lang-927c2ec4.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "b-text",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
-        class: normalizeClass(_ctx.class)
-      }, {
-        default: withCtx(() => [
-          createElementVNode("span", {
-            class: normalizeClass(_ctx.class)
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 2)
-        ]),
-        _: 3
-      }, 8, ["class"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/b-view-fa2f9966.js

@@ -1,29 +0,0 @@
-import { defineComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle, renderSlot } from "vue";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_setup_true_lang-927c2ec4.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "b-view",
-  props: {
-    class: {},
-    bgImg: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
-        class: normalizeClass(_ctx.class)
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.class),
-            style: normalizeStyle({ backgroundImage: `url(${_ctx.bgImg})` })
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 6)
-        ]),
-        _: 3
-      }, 8, ["class"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/index-3f640b42.js

@@ -1,5 +0,0 @@
-import { _ as _sfc_main } from "./index.vue_vue_type_script_setup_true_lang-927c2ec4.js";
-import "vue";
-export {
-  _sfc_main as default
-};

package/dist/index.vue_vue_type_script_setup_true_lang-927c2ec4.js

@@ -1,511 +0,0 @@
-import { defineComponent, ref, computed, reactive, onMounted, renderSlot } from "vue";
-const prestyles = {
-  //预置样式-----------------------------------------------------------------------------------
-  //重置初始字号及行高
-  "resize": `font-size: 1rem; lineHeight: 1.5;`,
-  //文字加粗
-  "bold": `font-weight: bold;`,
-  //隐藏显示
-  "show": `display: "block";`,
-  "hide": `display: "none";`,
-  //布局
-  "flex": `display: "flex"; justifyContent: "flex-start"; alignItems: "stretch";`,
-  "flex-column": `display: "flex"; flexDirection: "column";`,
-  "flex-1": `display: "flex"; justifyContent: "flex-start"; alignItems: "flex-start";`,
-  "flex-2": `display: "flex"; justifyContent: "center"; alignItems: "flex-start";`,
-  "flex-3": `display: "flex"; justifyContent: "flex-end"; alignItems: "flex-start";`,
-  "flex-4": `display: "flex"; justifyContent: "flex-start"; alignItems: "center"`,
-  "flex-5": {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  "flex-6": {
-    display: "flex",
-    justifyContent: "flex-end",
-    alignItems: "center"
-  },
-  "flex-7": {
-    display: "flex",
-    justifyContent: "flex-start",
-    alignItems: "flex-end"
-  },
-  "flex-8": {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "flex-end"
-  },
-  "flex-9": {
-    display: "flex",
-    justifyContent: "flex-end",
-    alignItems: "flex-end"
-  },
-  "flex-between": {
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center"
-  },
-  "flex-around": {
-    display: "flex",
-    justifyContent: "space-around",
-    alignItems: "center"
-  },
-  "grid": {
-    display: "flex",
-    flexWrap: "wrap",
-    alignContent: "flex-start"
-  },
-  "max-h": {
-    height: "100%"
-  },
-  "max-w": {
-    width: "100%"
-  },
-  "max": {
-    height: "100%",
-    width: "100%"
-  },
-  "max-screen": {
-    height: "100%",
-    width: "100%",
-    position: "fixed",
-    left: 0,
-    top: 0
-  },
-  "item": {
-    breakInside: "avoid",
-    mozPageBreakInside: "avoid",
-    webkitColumnBreakInside: "avoid"
-  },
-  "fixed": { position: "fixed" },
-  "rel": { position: "relative" },
-  "abs": { position: "absolute" },
-  "z-1": { zIndex: -1 },
-  "z0": { zIndex: 0 },
-  "z1": { zIndex: 1 },
-  "z2": { zIndex: 2 },
-  "z3": { zIndex: 3 },
-  "z4": { zIndex: 4 },
-  "z5": { zIndex: 5 },
-  "z6": { zIndex: 6 },
-  "z7": { zIndex: 7 },
-  "z8": { zIndex: 8 },
-  "z9": { zIndex: 9 },
-  "z10": { zIndex: 10 },
-  //溢出处理
-  "no-scroll": { overflow: "hidden" },
-  "over-show": { overflow: "visible" },
-  "over-scroll": { overflow: "scroll" },
-  "over-hide": { overflow: "hidden" },
-  // 背景
-  "bg-repeat": { backgroundRepeat: "repeat" },
-  "bg-repeat-x": { backgroundRepeat: "repeat-x" },
-  "bg-repeat-y": { backgroundRepeat: "repeat-y" },
-  // size
-  "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": { backgroundPosition: "left top" },
-  "bg-pos-2": { backgroundPosition: "center top" },
-  "bg-pos-3": { backgroundPosition: "right top" },
-  "bg-pos-4": { backgroundPosition: "left center" },
-  "bg-pos-5": { backgroundPosition: "center center" },
-  "bg-pos-6": { backgroundPosition: "right center" },
-  "bg-pos-7": { backgroundPosition: "left bottom" },
-  "bg-pos-8": { backgroundPosition: "center bottom" },
-  "bg-pos-9": { backgroundPosition: "right bottom" },
-  //圆角
-  "round": `border-radius: 50%;`,
-  "round-lg": `borderRadius: 24px;`,
-  "round-md": `border-radius: 10px;`,
-  "round-sm": `borderRadius: 4px;`,
-  "round-t": `borderBottomRightRadius: 0; borderBottomLeftRadius: 0;`,
-  "round-b": `borderTopRightRadius: 0; borderTopLeftRadius: 0;`,
-  "round-l": `borderTopRightRadius: 0; borderBottomRightRadius: 0;`,
-  "round-r": `borderTopLeftRadius: 0; borderBottomLeftRadius: 0;`,
-  //描边
-  "line": `borderStyle: solid;`,
-  "dashed": `borderStyle: dashed;`,
-  "line-l": `borderLeftStyle: solid;`,
-  "line-r": `borderRightStyle: solid;`,
-  "line-t": `borderTopStyle: solid;`,
-  "line-b": `borderBottomStyle: solid;`,
-  "dashed-l": `borderLeftStyle: dashed;`,
-  "dashed-r": `borderRightStyle: dashed;`,
-  "dashed-t": `borderTopStyle: dashed;`,
-  "dashed-b": `borderBottomStyle: dashed;`,
-  "line-outside": `backgroundClip: padding-box;`,
-  //文字描边
-  "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)"
-  },
-  //单行省略文本
-  "ellipsis": {
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
-  },
-  //阴影
-  "shadow": { boxShadow: "0 4px 17px" },
-  "shadow-sm": { boxShadow: "0 2px 4px" },
-  "shadow-lg": { boxShadow: "0 14px 40px" },
-  "shadow-relief": { boxShadow: "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;`,
-  // 二段赋值-----------------------------------------------------------------------------------
-  // 文本对齐
-  "p": {
-    pro: "text-align"
-  },
-  // 文字颜色
-  "color": {
-    pro: "color"
-  },
-  // 背景色
-  "bg": {
-    pro: "background"
-  },
-  // 宽度
-  "w": {
-    pro: "width",
-    unit: "rem"
-  },
-  // 高度
-  "h": {
-    pro: "height",
-    unit: "rem"
-  },
-  // 内边距
-  "pad": {
-    pro: "padding",
-    unit: "rem"
-  },
-  // 外边距
-  "mrg": {
-    pro: "margin",
-    unit: "rem"
-  },
-  "rule_2": {
-    //字体
-    "font": {
-      pro: "fontFamily"
-    },
-    //字号
-    "fsize": {
-      pro: "fontSize",
-      unit: "em"
-    },
-    //行高
-    "lh": {
-      pro: "lineHeight"
-    },
-    //字符间距
-    "lspace": {
-      pro: "letterSpacing",
-      unit: "rem"
-    },
-    //不透明度
-    "alpha": {
-      pro: "opacity",
-      extra: {
-        visibility: "visible"
-      },
-      escape: {
-        "0": {
-          visibility: "hidden"
-        }
-      }
-    },
-    //描边颜色
-    "line": {
-      pro: "borderColor"
-    },
-    //自生长比率
-    "grow": {
-      pro: "flexGrow",
-      extra: {
-        flexBasis: 0
-      }
-    },
-    //弹性布局项目排序
-    "order": {
-      pro: "order"
-    },
-    //多列布局容器
-    "column": {
-      pro: "columnCount",
-      extra: {
-        columnGap: 0
-      }
-    },
-    //最大宽
-    "rw": {
-      pro: "maxWidth",
-      unit: "rem"
-    },
-    //最小宽
-    "lw": {
-      pro: "minWidth",
-      unit: "rem"
-    },
-    //最大高
-    "th": {
-      pro: "maxHeight",
-      unit: "rem"
-    },
-    //最小高
-    "bh": {
-      pro: "minHeight",
-      unit: "rem"
-    },
-    //基于容器左侧水平位移
-    "l": {
-      pro: "left",
-      unit: "rem"
-    },
-    //基于容器右侧水平位移
-    "r": {
-      pro: "right",
-      unit: "rem"
-    },
-    //基于容器上侧垂直位移
-    "t": {
-      pro: "top",
-      unit: "rem"
-    },
-    //基于容器下侧垂直位移
-    "b": {
-      pro: "bottom",
-      unit: "rem"
-    },
-    //水平位移
-    "translateX": {
-      pro: "transform",
-      tmp: "translateX(%{}%)",
-      unit: "%"
-    },
-    //垂直位移
-    "translateY": {
-      pro: "transform",
-      tmp: "translateY(%{}%)",
-      unit: "%"
-    },
-    //放缩
-    "scale": {
-      pro: "transform",
-      tmp: "scale(%{}%)"
-    },
-    //旋转
-    "rotate": {
-      pro: "transform",
-      tmp: "rotate(%{}%)",
-      unit: "deg"
-    },
-    //变形
-    "transform": {
-      pro: "transform"
-    },
-    //变形中心点
-    "origin": {
-      pro: "transformOrigin"
-    },
-    //描边粗细
-    "thick": {
-      pro: "borderWidth",
-      unit: "px"
-    },
-    //过渡动画延迟
-    "trans": {
-      pro: "transition"
-    }
-  },
-  //三段赋值-----------------------------------------------------------------------------------
-  "rule_3": {
-    //左侧
-    "l": {
-      pro: ["Left"],
-      unit: "rem"
-    },
-    //右侧
-    "r": {
-      pro: ["Right"],
-      unit: "rem"
-    },
-    //上侧
-    "t": {
-      pro: ["Top"],
-      unit: "rem"
-    },
-    //下侧
-    "b": {
-      pro: ["Bottom"],
-      unit: "rem"
-    },
-    //垂直方向
-    "v": {
-      pro: ["Top", "Bottom"],
-      unit: "rem"
-    },
-    //水平方向
-    "h": {
-      pro: ["Left", "Right"],
-      unit: "rem"
-    },
-    //背景颜色
-    "gradient": {
-      pro: ["Image"],
-      tmp: "-webkit-linear-gradient(%{}%)"
-    },
-    //背景颜色
-    "color": {
-      pro: ["Color"]
-    },
-    //背景尺寸
-    "size": {
-      pro: ["Size"]
-    },
-    //背景定位
-    "pos": {
-      pro: ["Position"]
-    },
-    //过渡动画延迟
-    "delay": {
-      pro: ["Delay"],
-      unit: "s"
-    }
-  }
-};
-const theme = {
-  // 预置主题色
-  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(colors) {
-    this.colors = { ...this.colors, ...colors };
-  }
-};
-const GLOBAL_STYLE_NAME = "BTXUIGlobal";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    // 样式集
-    class: {
-      type: String,
-      required: false
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const $style = ref();
-    const styleMap = computed(() => {
-      const list = [];
-      for (let item of $style.value.sheet.rules) {
-        list.push(item.selectorText.substr(1));
-      }
-      return list;
-    });
-    const initStyle = () => {
-      let $_style = document.head.querySelector(`#${GLOBAL_STYLE_NAME}`);
-      if (!$_style) {
-        $_style = document.createElement("style");
-        $_style.setAttribute("type", "text/css");
-        $_style.setAttribute("id", GLOBAL_STYLE_NAME);
-        document.head.appendChild($_style);
-      }
-      $style.value = $_style;
-    };
-    const styles = reactive({});
-    const validValue = (val) => {
-      if (!isNaN(val * 1))
-        return val;
-      if (theme.colors[val])
-        return theme.colors[val];
-      return false;
-    };
-    const parseStyle = (rule) => {
-      let style = prestyles[rule];
-      if (style)
-        return style;
-      const rules = rule.split("-");
-      const dirs = {
-        l: "left",
-        t: "top",
-        r: "right",
-        b: "bottom"
-      };
-      let [r1, r2, r3, r4] = rules;
-      style = prestyles[r1];
-      if (style) {
-        let value = validValue(r2);
-        if (value)
-          return `${style.pro}: ${value}${r3 || style.unit || ""}`;
-        value = validValue(r3);
-        if (value)
-          return `${style.pro}-${dirs[r2] || r2}: ${value}${r4 || style.unit || ""}`;
-      }
-    };
-    const parseStyles = () => {
-      if (!props.class)
-        return;
-      props.class.split(" ").forEach((rule) => {
-        if (!styleMap.value.includes(rule)) {
-          styleMap.value.push(rule);
-          styles[rule] = parseStyle(rule);
-        }
-      });
-    };
-    const setStyle = () => {
-      Object.keys(styles).forEach((key) => {
-        $style.value.sheet.addRule(`.${key}`, styles[key]);
-      });
-    };
-    onMounted(() => {
-      initStyle();
-      parseStyles();
-      setStyle();
-    });
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default");
-    };
-  }
-});
-export {
-  _sfc_main as _
-};