@touchvue/ui 0.0.1-alpha.2

package/lib/components/msg/index.js

@@ -0,0 +1,324 @@
+'use strict';
+
+var vue = require('vue');
+
+const _hoisted_1 = { class: "to-msg-side" };
+const _hoisted_2 = {
+  key: 1,
+  class: "to-msg-pic"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "to-msg-main"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "to-msg-title"
+};
+const _hoisted_5 = { class: "to-msg-title-text" };
+const _hoisted_6 = { class: "to-msg-content-text" };
+const _hoisted_7 = ["innerHTML"];
+const _hoisted_8 = {
+  key: 2,
+  class: "to-msg-content"
+};
+const _hoisted_9 = { class: "to-msg-content-text" };
+const _hoisted_10 = ["innerHTML"];
+const _hoisted_11 = { class: "to-msg-fn" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "msg",
+  props: {
+    type: { type: String, required: false, default: "" },
+    title: { type: String, required: false, default: "" },
+    content: { type: String, required: false, default: "" },
+    htmlContent: { type: String, required: false, default: "" },
+    htmlHeight: { type: [String, Number], required: false, default: "auto" },
+    width: { type: [String, Number], required: false, default: "" },
+    detail: { type: String, required: false, default: "" },
+    detailWidth: { type: [String, Number], required: false, default: "auto" },
+    showDetail: { type: Boolean, required: false, default: true },
+    padding: { type: [String, Number], required: false, default: 0 },
+    pic: { type: String, required: false, default: "" },
+    picPosition: { type: String, required: false, default: "top" },
+    position: { type: String, required: false, default: "" },
+    height: { type: [String, Number], required: false, default: "auto" },
+    confirmButtonText: { type: String, required: false, default: "" },
+    cancelButtonText: { type: String, required: false, default: "" },
+    closeOnClickModal: { type: Boolean, required: false, default: true },
+    closeOnBlur: { type: Boolean, required: false, default: true },
+    zIndex: { type: Number, required: false, default: 0 },
+    global: { type: Boolean, required: false, default: false },
+    show: { type: Boolean, required: false, default: false }
+  },
+  emits: ["close", "confirm"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const iShowDetail = vue.ref(props.showDetail);
+    const visible = vue.ref(false);
+    const slots = vue.useSlots();
+    const className = vue.useAttrs().class;
+    const setClass = vue.computed(() => {
+      const arr = [];
+      if (props.type)
+        arr.push(`type-${props.type}`);
+      if (props.show || visible.value)
+        arr.push("is-show");
+      if (className)
+        arr.push(className);
+      return arr;
+    });
+    const setStyle = vue.computed(() => {
+      const style = {};
+      if (typeof props.height === "string" && props.height !== "auto") {
+        style.height = props.height;
+      } else if (typeof props.height === "number") {
+        style.height = `${props.height}em`;
+      }
+      return style;
+    });
+    const setWrapperStyle = vue.computed(() => {
+      const style = {};
+      if (props.width) {
+        style.width = `${props.width}em`;
+      }
+      return style;
+    });
+    const setHtmlStyle = vue.computed(() => {
+      if (props.htmlHeight !== "auto") {
+        return {
+          height: typeof props.htmlHeight === "number" ? `${props.htmlHeight}em` : props.htmlHeight,
+          overflow: "auto"
+        };
+      }
+      return {};
+    });
+    const setDetailStyle = vue.computed(() => {
+      if (props.detailWidth !== "auto") {
+        return {
+          width: typeof props.detailWidth === "number" ? `${props.detailWidth}em` : props.detailWidth
+        };
+      }
+      return {};
+    });
+    const hasInfoContent = vue.computed(
+      () => props.title || slots.default || props.content || slots.content || slots.title
+    );
+    const emoteComponent = vue.computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = window.$TouchUI) == null ? void 0 : _a.msg) == null ? void 0 : _b.emote) == null ? void 0 : _c[props.pic || "default"];
+    });
+    const open = () => {
+      var _a, _b;
+      const el = document.querySelector(".to-msg");
+      if (props.zIndex) {
+        el.style.zIndex = props.zIndex.toString();
+      } else {
+        el.style.zIndex = ((_b = (_a = window.$TouchUI) == null ? void 0 : _a.zIndex) != null ? _b : 1e3).toString();
+        if (window.$TouchUI)
+          window.$TouchUI.zIndex++;
+      }
+      visible.value = true;
+    };
+    const close = () => {
+      visible.value = false;
+      emit("close");
+    };
+    const confirm = () => {
+      emit("confirm");
+      visible.value = false;
+      emit("close");
+    };
+    const cancel = () => {
+      visible.value = false;
+      emit("close");
+    };
+    const bgClose = () => {
+      if (!props.closeOnClickModal || !props.closeOnBlur)
+        return;
+      close();
+    };
+    vue.onMounted(() => {
+      if (props.global) {
+        document.body.appendChild(document.querySelector(".to-msg"));
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      if (props.global) {
+        const el = document.querySelector(".to-msg");
+        if (el && el.parentNode) {
+          el.parentNode.removeChild(el);
+        }
+      }
+    });
+    __expose({ open, close });
+    return (_ctx, _cache) => {
+      const _component_to_button = vue.resolveComponent("to-button");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(["to-msg", setClass.value]),
+          style: vue.normalizeStyle(setStyle.value)
+        },
+        [
+          vue.createElementVNode("div", {
+            class: "to-msg-bg",
+            onClick: bgClose
+          }),
+          vue.createElementVNode(
+            "div",
+            {
+              class: "to-msg-wrapper",
+              style: vue.normalizeStyle(setWrapperStyle.value)
+            },
+            [
+              vue.createElementVNode("div", _hoisted_1, [
+                emoteComponent.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(emoteComponent.value), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2))
+              ]),
+              hasInfoContent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+                _ctx.title || vue.unref(slots).title || vue.unref(slots).default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                  vue.createElementVNode("div", _hoisted_5, [
+                    vue.createTextVNode(
+                      vue.toDisplayString(_ctx.title) + " ",
+                      1
+                      /* TEXT */
+                    ),
+                    vue.renderSlot(_ctx.$slots, "title")
+                  ])
+                ])) : vue.createCommentVNode("v-if", true),
+                _ctx.htmlContent ? (vue.openBlock(), vue.createElementBlock(
+                  "div",
+                  {
+                    key: 1,
+                    class: "to-msg-content",
+                    style: vue.normalizeStyle(setHtmlStyle.value)
+                  },
+                  [
+                    vue.createElementVNode("div", _hoisted_6, [
+                      vue.createElementVNode("span", { innerHTML: _ctx.htmlContent }, null, 8, _hoisted_7)
+                    ])
+                  ],
+                  4
+                  /* STYLE */
+                )) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+                  vue.createElementVNode("div", _hoisted_9, [
+                    _ctx.content || vue.unref(slots).content ? (vue.openBlock(), vue.createElementBlock(
+                      vue.Fragment,
+                      { key: 0 },
+                      [
+                        vue.createTextVNode(
+                          vue.toDisplayString(_ctx.content),
+                          1
+                          /* TEXT */
+                        )
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    )) : vue.createCommentVNode("v-if", true),
+                    vue.renderSlot(_ctx.$slots, "content")
+                  ])
+                ])),
+                vue.createCommentVNode(' <div v-if="slots.detail || detail">\n					<to-space />\n					<a v-if="!iShowDetail" href="javascript:void(0)" @click="iShowDetail = true">\u663E\u793A\u8BE6\u60C5</a>\n					<a v-else href="javascript:void(0)" @click="iShowDetail = false">\u9690\u85CF\u8BE6\u60C5</a>\n				</div> '),
+                vue.unref(slots).detail ? vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+                  "div",
+                  {
+                    key: 3,
+                    style: vue.normalizeStyle(setDetailStyle.value),
+                    class: "to-msg-detail"
+                  },
+                  [
+                    vue.renderSlot(_ctx.$slots, "detail")
+                  ],
+                  4
+                  /* STYLE */
+                )), [
+                  [vue.vShow, iShowDetail.value]
+                ]) : vue.createCommentVNode("v-if", true),
+                _ctx.detail ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+                  key: 4,
+                  style: vue.normalizeStyle(setDetailStyle.value),
+                  class: "detail",
+                  innerHTML: _ctx.detail
+                }, null, 12, _hoisted_10)), [
+                  [vue.vShow, iShowDetail.value]
+                ]) : vue.createCommentVNode("v-if", true),
+                vue.createElementVNode("div", _hoisted_11, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                    _ctx.cancelButtonText ? (vue.openBlock(), vue.createBlock(_component_to_button, {
+                      key: 0,
+                      icon: "close",
+                      fillet: "normal",
+                      onClick: cancel
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(
+                          vue.toDisplayString(_ctx.cancelButtonText),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })) : vue.createCommentVNode("v-if", true),
+                    _ctx.confirmButtonText ? (vue.openBlock(), vue.createBlock(_component_to_button, {
+                      key: 1,
+                      icon: "ok",
+                      color: "primary",
+                      fillet: "normal",
+                      onClick: confirm
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(
+                          vue.toDisplayString(_ctx.confirmButtonText),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })) : vue.createCommentVNode("v-if", true)
+                  ])
+                ])
+              ])) : vue.createCommentVNode("v-if", true)
+            ],
+            4
+            /* STYLE */
+          )
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+var Msg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/msg/src/msg.vue"]]);
+
+const withInstall = (main, extra) => {
+  main.install = (app) => {
+    for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
+      app.component(comp.name, comp);
+    }
+  };
+  if (extra) {
+    for (const [key, comp] of Object.entries(extra)) {
+      main[key] = comp;
+    }
+  }
+  return main;
+};
+
+navigator.userAgent.toLowerCase();
+
+const ToMsg = withInstall(Msg);
+
+exports.ToMsg = ToMsg;
+//# sourceMappingURL=index.js.map

package/lib/components/msg/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/msg/src/msg.vue","../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/msg/index.ts"],"sourcesContent":["<template>\n  <div class=\"to-msg\" :class=\"setClass\" :style=\"setStyle\">\n    <div class=\"to-msg-bg\" @click=\"bgClose\"></div>\n    <div class=\"to-msg-wrapper\" :style=\"setWrapperStyle\">\n      <div class=\"to-msg-side\">\n        <component :is=\"emoteComponent\" v-if=\"emoteComponent\"></component>\n        <div v-else class=\"to-msg-pic\"></div>\n      </div>\n\n      <div v-if=\"hasInfoContent\" class=\"to-msg-main\">\n        <div v-if=\"title || slots.title || slots.default\" class=\"to-msg-title\">\n          <div class=\"to-msg-title-text\">\n            {{ title }}\n            <slot name=\"title\" />\n          </div>\n        </div>\n\n        <div v-if=\"htmlContent\" class=\"to-msg-content\" :style=\"setHtmlStyle\">\n          <div class=\"to-msg-content-text\">\n            <span v-html=\"htmlContent\"></span>\n          </div>\n        </div>\n\n        <div v-else class=\"to-msg-content\">\n          <div class=\"to-msg-content-text\">\n            <template v-if=\"content || slots.content\">{{ content }}</template>\n            <slot name=\"content\" />\n          </div>\n        </div>\n\n        <!-- <div v-if=\"slots.detail || detail\">\n\t\t\t\t\t<to-space />\n\t\t\t\t\t<a v-if=\"!iShowDetail\" href=\"javascript:void(0)\" @click=\"iShowDetail = true\">显示详情</a>\n\t\t\t\t\t<a v-else href=\"javascript:void(0)\" @click=\"iShowDetail = false\">隐藏详情</a>\n\t\t\t\t</div> -->\n\n        <div v-show=\"iShowDetail\" v-if=\"slots.detail\" :style=\"setDetailStyle\" class=\"to-msg-detail\">\n          <slot name=\"detail\" />\n        </div>\n        <div\n          v-show=\"iShowDetail\"\n          v-if=\"detail\"\n          :style=\"setDetailStyle\"\n          class=\"detail\"\n          v-html=\"detail\"\n        />\n\n        <div class=\"to-msg-fn\">\n          <slot>\n            <to-button v-if=\"cancelButtonText\" icon=\"close\" fillet=\"normal\" @click=\"cancel\">{{\n              cancelButtonText\n            }}</to-button>\n            <to-button\n              v-if=\"confirmButtonText\"\n              icon=\"ok\"\n              color=\"primary\"\n              fillet=\"normal\"\n              @click=\"confirm\"\n              >{{ confirmButtonText }}</to-button\n            >\n          </slot>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, onBeforeUnmount, computed, ref, useSlots } from 'vue';\nimport { useAttrs } from 'vue';\n\ninterface Props {\n  type?: string;\n  title?: string;\n  content?: string;\n  htmlContent?: string;\n  htmlHeight?: string | number;\n  width?: string | number;\n  detail?: string;\n  detailWidth?: string | number;\n  showDetail?: boolean;\n  padding?: string | number;\n  pic?: string;\n  picPosition?: string;\n  position?: string;\n  height?: string | number;\n  confirmButtonText?: string;\n  cancelButtonText?: string;\n  closeOnClickModal?: boolean;\n  closeOnBlur?: boolean;\n  zIndex?: number;\n  global?: boolean;\n  show?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  type: '',\n  title: '',\n  content: '',\n  htmlContent: '',\n  htmlHeight: 'auto',\n  detail: '',\n  width: '',\n  detailWidth: 'auto',\n  showDetail: true,\n  padding: 0,\n  pic: '',\n  picPosition: 'top',\n  position: '',\n  height: 'auto',\n  confirmButtonText: '',\n  cancelButtonText: '',\n  closeOnClickModal: true,\n  closeOnBlur: true,\n  zIndex: 0,\n  global: false,\n  show: false,\n});\n\nconst emit = defineEmits(['close', 'confirm']);\n\nconst iShowDetail = ref(props.showDetail);\nconst visible = ref(false);\nconst slots = useSlots();\n\nconst className = useAttrs().class as string | undefined;\n\nconst setClass = computed(() => {\n  const arr: string[] = [];\n  if (props.type) arr.push(`type-${props.type}`);\n  if (props.show || visible.value) arr.push('is-show');\n  if (className) arr.push(className);\n  return arr;\n});\n\nconst setStyle = computed(() => {\n  const style: Record<string, string> = {};\n  if (typeof props.height === 'string' && props.height !== 'auto') {\n    style.height = props.height;\n  } else if (typeof props.height === 'number') {\n    style.height = `${props.height}em`;\n  }\n  return style;\n});\n\nconst setWrapperStyle = computed(() => {\n  const style: Record<string, string> = {};\n  if (props.width) {\n    style.width = `${props.width}em`;\n  }\n  return style;\n});\n\nconst setHtmlStyle = computed(() => {\n  if (props.htmlHeight !== 'auto') {\n    return {\n      height: typeof props.htmlHeight === 'number' ? `${props.htmlHeight}em` : props.htmlHeight,\n      overflow: 'auto',\n    };\n  }\n  return {};\n});\n\nconst setDetailStyle = computed(() => {\n  if (props.detailWidth !== 'auto') {\n    return {\n      width: typeof props.detailWidth === 'number' ? `${props.detailWidth}em` : props.detailWidth,\n    };\n  }\n  return {};\n});\n\nconst hasInfoContent = computed(\n  () => props.title || slots.default || props.content || slots.content || slots.title\n);\n\nconst emoteComponent = computed(() => {\n  return (window as any).$TouchUI?.msg?.emote?.[props.pic || 'default'];\n});\n\nconst open = () => {\n  const el = document.querySelector('.to-msg') as HTMLElement;\n  if (props.zIndex) {\n    el.style.zIndex = props.zIndex.toString();\n  } else {\n    el.style.zIndex = ((window as any).$TouchUI?.zIndex ?? 1000).toString();\n    if ((window as any).$TouchUI) (window as any).$TouchUI.zIndex++;\n  }\n  visible.value = true;\n};\n\nconst close = () => {\n  visible.value = false;\n  emit('close');\n};\n\nconst confirm = () => {\n  emit('confirm');\n  visible.value = false;\n  emit('close');\n};\n\nconst cancel = () => {\n  visible.value = false;\n  emit('close');\n};\n\nconst bgClose = () => {\n  if (!props.closeOnClickModal || !props.closeOnBlur) return;\n  close();\n};\n\nonMounted(() => {\n  if (props.global) {\n    document.body.appendChild(document.querySelector('.to-msg')!);\n  }\n});\n\nonBeforeUnmount(() => {\n  if (props.global) {\n    const el = document.querySelector('.to-msg');\n    if (el && el.parentNode) {\n      el.parentNode.removeChild(el);\n    }\n  }\n});\n\ndefineExpose({ open, close });\n</script>\n","import type { App, Plugin } from 'vue';\n\n/* 生成install函数 */\n\nexport type SFCWithInstall<T> = T & Plugin;\n\nexport type SFCInstallWithContext<T> = SFCWithInstall<T> & {\n  _context: App | null;\n};\n\nexport const withInstall = <T, E extends Record<string, any>>(main: T, extra?: E) => {\n  (main as SFCWithInstall<T>).install = (app: App): void => {\n    for (const comp of [main, ...Object.values(extra ?? {})]) {\n      app.component(comp.name, comp);\n    }\n  };\n\n  if (extra) {\n    for (const [key, comp] of Object.entries(extra)) {\n      (main as any)[key] = comp;\n    }\n  }\n  return main as SFCWithInstall<T> & E;\n};\n\nexport const withInstallFunction = <T>(fn: T, name: string) => {\n  (fn as SFCWithInstall<T>).install = (app: App) => {\n    (fn as SFCInstallWithContext<T>)._context = app;\n    app.config.globalProperties[name] = fn;\n  };\n\n  return fn as SFCInstallWithContext<T>;\n};\n","interface Options {\n  ratio?: {\n    base?: {\n      pc?: number;\n      pad?: number;\n      phone?: number;\n    };\n  };\n}\n\nconst ua = navigator.userAgent.toLowerCase();\n\nexport function setRatio(options: Options = {}) {\n  const ua = navigator.userAgent.toLowerCase();\n  const base = options?.ratio?.base ?? {};\n\n  const baseSize = /iphone|android.*mobile|windows phone|ipod/i.test(ua)\n    ? (base.phone ?? 375)\n    : /ipad|android(?!.*mobile)|tablet/i.test(ua)\n      ? (base.pad ?? 1100)\n      : (base.pc ?? 1366);\n\n  const updateFontSize = () => {\n    const width = window.innerWidth || document.documentElement.clientWidth;\n    document.documentElement.style.fontSize = (width / baseSize) * 100 + 'px';\n  };\n\n  updateFontSize();\n  window.addEventListener('resize', updateFontSize);\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function getMedia(options: Options = {}) {\n  const isMobile = /iphone|android.*mobile|windows phone|ipod/i.test(ua);\n  const isTablet = /ipad|android(?!.*mobile)|tablet/i.test(ua);\n\n  return isMobile ? 'phone' : isTablet ? 'pad' : 'pc';\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function setMedia(options: Options = {}) {\n  const html = document.documentElement;\n  const classList: string[] = [];\n\n  // 判断操作系统\n  if (/windows/i.test(ua)) {\n    classList.push('os-windows');\n  } else if (/macintosh|mac os x/i.test(ua)) {\n    classList.push('os-macos');\n  } else if (/android/i.test(ua)) {\n    classList.push('os-android');\n  } else if (/iphone|ipad|ipod/i.test(ua)) {\n    classList.push('os-ios');\n  }\n\n  // 判断设备类型\n  const media = getMedia();\n  if (media === 'pad') {\n    classList.push('media-pad');\n  } else if (media === 'phone') {\n    classList.push('media-phone');\n  } else {\n    classList.push('media-pc');\n  }\n\n  // 添加 class 到 <html>\n  html.className += ' ' + classList.join(' ');\n}\n\nexport function getEm() {\n  const el = document.createElement('div');\n  el.style.width = '1em';\n  el.style.height = '1em';\n  el.style.position = 'absolute';\n  document.body.appendChild(el);\n  const size = el.getBoundingClientRect().height;\n  document.body.removeChild(el);\n  return size;\n}\n","import Msg from './src/msg.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\nexport const ToMsg: SFCWithInstall<typeof Msg> = withInstall(Msg);\nexport * from './src/instance';\n"],"names":["ref","useSlots","useAttrs","computed","onMounted","onBeforeUnmount","_createElementBlock","_normalizeClass","_createElementVNode","_openBlock","_createBlock","_resolveDynamicComponent","title","_unref","_renderSlot","htmlContent","content","_Fragment","_createCommentVNode","detail","cancelButtonText","confirmButtonText"],"mappings":"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"}

package/lib/components/padding/index.js

@@ -0,0 +1,94 @@
+'use strict';
+
+var vue = require('vue');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "padding",
+  props: {
+    mode: { type: String, required: false, default: "default" },
+    value: { type: [String, Number], required: false, default: "" },
+    height: { type: String, required: false, default: "" },
+    position: { type: String, required: false, default: "trbl" }
+  },
+  setup(__props) {
+    const props = __props;
+    const hasUnit = (val) => /[a-z%]+$/i.test(val);
+    const setStyle = vue.computed(() => {
+      const obj = {};
+      if (String(props.value).trim()) {
+        const padded = String(props.value).trim().split(/\s+/).map((val) => {
+          return hasUnit(val) ? val : `${val}em`;
+        }).join(" ");
+        obj.padding = padded;
+      }
+      if (!props.position.includes("t")) {
+        obj.paddingTop = 0;
+      }
+      if (!props.position.includes("r")) {
+        obj.paddingRight = 0;
+      }
+      if (!props.position.includes("b")) {
+        obj.paddingBottom = 0;
+      }
+      if (!props.position.includes("l")) {
+        obj.paddingLeft = 0;
+      }
+      return obj;
+    });
+    const setClass = vue.computed(() => {
+      const arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.height && props.height === "full") {
+        arr.push("height-full");
+      }
+      return arr;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(["to-padding", setClass.value]),
+          style: vue.normalizeStyle(setStyle.value)
+        },
+        [
+          vue.renderSlot(_ctx.$slots, "default")
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+var Padding = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/padding/src/padding.vue"]]);
+
+const withInstall = (main, extra) => {
+  main.install = (app) => {
+    for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
+      app.component(comp.name, comp);
+    }
+  };
+  if (extra) {
+    for (const [key, comp] of Object.entries(extra)) {
+      main[key] = comp;
+    }
+  }
+  return main;
+};
+
+navigator.userAgent.toLowerCase();
+
+const ToPadding = withInstall(Padding);
+
+exports.ToPadding = ToPadding;
+//# sourceMappingURL=index.js.map

package/lib/components/padding/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/padding/src/padding.vue","../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/padding/index.ts"],"sourcesContent":["<template>\n  <div class=\"to-padding\" :style=\"setStyle\" :class=\"setClass\">\n    <slot></slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, defineProps, withDefaults } from 'vue';\nimport type { CSSProperties } from 'vue';\n\ninterface Props {\n  mode?: string;\n  value?: string | number;\n  height?: string;\n  position?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  mode: 'default',\n  value: '',\n  height: '',\n  position: 'trbl',\n});\n\nconst hasUnit = (val: string) => /[a-z%]+$/i.test(val);\nconst setStyle = computed((): CSSProperties => {\n  const obj: CSSProperties = {};\n\n  if (String(props.value).trim()) {\n    // 分割成各个值\n    const padded = String(props.value)\n      .trim()\n      .split(/\\s+/)\n      .map(val => {\n        // 如果是数字（或纯数字字符串），或末尾无单位，就加 em\n        return hasUnit(val) ? val : `${val}em`;\n      })\n      .join(' ');\n\n    obj.padding = padded;\n  }\n\n  if (!props.position.includes('t')) {\n    obj.paddingTop = 0;\n  }\n  if (!props.position.includes('r')) {\n    obj.paddingRight = 0;\n  }\n  if (!props.position.includes('b')) {\n    obj.paddingBottom = 0;\n  }\n  if (!props.position.includes('l')) {\n    obj.paddingLeft = 0;\n  }\n\n  return obj;\n});\n\nconst setClass = computed(() => {\n  const arr: string[] = [];\n  if (props.mode) {\n    arr.push(`mode-${props.mode}`);\n  }\n  if (props.height && props.height === 'full') {\n    arr.push('height-full');\n  }\n  return arr;\n});\n</script>\n","import type { App, Plugin } from 'vue';\n\n/* 生成install函数 */\n\nexport type SFCWithInstall<T> = T & Plugin;\n\nexport type SFCInstallWithContext<T> = SFCWithInstall<T> & {\n  _context: App | null;\n};\n\nexport const withInstall = <T, E extends Record<string, any>>(main: T, extra?: E) => {\n  (main as SFCWithInstall<T>).install = (app: App): void => {\n    for (const comp of [main, ...Object.values(extra ?? {})]) {\n      app.component(comp.name, comp);\n    }\n  };\n\n  if (extra) {\n    for (const [key, comp] of Object.entries(extra)) {\n      (main as any)[key] = comp;\n    }\n  }\n  return main as SFCWithInstall<T> & E;\n};\n\nexport const withInstallFunction = <T>(fn: T, name: string) => {\n  (fn as SFCWithInstall<T>).install = (app: App) => {\n    (fn as SFCInstallWithContext<T>)._context = app;\n    app.config.globalProperties[name] = fn;\n  };\n\n  return fn as SFCInstallWithContext<T>;\n};\n","interface Options {\n  ratio?: {\n    base?: {\n      pc?: number;\n      pad?: number;\n      phone?: number;\n    };\n  };\n}\n\nconst ua = navigator.userAgent.toLowerCase();\n\nexport function setRatio(options: Options = {}) {\n  const ua = navigator.userAgent.toLowerCase();\n  const base = options?.ratio?.base ?? {};\n\n  const baseSize = /iphone|android.*mobile|windows phone|ipod/i.test(ua)\n    ? (base.phone ?? 375)\n    : /ipad|android(?!.*mobile)|tablet/i.test(ua)\n      ? (base.pad ?? 1100)\n      : (base.pc ?? 1366);\n\n  const updateFontSize = () => {\n    const width = window.innerWidth || document.documentElement.clientWidth;\n    document.documentElement.style.fontSize = (width / baseSize) * 100 + 'px';\n  };\n\n  updateFontSize();\n  window.addEventListener('resize', updateFontSize);\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function getMedia(options: Options = {}) {\n  const isMobile = /iphone|android.*mobile|windows phone|ipod/i.test(ua);\n  const isTablet = /ipad|android(?!.*mobile)|tablet/i.test(ua);\n\n  return isMobile ? 'phone' : isTablet ? 'pad' : 'pc';\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function setMedia(options: Options = {}) {\n  const html = document.documentElement;\n  const classList: string[] = [];\n\n  // 判断操作系统\n  if (/windows/i.test(ua)) {\n    classList.push('os-windows');\n  } else if (/macintosh|mac os x/i.test(ua)) {\n    classList.push('os-macos');\n  } else if (/android/i.test(ua)) {\n    classList.push('os-android');\n  } else if (/iphone|ipad|ipod/i.test(ua)) {\n    classList.push('os-ios');\n  }\n\n  // 判断设备类型\n  const media = getMedia();\n  if (media === 'pad') {\n    classList.push('media-pad');\n  } else if (media === 'phone') {\n    classList.push('media-phone');\n  } else {\n    classList.push('media-pc');\n  }\n\n  // 添加 class 到 <html>\n  html.className += ' ' + classList.join(' ');\n}\n\nexport function getEm() {\n  const el = document.createElement('div');\n  el.style.width = '1em';\n  el.style.height = '1em';\n  el.style.position = 'absolute';\n  document.body.appendChild(el);\n  const size = el.getBoundingClientRect().height;\n  document.body.removeChild(el);\n  return size;\n}\n","import Padding from './src/padding.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\nexport const ToPadding: SFCWithInstall<typeof Padding> = withInstall(Padding);\nexport * from './src/instance';\n"],"names":["computed","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":"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"}