@touchvue/ui 0.0.1-alpha.2

package/es/components/header/index.js

@@ -0,0 +1,233 @@
+import { defineComponent, getCurrentInstance, useSlots, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode } from 'vue';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "to-header-left"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "to-header-back"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "tip"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "to-header-center"
+};
+const _hoisted_5 = {
+  key: 3,
+  class: "to-header-title"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "to-header-title-text"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "to-header-title-text"
+};
+const _hoisted_8 = {
+  key: 2,
+  class: "to-header-title-tip"
+};
+const _hoisted_9 = {
+  key: 4,
+  class: "to-header-content"
+};
+const _hoisted_10 = { class: "to-header-fn" };
+const _hoisted_11 = {
+  key: 5,
+  class: "to-header-fn is-float"
+};
+const _hoisted_12 = {
+  key: 6,
+  class: "to-header-right"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "header",
+  props: {
+    title: { type: String, required: false, default: "" },
+    color: { type: String, required: false, default: "" },
+    mode: { type: String, required: false, default: "default" },
+    titlePosition: { type: String, required: false, default: "left" }
+  },
+  emits: ["back"],
+  setup(__props, { emit: __emit }) {
+    const instance = getCurrentInstance();
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const float = ref();
+    const floatFnIcon = ref();
+    const hasBack = computed(() => {
+      var _a;
+      return !!((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onClick);
+    });
+    const setClass = computed(() => {
+      const arr = [];
+      if (props.mode) {
+        arr.push(`mode-${props.mode}`);
+      }
+      return arr;
+    });
+    const toggleFloat = () => {
+      var _a, _b;
+      (_b = (_a = float.value) == null ? void 0 : _a.toggle) == null ? void 0 : _b.call(_a, floatFnIcon.value);
+    };
+    return (_ctx, _cache) => {
+      const _component_to_button = resolveComponent("to-button");
+      const _component_to_icon = resolveComponent("to-icon");
+      const _component_to_float = resolveComponent("to-float");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["to-header", setClass.value])
+        },
+        [
+          unref(slots).left || Boolean(hasBack.value) && props.titlePosition === "center" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            Boolean(hasBack.value) && props.titlePosition === "center" ? (openBlock(), createBlock(_component_to_button, {
+              key: 0,
+              icon: "back",
+              mode: "none",
+              onClick: _cache[0] || (_cache[0] = ($event) => emit("back"))
+            })) : createCommentVNode("v-if", true),
+            renderSlot(_ctx.$slots, "left")
+          ])) : createCommentVNode("v-if", true),
+          (props.title || unref(slots).title) && Boolean(hasBack.value) && props.titlePosition === "left" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            createVNode(_component_to_button, {
+              mode: "none",
+              icon: "back",
+              onClick: _cache[1] || (_cache[1] = ($event) => emit("back"))
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "title", {}, () => [
+                  createTextVNode(
+                    toDisplayString(props.title),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              _: 3
+              /* FORWARDED */
+            }),
+            unref(slots).tip ? (openBlock(), createElementBlock("span", _hoisted_3, [
+              renderSlot(_ctx.$slots, "tip")
+            ])) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true),
+          props.titlePosition === "center" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "icon"),
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(
+                toDisplayString(props.title),
+                1
+                /* TEXT */
+              )
+            ])
+          ])) : createCommentVNode("v-if", true),
+          (props.title || unref(slots).title) && !Boolean(hasBack.value) && props.titlePosition === "left" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            _cache[2] || (_cache[2] = createElementVNode(
+              "div",
+              { class: "to-header-title-icon" },
+              null,
+              -1
+              /* CACHED */
+            )),
+            props.title ? (openBlock(), createElementBlock(
+              "div",
+              _hoisted_6,
+              toDisplayString(props.title),
+              1
+              /* TEXT */
+            )) : createCommentVNode("v-if", true),
+            unref(slots).title ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              unref(slots).title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : createCommentVNode("v-if", true)
+            ])) : createCommentVNode("v-if", true),
+            unref(slots).tip ? (openBlock(), createElementBlock("div", _hoisted_8, [
+              renderSlot(_ctx.$slots, "tip")
+            ])) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true),
+          unref(slots).content || !((props.title || unref(slots).title) && props.titlePosition === "left") ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            renderSlot(_ctx.$slots, "content")
+          ])) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_10, [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          unref(slots).floatFn ? (openBlock(), createElementBlock("div", _hoisted_11, [
+            createVNode(
+              _component_to_icon,
+              {
+                ref_key: "floatFnIcon",
+                ref: floatFnIcon,
+                link: "",
+                value: "menu",
+                mode: "none",
+                fillet: "normal",
+                onClick: toggleFloat
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ),
+            createVNode(
+              _component_to_float,
+              {
+                ref_key: "float",
+                ref: float,
+                class: "to-header-floatFn",
+                width: 10
+              },
+              {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "floatFn")
+                ]),
+                _: 3
+                /* FORWARDED */
+              },
+              512
+              /* NEED_PATCH */
+            )
+          ])) : createCommentVNode("v-if", true),
+          unref(slots).right ? (openBlock(), createElementBlock("div", _hoisted_12, [
+            renderSlot(_ctx.$slots, "right")
+          ])) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+var Header = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/header/src/header.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 ToHeader = withInstall(Header);
+
+export { ToHeader };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/header/src/header.vue","../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/header/index.ts"],"sourcesContent":["<template>\n  <div class=\"to-header\" :class=\"setClass\">\n    <div\n      v-if=\"slots.left || (Boolean(hasBack) && props.titlePosition === 'center')\"\n      class=\"to-header-left\"\n    >\n      <to-button\n        v-if=\"Boolean(hasBack) && props.titlePosition === 'center'\"\n        icon=\"back\"\n        mode=\"none\"\n        @click=\"emit('back')\"\n      />\n      <slot name=\"left\" />\n    </div>\n\n    <div\n      v-if=\"(props.title || slots.title) && Boolean(hasBack) && props.titlePosition === 'left'\"\n      class=\"to-header-back\"\n    >\n      <to-button mode=\"none\" icon=\"back\" @click=\"emit('back')\">\n        <slot name=\"title\">{{ props.title }}</slot>\n      </to-button>\n      <span v-if=\"slots.tip\" class=\"tip\">\n        <slot name=\"tip\" />\n      </span>\n    </div>\n\n    <div v-if=\"props.titlePosition === 'center'\" class=\"to-header-center\">\n      <slot name=\"icon\" />\n      <slot name=\"title\">{{ props.title }}</slot>\n    </div>\n\n    <div\n      v-if=\"(props.title || slots.title) && !Boolean(hasBack) && props.titlePosition === 'left'\"\n      class=\"to-header-title\"\n    >\n      <div class=\"to-header-title-icon\"></div>\n      <div v-if=\"props.title\" class=\"to-header-title-text\">{{ props.title }}</div>\n      <div v-if=\"slots.title\" class=\"to-header-title-text\">\n        <slot v-if=\"slots.title\" name=\"title\" />\n      </div>\n      <div v-if=\"slots.tip\" class=\"to-header-title-tip\">\n        <slot name=\"tip\" />\n      </div>\n    </div>\n\n    <div\n      v-if=\"slots.content || !((props.title || slots.title) && props.titlePosition === 'left')\"\n      class=\"to-header-content\"\n    >\n      <slot name=\"content\" />\n    </div>\n\n    <div class=\"to-header-fn\">\n      <slot />\n    </div>\n\n    <div v-if=\"slots.floatFn\" class=\"to-header-fn is-float\">\n      <to-icon\n        ref=\"floatFnIcon\"\n        link\n        value=\"menu\"\n        mode=\"none\"\n        fillet=\"normal\"\n        @click=\"toggleFloat\"\n      />\n      <to-float ref=\"float\" class=\"to-header-floatFn\" :width=\"10\">\n        <slot name=\"floatFn\" />\n      </to-float>\n    </div>\n\n    <div v-if=\"slots.right\" class=\"to-header-right\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, useSlots, getCurrentInstance } from 'vue';\nconst instance = getCurrentInstance();\n\ninterface Props {\n  title?: string;\n  color?: string;\n  mode?: string;\n  titlePosition?: 'left' | 'center';\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  title: '',\n  color: '',\n  mode: 'default',\n  titlePosition: 'left',\n});\n\nconst emit = defineEmits<{\n  (e: 'back'): void;\n}>();\n\nconst slots = useSlots();\n\nconst float = ref();\nconst floatFnIcon = ref();\n\nconst hasBack = computed(() => {\n  return !!instance?.vnode.props?.onClick;\n});\n\nconst setClass = computed(() => {\n  const arr: string[] = [];\n\n  if (props.mode) {\n    arr.push(`mode-${props.mode}`);\n  }\n\n  return arr;\n});\n\nconst toggleFloat = () => {\n  float.value?.toggle?.(floatFnIcon.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 Header from './src/header.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\nexport const ToHeader: SFCWithInstall<typeof Header> = withInstall(Header);\nexport * from './src/instance';\n"],"names":["_createElementBlock","_normalizeClass","_unref","_openBlock","_createBlock","_renderSlot","_createVNode","_createTextVNode","_toDisplayString","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EA,IAAA,MAAM,WAAW,kBAAmB,EAAA,CAAA;AASpC,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAOd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAIb,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,QAAQ,GAAI,EAAA,CAAA;AAClB,IAAA,MAAM,cAAc,GAAI,EAAA,CAAA;AAExB,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;;AAC7B,MAAA,OAAO,CAAC,EAAA,CAAC,EAAU,GAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAM,UAAhB,IAAuB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,CAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,MAAM,MAAgB,EAAC,CAAA;AAEvB,MAAA,IAAI,MAAM,IAAM,EAAA;AACd,QAAI,GAAA,CAAA,IAAA,CAAK,CAAQ,KAAA,EAAA,KAAA,CAAM,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,OAC/B;AAEA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,cAAc,MAAM;;AACxB,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,KAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAa,MAAb,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAsB,WAAY,CAAA,KAAA,CAAA,CAAA;AAAA,KACpC,CAAA;;;;;wBAvHE,EAAAA,kBAAA;AAAA,QAyEM,KAAA;AAAA,QAAA;AAAA,UAzED,OAAKC,cAAA,CAAA,CAAC,WAAoB,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA;;UAE7BC,KAAK,CAAA,KAAA,CAAC,CAAA,IAAA,IAAS,QAAQ,OAAO,CAAA,KAAA,CAAK,IAAA,KAAA,CAAM,kBAAa,QAD9D,IAAAC,SAAA,EAAA,EAAAH,kBAAA,CAWM,OAXN,UAWM,EAAA;AAAA,YANI,OAAA,CAAQ,OAAA,CAAA,KAAO,CAAK,IAAA,KAAA,CAAM,kBAAa,uBAD/C,EAAAI,WAAA,CAKE,oBAAA,EAAA;AAAA;cAHA,IAAK,EAAA,MAAA;AAAA,cACL,IAAK,EAAA,MAAA;AAAA,cACJ,OAAA,mCAAO,KAAA,IAAA,CAAI,MAAA,CAAA,CAAA;AAAA;YAEdC,UAAA,CAAoB,IAAA,CAAA,MAAA,EAAA,MAAA,CAAA;AAAA;WAIb,MAAM,KAAS,IAAAH,KAAA,CAAA,KAAA,CAAA,CAAM,UAAU,OAAQ,CAAA,OAAA,CAAA,KAAO,CAAA,IAAK,MAAM,aAAa,KAAA,MAAA,IAD/EC,WAAA,EAAAH,kBAAA,CAUM,OAVN,UAUM,EAAA;AAAA,YANJM,YAEY,oBAAA,EAAA;AAAA,cAFD,IAAK,EAAA,MAAA;AAAA,cAAO,IAAK,EAAA,MAAA;AAAA,cAAQ,OAAA,mCAAO,KAAA,IAAA,CAAI,MAAA,CAAA,CAAA;AAAA;+BAC7C,MAA2C;AAAA,gBAA3CD,WAA2C,0BAA3C,MAA2C;AAAA,kBAArBE,eAAA;AAAA,oBAAAC,eAAA,CAAA,MAAM,KAAK,CAAA;AAAA,oBAAA,CAAA;AAAA;AAAA,mBAAA;AAAA;;;;;YAEvBN,KAAA,CAAA,KAAA,CAAM,CAAA,GAAA,IAAlBC,WAAA,EAAAH,kBAAA,CAEO,QAFP,UAEO,EAAA;AAAA,cADLK,UAAA,CAAmB,IAAA,CAAA,MAAA,EAAA,KAAA,CAAA;AAAA;;UAIZ,MAAM,aAAa,KAAA,QAAA,IAA9BF,WAAA,EAAAH,kBAAA,CAGM,OAHN,UAGM,EAAA;AAAA,YAFJK,UAAA,CAAoB,IAAA,CAAA,MAAA,EAAA,MAAA,CAAA;AAAA,YACpBA,WAA2C,0BAA3C,MAA2C;AAAA,cAArBE,eAAA;AAAA,gBAAAC,eAAA,CAAA,MAAM,KAAK,CAAA;AAAA,gBAAA,CAAA;AAAA;AAAA,eAAA;AAAA;;WAI1B,MAAM,KAAS,IAAAN,KAAA,CAAA,KAAA,CAAM,CAAA,KAAA,KAAW,CAAA,OAAQ,CAAA,OAAA,CAAA,KAAO,CAAA,IAAK,MAAM,aAAa,KAAA,MAAA,IADhFC,WAAA,EAAAH,kBAAA,CAYM,OAZN,UAYM,EAAA;AAAA,mCARJ,GAAAS,kBAAA;AAAA,cAAwC,KAAA;AAAA,cAAA,EAAnC,OAAM,sBAAsB,EAAA;AAAA,cAAA,IAAA;AAAA,cAAA,CAAA,CAAA;AAAA;AAAA,aAAA,CAAA;AAAA,YACtB,KAAA,CAAM,KAAjB,IAAAN,SAAA,EAAA,EAAAH,kBAAA;AAAA,cAA4E,KAAA;AAAA,cAA5E,UAAA;AAAA,cAAwDQ,eAAA,CAAA,MAAM,KAAK,CAAA;AAAA,cAAA,CAAA;AAAA;AAAA,aAAA;YACxDN,KAAA,CAAA,KAAA,CAAM,CAAA,KAAA,IAAjBC,WAAA,EAAAH,kBAAA,CAEM,OAFN,UAEM,EAAA;AAAA,cADQE,KAAA,CAAA,KAAA,CAAM,CAAA,KAAA,GAAlBG,WAAwC,IAAA,CAAA,MAAA,EAAA,OAAA,EAAA,EAAA,KAAA,CAAA,EAAA;;YAE/BH,KAAA,CAAA,KAAA,CAAM,CAAA,GAAA,IAAjBC,WAAA,EAAAH,kBAAA,CAEM,OAFN,UAEM,EAAA;AAAA,cADJK,UAAA,CAAmB,IAAA,CAAA,MAAA,EAAA,KAAA,CAAA;AAAA;;UAKfH,MAAA,KAAA,CAAA,CAAM,WAAc,EAAA,CAAA,KAAA,CAAM,SAASA,KAAA,CAAA,KAAA,CAAM,CAAA,KAAA,KAAU,MAAM,aAAa,KAAA,MAAA,CAAA,IAD9EC,WAAA,EAAAH,kBAAA,CAKM,OALN,UAKM,EAAA;AAAA,YADJK,UAAA,CAAuB,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;UAGzBI,kBAAA,CAEM,OAFN,WAEM,EAAA;AAAA,YADJJ,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;UAGCH,KAAA,CAAA,KAAA,CAAM,CAAA,OAAA,IAAjBC,WAAA,EAAAH,kBAAA,CAYM,OAZN,WAYM,EAAA;AAAA,YAXJM,WAAA;AAAA,cAOE,kBAAA;AAAA,cAAA;AAAA,uBANI,EAAA,aAAA;AAAA,gBAAJ,GAAI,EAAA,WAAA;AAAA,gBACJ,IAAA,EAAA,EAAA;AAAA,gBACA,KAAM,EAAA,MAAA;AAAA,gBACN,IAAK,EAAA,MAAA;AAAA,gBACL,MAAO,EAAA,QAAA;AAAA,gBACN,OAAO,EAAA,WAAA;AAAA;;;;;YAEVA,WAAA;AAAA,cAEW,mBAAA;AAAA,cAAA;AAAA,uBAFG,EAAA,OAAA;AAAA,gBAAJ,GAAI,EAAA,KAAA;AAAA,gBAAQ,KAAM,EAAA,mBAAA;AAAA,gBAAqB,KAAO,EAAA,EAAA;AAAA;;iCACtD,MAAuB;AAAA,kBAAvBD,UAAA,CAAuB,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;;;;;UAIhBH,KAAA,CAAA,KAAA,CAAM,CAAA,KAAA,IAAjBC,WAAA,EAAAH,kBAAA,CAEM,OAFN,WAEM,EAAA;AAAA,YADJK,UAAA,CAAqB,IAAA,CAAA,MAAA,EAAA,OAAA,CAAA;AAAA;;;;;;;;;;;;;;;;;;;AC9Dd,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,QAAA,GAA0C,YAAY,MAAM;;;;"}

package/es/components/icon/index.js

@@ -0,0 +1,98 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToIcon"
+  },
+  __name: "icon",
+  props: {
+    value: { type: String, required: false, default: "" },
+    type: { type: String, required: false, default: "" },
+    color: { type: String, required: false, default: "" },
+    mode: { type: String, required: false, default: "text" },
+    contentSize: { type: [Number, String], required: false, default: "" },
+    link: { type: Boolean, required: false, default: false }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const text = ref(null);
+    const setClass = computed(() => {
+      const arr = props.value ? [`value-${props.value}`] : [];
+      if (props.type === "fill") {
+        arr.push("type-fill");
+      }
+      if (props.mode && props.mode !== "text") {
+        arr.push(`mode-${props.mode}`);
+      }
+      if (props.color) {
+        arr.push(`color-${props.color}`);
+      }
+      if (props.link) {
+        arr.push("is-link");
+      }
+      return arr;
+    });
+    function clickHandle(evt) {
+      emit("click", evt);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "span",
+        {
+          class: normalizeClass(["to-icon", setClass.value]),
+          onClick: clickHandle
+        },
+        [
+          createElementVNode(
+            "span",
+            {
+              ref_key: "text",
+              ref: text,
+              class: "to-icon-text"
+            },
+            [
+              renderSlot(_ctx.$slots, "default")
+            ],
+            512
+            /* NEED_PATCH */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/wangding/WorkSpace/AsiaInfo/projects/\u524D\u7AEF\u6846\u67B6/touch-vue3-ui/packages/components/icon/src/icon.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 ToIcon = withInstall(Icon);
+
+export { Icon, ToIcon };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/icon/src/icon.vue","../../../../packages/utils/types.ts","../../../../packages/utils/ratio.ts","../../../../packages/components/icon/index.ts"],"sourcesContent":["<template>\n  <span class=\"to-icon\" :class=\"setClass\" @click=\"clickHandle\">\n    <span ref=\"text\" class=\"to-icon-text\">\n      <slot></slot>\n    </span>\n  </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue';\ndefineOptions({\n  name: 'ToIcon',\n});\n// 定义 props\ninterface Props {\n  value?: string;\n  type?: string;\n  color?: string;\n  mode?: string;\n  contentSize?: number | string;\n  link?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  value: '',\n  type: '',\n  color: '',\n  mode: 'text',\n  link: false,\n  contentSize: '',\n});\n\nconst emit = defineEmits<{\n  (e: 'click', evt: MouseEvent): void;\n}>();\n\n// ref\nconst text = ref<HTMLElement | null>(null);\n\n// 计算 class\nconst setClass = computed(() => {\n  const arr: string[] = props.value ? [`value-${props.value}`] : [];\n\n  if (props.type === 'fill') {\n    arr.push('type-fill');\n  }\n\n  if (props.mode && props.mode !== 'text') {\n    arr.push(`mode-${props.mode}`);\n  }\n\n  if (props.color) {\n    arr.push(`color-${props.color}`);\n  }\n\n  if (props.link) {\n    arr.push('is-link');\n  }\n\n  return arr;\n});\n\n// 事件处理\nfunction clickHandle(evt: MouseEvent) {\n  emit('click', evt);\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 Icon from './src/icon.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\n\nexport const ToIcon: SFCWithInstall<typeof Icon> = withInstall(Icon);\n\nexport { Icon };\nexport * from './src/icon.vue';\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AASd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAKb,IAAM,MAAA,IAAA,GAAO,IAAwB,IAAI,CAAA,CAAA;AAGzC,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAM,MAAA,GAAA,GAAgB,MAAM,KAAQ,GAAA,CAAC,SAAS,KAAM,CAAA,KAAA,CAAA,CAAO,IAAI,EAAC,CAAA;AAEhE,MAAI,IAAA,KAAA,CAAM,SAAS,MAAQ,EAAA;AACzB,QAAA,GAAA,CAAI,KAAK,WAAW,CAAA,CAAA;AAAA,OACtB;AAEA,MAAA,IAAI,KAAM,CAAA,IAAA,IAAQ,KAAM,CAAA,IAAA,KAAS,MAAQ,EAAA;AACvC,QAAI,GAAA,CAAA,IAAA,CAAK,CAAQ,KAAA,EAAA,KAAA,CAAM,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,OAC/B;AAEA,MAAA,IAAI,MAAM,KAAO,EAAA;AACf,QAAI,GAAA,CAAA,IAAA,CAAK,CAAS,MAAA,EAAA,KAAA,CAAM,KAAO,CAAA,CAAA,CAAA,CAAA;AAAA,OACjC;AAEA,MAAA,IAAI,MAAM,IAAM,EAAA;AACd,QAAA,GAAA,CAAI,KAAK,SAAS,CAAA,CAAA;AAAA,OACpB;AAEA,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAGD,IAAA,SAAS,YAAY,GAAiB,EAAA;AACpC,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,KACnB;;wBAhEE,EAAAA,kBAAA;AAAA,QAIO,MAAA;AAAA,QAAA;AAAA,UAJD,OAAKC,cAAA,CAAA,CAAC,SAAkB,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA,UAAG,OAAO,EAAA,WAAA;AAAA;;UAC9CC,kBAAA;AAAA,YAEO,MAAA;AAAA,YAAA;AAAA,qBAFG,EAAA,MAAA;AAAA,cAAJ,GAAI,EAAA,IAAA;AAAA,cAAO,KAAM,EAAA,cAAA;AAAA;;cACrBC,UAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;ACON,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,MAAA,GAAsC,YAAY,IAAI;;;;"}