@touchvue/ui 0.0.1-alpha.2

package/es/components/card/index.js

@@ -0,0 +1,290 @@
+import { provide, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createCommentVNode, createElementVNode } from '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();
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main$1 = /*@__PURE__*/Object.assign({
+  name: 'ToCard',
+}, {
+  __name: 'Card',
+  props: {
+  fillet: { type: String, default: 'none' },
+  color: { type: String, default: '' },
+  mode: { type: String, default: 'default' },
+  padding: { type: [Number, String], default: '' },
+  link: Boolean,
+  shadow: Boolean,
+  checked: Boolean,
+  wrap: Boolean,
+  type: { type: String, default: '' },
+  width: { type: [Number, String], default: '' },
+},
+  emits: ['click'],
+  setup(__props, { emit: __emit }) {
+
+
+
+const props = __props;
+
+const emits = __emit;
+
+provide('toCard', {});
+
+const setClass = computed(() => {
+  const arr = [];
+  if (props.wrap) arr.push('is-wrap');
+  if (props.mode) arr.push(`mode-${props.mode}`);
+  if (props.color) arr.push(`color-${props.color}`);
+  if (props.link) arr.push('is-link');
+  if (props.type) arr.push(`type-${props.type}`);
+  if (props.checked) arr.push('is-checked');
+  if (props.width === 'auto') arr.push('width-auto');
+  return arr;
+});
+
+const setStyle = computed(() => {
+  const obj = {};
+  if (props.width) {
+    obj.width = isNaN(Number(props.width)) ? props.width : `${props.width}em`;
+  }
+
+  const hasUnit = val => /[a-z%]+$/i.test(val);
+  if (String(props.padding).trim()) {
+    // 分割成各个值
+    const padded = String(props.padding)
+      .trim()
+      .split(/\s+/)
+      .map(val => {
+        // 如果是数字（或纯数字字符串），或末尾无单位，就加 em
+        return hasUnit(val) ? val : `${val}em`;
+      })
+      .join(' ');
+
+    obj.padding = padded;
+  }
+  return obj;
+});
+
+const setFnStyle = computed(() => {
+  const obj = {};
+  if (props.padding >= 0 && props.padding !== 1) {
+    obj.top = `${props.padding}em`;
+    obj.right = `${props.padding}em`;
+  }
+  return obj;
+});
+
+function clickHandle(evt) {
+  if (props.link) {
+    emits('click', evt);
+  }
+}
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(["to-card", setClass.value]),
+    style: normalizeStyle(setStyle.value),
+    onClick: clickHandle
+  }, [
+    renderSlot(_ctx.$slots, "default"),
+    (_ctx.$slots.fn)
+      ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "to-card-fn",
+          style: normalizeStyle(setFnStyle.value)
+        }, [
+          renderSlot(_ctx.$slots, "fn")
+        ], 4 /* STYLE */))
+      : createCommentVNode("v-if", true)
+  ], 6 /* CLASS, STYLE */))
+}
+}
+
+});
+var Card = /*#__PURE__*/_export_sfc(_sfc_main$1, [['__file',"/Users/wangding/WorkSpace/AsiaInfo/projects/前端框架/touch-vue3-ui/packages/components/card/src/Card.vue"]]);
+
+const _hoisted_1 = {
+  key: 0,
+  class: "to-card-title"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "to-card-title-main"
+};
+const _hoisted_3 = { class: "to-card-title-text" };
+const _hoisted_4 = {
+  key: 1,
+  class: "to-card-title-side"
+};
+const _hoisted_5 = { class: "to-card-title-side-text" };
+const _hoisted_6 = {
+  key: 1,
+  class: "to-card-content"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "to-card-content-main"
+};
+const _hoisted_8 = { class: "to-card-content-text" };
+const _hoisted_9 = {
+  key: 1,
+  class: "to-card-content-side"
+};
+const _hoisted_10 = { class: "to-card-content-side-text" };
+const _hoisted_11 = {
+  key: 2,
+  class: "to-card-value"
+};
+const _hoisted_12 = { class: "to-card-value-text" };
+const _hoisted_13 = {
+  key: 3,
+  class: "to-card-label"
+};
+const _hoisted_14 = { class: "to-card-value-text" };
+
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  name: 'ToCardItem',
+}, {
+  __name: 'CardItem',
+  props: {
+  type: { type: String, default: 'side' },
+  align: { type: String, default: '' },
+  padding: { type: [Number, String], default: 0 },
+  width: { type: [Number, String], default: 0 },
+  line: Boolean,
+  more: Boolean,
+  link: Boolean,
+  main: Boolean,
+},
+  setup(__props) {
+
+const props = __props;
+
+// const toCard = inject('toCard')
+
+
+
+const setClass = computed(() => {
+  const arr = [];
+  if (props.type === 'main' || props.main) arr.push('is-main');
+  if (props.type === 'more' || props.more) arr.push('is-more');
+  if (props.type === 'link' || props.link) arr.push('is-link');
+  if (props.line === 'solid') arr.push('line-solid');
+  if (props.align) arr.push(`align-${props.align}`);
+  return arr;
+});
+
+const setStyle = computed(() => {
+  const obj = {};
+
+  const hasUnit = val => /[a-z%]+$/i.test(val);
+  if (String(props.padding).trim()) {
+    // 分割成各个值
+    const padded = String(props.padding)
+      .trim()
+      .split(/\s+/)
+      .map(val => {
+        // 如果是数字（或纯数字字符串），或末尾无单位，就加 em
+        return hasUnit(val) ? val : `${val}em`;
+      })
+      .join(' ');
+
+    obj.padding = padded;
+  }
+
+  if (props.width) {
+    obj.width = props.width + 'em';
+  }
+
+  return obj;
+});
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(["to-card-item", setClass.value]),
+    style: normalizeStyle(setStyle.value)
+  }, [
+    renderSlot(_ctx.$slots, "default"),
+    (_ctx.$slots.title || _ctx.$slots.titleSide)
+      ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          (_ctx.$slots.title)
+            ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                createElementVNode("span", _hoisted_3, [
+                  renderSlot(_ctx.$slots, "title")
+                ])
+              ]))
+            : createCommentVNode("v-if", true),
+          (_ctx.$slots.titleSide)
+            ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                createElementVNode("span", _hoisted_5, [
+                  renderSlot(_ctx.$slots, "titleSide")
+                ])
+              ]))
+            : createCommentVNode("v-if", true)
+        ]))
+      : createCommentVNode("v-if", true),
+    (_ctx.$slots.content || _ctx.$slots.contentSide)
+      ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          (_ctx.$slots.content)
+            ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                createElementVNode("span", _hoisted_8, [
+                  renderSlot(_ctx.$slots, "content")
+                ])
+              ]))
+            : createCommentVNode("v-if", true),
+          (_ctx.$slots.contentSide)
+            ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                createElementVNode("span", _hoisted_10, [
+                  renderSlot(_ctx.$slots, "contentSide")
+                ])
+              ]))
+            : createCommentVNode("v-if", true)
+        ]))
+      : createCommentVNode("v-if", true),
+    (_ctx.$slots.value)
+      ? (openBlock(), createElementBlock("div", _hoisted_11, [
+          createElementVNode("span", _hoisted_12, [
+            renderSlot(_ctx.$slots, "value")
+          ])
+        ]))
+      : createCommentVNode("v-if", true),
+    (_ctx.$slots.label)
+      ? (openBlock(), createElementBlock("div", _hoisted_13, [
+          createElementVNode("span", _hoisted_14, [
+            renderSlot(_ctx.$slots, "label")
+          ])
+        ]))
+      : createCommentVNode("v-if", true)
+  ], 6 /* CLASS, STYLE */))
+}
+}
+
+});
+var CardItem = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"/Users/wangding/WorkSpace/AsiaInfo/projects/前端框架/touch-vue3-ui/packages/components/card/src/CardItem.vue"]]);
+
+const ToCard = withInstall(Card, [CardItem]);
+
+export { ToCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/card/src/Card.vue","../../../../packages/components/card/src/CardItem.vue","../../../../packages/components/card/index.ts"],"sourcesContent":["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","<template>\n  <div class=\"to-card\" :style=\"setStyle\" :class=\"setClass\" @click=\"clickHandle\">\n    <slot></slot>\n    <div v-if=\"$slots.fn\" class=\"to-card-fn\" :style=\"setFnStyle\">\n      <slot name=\"fn\"></slot>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { computed, provide } from 'vue';\n\ndefineOptions({\n  name: 'ToCard',\n});\n\nconst props = defineProps({\n  fillet: { type: String, default: 'none' },\n  color: { type: String, default: '' },\n  mode: { type: String, default: 'default' },\n  padding: { type: [Number, String], default: '' },\n  link: Boolean,\n  shadow: Boolean,\n  checked: Boolean,\n  wrap: Boolean,\n  type: { type: String, default: '' },\n  width: { type: [Number, String], default: '' },\n});\n\nconst emits = defineEmits(['click']);\n\nprovide('toCard', {});\n\nconst setClass = computed(() => {\n  const arr = [];\n  if (props.wrap) arr.push('is-wrap');\n  if (props.mode) arr.push(`mode-${props.mode}`);\n  if (props.color) arr.push(`color-${props.color}`);\n  if (props.link) arr.push('is-link');\n  if (props.type) arr.push(`type-${props.type}`);\n  if (props.checked) arr.push('is-checked');\n  if (props.width === 'auto') arr.push('width-auto');\n  return arr;\n});\n\nconst setStyle = computed(() => {\n  const obj = {};\n  if (props.width) {\n    obj.width = isNaN(Number(props.width)) ? props.width : `${props.width}em`;\n  }\n\n  const hasUnit = val => /[a-z%]+$/i.test(val);\n  if (String(props.padding).trim()) {\n    // 分割成各个值\n    const padded = String(props.padding)\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  return obj;\n});\n\nconst setFnStyle = computed(() => {\n  const obj = {};\n  if (props.padding >= 0 && props.padding !== 1) {\n    obj.top = `${props.padding}em`;\n    obj.right = `${props.padding}em`;\n  }\n  return obj;\n});\n\nfunction clickHandle(evt) {\n  if (props.link) {\n    emits('click', evt);\n  }\n}\n</script>\n","<template>\n  <div class=\"to-card-item\" :class=\"setClass\" :style=\"setStyle\">\n    <slot></slot>\n    <div v-if=\"$slots.title || $slots.titleSide\" class=\"to-card-title\">\n      <div v-if=\"$slots.title\" class=\"to-card-title-main\">\n        <span class=\"to-card-title-text\">\n          <slot name=\"title\" />\n        </span>\n      </div>\n      <div v-if=\"$slots.titleSide\" class=\"to-card-title-side\">\n        <span class=\"to-card-title-side-text\">\n          <slot name=\"titleSide\" />\n        </span>\n      </div>\n    </div>\n    <div v-if=\"$slots.content || $slots.contentSide\" class=\"to-card-content\">\n      <div v-if=\"$slots.content\" class=\"to-card-content-main\">\n        <span class=\"to-card-content-text\">\n          <slot name=\"content\" />\n        </span>\n      </div>\n      <div v-if=\"$slots.contentSide\" class=\"to-card-content-side\">\n        <span class=\"to-card-content-side-text\">\n          <slot name=\"contentSide\" />\n        </span>\n      </div>\n    </div>\n    <div v-if=\"$slots.value\" class=\"to-card-value\">\n      <span class=\"to-card-value-text\">\n        <slot name=\"value\" />\n      </span>\n    </div>\n    <div v-if=\"$slots.label\" class=\"to-card-label\">\n      <span class=\"to-card-value-text\">\n        <slot name=\"label\" />\n      </span>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue';\n\nconst props = defineProps({\n  type: { type: String, default: 'side' },\n  align: { type: String, default: '' },\n  padding: { type: [Number, String], default: 0 },\n  width: { type: [Number, String], default: 0 },\n  line: Boolean,\n  more: Boolean,\n  link: Boolean,\n  main: Boolean,\n});\n\n// const toCard = inject('toCard')\n\ndefineOptions({\n  name: 'ToCardItem',\n});\n\nconst setClass = computed(() => {\n  const arr = [];\n  if (props.type === 'main' || props.main) arr.push('is-main');\n  if (props.type === 'more' || props.more) arr.push('is-more');\n  if (props.type === 'link' || props.link) arr.push('is-link');\n  if (props.line === 'solid') arr.push('line-solid');\n  if (props.align) arr.push(`align-${props.align}`);\n  return arr;\n});\n\nconst setStyle = computed(() => {\n  const obj = {};\n\n  const hasUnit = val => /[a-z%]+$/i.test(val);\n  if (String(props.padding).trim()) {\n    // 分割成各个值\n    const padded = String(props.padding)\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.width) {\n    obj.width = props.width + 'em';\n  }\n\n  return obj;\n});\n</script>\n","import { withInstall } from '@touchvue/utils';\nimport Card from './src/Card.vue';\nimport CardItem from './src/CardItem.vue';\n\nexport const ToCard = withInstall(Card, [CardItem]);\n\nexport * from './src/Card.vue';\nexport * from './src/CardItem.vue';\n"],"names":["_createElementBlock","_normalizeClass","_renderSlot","$slots","_openBlock","_createElementVNode"],"mappings":"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"}

package/es/components/checkbox/index.js

@@ -0,0 +1,97 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createElementVNode, toDisplayString, createCommentVNode } from '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 _hoisted_1 = {
+  key: 0,
+  class: "to-checkbox-label"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToCheckbox"
+  },
+  __name: "Checkbox",
+  props: {
+    mode: { type: String, required: false, default: "default" },
+    label: { type: String, required: false, default: "" },
+    value: { type: Boolean, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    let checked = ref(false);
+    const setStyle = computed(() => {
+      const obj = {};
+      return obj;
+    });
+    const setClass = computed(() => {
+      let arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (checked.value) {
+        arr.push(`is-checked`);
+      }
+      return arr;
+    });
+    function toggle() {
+      checked.value = !checked.value;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-checkbox", setClass.value]),
+          style: normalizeStyle(setStyle.value),
+          onClick: withModifiers(toggle, ["stop"])
+        },
+        [
+          _cache[0] || (_cache[0] = createElementVNode(
+            "div",
+            { class: "to-checkbox-box" },
+            null,
+            -1
+            /* CACHED */
+          )),
+          _ctx.label ? (openBlock(), createElementBlock(
+            "div",
+            _hoisted_1,
+            toDisplayString(_ctx.label),
+            1
+            /* TEXT */
+          )) : 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 Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/checkbox/src/Checkbox.vue"]]);
+
+const ToCheckbox = withInstall(Checkbox);
+
+export { ToCheckbox };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/checkbox/src/Checkbox.vue","../../../../packages/components/checkbox/index.ts"],"sourcesContent":["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","<template>\n  <div class=\"to-checkbox\" :class=\"setClass\" :style=\"setStyle\" @click.stop=\"toggle\">\n    <div class=\"to-checkbox-box\"></div>\n    <div v-if=\"label\" class=\"to-checkbox-label\">{{ label }}</div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { ref, computed, defineProps } from 'vue';\n\ndefineOptions({\n  name: 'ToCheckbox',\n});\n\ninterface Props {\n  mode?: string;\n  label?: string;\n  value?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  mode: 'default',\n  label: '',\n});\n\nlet checked = ref<boolean>(false);\n\nconst setStyle = computed(() => {\n  const obj = {};\n  return obj;\n});\n\nconst setClass = computed(() => {\n  let arr: string[] = [];\n  if (props.mode) {\n    arr.push(`mode-${props.mode}`);\n  }\n  if (checked.value) {\n    arr.push(`is-checked`);\n  }\n  return arr;\n});\n\nfunction toggle() {\n  checked.value = !checked.value;\n}\n</script>\n","import { withInstall, SFCWithInstall } from '@touchvue/utils';\nimport Checkbox from './src/Checkbox.vue';\n\nexport const ToCheckbox: SFCWithInstall<typeof Checkbox> = withInstall(Checkbox);\nexport * from './src/Checkbox.vue';\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","label","_toDisplayString"],"mappings":";;AAUa,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;;;;;;;;;;;;;;;;;ACS3C,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAKd,IAAI,IAAA,OAAA,GAAU,IAAa,KAAK,CAAA,CAAA;AAEhC,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,MAAM,MAAM,EAAC,CAAA;AACb,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,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,QAAQ,KAAO,EAAA;AACjB,QAAA,GAAA,CAAI,KAAK,CAAY,UAAA,CAAA,CAAA,CAAA;AAAA,OACvB;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,SAAS,MAAS,GAAA;AAChB,MAAQ,OAAA,CAAA,KAAA,GAAQ,CAAC,OAAQ,CAAA,KAAA,CAAA;AAAA,KAC3B;;wBA3CE,EAAAA,kBAAA;AAAA,QAGM,KAAA;AAAA,QAAA;AAAA,UAHD,OAAKC,cAAA,CAAA,CAAC,aAAsB,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA,UAAG,KAAA,gBAAO,CAAA,QAAA,CAAQ,KAAA,CAAA;AAAA,UAAG,uBAAY,MAAM,EAAA,CAAA,MAAA,CAAA,CAAA;AAAA;;iCAC9E,GAAAC,kBAAA;AAAA,YAAmC,KAAA;AAAA,YAAA,EAA9B,OAAM,iBAAiB,EAAA;AAAA,YAAA,IAAA;AAAA,YAAA,CAAA,CAAA;AAAA;AAAA,WAAA,CAAA;AAAA,UACjBC,IAAAA,CAAK,oBAAhB,EAAAH,kBAAA;AAAA,YAA6D,KAAA;AAAA,YAA7D,UAAA;AAAA,YAA6DI,eAAA,CAAdD,KAAK,KAAA,CAAA;AAAA,YAAA,CAAA;AAAA;AAAA,WAAA;;;;;;;;;;;;;;;;;;;ACA3C,MAAA,UAAA,GAA8C,YAAY,QAAQ;;;;"}

package/es/components/datepicker/index.js

@@ -0,0 +1,44 @@
+import { defineComponent, openBlock, createElementBlock } from '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();
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToDatepicker"
+  },
+  __name: "DatePicker",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div");
+    };
+  }
+});
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/datepicker/src/DatePicker.vue"]]);
+
+const ToDatepikcer = withInstall(DatePicker);
+
+export { ToDatepikcer };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/datepicker/src/DatePicker.vue","../../../../packages/components/datepicker/index.ts"],"sourcesContent":["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","<template>\n  <div></div>\n</template>\n<script setup lang=\"ts\">\ndefineOptions({\n  name: 'ToDatepicker',\n});\n</script>\n","import { withInstall, SFCWithInstall } from '@touchvue/utils';\nimport DatePicker from './src/DatePicker.vue';\n\nexport const ToDatepikcer: SFCWithInstall<typeof DatePicker> = withInstall(DatePicker);\nexport * from './src/DatePicker.vue';\n"],"names":["_createElementBlock"],"mappings":";;AAUa,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;;;;;;;;;wBCTzC,EAAAA,kBAAA,CAAW,KAAA,CAAA,CAAA;AAAA;;;;;;;;;;;;;;ACEA,MAAA,YAAA,GAAkD,YAAY,UAAU;;;;"}