@touchvue/ui 0.0.1-alpha.2

package/es/components/space/index.js

@@ -0,0 +1,88 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToSpace"
+  },
+  __name: "space",
+  props: {
+    mode: { type: String, required: false, default: "default" },
+    value: { type: [String, Number], required: false, default: "" },
+    inline: { type: Boolean, required: false, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const setStyle = computed(() => {
+      const obj = {};
+      if (props.value) {
+        if (props.inline) {
+          if (!isNaN(Number(props.value))) {
+            obj.width = props.value + "em";
+          } else {
+            obj.width = props.value;
+          }
+        } else {
+          if (!isNaN(Number(props.value))) {
+            obj.height = props.value + "em";
+          } else {
+            obj.height = props.value;
+          }
+        }
+      }
+      return obj;
+    });
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.inline) {
+        arr.push(`is-inline`);
+      }
+      return arr;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-space", setClass.value]),
+          style: 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 Space = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/space/src/space.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 ToSpace = withInstall(Space);
+
+export { ToSpace };
+//# sourceMappingURL=index.js.map

package/es/components/space/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/space/src/space.vue","../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/space/index.ts"],"sourcesContent":["<template>\n  <div class=\"to-space\" :style=\"setStyle\" :class=\"setClass\"></div>\n</template>\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { CSSProperties } from 'vue';\n\ndefineOptions({\n  name: 'ToSpace',\n});\n\ninterface Props {\n  mode?: string;\n  value?: string | number;\n  inline?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  mode: 'default',\n  value: '',\n  inline: false,\n});\n\nconst setStyle = computed((): CSSProperties => {\n  const obj: CSSProperties = {};\n  if (props.value) {\n    if (props.inline) {\n      if (!isNaN(Number(props.value))) {\n        obj.width = props.value + 'em';\n      } else {\n        obj.width = props.value;\n      }\n    } else {\n      if (!isNaN(Number(props.value))) {\n        obj.height = props.value + 'em';\n      } else {\n        obj.height = props.value;\n      }\n    }\n  }\n  return obj;\n});\nconst setClass = computed(() => {\n  let arr: string[] = [];\n  if (props.mode) {\n    arr.push(`mode-${props.mode}`);\n  }\n  if (props.inline) {\n    arr.push(`is-inline`);\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 Space from './src/space.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\n\nexport const ToSpace: SFCWithInstall<typeof Space> = withInstall(Space);\n\nexport * from './src/instance';\n"],"names":["_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;;;;;;AAiBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAMd,IAAM,MAAA,QAAA,GAAW,SAAS,MAAqB;AAC7C,MAAA,MAAM,MAAqB,EAAC,CAAA;AAC5B,MAAA,IAAI,MAAM,KAAO,EAAA;AACf,QAAA,IAAI,MAAM,MAAQ,EAAA;AAChB,UAAA,IAAI,CAAC,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,KAAK,CAAC,CAAG,EAAA;AAC/B,YAAI,GAAA,CAAA,KAAA,GAAQ,MAAM,KAAQ,GAAA,IAAA,CAAA;AAAA,WACrB,MAAA;AACL,YAAA,GAAA,CAAI,QAAQ,KAAM,CAAA,KAAA,CAAA;AAAA,WACpB;AAAA,SACK,MAAA;AACL,UAAA,IAAI,CAAC,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,KAAK,CAAC,CAAG,EAAA;AAC/B,YAAI,GAAA,CAAA,MAAA,GAAS,MAAM,KAAQ,GAAA,IAAA,CAAA;AAAA,WACtB,MAAA;AACL,YAAA,GAAA,CAAI,SAAS,KAAM,CAAA,KAAA,CAAA;AAAA,WACrB;AAAA,SACF;AAAA,OACF;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,QAAA,GAAW,SAAS,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,MAAQ,EAAA;AAChB,QAAA,GAAA,CAAI,KAAK,CAAW,SAAA,CAAA,CAAA,CAAA;AAAA,OACtB;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;;wBAlDC,EAAAA,kBAAA;AAAA,QAAgE,KAAA;AAAA,QAAA;AAAA,UAA3D,OAAKC,cAAA,CAAA,CAAC,UAAqC,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA,UAAjC,KAAA,gBAAO,CAAA,QAAA,CAAQ,KAAA,CAAA;AAAA;;;;;;;;;;;;;;;;;;;ACS3B,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;;ACP9B,MAAA,OAAA,GAAwC,YAAY,KAAK;;;;"}

package/es/components/step/index.js

@@ -0,0 +1,127 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString } from 'vue';
+
+const _hoisted_1 = { class: "to-step" };
+const _hoisted_2 = { class: "to-step-index" };
+const _hoisted_3 = {
+  key: 0,
+  class: "to-step-icon"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "to-step-number"
+};
+const _hoisted_5 = { class: "to-step-text" };
+const _hoisted_6 = { class: "to-step-title" };
+const _hoisted_7 = { class: "to-step-label" };
+const _hoisted_8 = { class: "to-step-content" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToStep"
+  },
+  __name: "step",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: { type: [Number, String], default: 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const updateValue = (idx) => {
+      console.log(props);
+      emit("update:modelValue", idx);
+    };
+    console.log(updateValue);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(
+          Fragment,
+          null,
+          renderList(__props.data, (item, idx) => {
+            return openBlock(), createElementBlock(
+              "div",
+              {
+                key: idx,
+                class: normalizeClass(["to-step-item", { "is-on": idx === Number(__props.modelValue), "is-completed": Number(__props.modelValue) > idx }])
+              },
+              [
+                createElementVNode("div", _hoisted_2, [
+                  Number(__props.modelValue) > idx ? (openBlock(), createElementBlock("div", _hoisted_3)) : (openBlock(), createElementBlock(
+                    "div",
+                    _hoisted_4,
+                    toDisplayString(idx + 1),
+                    1
+                    /* TEXT */
+                  ))
+                ]),
+                createElementVNode("div", _hoisted_5, [
+                  createElementVNode("div", _hoisted_6, [
+                    createElementVNode(
+                      "div",
+                      _hoisted_7,
+                      toDisplayString(item.label),
+                      1
+                      /* TEXT */
+                    ),
+                    _cache[0] || (_cache[0] = createElementVNode(
+                      "div",
+                      { class: "to-step-line" },
+                      null,
+                      -1
+                      /* CACHED */
+                    ))
+                  ]),
+                  createElementVNode(
+                    "div",
+                    _hoisted_8,
+                    toDisplayString(item.content),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ],
+              2
+              /* CLASS */
+            );
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]);
+    };
+  }
+});
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+var Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/step/src/step.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 ToStep = withInstall(Step);
+
+export { ToStep };
+//# sourceMappingURL=index.js.map

package/es/components/step/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/step/src/step.vue","../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/step/index.ts"],"sourcesContent":["<template>\n  <div class=\"to-step\">\n    <div\n      v-for=\"(item, idx) in data\"\n      :key=\"idx\"\n      class=\"to-step-item\"\n      :class=\"{ 'is-on': idx === Number(modelValue), 'is-completed': Number(modelValue) > idx }\"\n    >\n      <div class=\"to-step-index\">\n        <div v-if=\"Number(modelValue) > idx\" class=\"to-step-icon\"></div>\n        <div v-else class=\"to-step-number\">{{ idx + 1 }}</div>\n      </div>\n      <div class=\"to-step-text\">\n        <div class=\"to-step-title\">\n          <div class=\"to-step-label\">{{ item.label }}</div>\n          <div class=\"to-step-line\"></div>\n        </div>\n        <div class=\"to-step-content\">{{ item.content }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\ndefineOptions({\n  name: 'ToStep',\n});\nconst props = defineProps({\n  data: {\n    type: Array as () => { label: string; content: string }[],\n    default: () => [],\n  },\n  modelValue: { type: [Number, String], default: 0 },\n});\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: number): void;\n}>();\n\nconst updateValue = (idx: number) => {\n  console.log(props);\n  emit('update:modelValue', idx);\n};\nconsole.log(updateValue);\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 Step from './src/step.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\n\nexport const ToStep: SFCWithInstall<typeof Step> = withInstall(Step);\n\nexport * from './src/instance';\n"],"names":["_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createElementVNode","_toDisplayString"],"mappings":"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"}

package/es/components/switch/index.js

@@ -0,0 +1,120 @@
+import { ref, watch, computed, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString } from 'vue';
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _hoisted_1 = { class: "to-switch-on" };
+const _hoisted_2 = { class: "to-switch-off" };
+
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  name: 'ToSwitch',
+}, {
+  __name: 'switch',
+  props: {
+	readonly: Boolean,
+	modelValue: {
+		type: [Boolean, String, Number],
+		default: false
+	},
+	onValue: {
+		type: [Boolean, String, Number],
+		default: true
+	},
+	offValue: {
+		type: [Boolean, String, Number],
+		default: false
+	},
+	onText: {
+		type: String,
+		default: ''
+	},
+	offText: {
+		type: String,
+		default: ''
+	}
+},
+  emits: ['update:modelValue', 'change', 'beforeChange'],
+  setup(__props, { emit: __emit }) {
+
+
+const props = __props;
+
+const emit = __emit;
+
+const ivalue = ref(props.modelValue);
+const disabled = ref(props.readonly);
+
+watch(() => props.modelValue, val => {
+	ivalue.value = val;
+}, { immediate: true });
+
+watch(() => props.readonly, val => {
+	disabled.value = val;
+});
+
+const setClass = computed(() => {
+	const arr = [];
+	if (ivalue.value === props.onValue) {
+		arr.push(`is-on`);
+	}
+	return arr;
+});
+
+function toggle() {
+	if (disabled.value) return;
+
+	emit('beforeChange', ivalue.value);
+	ivalue.value = (ivalue.value === props.onValue) ? props.offValue : props.onValue;
+	emit('update:modelValue', ivalue.value);
+	emit('change', ivalue.value);
+}
+
+return (_ctx, _cache) => {
+  const _directive_dis = resolveDirective("dis");
+
+  return withDirectives((openBlock(), createElementBlock("div", {
+    class: normalizeClass(["to-switch", setClass.value]),
+    onClick: toggle
+  }, [
+    createElementVNode("div", _hoisted_1, toDisplayString(__props.onText), 1 /* TEXT */),
+    createElementVNode("div", _hoisted_2, toDisplayString(__props.offText), 1 /* TEXT */)
+  ], 2 /* CLASS */)), [
+    [
+      _directive_dis,
+      disabled.value,
+      void 0,
+      { opacity: true }
+    ]
+  ])
+}
+}
+
+});
+var Switch = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"/Users/wangding/WorkSpace/AsiaInfo/projects/前端框架/touch-vue3-ui/packages/components/switch/src/switch.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 ToSwitch = withInstall(Switch);
+
+export { ToSwitch };
+//# sourceMappingURL=index.js.map

package/es/components/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/switch/src/switch.vue","../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/switch/index.ts"],"sourcesContent":["<template>\n\t<div v-dis.opacity=\"disabled\" class=\"to-switch\" :class=\"setClass\" @click=\"toggle\">\n\t\t<div class=\"to-switch-on\">{{ onText }}</div>\n\t\t<div class=\"to-switch-off\">{{ offText }}</div>\n\t</div>\n</template>\n\n<script setup>\ndefineOptions({\n  name: 'ToSwitch',\n});\nimport { computed, ref, watch, defineEmits, defineProps } from 'vue';\n\nconst props = defineProps({\n\treadonly: Boolean,\n\tmodelValue: {\n\t\ttype: [Boolean, String, Number],\n\t\tdefault: false\n\t},\n\tonValue: {\n\t\ttype: [Boolean, String, Number],\n\t\tdefault: true\n\t},\n\toffValue: {\n\t\ttype: [Boolean, String, Number],\n\t\tdefault: false\n\t},\n\tonText: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\toffText: {\n\t\ttype: String,\n\t\tdefault: ''\n\t}\n});\n\nconst emit = defineEmits(['update:modelValue', 'change', 'beforeChange']);\n\nconst ivalue = ref(props.modelValue);\nconst disabled = ref(props.readonly);\n\nwatch(() => props.modelValue, val => {\n\tivalue.value = val;\n}, { immediate: true });\n\nwatch(() => props.readonly, val => {\n\tdisabled.value = val;\n});\n\nconst setClass = computed(() => {\n\tconst arr = [];\n\tif (ivalue.value === props.onValue) {\n\t\tarr.push(`is-on`);\n\t}\n\treturn arr;\n});\n\nfunction toggle() {\n\tif (disabled.value) return;\n\n\temit('beforeChange', ivalue.value);\n\tivalue.value = (ivalue.value === props.onValue) ? props.offValue : props.onValue;\n\temit('update:modelValue', ivalue.value);\n\temit('change', ivalue.value);\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 Switch from './src/switch.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\n\nexport const ToSwitch: SFCWithInstall<typeof Switch> = withInstall(Switch);\n\nexport * from './src/instance';"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString"],"mappings":"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"}

package/es/components/tab/index.js

@@ -0,0 +1,227 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, withModifiers, createCommentVNode } from 'vue';
+
+const _hoisted_1 = { class: "to-tab-tab" };
+const _hoisted_2 = { class: "to-tab-list" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "to-tab-item-main" };
+const _hoisted_5 = { class: "to-tab-item-content" };
+const _hoisted_6 = { class: "to-tab-item-label" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "to-tab-fn" };
+const _hoisted_9 = { class: "to-tab-page" };
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToTab"
+  },
+  __name: "tab",
+  props: {
+    modelValue: { type: [String, Number], required: false, default: "" },
+    position: { type: String, required: false, default: "" },
+    mode: { type: String, required: false, default: "default" },
+    data: { type: Array, required: false, default: () => [] },
+    deletable: { type: Boolean, required: false, default: false },
+    tabOver: { type: String, required: false, default: "control" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const left = ref(0);
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.position) {
+        arr.push(`position-${props.position}`);
+      }
+      return arr;
+    });
+    const setStyle = computed(() => {
+      let obj = {};
+      return obj;
+    });
+    const setUlStyle = computed(() => {
+      let obj = {};
+      obj.transform = `translateX(${left}px)`;
+      return obj;
+    });
+    function changeTab(item, index) {
+      emit("update:modelValue", item.value, index);
+      emit("change", item.value, index);
+    }
+    function removeTab(item, index) {
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-tab", setClass.value]),
+          style: normalizeStyle(setStyle.value)
+        },
+        [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode(
+                "ul",
+                {
+                  ref: "ul",
+                  class: "to-tab-wrapper",
+                  style: normalizeStyle(setUlStyle.value)
+                },
+                [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(_ctx.data, (item, index) => {
+                      return openBlock(), createElementBlock("li", {
+                        key: index,
+                        class: normalizeClass(["to-tab-item", { "is-on": item.value === _ctx.modelValue }]),
+                        onClick: ($event) => changeTab(item, index)
+                      }, [
+                        renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, item), () => [
+                          createElementVNode("div", _hoisted_4, [
+                            _cache[1] || (_cache[1] = createElementVNode(
+                              "div",
+                              { class: "to-tab-item-left" },
+                              null,
+                              -1
+                              /* CACHED */
+                            )),
+                            createElementVNode("div", _hoisted_5, [
+                              createElementVNode("div", _hoisted_6, [
+                                renderSlot(_ctx.$slots, "label", mergeProps({ ref_for: true }, item), () => [
+                                  createTextVNode(
+                                    toDisplayString(item.label),
+                                    1
+                                    /* TEXT */
+                                  )
+                                ])
+                              ]),
+                              _ctx.deletable ? (openBlock(), createElementBlock("span", {
+                                key: 0,
+                                class: "to-tab-item-delete",
+                                onClick: withModifiers(($event) => removeTab(), ["stop"])
+                              }, [..._cache[0] || (_cache[0] = [
+                                createElementVNode(
+                                  "span",
+                                  null,
+                                  null,
+                                  -1
+                                  /* CACHED */
+                                )
+                              ])], 8, _hoisted_7)) : createCommentVNode("v-if", true)
+                            ]),
+                            _cache[2] || (_cache[2] = createElementVNode(
+                              "div",
+                              { class: "to-tab-item-right" },
+                              null,
+                              -1
+                              /* CACHED */
+                            ))
+                          ]),
+                          _cache[3] || (_cache[3] = createElementVNode(
+                            "div",
+                            { class: "to-tab-item-under" },
+                            null,
+                            -1
+                            /* CACHED */
+                          ))
+                        ])
+                      ], 10, _hoisted_3);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ],
+                4
+                /* STYLE */
+              )
+            ]),
+            _cache[4] || (_cache[4] = createElementVNode(
+              "div",
+              { class: "to-tab-line" },
+              null,
+              -1
+              /* CACHED */
+            )),
+            createElementVNode("div", _hoisted_8, [
+              renderSlot(_ctx.$slots, "fn"),
+              createCommentVNode(' <div class="to-tab-fn-item fn-left"></div>\n				<div class="to-tab-fn-item fn-right"></div>\n				<div class="to-tab-fn-item fn-refresh"></div> ')
+            ])
+          ]),
+          createElementVNode("div", _hoisted_9, [
+            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 Tab = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/tab/src/tab.vue"]]);
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToTabItem"
+  },
+  __name: "tab-item",
+  props: {
+    mode: { type: String, required: true, default: "default" }
+  },
+  setup(__props) {
+    const props = __props;
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      return arr;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-tab-item", setClass.value])
+        },
+        null,
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var TabItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/tab/src/tab-item.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 ToTab = withInstall(Tab);
+const ToTabItem = withInstall(TabItem);
+
+export { ToTab, ToTabItem };
+//# sourceMappingURL=index.js.map

package/es/components/tab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/tab/src/tab.vue","../../../../packages/components/tab/src/tab-item.vue","../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/tab/index.ts"],"sourcesContent":["<template>\n\t<div class=\"to-tab\" :class=\"setClass\" :style=\"setStyle\">\n\t\t<div class=\"to-tab-tab\">\n\t\t\t<div class=\"to-tab-list\">\n\t\t\t\t<ul ref=\"ul\" class=\"to-tab-wrapper\" :style=\"setUlStyle\">\n\t\t\t\t\t<template v-for=\"(item, index) in data\" :key=\"index\">\n\t\t\t\t\t\t<li class=\"to-tab-item\" :class=\"{ 'is-on': item.value === modelValue }\" @click=\"changeTab(item, index)\">\n\t\t\t\t\t\t\t<slot name=\"item\" v-bind=\"item\">\n\t\t\t\t\t\t\t\t<div class=\"to-tab-item-main\">\n\t\t\t\t\t\t\t\t\t<div class=\"to-tab-item-left\"></div>\n\t\t\t\t\t\t\t\t\t<div class=\"to-tab-item-content\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"to-tab-item-label\">\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"label\" v-bind=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t{{ item.label }}\n\t\t\t\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<span class=\"to-tab-item-delete\" v-if=\"deletable\" @click.stop=\"removeTab(item, index)\"><span></span></span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"to-tab-item-right\"></div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"to-tab-item-under\"></div>\n\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</template>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t\t<div class=\"to-tab-line\"></div>\n\t\t\t<div class=\"to-tab-fn\">\n\t\t\t\t<slot name=\"fn\"></slot>\n\t\t\t\t<!-- <div class=\"to-tab-fn-item fn-left\"></div>\n\t\t\t\t<div class=\"to-tab-fn-item fn-right\"></div>\n\t\t\t\t<div class=\"to-tab-fn-item fn-refresh\"></div> -->\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"to-tab-page\">\n\t\t\t<slot></slot>\n\t\t</div>\n\t</div>\n</template>\n<script setup lang=\"ts\">\ndefineOptions({\n  name: 'ToTab',\n});\nimport { ref, reactive, computed, onMounted, CSSProperties } from 'vue'\n\nconst emit = defineEmits(['update:modelValue', 'change'])\n\ninterface TabItem {\n\tlabel: string,\n\tvalue: string | number,\n}\ninterface Props {\n\tmodelValue?: string | number,\n\tposition?: string,\n\tmode?: string,\n\tdata?: TabItem[],\n\tdeletable?: boolean,\n\ttabOver?: 'float' | 'avg' | 'control' | 'scroll'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tmodelValue: '',\n\tposition: '',\n\tmode: 'default',\n\ttabOver: 'control',\n\tdeletable: false,\n\tdata: () => [] as TabItem[]\n})\n\nconst left = ref(0)\n\nconst setClass = computed(() => {\n\tlet arr: string[] = []\n\tif (props.mode) {\n\t\tarr.push(`mode-${props.mode}`)\n\t}\n\tif (props.position) {\n\t\tarr.push(`position-${props.position}`)\n\t}\n\treturn arr\n})\n\nconst setStyle = computed(() => {\n\tlet obj: CSSProperties = {}\n\treturn obj\n})\n\nconst setUlStyle = computed(() => {\n\tlet obj: CSSProperties = {}\n\tobj.transform = `translateX(${left}px)`\n\treturn obj\n})\n\nfunction changeTab(item, index) {\n\temit('update:modelValue', item.value, index)\n\temit('change', item.value, index)\n}\n\nfunction removeTab(item, index) {\n\t// \n}\n</script>","<template>\n\t<div class=\"to-tab-item\" :class=\"setClass\"></div>\n</template>\n<script setup lang=\"ts\">\ndefineOptions({\n  name: 'ToTabItem',\n});\nimport { ref, reactive, computed, onMounted, defineProps } from 'vue'\n\ninterface Props {\n\tmode: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tmode: 'default'\n})\n\n\nconst setClass = computed(() => {\n\tlet arr: string[] = []\n\tif (props.mode) {\n\t\tarr.push(`mode-${props.mode}`)\n\t}\n\treturn arr\n})\n</script>","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 Tab from './src/tab.vue';\nimport TabItem from './src/tab-item.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\n\nexport const ToTab: SFCWithInstall<typeof Tab> = withInstall(Tab);\nexport const ToTabItem: SFCWithInstall<typeof TabItem> = withInstall(TabItem);\n\nexport * from './src/instance';"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_openBlock","_Fragment","data","modelValue","_renderSlot","_mergeProps","_createTextVNode","_toDisplayString","deletable","_withModifiers","_createCommentVNode"],"mappings":"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"}