btxui 1.0.9 → 1.0.11

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 _
-};