@touchvue/ui 0.0.1-alpha.2 → 1.0.0-beta.2

package/es/components/header/index.js

@@ -1,233 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":"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"}

package/es/components/icon/index.js

@@ -1,98 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;;;;"}