@touchvue/ui 0.0.1-alpha.2

package/lib/components/input/index.js

@@ -0,0 +1,438 @@
+'use strict';
+
+var vue = require('vue');
+
+const _hoisted_1 = {
+  key: 0,
+  class: "to-input-prefix"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "to-input-text"
+};
+const _hoisted_3 = ["autocomplete", "maxlength", "placeholder", "readonly", "tabindex"];
+const _hoisted_4 = {
+  key: 2,
+  class: "to-input-html"
+};
+const _hoisted_5 = ["autocomplete", "tabindex", "maxlength", "placeholder", "type", "readonly"];
+const _hoisted_6 = {
+  key: 4,
+  class: "to-input-suffix"
+};
+const _hoisted_7 = {
+  key: 2,
+  class: "to-input-text"
+};
+const _hoisted_8 = {
+  key: 3,
+  class: "to-input-suggestion"
+};
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "ToInput"
+  },
+  __name: "input",
+  props: {
+    id: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165"
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    tabindex: {
+      type: String,
+      default: "1"
+    },
+    autocomplete: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    max: {
+      type: [String, Number],
+      default: Infinity
+    },
+    min: {
+      type: [String, Number],
+      default: -Infinity
+    },
+    maxlength: {
+      type: [String, Number],
+      default: Infinity
+    },
+    dot: {
+      type: [String, Number],
+      default: 0
+    },
+    step: {
+      type: [String, Number],
+      default: null
+    },
+    stepIconMode: {
+      type: String,
+      default: ""
+    },
+    spChars: {
+      type: [String, Boolean],
+      default: '/,\\,[,],{,},"'
+    },
+    prefix: {
+      type: String,
+      default: ""
+    },
+    suffix: {
+      type: String,
+      default: ""
+    },
+    suggestion: {
+      type: String,
+      default: ""
+    },
+    suggestionType: {
+      type: String,
+      default: ""
+    },
+    suggestionSymbol: {
+      type: String,
+      default: "\u3001"
+    },
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    preventFocus: {
+      type: Boolean,
+      default: false
+    },
+    comparable: {
+      type: Boolean,
+      default: false
+    },
+    modelValue: {
+      type: [String, Number],
+      default: () => ""
+    },
+    html: {
+      type: [String, Number],
+      default: ""
+    },
+    trim: {
+      type: Boolean,
+      default: true
+    },
+    fillet: {
+      type: String,
+      default: "normal"
+    },
+    filletPosition: {
+      type: String,
+      default: ""
+    },
+    color: {
+      type: String,
+      default: "default"
+    },
+    placeholderColor: {
+      type: String,
+      default: ""
+    },
+    mode: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: [Number, String],
+      default: ""
+    },
+    height: {
+      type: [Number, String],
+      default: ""
+    },
+    link: {
+      type: Boolean,
+      default: false
+    },
+    conversionType: {
+      type: [String, Number],
+      default: 0
+    }
+  },
+  emits: ["update:modelValue", "click", "clear"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const focused = vue.ref(false);
+    const data = vue.ref(props.modelValue);
+    const clearVisible = vue.ref(false);
+    const itype = vue.ref("text");
+    const disabled = vue.computed(() => props.readonly);
+    vue.watch(
+      () => props.modelValue,
+      (val) => {
+        data.value = val;
+      }
+    );
+    const iPlaceholder = vue.computed(() => {
+      if (!disabled.value && !props.placeholder && props.placeholder !== "") {
+        return "\u8BF7\u586B\u5199";
+      } else {
+        return props.placeholder;
+      }
+    });
+    const iconMode = vue.computed(() => {
+      if (props.mode === "none" || props.mode === "line" || focused.value)
+        return "none";
+      if (props.mode === "fill")
+        return "fill";
+      return "plain";
+    });
+    const setClass = vue.computed(() => {
+      const arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.type) {
+        arr.push(`type-${props.type}`);
+      }
+      if (props.readonly) {
+        arr.push(`is-readonly`);
+      }
+      return arr;
+    });
+    const setStyle = vue.computed(() => {
+      const obj = {};
+      if (props.width) {
+        if (!isNaN(Number(props.width))) {
+          obj.width = props.width + "em";
+        }
+      }
+      if (props.height) {
+        if (!isNaN(Number(props.height))) {
+          obj.height = props.height + "em";
+        }
+      }
+      return obj;
+    });
+    const inputRef = vue.ref(null);
+    function inputKeyup() {
+    }
+    function inputChange() {
+    }
+    function inputKeydown() {
+    }
+    function inputCut() {
+    }
+    function inputFocus() {
+      focused.value = true;
+    }
+    function inputBlur() {
+      focused.value = false;
+    }
+    function inputPaste() {
+    }
+    function inputKeyPress() {
+    }
+    function inputInput() {
+      emit("update:modelValue", data.value);
+    }
+    function clear() {
+      data.value = "";
+      emit("clear");
+    }
+    function reduce() {
+    }
+    function increase() {
+    }
+    function addSuggestion(item) {
+      data.value += item;
+    }
+    function click() {
+      emit("click");
+    }
+    return (_ctx, _cache) => {
+      const _component_ToIcon = vue.resolveComponent("ToIcon");
+      const _component_ToButton = vue.resolveComponent("ToButton");
+      return vue.openBlock(), vue.createElementBlock(
+        "span",
+        {
+          class: vue.normalizeClass(["to-input", setClass.value]),
+          style: vue.normalizeStyle(setStyle.value),
+          onClick: click
+        },
+        [
+          vue.createCommentVNode(" \u524D\u7F00 "),
+          props.prefix || _ctx.$slots.prefix || props.step ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
+            vue.renderSlot(_ctx.$slots, "prefix"),
+            props.prefix ? (vue.openBlock(), vue.createElementBlock(
+              "span",
+              _hoisted_2,
+              vue.toDisplayString(props.prefix),
+              1
+              /* TEXT */
+            )) : vue.createCommentVNode("v-if", true),
+            props.step ? (vue.openBlock(), vue.createBlock(_component_ToIcon, {
+              key: 1,
+              value: props.stepIconMode ? "unfold" : "reduce",
+              link: "",
+              color: "primary",
+              mode: "none",
+              disabled: Number(data.value) === Number(props.min) || props.readonly,
+              onMousedown: reduce
+            }, null, 8, ["value", "disabled"])) : vue.createCommentVNode("v-if", true)
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" \u8F93\u5165\u6846\u90E8\u5206 "),
+          props.type === "textarea" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("textarea", {
+            key: 1,
+            ref_key: "inputRef",
+            ref: inputRef,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event),
+            class: "to-input-textarea",
+            autocomplete: props.autocomplete ? "on" : "new-password",
+            maxlength: props.maxlength,
+            placeholder: iPlaceholder.value,
+            readonly: disabled.value,
+            tabindex: props.tabindex,
+            onKeyup: inputKeyup,
+            onKeydown: inputKeydown,
+            onCut: inputCut,
+            onFocus: inputFocus,
+            onBlur: inputBlur,
+            onPaste: inputPaste,
+            onKeypress: inputKeyPress
+          }, null, 40, _hoisted_3)), [
+            [vue.vModelText, data.value]
+          ]) : props.type === "html" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, [
+            vue.createTextVNode(
+              vue.toDisplayString(props.html) + " ",
+              1
+              /* TEXT */
+            ),
+            vue.renderSlot(_ctx.$slots, "html")
+          ])) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+            key: 3,
+            ref_key: "inputRef",
+            ref: inputRef,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => data.value = $event),
+            class: "to-input-content",
+            autocomplete: props.autocomplete ? "on" : "new-password",
+            tabindex: props.tabindex,
+            maxlength: props.maxlength,
+            placeholder: iPlaceholder.value,
+            type: itype.value,
+            readonly: disabled.value,
+            onKeyup: inputKeyup,
+            onKeydown: inputKeydown,
+            onCut: inputCut,
+            onFocus: inputFocus,
+            onBlur: inputBlur,
+            onPaste: inputPaste,
+            onKeypress: inputKeyPress,
+            onChange: inputChange,
+            onInput: inputInput
+          }, null, 40, _hoisted_5)), [
+            [vue.vModelDynamic, data.value]
+          ]),
+          vue.createCommentVNode(" \u540E\u7F00\u533A "),
+          props.clearable || props.suggestion || _ctx.$slots.default || _ctx.$slots.suffix || props.suffix || props.step ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
+            !props.readonly && props.clearable ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_ToIcon, {
+              key: 0,
+              class: "to-input-clear",
+              mode: iconMode.value,
+              link: "",
+              value: "close",
+              onClick: vue.withModifiers(clear, ["stop"])
+            }, null, 8, ["mode"])), [
+              [vue.vShow, clearVisible.value]
+            ]) : vue.createCommentVNode("v-if", true),
+            props.step ? (vue.openBlock(), vue.createBlock(_component_ToIcon, {
+              key: 1,
+              value: props.stepIconMode ? "fold" : "add",
+              link: "",
+              disabled: Number(data.value) === Number(props.max) || props.readonly,
+              onMousedown: increase
+            }, null, 8, ["value", "disabled"])) : vue.createCommentVNode("v-if", true),
+            props.suffix ? (vue.openBlock(), vue.createElementBlock(
+              "span",
+              _hoisted_7,
+              vue.toDisplayString(props.suffix),
+              1
+              /* TEXT */
+            )) : vue.createCommentVNode("v-if", true),
+            vue.renderSlot(_ctx.$slots, "suffix"),
+            vue.renderSlot(_ctx.$slots, "default"),
+            props.suggestion ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(props.suggestion.split(","), (item, i) => {
+                  return vue.openBlock(), vue.createBlock(_component_ToButton, {
+                    key: i,
+                    fillet: true,
+                    color: "info",
+                    mode: "text",
+                    onClick: ($event) => addSuggestion(item)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(
+                        vue.toDisplayString(item),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["onClick"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])) : vue.createCommentVNode("v-if", true)
+          ])) : vue.createCommentVNode("v-if", true)
+        ],
+        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 Input = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/input/src/input.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 ToInput = withInstall(Input);
+
+exports.ToInput = ToInput;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/input/src/input.vue","../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/input/index.ts"],"sourcesContent":["<template>\n  <span class=\"to-input\" :class=\"setClass\" :style=\"setStyle\" @click=\"click\">\n    <!-- 前缀 -->\n    <span v-if=\"props.prefix || $slots.prefix || props.step\" class=\"to-input-prefix\">\n      <slot name=\"prefix\" />\n      <span v-if=\"props.prefix\" class=\"to-input-text\">{{ props.prefix }}</span>\n      <ToIcon\n        v-if=\"props.step\"\n        :value=\"props.stepIconMode ? 'unfold' : 'reduce'\"\n        link\n        color=\"primary\"\n        mode=\"none\"\n        :disabled=\"Number(data) === Number(props.min) || props.readonly\"\n        @mousedown=\"reduce\"\n      />\n    </span>\n\n    <!-- 输入框部分 -->\n    <textarea\n      v-if=\"props.type === 'textarea'\"\n      ref=\"inputRef\"\n      v-model=\"data\"\n      class=\"to-input-textarea\"\n      :autocomplete=\"props.autocomplete ? 'on' : 'new-password'\"\n      :maxlength=\"props.maxlength\"\n      :placeholder=\"iPlaceholder\"\n      :readonly=\"disabled\"\n      :tabindex=\"props.tabindex\"\n      @keyup=\"inputKeyup\"\n      @keydown=\"inputKeydown\"\n      @cut=\"inputCut\"\n      @focus=\"inputFocus\"\n      @blur=\"inputBlur\"\n      @paste=\"inputPaste\"\n      @keypress=\"inputKeyPress\"\n    />\n\n    <span v-else-if=\"props.type === 'html'\" class=\"to-input-html\"\n      >{{ props.html }}\n      <slot name=\"html\" />\n    </span>\n\n    <input\n      v-else\n      ref=\"inputRef\"\n      v-model=\"data\"\n      class=\"to-input-content\"\n      :autocomplete=\"props.autocomplete ? 'on' : 'new-password'\"\n      :tabindex=\"props.tabindex\"\n      :maxlength=\"props.maxlength\"\n      :placeholder=\"iPlaceholder\"\n      :type=\"itype\"\n      :readonly=\"disabled\"\n      @keyup=\"inputKeyup\"\n      @keydown=\"inputKeydown\"\n      @cut=\"inputCut\"\n      @focus=\"inputFocus\"\n      @blur=\"inputBlur\"\n      @paste=\"inputPaste\"\n      @keypress=\"inputKeyPress\"\n      @change=\"inputChange\"\n      @input=\"inputInput\"\n    />\n\n    <!-- 后缀区 -->\n    <span\n      v-if=\"\n        props.clearable ||\n        props.suggestion ||\n        $slots.default ||\n        $slots.suffix ||\n        props.suffix ||\n        props.step\n      \"\n      class=\"to-input-suffix\"\n    >\n      <ToIcon\n        v-if=\"!props.readonly && props.clearable\"\n        v-show=\"clearVisible\"\n        class=\"to-input-clear\"\n        :mode=\"iconMode\"\n        link\n        value=\"close\"\n        @click.stop=\"clear\"\n      />\n      <ToIcon\n        v-if=\"props.step\"\n        :value=\"props.stepIconMode ? 'fold' : 'add'\"\n        link\n        :disabled=\"Number(data) === Number(props.max) || props.readonly\"\n        @mousedown=\"increase\"\n      />\n      <span v-if=\"props.suffix\" class=\"to-input-text\">{{ props.suffix }}</span>\n      <slot name=\"suffix\" />\n      <slot />\n      <span v-if=\"props.suggestion\" class=\"to-input-suggestion\">\n        <ToButton\n          v-for=\"(item, i) in props.suggestion.split(',')\"\n          :key=\"i\"\n          :fillet=\"true\"\n          color=\"info\"\n          mode=\"text\"\n          @click=\"addSuggestion(item)\"\n          >{{ item }}</ToButton\n        >\n      </span>\n    </span>\n  </span>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, computed, watch, CSSProperties } from 'vue';\ndefineOptions({\n  name: 'ToInput',\n});\nconst props = defineProps({\n  id: {\n    type: String,\n    default: '',\n  },\n  placeholder: {\n    type: String,\n    default: '请输入',\n  },\n  type: {\n    type: String,\n    default: 'text',\n  },\n  tabindex: {\n    type: String,\n    default: '1',\n  },\n  autocomplete: {\n    type: Boolean,\n    default: false,\n  },\n  readonly: {\n    type: Boolean,\n    default: false,\n  },\n  max: {\n    type: [String, Number],\n    default: Infinity,\n  },\n  min: {\n    type: [String, Number],\n    default: -Infinity,\n  },\n  maxlength: {\n    type: [String, Number],\n    default: Infinity,\n  },\n  dot: {\n    type: [String, Number],\n    default: 0,\n  },\n  step: {\n    type: [String, Number],\n    default: null,\n  },\n  stepIconMode: {\n    type: String,\n    default: '',\n  },\n  spChars: {\n    type: [String, Boolean],\n    default: '/,\\\\,[,],{,},\"',\n  },\n  prefix: {\n    type: String,\n    default: '',\n  },\n  suffix: {\n    type: String,\n    default: '',\n  },\n  suggestion: {\n    type: String,\n    default: '',\n  },\n  suggestionType: {\n    type: String,\n    default: '',\n  },\n  suggestionSymbol: {\n    type: String,\n    default: '、',\n  },\n  clearable: {\n    type: Boolean,\n    default: false,\n  },\n  preventFocus: {\n    type: Boolean,\n    default: false,\n  },\n  comparable: {\n    type: Boolean,\n    default: false,\n  },\n  modelValue: {\n    type: [String, Number],\n    default: () => '',\n  },\n  html: {\n    type: [String, Number],\n    default: '',\n  },\n  trim: {\n    type: Boolean,\n    default: true,\n  },\n  fillet: {\n    type: String,\n    default: 'normal',\n  },\n  filletPosition: {\n    type: String,\n    default: '',\n  },\n  color: {\n    type: String,\n    default: 'default',\n  },\n  placeholderColor: {\n    type: String,\n    default: '',\n  },\n  mode: {\n    type: String,\n    default: '',\n  },\n  width: {\n    type: [Number, String],\n    default: '',\n  },\n  height: {\n    type: [Number, String],\n    default: '',\n  },\n  link: {\n    type: Boolean,\n    default: false,\n  },\n  conversionType: {\n    type: [String, Number],\n    default: 0,\n  },\n});\ninterface styleProps extends CSSProperties {\n  width?: string | number;\n  height?: string | number;\n}\nconst emit = defineEmits(['update:modelValue', 'click', 'clear']);\n// const errorTip = ref('')\n// const errorType = ref('rule')\n// const valueStore = ref([])\n// const prevent = ref(false)\n// const inited = ref(false)\nconst focused = ref(false);\nconst data = ref(props.modelValue);\nconst clearVisible = ref(false);\nconst itype = ref('text');\nconst disabled = computed(() => props.readonly);\n// const multipleNumber = ref(1)\n\nwatch(\n  () => props.modelValue,\n  val => {\n    data.value = val;\n  }\n);\n\nconst iPlaceholder = computed(() => {\n  if (!disabled.value && !props.placeholder && props.placeholder !== '') {\n    return '请填写';\n  } else {\n    return props.placeholder;\n  }\n});\n\nconst iconMode = computed(() => {\n  if (props.mode === 'none' || props.mode === 'line' || focused.value) return 'none';\n  if (props.mode === 'fill') return 'fill';\n  return 'plain';\n});\n\nconst setClass = computed(() => {\n  const arr = [];\n  if (props.mode) {\n    arr.push(`mode-${props.mode}`);\n  }\n  if (props.type) {\n    arr.push(`type-${props.type}`);\n  }\n  if (props.readonly) {\n    arr.push(`is-readonly`);\n  }\n  return arr;\n});\n\nconst setStyle = computed(() => {\n  const obj: styleProps = {};\n  if (props.width) {\n    if (!isNaN(Number(props.width))) {\n      obj.width = props.width + 'em';\n    }\n  }\n  if (props.height) {\n    if (!isNaN(Number(props.height))) {\n      obj.height = props.height + 'em';\n    }\n  }\n  return obj;\n});\nconst inputRef = ref(null);\n\nfunction inputKeyup() {}\nfunction inputChange() {}\nfunction inputKeydown() {}\nfunction inputCut() {}\nfunction inputFocus() {\n  focused.value = true;\n}\nfunction inputBlur() {\n  focused.value = false;\n}\nfunction inputPaste() {}\nfunction inputKeyPress() {}\nfunction inputInput() {\n  // emit('input', data.value)\n  emit('update:modelValue', data.value);\n}\nfunction clear() {\n  data.value = '';\n  emit('clear');\n}\nfunction reduce() {}\nfunction increase() {}\nfunction addSuggestion(item: any) {\n  data.value += item;\n}\n\nfunction click() {\n  emit('click');\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 Input from './src/input.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\nexport const ToInput: SFCWithInstall<typeof Input> = withInstall(Input);\nexport * from './src/instance';\n"],"names":["ref","computed","watch","_createElementBlock","_normalizeClass","_createCommentVNode","$slots","_openBlock","_renderSlot","_toDisplayString","_createBlock","_Fragment","_renderList"],"mappings":"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"}

package/lib/components/line/index.js

@@ -0,0 +1,102 @@
+'use strict';
+
+var vue = require('vue');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "line",
+  props: {
+    height: { type: String, required: false, default: "" },
+    mode: { type: String, required: false, default: "default" },
+    type: { type: String, required: false, default: "default" },
+    color: { type: String, required: false, default: "" },
+    marginX: { type: [String, Number], required: false, default: 0 },
+    marginY: { type: [String, Number], required: false, default: 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const setClass = vue.computed(() => {
+      let arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.type) {
+        arr.push(`type-${props.type}`);
+      }
+      if (props.color) {
+        arr.push(`color-${props.color}`);
+      }
+      return arr;
+    });
+    const setStyle = vue.computed(() => {
+      const obj = {};
+      if (props.marginX) {
+        if (!isNaN(Number(props.marginX))) {
+          obj.marginLeft = props.marginX + "em";
+          obj.marginRight = props.marginX + "em";
+        } else {
+          obj.marginLeft = props.marginX;
+          obj.marginRight = props.marginX + "em";
+        }
+      }
+      if (props.marginY) {
+        if (!isNaN(Number(props.marginY))) {
+          obj.marginTop = props.marginY + "em";
+          obj.marginBottom = props.marginY + "em";
+        } else {
+          obj.marginTop = props.marginY;
+        }
+      }
+      if (props.height) {
+        if (!isNaN(Number(props.height))) {
+          obj.height = props.height + "em";
+        } else {
+          obj.height = props.height;
+        }
+      }
+      return obj;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(["to-line", setClass.value]),
+          style: vue.normalizeStyle(setStyle.value)
+        },
+        null,
+        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 Line = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/line/src/line.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 ToLine = withInstall(Line);
+
+exports.ToLine = ToLine;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/line/src/line.vue","../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/line/index.ts"],"sourcesContent":["<template>\n  <div class=\"to-line\" :class=\"setClass\" :style=\"setStyle\"></div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, CSSProperties } from 'vue';\n\ninterface Props {\n  height?: string;\n  mode?: string;\n  type?: string;\n  color?: string;\n  marginX?: string | number;\n  marginY?: string | number;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  mode: 'default',\n  type: 'default',\n  color: '',\n  height: '',\n  marginX: 0,\n  marginY: 0,\n});\n\nconst setClass = computed(() => {\n  let arr: string[] = [];\n  if (props.mode) {\n    arr.push(`mode-${props.mode}`);\n  }\n  if (props.type) {\n    arr.push(`type-${props.type}`);\n  }\n  if (props.color) {\n    arr.push(`color-${props.color}`);\n  }\n  return arr;\n});\n\nconst setStyle = computed(() => {\n  const obj: CSSProperties = {};\n  if (props.marginX) {\n    if (!isNaN(Number(props.marginX))) {\n      obj.marginLeft = props.marginX + 'em';\n      obj.marginRight = props.marginX + 'em';\n    } else {\n      obj.marginLeft = props.marginX;\n      obj.marginRight = props.marginX + 'em';\n    }\n  }\n  if (props.marginY) {\n    if (!isNaN(Number(props.marginY))) {\n      obj.marginTop = props.marginY + 'em';\n      obj.marginBottom = props.marginY + 'em';\n    } else {\n      obj.marginTop = props.marginY;\n    }\n  }\n  if (props.height) {\n    if (!isNaN(Number(props.height))) {\n      obj.height = props.height + 'em';\n    } else {\n      obj.height = props.height;\n    }\n  }\n  return obj;\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 Line from './src/line.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\nexport const ToLine: SFCWithInstall<typeof Line> = withInstall(Line);\nexport * from './src/instance';\n"],"names":["computed","_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AASd,IAAM,MAAA,QAAA,GAAWA,aAAS,MAAM;AAC9B,MAAA,IAAI,MAAgB,EAAC,CAAA;AACrB,MAAA,IAAI,MAAM,IAAM,EAAA;AACd,QAAI,GAAA,CAAA,IAAA,CAAK,CAAQ,KAAA,EAAA,KAAA,CAAM,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,OAC/B;AACA,MAAA,IAAI,MAAM,IAAM,EAAA;AACd,QAAI,GAAA,CAAA,IAAA,CAAK,CAAQ,KAAA,EAAA,KAAA,CAAM,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,OAC/B;AACA,MAAA,IAAI,MAAM,KAAO,EAAA;AACf,QAAI,GAAA,CAAA,IAAA,CAAK,CAAS,MAAA,EAAA,KAAA,CAAM,KAAO,CAAA,CAAA,CAAA,CAAA;AAAA,OACjC;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAWA,aAAS,MAAM;AAC9B,MAAA,MAAM,MAAqB,EAAC,CAAA;AAC5B,MAAA,IAAI,MAAM,OAAS,EAAA;AACjB,QAAA,IAAI,CAAC,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,OAAO,CAAC,CAAG,EAAA;AACjC,UAAI,GAAA,CAAA,UAAA,GAAa,MAAM,OAAU,GAAA,IAAA,CAAA;AACjC,UAAI,GAAA,CAAA,WAAA,GAAc,MAAM,OAAU,GAAA,IAAA,CAAA;AAAA,SAC7B,MAAA;AACL,UAAA,GAAA,CAAI,aAAa,KAAM,CAAA,OAAA,CAAA;AACvB,UAAI,GAAA,CAAA,WAAA,GAAc,MAAM,OAAU,GAAA,IAAA,CAAA;AAAA,SACpC;AAAA,OACF;AACA,MAAA,IAAI,MAAM,OAAS,EAAA;AACjB,QAAA,IAAI,CAAC,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,OAAO,CAAC,CAAG,EAAA;AACjC,UAAI,GAAA,CAAA,SAAA,GAAY,MAAM,OAAU,GAAA,IAAA,CAAA;AAChC,UAAI,GAAA,CAAA,YAAA,GAAe,MAAM,OAAU,GAAA,IAAA,CAAA;AAAA,SAC9B,MAAA;AACL,UAAA,GAAA,CAAI,YAAY,KAAM,CAAA,OAAA,CAAA;AAAA,SACxB;AAAA,OACF;AACA,MAAA,IAAI,MAAM,MAAQ,EAAA;AAChB,QAAA,IAAI,CAAC,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,MAAM,CAAC,CAAG,EAAA;AAChC,UAAI,GAAA,CAAA,MAAA,GAAS,MAAM,MAAS,GAAA,IAAA,CAAA;AAAA,SACvB,MAAA;AACL,UAAA,GAAA,CAAI,SAAS,KAAM,CAAA,MAAA,CAAA;AAAA,SACrB;AAAA,OACF;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;;4BAhEC,EAAAC,sBAAA;AAAA,QAA+D,KAAA;AAAA,QAAA;AAAA,UAA1D,OAAKC,kBAAA,CAAA,CAAC,SAAkB,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA,UAAG,KAAA,oBAAO,CAAA,QAAA,CAAQ,KAAA,CAAA;AAAA;;;;;;;;;;;;;;;;;;;ACS5C,MAAA,WAAA,GAAc,CAAmC,IAAA,EAAS,KAAc,KAAA;AACnF,EAAC,IAAA,CAA2B,OAAU,GAAA,CAAC,GAAmB,KAAA;AACxD,IAAW,KAAA,MAAA,IAAA,IAAQ,CAAC,IAAA,EAAM,GAAG,MAAA,CAAO,OAAO,KAAS,IAAA,IAAA,GAAA,KAAA,GAAA,EAAE,CAAC,CAAG,EAAA;AACxD,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACF,CAAA;AAEA,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,KAAA,MAAW,CAAC,GAAK,EAAA,IAAI,KAAK,MAAO,CAAA,OAAA,CAAQ,KAAK,CAAG,EAAA;AAC/C,MAAC,IAAA,CAAa,GAAG,CAAI,GAAA,IAAA,CAAA;AAAA,KACvB;AAAA,GACF;AACA,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;;ACbW,SAAU,CAAA,SAAA,CAAU,WAAY;;ACR9B,MAAA,MAAA,GAAsC,YAAY,IAAI;;;;"}