btxui 1.0.5 → 1.0.7

package/dist/index.js

@@ -0,0 +1,553 @@
+import { defineComponent, 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$1 = /* @__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");
+    };
+  }
+});
+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"]);
+    };
+  }
+});
+const initGlobalComponents = [
+  {
+    name: "styles",
+    wid: _sfc_main$1
+  },
+  {
+    name: "b-view",
+    wid: _sfc_main
+  }
+];
+const index = {
+  name: "btxui",
+  install(app) {
+    initGlobalComponents.forEach((item) => {
+      app.component(item.name, item.wid);
+    });
+  }
+};
+export {
+  index as default
+};

package/dist/index.umd.cjs

@@ -0,0 +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={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"}}},r={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}}},o="BTXUIGlobal",i=e.defineComponent({__name:"index",props:{class:{type:String,required:!1}},setup(i){const n=i,l=ref(),a=e.computed((()=>{const e=[];for(let t of l.value.sheet.rules)e.push(t.selectorText.substr(1));return e})),s=e.reactive({}),d=e=>isNaN(1*e)?!!r.colors[e]&&r.colors[e]:e,p=()=>{n.class&&n.class.split(" ").forEach((e=>{a.value.includes(e)||(a.value.push(e),s[e]=(e=>{let r=t[e];if(r)return r;const o=e.split("-"),i={l:"left",t:"top",r:"right",b:"bottom"};let[n,l,a,s]=o;if(r=t[n],r){let e=d(l);if(e)return`${r.pro}: ${e}${a||r.unit||""}`;if(e=d(a),e)return`${r.pro}-${i[l]||l}: ${e}${s||r.unit||""}`}})(e))}))};return e.onMounted((()=>{(()=>{let e=document.head.querySelector(`#${o}`);e||(e=document.createElement("style"),e.setAttribute("type","text/css"),e.setAttribute("id",o),document.head.appendChild(e)),l.value=e})(),p(),Object.keys(s).forEach((e=>{l.value.sheet.addRule(`.${e}`,s[e])}))})),(t,r)=>e.renderSlot(t.$slots,"default")}}),n=[{name:"styles",wid:i},{name:"b-view",wid:e.defineComponent({__name:"b-view",props:{class:{},bgImg:{}},setup:t=>(t,r)=>(e.openBlock(),e.createBlock(i,{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"]))})}];return{name:"btxui",install(e){n.forEach((t=>{e.component(t.name,t.wid)}))}}}));

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "btxui",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "",
-  "main": "index.js",
+  "main": "dist/index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "author": "",
+  "keywords": [],
+  "author": "btxstudio",
   "license": "ISC"
 }