@touchvue/ui 1.0.0-beta.6 → 1.0.0-beta.60

package/es/packages/components/header/src/header.vue2.mjs

@@ -1,6 +1,7 @@
 import { defineComponent, getCurrentInstance, ref, onMounted, computed, useSlots, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, toDisplayString, Fragment, createVNode, withCtx } from 'vue';
 import { ToIcon } from '../../icon/index.mjs';
 import { ToFloat } from '../../float/index.mjs';
+import { getModeClasses } from '../../../hooks/useSetClass.mjs';
 
 const __default__ = defineComponent({
   name: "ToHeader"
@@ -8,12 +9,14 @@ const __default__ = defineComponent({
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
+    flex: { type: Boolean, default: false },
     title: { default: "" },
     color: { default: "" },
     mode: { default: "default" },
+    link: { type: Boolean, default: false },
     position: { default: "left" }
   },
-  emits: ["back"],
+  emits: ["back", "click"],
   setup(__props, { emit: __emit }) {
     const instance = getCurrentInstance();
     const elRef = ref(null);
@@ -36,7 +39,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const setClass = computed(() => {
       const arr = [];
       if (props.mode) {
-        arr.push(`mode-${props.mode}`);
+        arr.push(...getModeClasses(props.mode));
+      }
+      if (props.link) {
+        arr.push(`is-link`);
       }
       if (props.position) {
         arr.push(`position-${props.position}`);
@@ -51,7 +57,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "elRef",
         ref: elRef,
-        class: normalizeClass(["to-header", setClass.value])
+        flex: _ctx.flex ? _ctx.flex : null,
+        class: normalizeClass(["to-header", setClass.value]),
+        onClick: ($event) => emit("click")
       }, [
         unref(slots).left || Boolean(hasBack.value) && props.position === "center" ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -63,23 +71,29 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             onClick: ($event) => emit("back")
           }, [
             createElementVNode("div", { class: "to-header-back-icon" })
-          ], 8, ["onClick"])) : createCommentVNode("", true),
+          ], 8, ["onClick"])) : createCommentVNode("v-if", true),
           renderSlot(_ctx.$slots, "left")
-        ])) : createCommentVNode("", true),
+        ])) : createCommentVNode("v-if", true),
         props.position === "center" ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: "to-header-center"
         }, [
-          props.title ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "to-header-title-text"
-          }, toDisplayString(props.title), 1)) : createCommentVNode("", true),
+          props.title ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: "to-header-title-text"
+            },
+            toDisplayString(props.title),
+            1
+            /* TEXT */
+          )) : createCommentVNode("v-if", true),
           unref(slots).title ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: "to-header-title-text"
           }, [
-            unref(slots).title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true)
+            unref(slots).title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true)
         ])) : (openBlock(), createElementBlock("div", {
           key: 2,
           class: "to-header-title"
@@ -95,86 +109,117 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               class: "to-header-icon"
             }, [
               renderSlot(_ctx.$slots, "icon")
-            ])) : createCommentVNode("", true),
-            props.title ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: "to-header-title-text"
-            }, toDisplayString(props.title), 1)) : createCommentVNode("", true),
-            unref(slots).title ? (openBlock(), createElementBlock("div", {
-              key: 2,
-              class: "to-header-title-text"
-            }, [
-              unref(slots).title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : createCommentVNode("", true)
-            ])) : createCommentVNode("", true)
-          ], 8, ["onClick"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            unref(slots).icon || hasIcon.value ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "to-header-icon"
-            }, [
-              renderSlot(_ctx.$slots, "icon")
-            ])) : createCommentVNode("", true),
-            props.title ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: "to-header-title-text"
-            }, toDisplayString(props.title), 1)) : createCommentVNode("", true),
+            ])) : createCommentVNode("v-if", true),
+            props.title ? (openBlock(), createElementBlock(
+              "div",
+              {
+                key: 1,
+                class: "to-header-title-text"
+              },
+              toDisplayString(props.title),
+              1
+              /* TEXT */
+            )) : createCommentVNode("v-if", true),
             unref(slots).title ? (openBlock(), createElementBlock("div", {
               key: 2,
               class: "to-header-title-text"
             }, [
-              unref(slots).title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : createCommentVNode("", true)
-            ])) : createCommentVNode("", true)
-          ], 64)),
+              unref(slots).title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : createCommentVNode("v-if", true)
+            ])) : createCommentVNode("v-if", true)
+          ], 8, ["onClick"])) : (openBlock(), createElementBlock(
+            Fragment,
+            { key: 1 },
+            [
+              unref(slots).icon || hasIcon.value ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "to-header-icon"
+              }, [
+                renderSlot(_ctx.$slots, "icon")
+              ])) : createCommentVNode("v-if", true),
+              props.title ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 1,
+                  class: "to-header-title-text"
+                },
+                toDisplayString(props.title),
+                1
+                /* TEXT */
+              )) : createCommentVNode("v-if", true),
+              unref(slots).title ? (openBlock(), createElementBlock("div", {
+                key: 2,
+                class: "to-header-title-text"
+              }, [
+                unref(slots).title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : createCommentVNode("v-if", true)
+              ])) : createCommentVNode("v-if", true)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )),
           unref(slots).tip ? (openBlock(), createElementBlock("div", {
             key: 2,
             class: "to-header-tip"
           }, [
             renderSlot(_ctx.$slots, "tip")
-          ])) : createCommentVNode("", true)
+          ])) : createCommentVNode("v-if", true)
         ])),
         unref(slots).content ? (openBlock(), createElementBlock("div", {
           key: 3,
           class: "to-header-content"
         }, [
           renderSlot(_ctx.$slots, "content")
-        ])) : createCommentVNode("", true),
+        ])) : createCommentVNode("v-if", true),
         unref(slots).default ? (openBlock(), createElementBlock("div", {
           key: 4,
           class: "to-header-fn"
         }, [
           renderSlot(_ctx.$slots, "default")
-        ])) : createCommentVNode("", true),
+        ])) : createCommentVNode("v-if", true),
         unref(slots).floatFn ? (openBlock(), createElementBlock("div", {
           key: 5,
           class: "to-header-fn is-float"
         }, [
-          createVNode(unref(ToIcon), {
-            ref_key: "floatFnIcon",
-            ref: floatFnIcon,
-            link: "",
-            value: "menu",
-            mode: "none",
-            fillet: "normal",
-            onClick: toggleFloat
-          }, null, 512),
-          createVNode(unref(ToFloat), {
-            ref_key: "float",
-            ref: float,
-            class: "to-header-floatFn",
-            width: 10
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "floatFn")
-            ]),
-            _: 3
-          }, 512)
-        ])) : createCommentVNode("", true),
+          createVNode(
+            unref(ToIcon),
+            {
+              ref_key: "floatFnIcon",
+              ref: floatFnIcon,
+              link: "",
+              value: "menu",
+              mode: "none",
+              onClick: toggleFloat
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          ),
+          createVNode(
+            unref(ToFloat),
+            {
+              ref_key: "float",
+              ref: float,
+              align: "right",
+              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", {
           key: 6,
           class: "to-header-right"
         }, [
           renderSlot(_ctx.$slots, "right")
-        ])) : createCommentVNode("", true)
-      ], 2);
+        ])) : createCommentVNode("v-if", true)
+      ], 10, ["flex", "onClick"]);
     };
   }
 });

package/es/packages/components/header/src/header.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"header.vue2.mjs","sources":["../../../../../../packages/components/header/src/header.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToHeader',\n});\n</script>\n<template>\n\t<div ref=\"elRef\" class=\"to-header\" :class=\"setClass\">\n\t\t<div\n\t\t\tv-if=\"slots.left || (Boolean(hasBack) && props.position === 'center')\"\n\t\t\tclass=\"to-header-left\"\n\t\t>\n\t\t\t<div v-if=\"hasBack\" class=\"to-header-back\" @click=\"emit('back')\">\n\t\t\t\t<div class=\"to-header-back-icon\"></div>\n\t\t\t</div>\n\t\t\t<slot name=\"left\" />\n\t\t</div>\n\n\t\t<div v-if=\"props.position === 'center'\" class=\"to-header-center\">\n\t\t\t<div v-if=\"props.title\" class=\"to-header-title-text\">{{ props.title }}</div>\n\t\t\t<div v-if=\"slots.title\" class=\"to-header-title-text\">\n\t\t\t\t<slot v-if=\"slots.title\" name=\"title\" />\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div v-else class=\"to-header-title\">\n\t\t\t<div v-if=\"hasBack\" class=\"to-header-back\" @click=\"emit('back')\">\n\t\t\t\t<div class=\"to-header-back-icon\"></div>\n\t\t\t\t<div v-if=\"slots.icon\" class=\"to-header-icon\">\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t</div>\n\t\t\t\t<div v-if=\"props.title\" class=\"to-header-title-text\">{{ props.title }}</div>\n\t\t\t\t<div v-if=\"slots.title\" class=\"to-header-title-text\">\n\t\t\t\t\t<slot v-if=\"slots.title\" name=\"title\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<template v-else>\n\t\t\t\t<div v-if=\"slots.icon || hasIcon\" class=\"to-header-icon\">\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t</div>\n\t\t\t\t<div v-if=\"props.title\" class=\"to-header-title-text\">{{ props.title }}</div>\n\t\t\t\t<div v-if=\"slots.title\" class=\"to-header-title-text\">\n\t\t\t\t\t<slot v-if=\"slots.title\" name=\"title\" />\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<div v-if=\"slots.tip\" class=\"to-header-tip\">\n\t\t\t\t<slot name=\"tip\" />\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div v-if=\"slots.content\" class=\"to-header-content\">\n\t\t\t<slot name=\"content\" />\n\t\t</div>\n\n\t\t<div v-if=\"slots.default\" class=\"to-header-fn\">\n\t\t\t<slot />\n\t\t</div>\n\n\t\t<div v-if=\"slots.floatFn\" class=\"to-header-fn is-float\">\n\t\t\t<to-icon\n\t\t\t\tref=\"floatFnIcon\"\n\t\t\t\tlink\n\t\t\t\tvalue=\"menu\"\n\t\t\t\tmode=\"none\"\n\t\t\t\tfillet=\"normal\"\n\t\t\t\t@click=\"toggleFloat\"\n\t\t\t/>\n\t\t\t<to-float ref=\"float\" class=\"to-header-floatFn\" :width=\"10\">\n\t\t\t\t<slot name=\"floatFn\" />\n\t\t\t</to-float>\n\t\t</div>\n\n\t\t<div v-if=\"slots.right\" class=\"to-header-right\">\n\t\t\t<slot name=\"right\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, useSlots, onMounted, getCurrentInstance } from 'vue'\nimport { ToIcon, ToFloat } from '@touchvue/components'\n\nconst instance = getCurrentInstance()\n\nconst elRef = ref<HTMLElement | null>(null)\nconst iconWidth = ref(0)\n\nonMounted(() => {\n\ticonWidth.value = parseFloat(getComputedStyle(elRef.value).getPropertyValue('--icon-width'))\n})\n\nconst hasIcon = computed(() => {\n\treturn Boolean(iconWidth.value)\n})\n\n\nexport interface Props {\n\ttitle?: string\n\tcolor?: string\n\tmode?: string\n\tposition?: 'left' | 'center'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\ttitle: '',\n\tcolor: '',\n\tmode: 'default',\n\tposition: 'left',\n})\n\nconst emit = defineEmits<{\n\t(e: 'back'): void\n}>()\n\nconst slots = useSlots()\n\nconst float = ref()\nconst floatFnIcon = ref()\n\nconst hasBack = computed(() => {\n\treturn !!instance?.vnode.props?.onBack\n})\n\nconst setClass = computed(() => {\n\tconst arr: string[] = []\n\n\tif (props.mode) {\n\t\tarr.push(`mode-${props.mode}`)\n\t}\n\n\tif (props.position) {\n\t\tarr.push(`position-${props.position}`)\n\t}\n\n\treturn arr\n})\n\nconst toggleFloat = () => {\n\tfloat.value?.toggle?.(floatFnIcon.value)\n}\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_toDisplayString","_Fragment","_createVNode"],"mappings":"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"}
+{"version":3,"file":"header.vue2.mjs","sources":["../../../../../../packages/components/header/src/header.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToHeader'\n});\n</script>\n<template>\n\t<div ref=\"elRef\" :flex=\"flex ? flex : null\" class=\"to-header\" :class=\"setClass\" @click=\"emit('click')\">\n\t\t<div v-if=\"slots.left || (Boolean(hasBack) && props.position === 'center')\" class=\"to-header-left\">\n\t\t\t<div v-if=\"hasBack\" class=\"to-header-back\" @click=\"emit('back')\">\n\t\t\t\t<div class=\"to-header-back-icon\"></div>\n\t\t\t</div>\n\t\t\t<slot name=\"left\" />\n\t\t</div>\n\n\t\t<div v-if=\"props.position === 'center'\" class=\"to-header-center\">\n\t\t\t<div v-if=\"props.title\" class=\"to-header-title-text\">{{ props.title }}</div>\n\t\t\t<div v-if=\"slots.title\" class=\"to-header-title-text\">\n\t\t\t\t<slot v-if=\"slots.title\" name=\"title\" />\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div v-else class=\"to-header-title\">\n\t\t\t<div v-if=\"hasBack\" class=\"to-header-back\" @click=\"emit('back')\">\n\t\t\t\t<div class=\"to-header-back-icon\"></div>\n\t\t\t\t<div v-if=\"slots.icon\" class=\"to-header-icon\">\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t</div>\n\t\t\t\t<div v-if=\"props.title\" class=\"to-header-title-text\">{{ props.title }}</div>\n\t\t\t\t<div v-if=\"slots.title\" class=\"to-header-title-text\">\n\t\t\t\t\t<slot v-if=\"slots.title\" name=\"title\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<template v-else>\n\t\t\t\t<div v-if=\"slots.icon || hasIcon\" class=\"to-header-icon\">\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t</div>\n\t\t\t\t<div v-if=\"props.title\" class=\"to-header-title-text\">{{ props.title }}</div>\n\t\t\t\t<div v-if=\"slots.title\" class=\"to-header-title-text\">\n\t\t\t\t\t<slot v-if=\"slots.title\" name=\"title\" />\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t<div v-if=\"slots.tip\" class=\"to-header-tip\">\n\t\t\t\t<slot name=\"tip\" />\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div v-if=\"slots.content\" class=\"to-header-content\">\n\t\t\t<slot name=\"content\" />\n\t\t</div>\n\n\t\t<div v-if=\"slots.default\" class=\"to-header-fn\">\n\t\t\t<slot />\n\t\t</div>\n\n\t\t<div v-if=\"slots.floatFn\" class=\"to-header-fn is-float\">\n\t\t\t<to-icon ref=\"floatFnIcon\" link value=\"menu\" mode=\"none\" @click=\"toggleFloat\" />\n\t\t\t<to-float ref=\"float\" align=\"right\" class=\"to-header-floatFn\" :width=\"10\">\n\t\t\t\t<slot name=\"floatFn\" />\n\t\t\t</to-float>\n\t\t</div>\n\n\t\t<div v-if=\"slots.right\" class=\"to-header-right\">\n\t\t\t<slot name=\"right\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, useSlots, onMounted, getCurrentInstance } from 'vue'\nimport { getModeClasses } from '@touchvue/hooks'\nimport { ToIcon, ToFloat } from '@touchvue/components'\n\nconst instance = getCurrentInstance()\n\nconst elRef = ref<HTMLElement | null>(null)\nconst iconWidth = ref(0)\n\nonMounted(() => {\n\ticonWidth.value = parseFloat(getComputedStyle(elRef.value).getPropertyValue('--icon-width'))\n})\n\nconst hasIcon = computed(() => {\n\treturn Boolean(iconWidth.value)\n})\n\n\nexport interface Props {\n\tflex?: boolean\n\ttitle?: string\n\tcolor?: string\n\tmode?: string\n\tlink?: boolean\n\tposition?: 'left' | 'center'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tflex: false,\n\ttitle: '',\n\tcolor: '',\n\tmode: 'default',\n\tposition: 'left',\n\tlink: false\n})\n\nconst emit = defineEmits<{\n\t(e: 'back'): void\n\t(e: 'click'): void\n}>()\n\nconst slots = useSlots()\n\nconst float = ref()\nconst floatFnIcon = ref()\n\nconst hasBack = computed(() => {\n\treturn !!instance?.vnode.props?.onBack\n})\n\nconst setClass = computed(() => {\n\tconst arr: string[] = []\n\n\tif (props.mode) {\n\t\tarr.push(...getModeClasses(props.mode))\n\t}\n\n\tif (props.link) {\n\t\tarr.push(`is-link`)\n\t}\n\n\tif (props.position) {\n\t\tarr.push(`position-${props.position}`)\n\t}\n\n\treturn arr\n})\n\nconst toggleFloat = () => {\n\tfloat.value?.toggle?.(floatFnIcon.value)\n}\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","flex","_normalizeClass","_unref","_createElementVNode","_renderSlot","_toDisplayString","_Fragment","_createVNode"],"mappings":"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"}

package/es/packages/components/header/src/instance.d.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=instance.d.mjs.map

package/es/packages/components/header/src/instance.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/packages/components/icon/index.d.mjs

@@ -0,0 +1,6 @@
+export { default as Icon } from './src/icon.vue.mjs';
+
+var ToIcon$1 = ToIcon;
+
+export { ToIcon$1 as default };
+//# sourceMappingURL=index.d.mjs.map

package/es/packages/components/icon/index.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mjs","sources":["../../../../../packages/components/icon/index.d.ts"],"sourcesContent":["import Icon from './src/icon.vue';\nimport { SFCWithInstall } from '@touchvue/utils';\nexport declare const ToIcon: SFCWithInstall<typeof Icon>;\nexport default ToIcon;\nexport { Icon };\nexport * from './src/icon.vue';\n"],"names":[],"mappings":";;AAGA,eAAe,MAAA;;;;"}

package/es/packages/components/icon/index.mjs

@@ -1,7 +1,7 @@
-import _sfc_main from './src/icon.vue2.mjs';
+import Icon from './src/icon.vue.mjs';
 import { withInstall } from '../../utils/types.mjs';
 
-const ToIcon = withInstall(_sfc_main);
+const ToIcon = withInstall(Icon);
 
-export { _sfc_main as Icon, ToIcon, ToIcon as default };
+export { Icon, ToIcon, ToIcon as default };
 //# sourceMappingURL=index.mjs.map

package/es/packages/components/icon/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import Icon from './src/icon.vue'\nimport { SFCWithInstall, withInstall } from '@touchvue/utils'\n\nexport const ToIcon: SFCWithInstall<typeof Icon> = withInstall(Icon)\n\nexport default ToIcon\n\nexport { Icon }\nexport * from './src/icon.vue'\n"],"names":["Icon"],"mappings":";;;AAGa,MAAA,MAAA,GAAsC,YAAYA,SAAI;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import Icon from './src/icon.vue'\nimport { SFCWithInstall, withInstall } from '@touchvue/utils'\n\nexport const ToIcon: SFCWithInstall<typeof Icon> = withInstall(Icon)\n\nexport default ToIcon\n\nexport { Icon }\nexport * from './src/icon.vue'\n"],"names":[],"mappings":";;;AAGa,MAAA,MAAA,GAAsC,YAAY,IAAI;;;;"}

package/es/packages/components/icon/src/icon.vue.mjs

@@ -1,6 +1,7 @@
 import _sfc_main from './icon.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "icon.vue"]]);
 
-
-export { _sfc_main as default };
+export { Icon as default };
 //# sourceMappingURL=icon.vue.mjs.map

package/es/packages/components/icon/src/icon.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"icon.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/es/packages/components/icon/src/icon.vue2.mjs

@@ -1,4 +1,5 @@
-import { defineComponent, ref, computed, resolveDirective, openBlock, createElementBlock, normalizeClass, withDirectives, renderSlot } from 'vue';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
+import { getModeClasses } from '../../../hooks/useSetClass.mjs';
 
 const __default__ = defineComponent({
   name: "ToIcon"
@@ -6,15 +7,16 @@ const __default__ = defineComponent({
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
+    flex: { type: Boolean, default: false },
     value: { default: "" },
     type: { default: "" },
-    color: { default: "" },
+    color: { default: "default" },
     mode: { default: "default" },
-    contentSize: { default: "" },
     link: { type: Boolean, default: false }
   },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
+  emits: ["click", "mousedown"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const el = ref(null);
     const props = __props;
     const emit = __emit;
     const text = ref(null);
@@ -24,7 +26,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         arr.push("type-fill");
       }
       if (props.mode) {
-        arr.push(`mode-${props.mode}`);
+        arr.push(...getModeClasses(props.mode));
       }
       if (props.color) {
         arr.push(`color-${props.color}`);
@@ -37,22 +39,33 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     function clickHandle(evt) {
       emit("click", evt);
     }
+    function mousedownHandle(evt) {
+      emit("mousedown", evt);
+    }
+    __expose({ el });
     return (_ctx, _cache) => {
-      const _directive_size = resolveDirective("size");
       return openBlock(), createElementBlock("span", {
+        ref_key: "el",
+        ref: el,
+        flex: _ctx.flex ? _ctx.flex : null,
         class: normalizeClass(["to-icon", setClass.value]),
-        onClick: clickHandle
+        onClick: clickHandle,
+        onMousedown: mousedownHandle
       }, [
-        withDirectives((openBlock(), createElementBlock("span", {
-          ref_key: "text",
-          ref: text,
-          class: "to-icon-text"
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ])), [
-          [_directive_size, Number(_ctx.contentSize)]
-        ])
-      ], 2);
+        createElementVNode(
+          "span",
+          {
+            ref_key: "text",
+            ref: text,
+            class: "to-icon-text"
+          },
+          [
+            renderSlot(_ctx.$slots, "default")
+          ],
+          512
+          /* NEED_PATCH */
+        )
+      ], 42, ["flex"]);
     };
   }
 });

package/es/packages/components/icon/src/icon.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon.vue2.mjs","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToIcon'\n});\n</script>\n<template>\n\t<span class=\"to-icon\" :class=\"setClass\" @click=\"clickHandle\">\n\t\t<span ref=\"text\" v-size=\"Number(contentSize)\" class=\"to-icon-text\">\n\t\t\t<slot></slot>\n\t\t</span>\n\t</span>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\n\n// 定义 props\nexport interface Props {\n\tvalue?: string\n\ttype?: string\n\tcolor?: string\n\tmode?: string\n\tcontentSize?: number | string\n\tlink?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tvalue: '',\n\ttype: '',\n\tcolor: '',\n\tmode: 'default',\n\tlink: false,\n\tcontentSize: ''\n})\n\nconst emit = defineEmits<{\n\t(e: 'click', evt: MouseEvent): void\n}>()\n\n// ref\nconst text = ref<HTMLElement | null>(null)\n\n// 计算 class\nconst setClass = computed(() => {\n\tconst arr: string[] = props.value ? [`value-${props.value}`] : []\n\n\tif (props.type === 'fill') {\n\t\tarr.push('type-fill')\n\t}\n\n\tif (props.mode) {\n\t\tarr.push(`mode-${props.mode}`)\n\t}\n\n\tif (props.color) {\n\t\tarr.push(`color-${props.color}`)\n\t}\n\n\tif (props.link) {\n\t\tarr.push('is-link')\n\t}\n\n\treturn arr\n})\n\n// 事件处理\nfunction clickHandle(evt: MouseEvent) {\n\temit('click', evt)\n}\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","_normalizeClass","_renderSlot","contentSize"],"mappings":";;AAEA,MAAA,cAA6BA,eAAmB,CAAA;AAAA,EAC/C,IAAM,EAAA,QAAA;AACP,CAAC,CAAA,CAAA;;;;;;;;;;;;;AAuBD,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;AAC/B,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;AAC1B,QAAA,GAAA,CAAI,KAAK,WAAW,CAAA,CAAA;AAAA,OACrB;AAEA,MAAA,IAAI,MAAM,IAAM,EAAA;AACf,QAAI,GAAA,CAAA,IAAA,CAAK,CAAQ,KAAA,EAAA,KAAA,CAAM,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,OAC9B;AAEA,MAAA,IAAI,MAAM,KAAO,EAAA;AAChB,QAAI,GAAA,CAAA,IAAA,CAAK,CAAS,MAAA,EAAA,KAAA,CAAM,KAAO,CAAA,CAAA,CAAA,CAAA;AAAA,OAChC;AAEA,MAAA,IAAI,MAAM,IAAM,EAAA;AACf,QAAA,GAAA,CAAI,KAAK,SAAS,CAAA,CAAA;AAAA,OACnB;AAEA,MAAO,OAAA,GAAA,CAAA;AAAA,KACP,CAAA,CAAA;AAGD,IAAA,SAAS,YAAY,GAAiB,EAAA;AACrC,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,KAClB;;;wBA9DC,EAAAC,kBAAA,CAIO,MAAA,EAAA;AAAA,QAJD,OAAKC,cAAA,CAAA,CAAC,SAAkB,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA,QAAG,OAAO,EAAA,WAAA;AAAA;mCAC/C,EAAAD,kBAAA,CAEO,MAAA,EAAA;AAAA,iBAFG,EAAA,MAAA;AAAA,UAAJ,GAAI,EAAA,IAAA;AAAA,UAAoC,KAAM,EAAA,cAAA;AAAA;UACnDE,UAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;UADW,CAAA,eAAA,EAAA,MAAOC,CAAAA,IAAAA,CAAW,WAAA,CAAA,CAAA;AAAA;;;;;;;;"}
+{"version":3,"file":"icon.vue2.mjs","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToIcon'\n});\n</script>\n<template>\n\t<span ref=\"el\" :flex=\"flex ? flex : null\" class=\"to-icon\" :class=\"setClass\" @click=\"clickHandle\" @mousedown=\"mousedownHandle\">\n\t\t<span ref=\"text\" class=\"to-icon-text\">\n\t\t\t<slot></slot>\n\t\t</span>\n\t</span>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\nimport { getModeClasses } from '@touchvue/hooks'\n\nconst el = ref(null)\n// 定义 props\nexport interface Props {\n\tflex?: boolean\n\tvalue?: string\n\ttype?: string\n\tcolor?: string\n\tmode?: string\n\tlink?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tvalue: '',\n\ttype: '',\n\tcolor: 'default',\n\tmode: 'default',\n\tlink: false,\n\tflex: false\n})\n\nconst emit = defineEmits<{\n\t(e: 'click', evt: MouseEvent): void\n\t(e: 'mousedown', evt: MouseEvent): void\n}>()\n\n// ref\nconst text = ref<HTMLElement | null>(null)\n\n// 计算 class\nconst setClass = computed(() => {\n\tconst arr: string[] = props.value ? [`value-${props.value}`] : []\n\n\tif (props.type === 'fill') {\n\t\tarr.push('type-fill')\n\t}\n\n\tif (props.mode) {\n\t\tarr.push(...getModeClasses(props.mode))\n\t}\n\n\tif (props.color) {\n\t\tarr.push(`color-${props.color}`)\n\t}\n\n\tif (props.link) {\n\t\tarr.push('is-link')\n\t}\n\n\treturn arr\n})\n\n// 事件处理\nfunction clickHandle(evt: MouseEvent) {\n\temit('click', evt)\n}\n\nfunction mousedownHandle(evt: MouseEvent) {\n\temit('mousedown', evt)\n}\ndefineExpose({ el })\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","flex","_normalizeClass","_createElementVNode","_renderSlot"],"mappings":";;;AAEA,MAAA,cAA6BA,eAAmB,CAAA;AAAA,EAC/C,IAAM,EAAA,QAAA;AACP,CAAC,CAAA,CAAA;;;;;;;;;;;;;AAcD,IAAM,MAAA,EAAA,GAAK,IAAI,IAAI,CAAA,CAAA;AAWnB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AASd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAMb,IAAM,MAAA,IAAA,GAAO,IAAwB,IAAI,CAAA,CAAA;AAGzC,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC/B,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;AAC1B,QAAA,GAAA,CAAI,KAAK,WAAW,CAAA,CAAA;AAAA,OACrB;AAEA,MAAA,IAAI,MAAM,IAAM,EAAA;AACf,QAAA,GAAA,CAAI,IAAK,CAAA,GAAG,cAAe,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAAA,OACvC;AAEA,MAAA,IAAI,MAAM,KAAO,EAAA;AAChB,QAAI,GAAA,CAAA,IAAA,CAAK,CAAS,MAAA,EAAA,KAAA,CAAM,KAAO,CAAA,CAAA,CAAA,CAAA;AAAA,OAChC;AAEA,MAAA,IAAI,MAAM,IAAM,EAAA;AACf,QAAA,GAAA,CAAI,KAAK,SAAS,CAAA,CAAA;AAAA,OACnB;AAEA,MAAO,OAAA,GAAA,CAAA;AAAA,KACP,CAAA,CAAA;AAGD,IAAA,SAAS,YAAY,GAAiB,EAAA;AACrC,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,KAClB;AAEA,IAAA,SAAS,gBAAgB,GAAiB,EAAA;AACzC,MAAA,IAAA,CAAK,aAAa,GAAG,CAAA,CAAA;AAAA,KACtB;AACA,IAAa,QAAA,CAAA,EAAE,IAAI,CAAA,CAAA;;wBAtElB,EAAAC,kBAAA,CAIO,MAAA,EAAA;AAAA,eAJG,EAAA,IAAA;AAAA,QAAJ,GAAI,EAAA,EAAA;AAAA,QAAM,IAAMC,EAAAA,IAAAA,CAAI,IAAGA,GAAAA,IAAAA,CAAI,IAAA,GAAA,IAAA;AAAA,QAAS,OAAKC,cAAA,CAAA,CAAC,SAAkB,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA,QAAG,OAAO,EAAA,WAAA;AAAA,QAAc,WAAW,EAAA,eAAA;AAAA;QAC5GC,kBAAA;AAAA,UAEO,MAAA;AAAA,UAAA;AAAA,mBAFG,EAAA,MAAA;AAAA,YAAJ,GAAI,EAAA,IAAA;AAAA,YAAO,KAAM,EAAA,cAAA;AAAA;;YACtBC,UAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;;;;;;;;"}

package/es/packages/components/import/index.d.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.d.mjs.map

package/es/packages/components/import/index.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/packages/components/import/index.mjs

@@ -0,0 +1,7 @@
+import Import from './src/import.vue.mjs';
+import { withInstall } from '../../utils/types.mjs';
+
+const ToImport = withInstall(Import);
+
+export { ToImport };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/import/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/import/index.ts"],"sourcesContent":["import Import from './src/import.vue'\nimport { withInstall } from '@touchvue/utils'\n\nexport const ToImport = withInstall(Import)\n"],"names":[],"mappings":";;;AAGa,MAAA,QAAA,GAAW,YAAY,MAAM;;;;"}

package/es/packages/components/import/src/import.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './import.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var Import = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "import.vue"]]);
+
+export { Import as default };
+//# sourceMappingURL=import.vue.mjs.map

package/es/packages/components/import/src/import.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"import.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}