vft 0.0.2 → 0.0.3

package/es/component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.mjs","sources":["../../../packages/vft/component.ts"],"sourcesContent":["import { VftDivider } from '@vft/components/divider'\nimport { VftIcon } from '@vft/components/icon'\nimport { VftAvatar } from '@vft/components/avatar'\nimport { VftEmpty } from '@vft/components/empty'\nimport { VftResult } from '@vft/components/result'\nimport { VftException } from '@vft/components/exception'\nimport type { Plugin } from 'vue'\n\nexport default [\n  VftDivider,\n  VftIcon,\n  VftAvatar,\n  VftEmpty,\n  VftResult,\n  VftException\n] as Plugin[]\n"],"names":["Components","VftDivider","VftIcon","VftAvatar","VftEmpty","VftResult","VftException"],"mappings":";;;;;;AAQA,MAAeA,IAAA;AAAA,EACbC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AACF;"}
+{"version":3,"file":"component.mjs","sources":["../../../packages/vft/component.ts"],"sourcesContent":["import { VftDivider } from '@vft-ui/components/divider'\nimport { VftIcon } from '@vft-ui/components/icon'\nimport { VftAvatar } from '@vft-ui/components/avatar'\nimport { VftEmpty } from '@vft-ui/components/empty'\nimport { VftResult } from '@vft-ui/components/result'\nimport { VftException } from '@vft-ui/components/exception'\nimport type { Plugin } from 'vue'\n\nexport default [\n  VftDivider,\n  VftIcon,\n  VftAvatar,\n  VftEmpty,\n  VftResult,\n  VftException\n] as Plugin[]\n"],"names":["Components","VftDivider","VftIcon","VftAvatar","VftEmpty","VftResult","VftException"],"mappings":";;;;;;AAQA,MAAeA,IAAA;AAAA,EACbC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AACF;"}

package/es/components/avatar/avatar.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType as __PropType } from 'vue';
-import { type IconProps } from '@vft/components/icon';
+import { type IconProps } from 'vft/es/components/icon';
 declare const _sfc_main: import("vue").DefineComponent<{
     size: {
         type: __PropType<number | "large" | "small" | "default" | undefined>;

package/es/components/avatar/avatar.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.vue2.mjs","sources":["../../../../../packages/components/avatar/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n\t\t\t\tv-if=\"(src || srcSet) && !hasLoadError\"\n\t\t\t\t:src=\"src\"\n\t\t\t\t:alt=\"alt\"\n\t\t\t\t:srcset=\"srcSet\"\n\t\t\t\t:style=\"fitStyle\"\n\t\t\t\t@error=\"handleError\"\n\t\t/>\n    <vft-icon v-else-if=\"icon\" />\n    <slot v-else />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { addUnit, isNumber, isString } from '@vft/utils';\nimport type { CSSProperties } from 'vue';\nimport { computed, ref, watch } from 'vue';\nimport VftIcon, { type IconProps } from '@vft/components/icon'\nimport { useNamespace } from 'vft-hooks';\n\ninterface Props {\n\tsize?: number | 'large' | 'default' | 'small'\n\tshape?: 'circle' | 'square'\n\ticon?: IconProps\n\tsrc?: string\n\talt?: string\n\tsrcSet?: string\n\tfit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'\n}\n\ndefineProps({\n  \"size\": { default: '' },\n  \"shape\": { default: 'circle' },\n  \"icon\": null,\n  \"src\": null,\n  \"alt\": null,\n  \"srcSet\": null,\n  \"fit\": { default: 'cover' }\n})\n\nconst emit = defineEmits(['error']);\n\nconst ns = useNamespace('avatar');\n\nconst hasLoadError = ref(false);\n\nconst avatarClass = computed(() => {\n\tconst classList = [ns.b()];\n\tif (isString(__props.size)) classList.push(ns.m(__props.size));\n\tif (__props.icon) classList.push(ns.m('icon'));\n\tif (__props.shape) classList.push(ns.m(__props.shape));\n\treturn classList;\n});\n\nconst sizeStyle = computed(() => {\n\treturn isNumber(__props.size)\n\t\t? (ns.cssVarBlock({\n\t\t\tsize: addUnit(__props.size) || ''\n\t\t}) as CSSProperties)\n\t\t: undefined;\n});\n\nconst fitStyle = computed<CSSProperties>(() => ({\n\tobjectFit: __props.fit\n}));\n\n// need reset hasLoadError to false if src changed\nwatch(\n\t() => __props.src,\n\t() => (hasLoadError.value = false)\n);\n\nfunction handleError (e: Event) {\n\thasLoadError.value = true;\n\temit('error', e);\n}\n</script>\n\n"],"names":["ns","useNamespace","hasLoadError","ref","avatarClass","computed","classList","isString","__props","sizeStyle","isNumber","addUnit","fitStyle","watch","handleError","e","emit"],"mappings":";;;;;;;;;;;;;;;;;AA4CM,UAAAA,IAAKC,EAAa,QAAQ,GAE1BC,IAAeC,EAAI,EAAK,GAExBC,IAAcC,EAAS,MAAM;AAClC,YAAMC,IAAY,CAACN,EAAG,EAAG,CAAA;AACrB,aAAAO,EAASC,EAAQ,IAAI,KAAGF,EAAU,KAAKN,EAAG,EAAEQ,EAAQ,IAAI,CAAC,GACzDA,EAAQ,QAAMF,EAAU,KAAKN,EAAG,EAAE,MAAM,CAAC,GACzCQ,EAAQ,SAAOF,EAAU,KAAKN,EAAG,EAAEQ,EAAQ,KAAK,CAAC,GAC9CF;AAAA,IAAA,CACP,GAEKG,IAAYJ,EAAS,MACnBK,EAASF,EAAQ,IAAI,IACxBR,EAAG,YAAY;AAAA,MACjB,MAAMW,EAAQH,EAAQ,IAAI,KAAK;AAAA,IAAA,CAC/B,IACC,MACH,GAEKI,IAAWP,EAAwB,OAAO;AAAA,MAC/C,WAAWG,EAAQ;AAAA,IAClB,EAAA;AAGF,IAAAK;AAAA,MACC,MAAML,EAAQ;AAAA,MACd,MAAON,EAAa,QAAQ;AAAA,IAAA;AAG7B,aAASY,EAAaC,GAAU;AAC/B,MAAAb,EAAa,QAAQ,IACrBc,EAAK,SAASD,CAAC;AAAA,IAChB;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"avatar.vue2.mjs","sources":["../../../../../packages/components/avatar/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n\t\t\t\tv-if=\"(src || srcSet) && !hasLoadError\"\n\t\t\t\t:src=\"src\"\n\t\t\t\t:alt=\"alt\"\n\t\t\t\t:srcset=\"srcSet\"\n\t\t\t\t:style=\"fitStyle\"\n\t\t\t\t@error=\"handleError\"\n\t\t/>\n    <vft-icon v-else-if=\"icon\" />\n    <slot v-else />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { addUnit, isNumber, isString } from '@vft/utils';\nimport type { CSSProperties } from 'vue';\nimport { computed, ref, watch } from 'vue';\nimport VftIcon, { type IconProps } from '@vft-ui/components/icon'\nimport { useNamespace } from '@vft-ui/use';\n\ninterface Props {\n\tsize?: number | 'large' | 'default' | 'small'\n\tshape?: 'circle' | 'square'\n\ticon?: IconProps\n\tsrc?: string\n\talt?: string\n\tsrcSet?: string\n\tfit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'\n}\n\ndefineProps({\n  \"size\": { default: '' },\n  \"shape\": { default: 'circle' },\n  \"icon\": null,\n  \"src\": null,\n  \"alt\": null,\n  \"srcSet\": null,\n  \"fit\": { default: 'cover' }\n})\n\nconst emit = defineEmits(['error']);\n\nconst ns = useNamespace('avatar');\n\nconst hasLoadError = ref(false);\n\nconst avatarClass = computed(() => {\n\tconst classList = [ns.b()];\n\tif (isString(__props.size)) classList.push(ns.m(__props.size));\n\tif (__props.icon) classList.push(ns.m('icon'));\n\tif (__props.shape) classList.push(ns.m(__props.shape));\n\treturn classList;\n});\n\nconst sizeStyle = computed(() => {\n\treturn isNumber(__props.size)\n\t\t? (ns.cssVarBlock({\n\t\t\tsize: addUnit(__props.size) || ''\n\t\t}) as CSSProperties)\n\t\t: undefined;\n});\n\nconst fitStyle = computed<CSSProperties>(() => ({\n\tobjectFit: __props.fit\n}));\n\n// need reset hasLoadError to false if src changed\nwatch(\n\t() => __props.src,\n\t() => (hasLoadError.value = false)\n);\n\nfunction handleError (e: Event) {\n\thasLoadError.value = true;\n\temit('error', e);\n}\n</script>\n\n"],"names":["ns","useNamespace","hasLoadError","ref","avatarClass","computed","classList","isString","__props","sizeStyle","isNumber","addUnit","fitStyle","watch","handleError","e","emit"],"mappings":";;;;;;;;;;;;;;;;;AA4CM,UAAAA,IAAKC,EAAa,QAAQ,GAE1BC,IAAeC,EAAI,EAAK,GAExBC,IAAcC,EAAS,MAAM;AAClC,YAAMC,IAAY,CAACN,EAAG,EAAG,CAAA;AACrB,aAAAO,EAASC,EAAQ,IAAI,KAAGF,EAAU,KAAKN,EAAG,EAAEQ,EAAQ,IAAI,CAAC,GACzDA,EAAQ,QAAMF,EAAU,KAAKN,EAAG,EAAE,MAAM,CAAC,GACzCQ,EAAQ,SAAOF,EAAU,KAAKN,EAAG,EAAEQ,EAAQ,KAAK,CAAC,GAC9CF;AAAA,IAAA,CACP,GAEKG,IAAYJ,EAAS,MACnBK,EAASF,EAAQ,IAAI,IACxBR,EAAG,YAAY;AAAA,MACjB,MAAMW,EAAQH,EAAQ,IAAI,KAAK;AAAA,IAAA,CAC/B,IACC,MACH,GAEKI,IAAWP,EAAwB,OAAO;AAAA,MAC/C,WAAWG,EAAQ;AAAA,IAClB,EAAA;AAGF,IAAAK;AAAA,MACC,MAAML,EAAQ;AAAA,MACd,MAAON,EAAa,QAAQ;AAAA,IAAA;AAG7B,aAASY,EAAaC,GAAU;AAC/B,MAAAb,EAAa,QAAQ,IACrBc,EAAK,SAASD,CAAC;AAAA,IAChB;;;;;;;;;;;;;;;;"}

package/es/components/avatar/index.d.ts

@@ -1,4 +1,4 @@
-export declare const VftAvatar: import("vft-utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     size: {
         type: import("vue").PropType<number | "large" | "small" | "default" | undefined>;
         required: false;

package/es/components/avatar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/avatar/index.ts"],"sourcesContent":["import { withInstall } from 'vft-utils'\n\nimport Avatar from './avatar.vue'\n\nexport const VftAvatar = withInstall(Avatar)\nexport default VftAvatar\n\n"],"names":["VftAvatar","withInstall","Avatar"],"mappings":";;;AAIa,MAAAA,IAAYC,EAAYC,CAAM;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/avatar/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Avatar from './avatar.vue'\n\nexport const VftAvatar = withInstall(Avatar)\nexport default VftAvatar\n\n"],"names":["VftAvatar","withInstall","Avatar"],"mappings":";;;AAIa,MAAAA,IAAYC,EAAYC,CAAM;"}

package/es/components/back-top/back-top.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType as __PropType } from 'vue';
-import { type IconProps } from '@vft/components';
+import { type IconProps } from 'vft/es/components';
 declare const _sfc_main: import("vue").DefineComponent<{
     visibilityHeight: {
         type: __PropType<number | undefined>;

package/es/components/back-top/back-top.vue2.mjs

@@ -5,6 +5,7 @@ import { VftIcon as _ } from "../icon/index.mjs";
 import "../avatar/index.mjs";
 import "../empty/index.mjs";
 import "../result/index.mjs";
+import "../exception/index.mjs";
 import { useBackTop as w } from "./use-back-top.mjs";
 import { useNamespace as I } from "../../hooks/use-namespace/index.mjs";
 const o = (
@@ -12,7 +13,7 @@ const o = (
   I("back-top")
 ), N = p({
   name: o.b()
-}), D = /* @__PURE__ */ p({
+}), F = /* @__PURE__ */ p({
   ...N,
   props: {
     visibilityHeight: { default: 200 },
@@ -56,6 +57,6 @@ const o = (
   }
 });
 export {
-  D as default
+  F as default
 };
 //# sourceMappingURL=back-top.vue2.mjs.map

package/es/components/back-top/back-top.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"back-top.vue2.mjs","sources":["../../../../../packages/components/back-top/back-top.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('back-top')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { singleAttrToObj } from '@vft/utils';\nimport { type IconProps, VftIcon } from '@vft/components';\nimport { useBackTop } from './use-back-top';\nimport { useNamespace } from 'vft-hooks';\nimport { computed, getCurrentInstance } from 'vue';\n\ninterface BackTopProps {\n  /** 滚动高度达到此参数值才出现 */\n  visibilityHeight?: number\n  /** 触发滚动的对象 */\n  target?: string\n  /** 控制其显示位置，距离页面右边距 */\n  right?: number\n  /** 控制其显示位置，距离页面底部距离 */\n  bottom?: number\n  /** 滚动 icon dom  */\n  icon?: IconProps\n}\n\ndefineProps({\n  \"visibilityHeight\": { default: 200 },\n  \"target\": null,\n  \"right\": { default: 40 },\n  \"bottom\": { default: 40 },\n  \"icon\": { default: 'vi-back-top' }\n})\n\nconst emit = defineEmits(['click']);\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst { handleClick, visible } = useBackTop(instance.props, emit, ns.b());\n\nconst backTopStyle = computed(() => ({\n  right: `${__props.right}px`,\n  bottom: `${__props.bottom}px`\n}));\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon', {\n    color: 'black'\n  }) as IconProps;\n});\n</script>\n\n<template>\n  <transition :name=\"`${ns.namespace}-fade-in`\">\n    <div\n      v-if=\"visible\"\n      :style=\"backTopStyle\"\n      :class=\"ns.b()\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <vft-icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n      </slot>\n    </div>\n  </transition>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","handleClick","visible","useBackTop","emit","backTopStyle","computed","__props","_icon","singleAttrToObj"],"mappings":";;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,UAAU;AAAA,GAGpDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;AAmCD,UAAMI,IAAWC,KAEX,EAAE,aAAAC,GAAa,SAAAC,EAAY,IAAAC,EAAWJ,EAAS,OAAOK,GAAMT,EAAG,EAAA,CAAG,GAElEU,IAAeC,EAAS,OAAO;AAAA,MACnC,OAAO,GAAGC,EAAQ;AAAA,MAClB,QAAQ,GAAGA,EAAQ;AAAA,IACnB,EAAA,GAEIC,IAAQF,EAAS,MACdG,EAAgBF,EAAQ,MAAM,QAAQ;AAAA,MAC3C,OAAO;AAAA,IAAA,CACR,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"back-top.vue2.mjs","sources":["../../../../../packages/components/back-top/back-top.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('back-top')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { singleAttrToObj } from '@vft/utils';\nimport { type IconProps, VftIcon } from '@vft-ui/components';\nimport { useBackTop } from './use-back-top';\nimport { useNamespace } from '@vft-ui/use';\nimport { computed, getCurrentInstance } from 'vue';\n\ninterface BackTopProps {\n  /** 滚动高度达到此参数值才出现 */\n  visibilityHeight?: number\n  /** 触发滚动的对象 */\n  target?: string\n  /** 控制其显示位置，距离页面右边距 */\n  right?: number\n  /** 控制其显示位置，距离页面底部距离 */\n  bottom?: number\n  /** 滚动 icon dom  */\n  icon?: IconProps\n}\n\ndefineProps({\n  \"visibilityHeight\": { default: 200 },\n  \"target\": null,\n  \"right\": { default: 40 },\n  \"bottom\": { default: 40 },\n  \"icon\": { default: 'vi-back-top' }\n})\n\nconst emit = defineEmits(['click']);\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst { handleClick, visible } = useBackTop(instance.props, emit, ns.b());\n\nconst backTopStyle = computed(() => ({\n  right: `${__props.right}px`,\n  bottom: `${__props.bottom}px`\n}));\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon', {\n    color: 'black'\n  }) as IconProps;\n});\n</script>\n\n<template>\n  <transition :name=\"`${ns.namespace}-fade-in`\">\n    <div\n      v-if=\"visible\"\n      :style=\"backTopStyle\"\n      :class=\"ns.b()\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <vft-icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n      </slot>\n    </div>\n  </transition>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","handleClick","visible","useBackTop","emit","backTopStyle","computed","__props","_icon","singleAttrToObj"],"mappings":";;;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,UAAU;AAAA,GAGpDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;AAmCD,UAAMI,IAAWC,KAEX,EAAE,aAAAC,GAAa,SAAAC,EAAY,IAAAC,EAAWJ,EAAS,OAAOK,GAAMT,EAAG,EAAA,CAAG,GAElEU,IAAeC,EAAS,OAAO;AAAA,MACnC,OAAO,GAAGC,EAAQ;AAAA,MAClB,QAAQ,GAAGA,EAAQ;AAAA,IACnB,EAAA,GAEIC,IAAQF,EAAS,MACdG,EAAgBF,EAAQ,MAAM,QAAQ;AAAA,MAC3C,OAAO;AAAA,IAAA,CACR,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/back-top/index.d.ts

@@ -1,4 +1,4 @@
-export declare const VftBackTop: import("vft-utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftBackTop: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     visibilityHeight: {
         type: import("vue").PropType<number | undefined>;
         required: false;

package/es/components/back-top/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/back-top/index.ts"],"sourcesContent":["import { withInstall } from 'vft-utils'\n\nimport BackTop from './back-top.vue'\n\nexport const VftBackTop = withInstall(BackTop)\nexport default VftBackTop\n\nexport * from './types'\n"],"names":["VftBackTop","withInstall","BackTop"],"mappings":";;;AAIa,MAAAA,IAAaC,EAAYC,CAAO;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/back-top/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport BackTop from './back-top.vue'\n\nexport const VftBackTop = withInstall(BackTop)\nexport default VftBackTop\n\nexport * from './types'\n"],"names":["VftBackTop","withInstall","BackTop"],"mappings":";;;AAIa,MAAAA,IAAaC,EAAYC,CAAO;"}

package/es/components/back-top/use-back-top.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-back-top.mjs","sources":["../../../../../packages/components/back-top/use-back-top.ts"],"sourcesContent":["import { onMounted, ref, shallowRef, watch, nextTick } from 'vue';\nimport { useEventListener, useThrottleFn, useTimeoutFn } from '@vueuse/core';\nimport { throwError } from 'vft-utils';\nimport { type BackTopProps } from './types';\n\nexport const useBackTop = (props: BackTopProps, emit: Function, componentName: string) => {\n  const el = shallowRef<HTMLElement>();\n  const container = shallowRef<Document | HTMLElement>();\n  const visible = ref(false);\n  \n  const scrollToTop = () => {\n    if (!el.value) return;\n    el.value.scrollTo(({ left: 0, top: 0, behavior: 'smooth' }));\n  };\n  \n  const handleScroll = () => {\n    if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight!;\n  };\n  \n  const handleClick = (event: MouseEvent) => {\n    scrollToTop();\n    emit('click', event);\n  };\n  \n  const handleScrollThrottled = useThrottleFn(handleScroll, 300, true);\n  \n  useEventListener(container, 'scroll', handleScrollThrottled);\n  \n  onMounted(() => {\n    container.value = document;\n    el.value = document.documentElement;\n    \n    if (props.target) {\n      useTimeoutFn(() => {\n        el.value = document.querySelector<HTMLElement>(props.target!) ?? undefined;\n        if (!el.value) {\n          throwError(componentName, `target does not exist: ${props.target}`);\n        }\n        container.value = el.value;\n      }, 10);\n    }\n  });\n  \n  // listener scroll target，if scroll target change，the scrollTop dom visible need also change\n  watch(\n    () => props.target,\n    (val) => {\n      nextTick(() => {\n        if (val) {\n          el.value = document.querySelector<HTMLElement>(val) ?? undefined;\n          if (!el.value) {\n            throwError(componentName, `target does not exist: ${val}`);\n          }\n          if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight!;\n          container.value = el.value;\n        }\n      });\n    }\n  );\n  \n  return {\n    visible,\n    handleClick\n  };\n};\n"],"names":["useBackTop","props","emit","componentName","el","shallowRef","container","visible","ref","scrollToTop","handleScroll","handleClick","event","handleScrollThrottled","useThrottleFn","useEventListener","onMounted","useTimeoutFn","throwError","watch","val","nextTick"],"mappings":";;;;AAKO,MAAMA,IAAa,CAACC,GAAqBC,GAAgBC,MAA0B;AACxF,QAAMC,IAAKC,KACLC,IAAYD,KACZE,IAAUC,EAAI,EAAK,GAEnBC,IAAc,MAAM;AACxB,IAAKL,EAAG,SACLA,EAAA,MAAM,SAAU,EAAE,MAAM,GAAG,KAAK,GAAG,UAAU,SAAA,CAAW;AAAA,EAAA,GAGvDM,IAAe,MAAM;AACzB,IAAIN,EAAG,UAAOG,EAAQ,QAAQH,EAAG,MAAM,aAAaH,EAAM;AAAA,EAAA,GAGtDU,IAAc,CAACC,MAAsB;AAC7B,IAAAH,KACZP,EAAK,SAASU,CAAK;AAAA,EAAA,GAGfC,IAAwBC,EAAcJ,GAAc,KAAK,EAAI;AAElD,SAAAK,EAAAT,GAAW,UAAUO,CAAqB,GAE3DG,EAAU,MAAM;AACd,IAAAV,EAAU,QAAQ,UAClBF,EAAG,QAAQ,SAAS,iBAEhBH,EAAM,UACRgB,EAAa,MAAM;AACjB,MAAAb,EAAG,QAAQ,SAAS,cAA2BH,EAAM,MAAO,KAAK,QAC5DG,EAAG,SACKc,EAAAf,GAAe,0BAA0BF,EAAM,QAAQ,GAEpEK,EAAU,QAAQF,EAAG;AAAA,OACpB,EAAE;AAAA,EACP,CACD,GAGDe;AAAA,IACE,MAAMlB,EAAM;AAAA,IACZ,CAACmB,MAAQ;AACP,MAAAC,EAAS,MAAM;AACb,QAAID,MACFhB,EAAG,QAAQ,SAAS,cAA2BgB,CAAG,KAAK,QAClDhB,EAAG,SACKc,EAAAf,GAAe,0BAA0BiB,GAAK,GAEvDhB,EAAG,UAAOG,EAAQ,QAAQH,EAAG,MAAM,aAAaH,EAAM,mBAC1DK,EAAU,QAAQF,EAAG;AAAA,MACvB,CACD;AAAA,IACH;AAAA,EAAA,GAGK;AAAA,IACL,SAAAG;AAAA,IACA,aAAAI;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-back-top.mjs","sources":["../../../../../packages/components/back-top/use-back-top.ts"],"sourcesContent":["import { onMounted, ref, shallowRef, watch, nextTick } from 'vue';\nimport { useEventListener, useThrottleFn, useTimeoutFn } from '@vueuse/core';\nimport { throwError } from '@vft-ui/utils';\nimport { type BackTopProps } from './types';\n\nexport const useBackTop = (props: BackTopProps, emit: Function, componentName: string) => {\n  const el = shallowRef<HTMLElement>();\n  const container = shallowRef<Document | HTMLElement>();\n  const visible = ref(false);\n  \n  const scrollToTop = () => {\n    if (!el.value) return;\n    el.value.scrollTo(({ left: 0, top: 0, behavior: 'smooth' }));\n  };\n  \n  const handleScroll = () => {\n    if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight!;\n  };\n  \n  const handleClick = (event: MouseEvent) => {\n    scrollToTop();\n    emit('click', event);\n  };\n  \n  const handleScrollThrottled = useThrottleFn(handleScroll, 300, true);\n  \n  useEventListener(container, 'scroll', handleScrollThrottled);\n  \n  onMounted(() => {\n    container.value = document;\n    el.value = document.documentElement;\n    \n    if (props.target) {\n      useTimeoutFn(() => {\n        el.value = document.querySelector<HTMLElement>(props.target!) ?? undefined;\n        if (!el.value) {\n          throwError(componentName, `target does not exist: ${props.target}`);\n        }\n        container.value = el.value;\n      }, 10);\n    }\n  });\n  \n  // listener scroll target，if scroll target change，the scrollTop dom visible need also change\n  watch(\n    () => props.target,\n    (val) => {\n      nextTick(() => {\n        if (val) {\n          el.value = document.querySelector<HTMLElement>(val) ?? undefined;\n          if (!el.value) {\n            throwError(componentName, `target does not exist: ${val}`);\n          }\n          if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight!;\n          container.value = el.value;\n        }\n      });\n    }\n  );\n  \n  return {\n    visible,\n    handleClick\n  };\n};\n"],"names":["useBackTop","props","emit","componentName","el","shallowRef","container","visible","ref","scrollToTop","handleScroll","handleClick","event","handleScrollThrottled","useThrottleFn","useEventListener","onMounted","useTimeoutFn","throwError","watch","val","nextTick"],"mappings":";;;;AAKO,MAAMA,IAAa,CAACC,GAAqBC,GAAgBC,MAA0B;AACxF,QAAMC,IAAKC,KACLC,IAAYD,KACZE,IAAUC,EAAI,EAAK,GAEnBC,IAAc,MAAM;AACxB,IAAKL,EAAG,SACLA,EAAA,MAAM,SAAU,EAAE,MAAM,GAAG,KAAK,GAAG,UAAU,SAAA,CAAW;AAAA,EAAA,GAGvDM,IAAe,MAAM;AACzB,IAAIN,EAAG,UAAOG,EAAQ,QAAQH,EAAG,MAAM,aAAaH,EAAM;AAAA,EAAA,GAGtDU,IAAc,CAACC,MAAsB;AAC7B,IAAAH,KACZP,EAAK,SAASU,CAAK;AAAA,EAAA,GAGfC,IAAwBC,EAAcJ,GAAc,KAAK,EAAI;AAElD,SAAAK,EAAAT,GAAW,UAAUO,CAAqB,GAE3DG,EAAU,MAAM;AACd,IAAAV,EAAU,QAAQ,UAClBF,EAAG,QAAQ,SAAS,iBAEhBH,EAAM,UACRgB,EAAa,MAAM;AACjB,MAAAb,EAAG,QAAQ,SAAS,cAA2BH,EAAM,MAAO,KAAK,QAC5DG,EAAG,SACKc,EAAAf,GAAe,0BAA0BF,EAAM,QAAQ,GAEpEK,EAAU,QAAQF,EAAG;AAAA,OACpB,EAAE;AAAA,EACP,CACD,GAGDe;AAAA,IACE,MAAMlB,EAAM;AAAA,IACZ,CAACmB,MAAQ;AACP,MAAAC,EAAS,MAAM;AACb,QAAID,MACFhB,EAAG,QAAQ,SAAS,cAA2BgB,CAAG,KAAK,QAClDhB,EAAG,SACKc,EAAAf,GAAe,0BAA0BiB,GAAK,GAEvDhB,EAAG,UAAOG,EAAQ,QAAQH,EAAG,MAAM,aAAaH,EAAM,mBAC1DK,EAAU,QAAQF,EAAG;AAAA,MACvB,CACD;AAAA,IACH;AAAA,EAAA,GAGK;AAAA,IACL,SAAAG;AAAA,IACA,aAAAI;AAAA,EAAA;AAEJ;"}

package/es/components/divider/divider.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"divider.vue2.mjs","sources":["../../../../../packages/components/divider/divider.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('divider')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { useNamespace } from 'vft-hooks';\nimport type { CSSProperties } from 'vue';\nimport type { BorderColor, BorderStyle } from './types';\n\ninterface DividerProps {\n\tdirection?: 'horizontal' | 'vertical'\n\tcontentPosition?: 'left' | 'center' | 'right',\n\tborderStyle?: BorderStyle,\n\tborderColor?: BorderColor,\n\tmarginY?: string,\n\tmarginX?: string,\n}\n\ndefineProps({\n  \"direction\": { default: 'horizontal' },\n  \"contentPosition\": { default: 'center' },\n  \"borderStyle\": { default: 'solid' },\n  \"borderColor\": null,\n  \"marginY\": null,\n  \"marginX\": null\n})\n\n\n\n;\n\nconst dividerStyle = computed(() => {\n\treturn {\n\t\t...ns.cssVarBlock({\n\t\t\t'border-style': __props.borderStyle,\n\t\t\t'border-color': __props.borderColor,\n\t\t\t'margin-y': __props.marginY,\n\t\t\t'margin-x': __props.marginX\n\t\t})\n\t} as CSSProperties;\n});\n</script>\n\n<template>\n\t<div :class=\"[ns.b(), ns.m(direction)]\"\n\t\t\t:style=\"dividerStyle\" role=\"separator\">\n\t\t<div v-if=\"$slots.default && direction !== 'vertical'\"\n\t\t\t\t:class=\"[ns.e('text'), ns.is(contentPosition)]\">\n\t\t\t<slot />\n\t\t</div>\n\t</div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","dividerStyle","computed","__props"],"mappings":";;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,SAAS;AAAA,GAGnDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;AA6BK,UAAAI,IAAeC,EAAS,OACtB;AAAA,MACN,GAAGL,EAAG,YAAY;AAAA,QACjB,gBAAgBM,EAAQ;AAAA,QACxB,gBAAgBA,EAAQ;AAAA,QACxB,YAAYA,EAAQ;AAAA,QACpB,YAAYA,EAAQ;AAAA,MAAA,CACpB;AAAA,IAAA,EAEF;;;;;;;;;;;;;;;"}
+{"version":3,"file":"divider.vue2.mjs","sources":["../../../../../packages/components/divider/divider.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('divider')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { useNamespace } from '@vft-ui/use';\nimport type { CSSProperties } from 'vue';\nimport type { BorderColor, BorderStyle } from './types';\n\ninterface DividerProps {\n\tdirection?: 'horizontal' | 'vertical'\n\tcontentPosition?: 'left' | 'center' | 'right',\n\tborderStyle?: BorderStyle,\n\tborderColor?: BorderColor,\n\tmarginY?: string,\n\tmarginX?: string,\n}\n\ndefineProps({\n  \"direction\": { default: 'horizontal' },\n  \"contentPosition\": { default: 'center' },\n  \"borderStyle\": { default: 'solid' },\n  \"borderColor\": null,\n  \"marginY\": null,\n  \"marginX\": null\n})\n\n\n\n;\n\nconst dividerStyle = computed(() => {\n\treturn {\n\t\t...ns.cssVarBlock({\n\t\t\t'border-style': __props.borderStyle,\n\t\t\t'border-color': __props.borderColor,\n\t\t\t'margin-y': __props.marginY,\n\t\t\t'margin-x': __props.marginX\n\t\t})\n\t} as CSSProperties;\n});\n</script>\n\n<template>\n\t<div :class=\"[ns.b(), ns.m(direction)]\"\n\t\t\t:style=\"dividerStyle\" role=\"separator\">\n\t\t<div v-if=\"$slots.default && direction !== 'vertical'\"\n\t\t\t\t:class=\"[ns.e('text'), ns.is(contentPosition)]\">\n\t\t\t<slot />\n\t\t</div>\n\t</div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","dividerStyle","computed","__props"],"mappings":";;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,SAAS;AAAA,GAGnDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;AA6BK,UAAAI,IAAeC,EAAS,OACtB;AAAA,MACN,GAAGL,EAAG,YAAY;AAAA,QACjB,gBAAgBM,EAAQ;AAAA,QACxB,gBAAgBA,EAAQ;AAAA,QACxB,YAAYA,EAAQ;AAAA,QACpB,YAAYA,EAAQ;AAAA,MAAA,CACpB;AAAA,IAAA,EAEF;;;;;;;;;;;;;;;"}

package/es/components/divider/index.d.ts

@@ -1,4 +1,4 @@
-export declare const VftDivider: import("vft-utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftDivider: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     direction: {
         type: import("vue").PropType<"horizontal" | "vertical" | undefined>;
         required: false;

package/es/components/divider/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/divider/index.ts"],"sourcesContent":["import { withInstall } from 'vft-utils'\n\nimport Divider from './divider.vue'\n\nexport const VftDivider = withInstall(Divider)\nexport default VftDivider\n"],"names":["VftDivider","withInstall","Divider"],"mappings":";;;AAIa,MAAAA,IAAaC,EAAYC,CAAO;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/divider/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Divider from './divider.vue'\n\nexport const VftDivider = withInstall(Divider)\nexport default VftDivider\n"],"names":["VftDivider","withInstall","Divider"],"mappings":";;;AAIa,MAAAA,IAAaC,EAAYC,CAAO;"}

package/es/components/empty/empty.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty.vue2.mjs","sources":["../../../../../packages/components/empty/empty.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('empty')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"ts\">\nimport { renderTNode, setSize, VNode } from '@vft/utils';\nimport { useNamespace } from 'vft-hooks';\nimport { getCurrentInstance, computed } from 'vue';\nimport type { ComponentSize } from '../types';\nimport { getSizeType } from 'vft-utils';\nimport { EmptyEnum } from './constants';\n\nimport NoCollect from './assets/no-collect.png';\nimport NoData from './assets/no-data.png';\nimport NoFilter from './assets/no-filter.png';\nimport NoPageData from './assets/no-page-data.png';\nimport NoSearch from './assets/no-search.png';\n\ninterface EmptyProps {\n  /** 图片类型或字符串 支持自定义 slot */\n  img?: string;\n  type?: EmptyEnum;\n  /** 图片大小 */\n  size?: ComponentSize | string | number[];\n  /** 图片底部描述 支持自定义 slot */\n  desc?: string;\n}\n\ndefineProps({\n  \"img\": null,\n  \"type\": { default: EmptyEnum.NO_DATA },\n  \"size\": null,\n  \"desc\": null\n})\n\n\n\n;\n\nconst instance = getCurrentInstance();\n\nconst imgTypeMap = new Map<EmptyEnum, {text: string; img: string; size?: EmptyProps['size']; descStyle?: Record<string, Numberish>}>([\n  [\n\t\tEmptyEnum.NO_COLLECT,\n    {\n      text: '暂无收藏记录',\n      img: NoCollect\n    }\n  ],\n  [\n\t\tEmptyEnum.NO_PAGE_DATA,\n    {\n      text: '没有找到相关信息',\n      size: 300,\n      img: NoPageData\n    }\n  ],\n  [\n\t\tEmptyEnum.NO_DATA,\n    {\n      text: '暂无数据',\n      img: NoData\n    }\n  ],\n  [\n\t\tEmptyEnum.NO_FILTER,\n    {\n      text: '此筛选条件下无结果',\n      img: NoFilter\n    }\n  ],\n  [\n\t\tEmptyEnum.NO_SEARCH,\n    {\n      text: '没有搜索结果',\n      img: NoSearch\n    }\n  ]\n]);\n\nconst imgInfos = imgTypeMap.get(__props.type);\n\nconst imgContent = computed(() => __props.img || imgInfos?.img);\n\nconst descContent = computed(() => renderTNode(instance, 'desc', { defaultNode: imgInfos?.text }));\n\nconst _sizeType = getSizeType(__props.size as string);\n</script>\n\n<template>\n  <div :class=\"[ns.b(), _sizeType ? ns.m(_sizeType) : '']\">\n    <div :class=\"ns.e('image')\" :style=\"_sizeType ? {} : setSize(imgInfos?.size || size)\">\n      <slot v-if=\"$slots.img\" name=\"img\" />\n      <img v-else :src=\"imgContent\" alt=\"\" />\n    </div>\n    <span :class=\"ns.e('desc')\" v-if=\"descContent\">\n      <v-node :content=\"descContent\" />\n    </span>\n    <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","imgInfos","EmptyEnum","NoCollect","NoPageData","NoData","NoFilter","NoSearch","__props","imgContent","computed","descContent","renderTNode","_sizeType","getSizeType"],"mappings":";;;;;;;;;;;mBACMA;AAAA;AAAA,EAAuBC,EAAa,OAAO;AAAA,GAGjDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;AAoCD,UAAMI,IAAWC,KAyCXC,yBAvCiB,IAA8G;AAAA,MACnI;AAAA,QACAC,EAAU;AAAA,QACR;AAAA,UACE,MAAM;AAAA,UACN,KAAKC;AAAA,QACP;AAAA,MACF;AAAA,MACA;AAAA,QACAD,EAAU;AAAA,QACR;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,KAAKE;AAAA,QACP;AAAA,MACF;AAAA,MACA;AAAA,QACAF,EAAU;AAAA,QACR;AAAA,UACE,MAAM;AAAA,UACN,KAAKG;AAAA,QACP;AAAA,MACF;AAAA,MACA;AAAA,QACAH,EAAU;AAAA,QACR;AAAA,UACE,MAAM;AAAA,UACN,KAAKI;AAAA,QACP;AAAA,MACF;AAAA,MACA;AAAA,QACAJ,EAAU;AAAA,QACR;AAAA,UACE,MAAM;AAAA,UACN,KAAKK;AAAA,QACP;AAAA,MACF;AAAA,IAAA,CACD,GAE2B,IAAIC,EAAQ,IAAI,GAEtCC,IAAaC,EAAS,MAAMF,EAAQ,QAAOP,KAAA,gBAAAA,EAAU,IAAG,GAExDU,IAAcD,EAAS,MAAME,EAAYb,GAAU,QAAQ,EAAE,aAAaE,KAAA,gBAAAA,EAAU,KAAK,CAAC,CAAC,GAE3FY,IAAYC,EAAYN,EAAQ,IAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"empty.vue2.mjs","sources":["../../../../../packages/components/empty/empty.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('empty')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"ts\">\nimport { renderTNode, setSize, VNode } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/use';\nimport { getCurrentInstance, computed } from 'vue';\nimport type { ComponentSize } from '../types';\nimport { getSizeType } from '@vft-ui/utils';\nimport { EmptyEnum } from './constants';\n\nimport NoCollect from './assets/no-collect.png';\nimport NoData from './assets/no-data.png';\nimport NoFilter from './assets/no-filter.png';\nimport NoPageData from './assets/no-page-data.png';\nimport NoSearch from './assets/no-search.png';\n\ninterface EmptyProps {\n  /** 图片类型或字符串 支持自定义 slot */\n  img?: string;\n  type?: EmptyEnum;\n  /** 图片大小 */\n  size?: ComponentSize | string | number[];\n  /** 图片底部描述 支持自定义 slot */\n  desc?: string;\n}\n\ndefineProps({\n  \"img\": null,\n  \"type\": { default: EmptyEnum.NO_DATA },\n  \"size\": null,\n  \"desc\": null\n})\n\n\n\n;\n\nconst instance = getCurrentInstance();\n\nconst imgTypeMap = new Map<EmptyEnum, {text: string; img: string; size?: EmptyProps['size']; descStyle?: Record<string, Numberish>}>([\n  [\n\t\tEmptyEnum.NO_COLLECT,\n    {\n      text: '暂无收藏记录',\n      img: NoCollect\n    }\n  ],\n  [\n\t\tEmptyEnum.NO_PAGE_DATA,\n    {\n      text: '没有找到相关信息',\n      size: 300,\n      img: NoPageData\n    }\n  ],\n  [\n\t\tEmptyEnum.NO_DATA,\n    {\n      text: '暂无数据',\n      img: NoData\n    }\n  ],\n  [\n\t\tEmptyEnum.NO_FILTER,\n    {\n      text: '此筛选条件下无结果',\n      img: NoFilter\n    }\n  ],\n  [\n\t\tEmptyEnum.NO_SEARCH,\n    {\n      text: '没有搜索结果',\n      img: NoSearch\n    }\n  ]\n]);\n\nconst imgInfos = imgTypeMap.get(__props.type);\n\nconst imgContent = computed(() => __props.img || imgInfos?.img);\n\nconst descContent = computed(() => renderTNode(instance, 'desc', { defaultNode: imgInfos?.text }));\n\nconst _sizeType = getSizeType(__props.size as string);\n</script>\n\n<template>\n  <div :class=\"[ns.b(), _sizeType ? ns.m(_sizeType) : '']\">\n    <div :class=\"ns.e('image')\" :style=\"_sizeType ? {} : setSize(imgInfos?.size || size)\">\n      <slot v-if=\"$slots.img\" name=\"img\" />\n      <img v-else :src=\"imgContent\" alt=\"\" />\n    </div>\n    <span :class=\"ns.e('desc')\" v-if=\"descContent\">\n      <v-node :content=\"descContent\" />\n    </span>\n    <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","imgInfos","EmptyEnum","NoCollect","NoPageData","NoData","NoFilter","NoSearch","__props","imgContent","computed","descContent","renderTNode","_sizeType","getSizeType"],"mappings":";;;;;;;;;;;mBACMA;AAAA;AAAA,EAAuBC,EAAa,OAAO;AAAA,GAGjDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;AAoCD,UAAMI,IAAWC,KAyCXC,yBAvCiB,IAA8G;AAAA,MACnI;AAAA,QACAC,EAAU;AAAA,QACR;AAAA,UACE,MAAM;AAAA,UACN,KAAKC;AAAA,QACP;AAAA,MACF;AAAA,MACA;AAAA,QACAD,EAAU;AAAA,QACR;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,KAAKE;AAAA,QACP;AAAA,MACF;AAAA,MACA;AAAA,QACAF,EAAU;AAAA,QACR;AAAA,UACE,MAAM;AAAA,UACN,KAAKG;AAAA,QACP;AAAA,MACF;AAAA,MACA;AAAA,QACAH,EAAU;AAAA,QACR;AAAA,UACE,MAAM;AAAA,UACN,KAAKI;AAAA,QACP;AAAA,MACF;AAAA,MACA;AAAA,QACAJ,EAAU;AAAA,QACR;AAAA,UACE,MAAM;AAAA,UACN,KAAKK;AAAA,QACP;AAAA,MACF;AAAA,IAAA,CACD,GAE2B,IAAIC,EAAQ,IAAI,GAEtCC,IAAaC,EAAS,MAAMF,EAAQ,QAAOP,KAAA,gBAAAA,EAAU,IAAG,GAExDU,IAAcD,EAAS,MAAME,EAAYb,GAAU,QAAQ,EAAE,aAAaE,KAAA,gBAAAA,EAAU,KAAK,CAAC,CAAC,GAE3FY,IAAYC,EAAYN,EAAQ,IAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/empty/index.d.ts

@@ -1,5 +1,5 @@
 export * from './constants';
-export declare const VftEmpty: import("vft-utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftEmpty: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     img: {
         type: import("vue").PropType<string | undefined>;
         required: false;

package/es/components/empty/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/empty/index.ts"],"sourcesContent":["import { withInstall } from 'vft-utils'\n\nimport Empty from './empty.vue'\n\nexport * from './constants'\n\nexport const VftEmpty = withInstall(Empty)\nexport default VftEmpty\n"],"names":["VftEmpty","withInstall","Empty"],"mappings":";;;;AAMa,MAAAA,IAAWC,EAAYC,CAAK;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/empty/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Empty from './empty.vue'\n\nexport * from './constants'\n\nexport const VftEmpty = withInstall(Empty)\nexport default VftEmpty\n"],"names":["VftEmpty","withInstall","Empty"],"mappings":";;;;AAMa,MAAAA,IAAWC,EAAYC,CAAK;"}

package/es/components/exception/exception.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"exception.vue2.mjs","sources":["../../../../../packages/components/exception/exception.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { generateCssVars } from '@vft/utils';\nimport { useRouter } from 'vue-router';\nimport { useRouterHelper } from '@vft/router';\nimport { useTabs } from '@vft/store';\nimport Result from '@vft/components/result';\nimport ExceptionSrc from './exception.png';\n\ninterface Props {\n  title?: string;\n  showRefresh?: boolean\n  showHome?: boolean\n}\n\ndefineProps({\n  \"title\": { default: '页面打不开？刷新下试试' },\n  \"showRefresh\": { type: Boolean, default: true },\n  \"showHome\": { type: Boolean,  }\n})\n\nconst router = useRouter();\n\nconst { goRoot } = useRouterHelper(router);\nconst { refreshPage } = useTabs();\n\nconst initStyle = {\n  ...generateCssVars({\n    'title-font-size': '16px'\n  }, 'result')\n};\n</script>\n\n<template>\n  <result :title=\"title\" :icon=\"{icon: ExceptionSrc, size: 350}\" :style=\"initStyle\">\n    <template #extra>\n      <button v-if=\"showHome\" type=\"primary\" @click=\"goRoot\">返回主页</button>\n      <button v-if=\"showRefresh\" type=\"primary\" @click=\"refreshPage\">刷新页面</button>\n    </template>\n  </result>\n</template>\n"],"names":["router","useRouter","goRoot","useRouterHelper","refreshPage","useTabs","initStyle","generateCssVars"],"mappings":";;;;;;;;;;;;;;;AAoBA,UAAMA,IAASC,KAET,EAAE,QAAAC,EAAA,IAAWC,EAAgBH,CAAM,GACnC,EAAE,aAAAI,MAAgBC,KAElBC,IAAY;AAAA,MAChB,GAAGC,EAAgB;AAAA,QACjB,mBAAmB;AAAA,SAClB,QAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"exception.vue2.mjs","sources":["../../../../../packages/components/exception/exception.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { generateCssVars } from '@vft/utils';\nimport { useRouter } from 'vue-router';\nimport { useRouterHelper } from '@vft/router';\nimport { useTabs } from '@vft/store';\nimport Result from '@vft-ui/components/result';\nimport ExceptionSrc from './exception.png';\n\ninterface Props {\n  title?: string;\n  showRefresh?: boolean\n  showHome?: boolean\n}\n\ndefineProps({\n  \"title\": { default: '页面打不开？刷新下试试' },\n  \"showRefresh\": { type: Boolean, default: true },\n  \"showHome\": { type: Boolean,  }\n})\n\nconst router = useRouter();\n\nconst { goRoot } = useRouterHelper(router);\nconst { refreshPage } = useTabs();\n\nconst initStyle = {\n  ...generateCssVars({\n    'title-font-size': '16px'\n  }, 'result')\n};\n</script>\n\n<template>\n  <result :title=\"title\" :icon=\"{icon: ExceptionSrc, size: 350}\" :style=\"initStyle\">\n    <template #extra>\n      <button v-if=\"showHome\" type=\"primary\" @click=\"goRoot\">返回主页</button>\n      <button v-if=\"showRefresh\" type=\"primary\" @click=\"refreshPage\">刷新页面</button>\n    </template>\n  </result>\n</template>\n"],"names":["router","useRouter","goRoot","useRouterHelper","refreshPage","useTabs","initStyle","generateCssVars"],"mappings":";;;;;;;;;;;;;;;AAoBA,UAAMA,IAASC,KAET,EAAE,QAAAC,EAAA,IAAWC,EAAgBH,CAAM,GACnC,EAAE,aAAAI,MAAgBC,KAElBC,IAAY;AAAA,MAChB,GAAGC,EAAgB;AAAA,QACjB,mBAAmB;AAAA,SAClB,QAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/exception/index.d.ts

@@ -1,4 +1,4 @@
-export declare const VftException: import("vft-utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftException: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     title: {
         type: import("vue").PropType<string | undefined>;
         required: false;

package/es/components/exception/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/exception/index.ts"],"sourcesContent":["import { withInstall } from 'vft-utils'\n\nimport Exception from './exception.vue'\n\nexport const VftException = withInstall(Exception)\nexport default VftException\n"],"names":["VftException","withInstall","Exception"],"mappings":";;;AAIa,MAAAA,IAAeC,EAAYC,CAAS;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/exception/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Exception from './exception.vue'\n\nexport const VftException = withInstall(Exception)\nexport default VftException\n"],"names":["VftException","withInstall","Exception"],"mappings":";;;AAIa,MAAAA,IAAeC,EAAYC,CAAS;"}

package/es/components/exception/style/css.mjs

@@ -1,3 +1,3 @@
 import "vft/theme-style/base.css";
-import "vft/theme-style/vft-icon.css";
+import "vft/theme-style/vft-exception.css";
 //# sourceMappingURL=css.mjs.map

package/es/components/exception/style/index.mjs

@@ -1,3 +1,3 @@
 import "../../../theme-style/src/base.scss.mjs";
-import "../../../theme-style/src/icon.scss.mjs";
+import "vft/theme-style/src/exception.scss";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon.vue2.mjs","sources":["../../../../../packages/components/icon/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('icon')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { computed, type CSSProperties, inject } from 'vue';\nimport { addUnit } from '@vft/utils';\nimport { useNamespace } from 'vft-hooks';\n\nexport interface IconProps {\n  /** 是否显示图标右上角小红点 */\n  dot?: boolean;\n  /** 图标名称或图片链接 */\n  icon: string;\n  /** 图标大小 */\n  size?: Numberish;\n  /** 图标右上角徽标的内容 */\n  badge?: Numberish;\n  /** 图标颜色 */\n  color?: string;\n  /** 类名前缀，用于使用自定义图标 */\n  classPrefix?: string;\n  spin?: boolean;\n  cursor?: boolean;\n  scale?: number\n}\n\nconst emit = defineEmits(['click']);\n\ndefineProps({\n  \"dot\": { type: Boolean,  },\n  \"icon\": null,\n  \"size\": null,\n  \"badge\": null,\n  \"color\": null,\n  \"classPrefix\": null,\n  \"spin\": { type: Boolean,  },\n  \"cursor\": { type: Boolean,  },\n  \"scale\": null\n})\n\n\n\n;\n\nconst style = computed(() => {\n  const _style: CSSProperties = {};\n  if (__props.color) {\n    _style['color'] = __props.color;\n  }\n  if (__props.size) {\n    _style['fontSize'] = addUnit(__props.size);\n  }\n  if (__props.spin) {\n    _style['animation'] = 'vri-rotate 1s linear 0s infinite';\n  }\n  if (__props.cursor) {\n    _style['cursor'] = 'pointer';\n  }\n  if (__props.scale) {\n    _style.transform = 'scale(0.8)';\n  }\n  return _style;\n});\n\nconst isImage = (name?: string) => name?.includes('/');\nconst isImageIcon = isImage(__props.icon);\n\n\nconst _classPrefix = computed(() => __props.classPrefix);\nconst classes = computed(() => (isImageIcon ? '' : [__props.icon.startsWith('vi-') ? 'vicon' : 'iconfont', `${_classPrefix.value || ''}${__props.icon}`]));\n</script>\n\n<template>\n\t<div>\n\t\t<slot></slot>\n\t</div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","computed","_style","__props","addUnit","isImageIcon","name","_classPrefix"],"mappings":";;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,MAAM;AAAA,GAGhDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;;;;AA0Ca,IAAAI,EAAS,MAAM;AAC3B,YAAMC,IAAwB,CAAA;AAC9B,aAAIC,EAAQ,UACHD,EAAA,QAAWC,EAAQ,QAExBA,EAAQ,SACVD,EAAO,WAAcE,EAAQD,EAAQ,IAAI,IAEvCA,EAAQ,SACVD,EAAO,YAAe,qCAEpBC,EAAQ,WACVD,EAAO,SAAY,YAEjBC,EAAQ,UACVD,EAAO,YAAY,eAEdA;AAAA,IAAA,CACR;AAGK,UAAAG,KADU,CAACC,MAAkBA,KAAA,gBAAAA,EAAM,SAAS,MACtBH,EAAQ,IAAI,GAGlCI,IAAeN,EAAS,MAAME,EAAQ,WAAW;AACvC,WAAAF,EAAS,MAAOI,IAAc,KAAK,CAACF,EAAQ,KAAK,WAAW,KAAK,IAAI,UAAU,YAAY,GAAGI,EAAa,SAAS,KAAKJ,EAAQ,MAAM,CAAE;;;;;"}
+{"version":3,"file":"icon.vue2.mjs","sources":["../../../../../packages/components/icon/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('icon')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { computed, type CSSProperties, inject } from 'vue';\nimport { addUnit } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/use';\n\nexport interface IconProps {\n  /** 是否显示图标右上角小红点 */\n  dot?: boolean;\n  /** 图标名称或图片链接 */\n  icon: string;\n  /** 图标大小 */\n  size?: Numberish;\n  /** 图标右上角徽标的内容 */\n  badge?: Numberish;\n  /** 图标颜色 */\n  color?: string;\n  /** 类名前缀，用于使用自定义图标 */\n  classPrefix?: string;\n  spin?: boolean;\n  cursor?: boolean;\n  scale?: number\n}\n\nconst emit = defineEmits(['click']);\n\ndefineProps({\n  \"dot\": { type: Boolean,  },\n  \"icon\": null,\n  \"size\": null,\n  \"badge\": null,\n  \"color\": null,\n  \"classPrefix\": null,\n  \"spin\": { type: Boolean,  },\n  \"cursor\": { type: Boolean,  },\n  \"scale\": null\n})\n\n\n\n;\n\nconst style = computed(() => {\n  const _style: CSSProperties = {};\n  if (__props.color) {\n    _style['color'] = __props.color;\n  }\n  if (__props.size) {\n    _style['fontSize'] = addUnit(__props.size);\n  }\n  if (__props.spin) {\n    _style['animation'] = 'vri-rotate 1s linear 0s infinite';\n  }\n  if (__props.cursor) {\n    _style['cursor'] = 'pointer';\n  }\n  if (__props.scale) {\n    _style.transform = 'scale(0.8)';\n  }\n  return _style;\n});\n\nconst isImage = (name?: string) => name?.includes('/');\nconst isImageIcon = isImage(__props.icon);\n\n\nconst _classPrefix = computed(() => __props.classPrefix);\nconst classes = computed(() => (isImageIcon ? '' : [__props.icon.startsWith('vi-') ? 'vicon' : 'iconfont', `${_classPrefix.value || ''}${__props.icon}`]));\n</script>\n\n<template>\n\t<div>\n\t\t<slot></slot>\n\t</div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","computed","_style","__props","addUnit","isImageIcon","name","_classPrefix"],"mappings":";;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,MAAM;AAAA,GAGhDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;;;;AA0Ca,IAAAI,EAAS,MAAM;AAC3B,YAAMC,IAAwB,CAAA;AAC9B,aAAIC,EAAQ,UACHD,EAAA,QAAWC,EAAQ,QAExBA,EAAQ,SACVD,EAAO,WAAcE,EAAQD,EAAQ,IAAI,IAEvCA,EAAQ,SACVD,EAAO,YAAe,qCAEpBC,EAAQ,WACVD,EAAO,SAAY,YAEjBC,EAAQ,UACVD,EAAO,YAAY,eAEdA;AAAA,IAAA,CACR;AAGK,UAAAG,KADU,CAACC,MAAkBA,KAAA,gBAAAA,EAAM,SAAS,MACtBH,EAAQ,IAAI,GAGlCI,IAAeN,EAAS,MAAME,EAAQ,WAAW;AACvC,WAAAF,EAAS,MAAOI,IAAc,KAAK,CAACF,EAAQ,KAAK,WAAW,KAAK,IAAI,UAAU,YAAY,GAAGI,EAAa,SAAS,KAAKJ,EAAQ,MAAM,CAAE;;;;;"}

package/es/components/icon/index.d.ts

@@ -1,5 +1,5 @@
 export { type IconProps } from './icon.vue';
-export declare const VftIcon: import("vft-utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftIcon: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     dot: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import { withInstall } from 'vft-utils';\n\nimport Icon, { type IconProps } from './icon.vue';\n\nexport {\n\ttype IconProps\n} from './icon.vue';\n\nexport const VftIcon = withInstall(Icon);\nexport default VftIcon;\n"],"names":["VftIcon","withInstall","Icon"],"mappings":";;;AAQa,MAAAA,IAAUC,EAAYC,CAAI;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils';\n\nimport Icon, { type IconProps } from './icon.vue';\n\nexport {\n\ttype IconProps\n} from './icon.vue';\n\nexport const VftIcon = withInstall(Icon);\nexport default VftIcon;\n"],"names":["VftIcon","withInstall","Icon"],"mappings":";;;AAQa,MAAAA,IAAUC,EAAYC,CAAI;"}

package/es/components/icon/style/css.mjs

@@ -1,3 +1,3 @@
 import "vft/theme-style/base.css";
-import "vft/theme-style/vft-exception.css";
+import "vft/theme-style/vft-icon.css";
 //# sourceMappingURL=css.mjs.map

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

@@ -1,3 +1,3 @@
 import "../../../theme-style/src/base.scss.mjs";
-import "vft/theme-style/src/exception.scss";
+import "../../../theme-style/src/icon.scss.mjs";
 //# sourceMappingURL=index.mjs.map

package/es/components/index.d.ts

@@ -3,3 +3,4 @@ export * from './icon';
 export * from './avatar';
 export * from './empty';
 export * from './result';
+export * from './exception';

package/es/components/index.mjs

@@ -1,15 +1,17 @@
-import { VftDivider as o } from "./divider/index.mjs";
-import { VftIcon as m } from "./icon/index.mjs";
+import { VftDivider as r } from "./divider/index.mjs";
+import { VftIcon as e } from "./icon/index.mjs";
 import { VftAvatar as p } from "./avatar/index.mjs";
 import { VftEmpty as V } from "./empty/index.mjs";
-import { VftResult as a } from "./result/index.mjs";
-import { EmptyEnum as n } from "./empty/constants.mjs";
+import { VftResult as i } from "./result/index.mjs";
+import { VftException as a } from "./exception/index.mjs";
+import { EmptyEnum as u } from "./empty/constants.mjs";
 export {
-  n as EmptyEnum,
+  u as EmptyEnum,
   p as VftAvatar,
-  o as VftDivider,
+  r as VftDivider,
   V as VftEmpty,
-  m as VftIcon,
-  a as VftResult
+  a as VftException,
+  e as VftIcon,
+  i as VftResult
 };
 //# sourceMappingURL=index.mjs.map

package/es/components/index.mjs.map

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

package/es/components/result/index.d.ts

@@ -1,4 +1,4 @@
-export declare const VftResult: import("vft-utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftResult: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     title: {
         type: import("vue").PropType<string | number | undefined>;
         required: false;

package/es/components/result/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/result/index.ts"],"sourcesContent":["import { withInstall } from 'vft-utils'\n\nimport Result from './result.vue'\n\nexport const VftResult = withInstall(Result)\nexport default VftResult\n"],"names":["VftResult","withInstall","Result"],"mappings":";;;AAIa,MAAAA,IAAYC,EAAYC,CAAM;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/result/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Result from './result.vue'\n\nexport const VftResult = withInstall(Result)\nexport default VftResult\n"],"names":["VftResult","withInstall","Result"],"mappings":";;;AAIa,MAAAA,IAAYC,EAAYC,CAAM;"}

package/es/components/result/result.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType as __PropType } from 'vue';
-import { type IconProps } from '@vft/components';
+import { type IconProps } from 'vft/es/components';
 declare const _sfc_main: import("vue").DefineComponent<{
     title: {
         type: __PropType<string | number | undefined>;

package/es/components/result/result.vue2.mjs

@@ -6,12 +6,13 @@ import { VftIcon as C } from "../icon/index.mjs";
 import "../avatar/index.mjs";
 import "../empty/index.mjs";
 import "./index.mjs";
+import "../exception/index.mjs";
 const o = (
   /* hoist-static*/
   x("result")
 ), I = u({
   name: o.b()
-}), V = /* @__PURE__ */ u({
+}), k = /* @__PURE__ */ u({
   ...I,
   props: {
     title: null,
@@ -19,10 +20,10 @@ const o = (
     icon: null
   },
   setup(a) {
-    var i, l;
-    const m = d(), t = f(), r = v(() => _(a.icon, "icon")), p = (i = r.value) != null && i.icon ? e("div", {
+    var c, l;
+    const m = d(), t = f(), r = v(() => _(a.icon, "icon")), p = (c = r.value) != null && c.icon ? e("div", {
       class: o.e("icon")
-    }, [e(C, { ...r.value })]) : (l = t.default) == null ? void 0 : l.call(t), c = (n) => {
+    }, [e(C, { ...r.value })]) : (l = t.default) == null ? void 0 : l.call(t), i = (n) => {
       const s = b(m, n);
       return s ? e(
         "div",
@@ -38,8 +39,8 @@ const o = (
       {
         default: () => [
           p,
-          c("title"),
-          c("sub-title"),
+          i("title"),
+          i("sub-title"),
           t.extra ? e("div", { class: o.e("extra") }, { default: () => {
             var n;
             return (n = t.extra) == null ? void 0 : n.call(t);
@@ -50,6 +51,6 @@ const o = (
   }
 });
 export {
-  V as default
+  k as default
 };
 //# sourceMappingURL=result.vue2.mjs.map

package/es/components/result/result.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"result.vue2.mjs","sources":["../../../../../packages/components/result/result.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('result')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"ts\">\nimport { renderTNode, singleAttrToObj } from '@vft/utils';\nimport { h, getCurrentInstance, computed, useSlots } from 'vue';\nimport { useNamespace } from 'vft-hooks';\nimport { type IconProps, VftIcon } from '@vft/components';\n\ninterface Props {\n  title?: string | number;\n  subTitle?: string | number;\n  icon?: IconProps;\n}\n\ndefineProps({\n  \"title\": null,\n  \"subTitle\": null,\n  \"icon\": null\n})\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst slots = useSlots();\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst vIcon = _icon.value?.icon ? h('div', {\n  class: ns.e('icon')\n}, [h(VftIcon, { ..._icon.value })]) : slots.default?.();\n\nconst vCon = (attrName: string) => {\n  const nodeCon = renderTNode(instance, attrName);\n  return nodeCon ? h(\n    'div',\n    {\n      class: ns.e(attrName)\n    }, [h('p', {}, { default: () => nodeCon })]\n  ) : null;\n};\n\ndefineRender(() => {\n  return (\n    h(\n      'div', { class: ns.b() }, {\n        default: () => [\n          vIcon,\n          vCon('title'),\n          vCon('sub-title'),\n          slots.extra ? h('div', { class: ns.e('extra') }, { default: ()=> slots.extra?.() }) : null\n        ]\n      }\n    )\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","slots","useSlots","_icon","computed","singleAttrToObj","__props","vIcon","_a","h","VftIcon","_b","vCon","attrName","nodeCon","renderTNode"],"mappings":";;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,QAAQ;AAAA,GAGlDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;AAuBD,UAAMI,IAAWC,KAEXC,IAAQC,KAERC,IAAQC,EAAS,MACdC,EAAgBC,EAAQ,MAAM,MAAM,CAC5C,GAEKC,KAAQC,IAAAL,EAAM,UAAN,QAAAK,EAAa,OAAOC,EAAE,OAAO;AAAA,MACzC,OAAOd,EAAG,EAAE,MAAM;AAAA,IACjB,GAAA,CAACc,EAAEC,GAAS,EAAE,GAAGP,EAAM,MAAO,CAAA,CAAC,CAAC,KAAIQ,IAAAV,EAAM,YAAN,gBAAAU,EAAA,KAAAV,IAEjCW,IAAO,CAACC,MAAqB;AAC3B,YAAAC,IAAUC,EAAYhB,GAAUc,CAAQ;AAC9C,aAAOC,IAAUL;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAOd,EAAG,EAAEkB,CAAQ;AAAA,QACtB;AAAA,QAAG,CAACJ,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,MAAMK,EAAQ,CAAC,CAAC;AAAA,MACxC,IAAA;AAAA,IAAA;AAGO,WAAA,MAETL;AAAA,MACE;AAAA,MAAO,EAAE,OAAOd,EAAG,IAAI;AAAA,MAAG;AAAA,QACxB,SAAS,MAAM;AAAA,UACbY;AAAA,UACAK,EAAK,OAAO;AAAA,UACZA,EAAK,WAAW;AAAA,UAChBX,EAAM,QAAQQ,EAAE,OAAO,EAAE,OAAOd,EAAG,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,MAAA;;AAAK,oBAAAa,IAAAP,EAAM,UAAN,gBAAAO,EAAA,KAAAP;AAAA,YAAiB,CAAA,IAAI;AAAA,QACxF;AAAA,MACF;AAAA,IAAA;AAAA;;"}
+{"version":3,"file":"result.vue2.mjs","sources":["../../../../../packages/components/result/result.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('result')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script setup lang=\"ts\">\nimport { renderTNode, singleAttrToObj } from '@vft/utils';\nimport { h, getCurrentInstance, computed, useSlots } from 'vue';\nimport { useNamespace } from '@vft-ui/use';\nimport { type IconProps, VftIcon } from '@vft-ui/components';\n\ninterface Props {\n  title?: string | number;\n  subTitle?: string | number;\n  icon?: IconProps;\n}\n\ndefineProps({\n  \"title\": null,\n  \"subTitle\": null,\n  \"icon\": null\n})\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst slots = useSlots();\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst vIcon = _icon.value?.icon ? h('div', {\n  class: ns.e('icon')\n}, [h(VftIcon, { ..._icon.value })]) : slots.default?.();\n\nconst vCon = (attrName: string) => {\n  const nodeCon = renderTNode(instance, attrName);\n  return nodeCon ? h(\n    'div',\n    {\n      class: ns.e(attrName)\n    }, [h('p', {}, { default: () => nodeCon })]\n  ) : null;\n};\n\ndefineRender(() => {\n  return (\n    h(\n      'div', { class: ns.b() }, {\n        default: () => [\n          vIcon,\n          vCon('title'),\n          vCon('sub-title'),\n          slots.extra ? h('div', { class: ns.e('extra') }, { default: ()=> slots.extra?.() }) : null\n        ]\n      }\n    )\n  );\n});\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","slots","useSlots","_icon","computed","singleAttrToObj","__props","vIcon","_a","h","VftIcon","_b","vCon","attrName","nodeCon","renderTNode"],"mappings":";;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,QAAQ;AAAA,GAGlDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;AAuBD,UAAMI,IAAWC,KAEXC,IAAQC,KAERC,IAAQC,EAAS,MACdC,EAAgBC,EAAQ,MAAM,MAAM,CAC5C,GAEKC,KAAQC,IAAAL,EAAM,UAAN,QAAAK,EAAa,OAAOC,EAAE,OAAO;AAAA,MACzC,OAAOd,EAAG,EAAE,MAAM;AAAA,IACjB,GAAA,CAACc,EAAEC,GAAS,EAAE,GAAGP,EAAM,MAAO,CAAA,CAAC,CAAC,KAAIQ,IAAAV,EAAM,YAAN,gBAAAU,EAAA,KAAAV,IAEjCW,IAAO,CAACC,MAAqB;AAC3B,YAAAC,IAAUC,EAAYhB,GAAUc,CAAQ;AAC9C,aAAOC,IAAUL;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAOd,EAAG,EAAEkB,CAAQ;AAAA,QACtB;AAAA,QAAG,CAACJ,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,MAAMK,EAAQ,CAAC,CAAC;AAAA,MACxC,IAAA;AAAA,IAAA;AAGO,WAAA,MAETL;AAAA,MACE;AAAA,MAAO,EAAE,OAAOd,EAAG,IAAI;AAAA,MAAG;AAAA,QACxB,SAAS,MAAM;AAAA,UACbY;AAAA,UACAK,EAAK,OAAO;AAAA,UACZA,EAAK,WAAW;AAAA,UAChBX,EAAM,QAAQQ,EAAE,OAAO,EAAE,OAAOd,EAAG,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,MAAA;;AAAK,oBAAAa,IAAAP,EAAM,UAAN,gBAAAO,EAAA,KAAAP;AAAA,YAAiB,CAAA,IAAI;AAAA,QACxF;AAAA,MACF;AAAA,IAAA;AAAA;;"}

package/es/defaults.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
     version: string;
-    install: (app: App, options?: any) => void;
+    install: (app: import("vue").App<any>, options?: any) => void;
 };
 export default _default;

package/es/index.d.ts

@@ -1,8 +1,9 @@
 import installer from './defaults';
-export * from '@vft/components';
-export * from 'vft-constants';
+export * from 'vft/es/components';
+export * from 'vft/es/constants';
+export * from 'vft/es/use';
 export * from './make-installer';
-export declare const install: (app: App, options?: any) => void;
+export declare const install: (app: import("vue").App<any>, options?: any) => void;
 export declare const version: string;
 export default installer;
 export { default as dayjs } from 'dayjs';

package/es/index.mjs

@@ -1,38 +1,44 @@
 import o from "./defaults.mjs";
-import { VftDivider as p } from "./components/divider/index.mjs";
+import { VftDivider as f } from "./components/divider/index.mjs";
 import { VftIcon as a } from "./components/icon/index.mjs";
-import { VftAvatar as s } from "./components/avatar/index.mjs";
+import { VftAvatar as x } from "./components/avatar/index.mjs";
 import { VftEmpty as i } from "./components/empty/index.mjs";
 import { VftResult as V } from "./components/result/index.mjs";
-import { EVENT_CODE as N } from "./constants/aria.mjs";
-import { WEEK_DAYS as c, datePickTypes as D } from "./constants/date.mjs";
-import { CHANGE_EVENT as A, INPUT_EVENT as u, UPDATE_MODEL_EVENT as v } from "./constants/event.mjs";
-import { INSTALLED_KEY as I } from "./constants/key.mjs";
-import { componentSizeMap as L, componentSizes as P } from "./constants/size.mjs";
-import { makeInstaller as z } from "./make-installer.mjs";
-import { default as K } from "dayjs";
-import { EmptyEnum as O } from "./components/empty/constants.mjs";
-const t = o.install, e = o.version;
+import { VftException as N } from "./components/exception/index.mjs";
+import { EVENT_CODE as _ } from "./constants/aria.mjs";
+import { WEEK_DAYS as u, datePickTypes as D } from "./constants/date.mjs";
+import { CHANGE_EVENT as v, INPUT_EVENT as y, UPDATE_MODEL_EVENT as I } from "./constants/event.mjs";
+import { INSTALLED_KEY as L } from "./constants/key.mjs";
+import { componentSizeMap as k, componentSizes as z } from "./constants/size.mjs";
+import { _bem as K, defaultNamespace as M, useNamespace as O } from "./hooks/use-namespace/index.mjs";
+import { makeInstaller as Y } from "./make-installer.mjs";
+import { default as j } from "dayjs";
+import { EmptyEnum as H } from "./components/empty/constants.mjs";
+const e = o.install, r = o.version;
 export {
-  A as CHANGE_EVENT,
-  N as EVENT_CODE,
-  O as EmptyEnum,
-  u as INPUT_EVENT,
-  I as INSTALLED_KEY,
-  v as UPDATE_MODEL_EVENT,
-  s as VftAvatar,
-  p as VftDivider,
+  v as CHANGE_EVENT,
+  _ as EVENT_CODE,
+  H as EmptyEnum,
+  y as INPUT_EVENT,
+  L as INSTALLED_KEY,
+  I as UPDATE_MODEL_EVENT,
+  x as VftAvatar,
+  f as VftDivider,
   i as VftEmpty,
+  N as VftException,
   a as VftIcon,
   V as VftResult,
-  c as WEEK_DAYS,
-  L as componentSizeMap,
-  P as componentSizes,
+  u as WEEK_DAYS,
+  K as _bem,
+  k as componentSizeMap,
+  z as componentSizes,
   D as datePickTypes,
-  K as dayjs,
+  j as dayjs,
   o as default,
-  t as install,
-  z as makeInstaller,
-  e as version
+  M as defaultNamespace,
+  e as install,
+  Y as makeInstaller,
+  O as useNamespace,
+  r as version
 };
 //# sourceMappingURL=index.mjs.map

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../packages/vft/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@vft/components'\nexport * from 'vft-constants'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n\nexport { default as dayjs } from 'dayjs'\n"],"names":["install","installer","version"],"mappings":";;;;;;;;;;;;;;AAKO,MAAMA,IAAUC,EAAU,SACpBC,IAAUD,EAAU;"}
+{"version":3,"file":"index.mjs","sources":["../../../packages/vft/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@vft-ui/components'\nexport * from '@vft-ui/constants'\nexport * from '@vft-ui/use'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n\nexport { default as dayjs } from 'dayjs'\n"],"names":["install","installer","version"],"mappings":";;;;;;;;;;;;;;;;AAMO,MAAMA,IAAUC,EAAU,SACpBC,IAAUD,EAAU;"}

package/es/make-installer.d.ts

@@ -1,4 +1,4 @@
-import type { Plugin } from '@vue/runtime-core';
+import type { App, Plugin } from '@vue/runtime-core';
 export declare const makeInstaller: (components?: Plugin[]) => {
     version: string;
     install: (app: App, options?: any) => void;

package/es/make-installer.mjs

@@ -1,5 +1,5 @@
 import { INSTALLED_KEY as t } from "./constants/key.mjs";
-import { version as e } from "./version.mjs";
+import { version as e } from "./package.json.mjs";
 const f = (o = []) => ({
   version: e,
   install: (r, i) => {

package/es/make-installer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"make-installer.mjs","sources":["../../../packages/vft/make-installer.ts"],"sourcesContent":["import { INSTALLED_KEY } from 'vft-constants'\nimport { version } from './version'\n\nimport type { App, Plugin } from '@vue/runtime-core'\n\nexport const makeInstaller = (components: Plugin[] = []) => {\n  const install = (app: App, options?: any) => {\n    if (app[INSTALLED_KEY]) return\n\n    app[INSTALLED_KEY] = true\n    components.forEach((c) => app.use(c))\n\n  }\n\n  return {\n    version,\n    install,\n  }\n}\n"],"names":["makeInstaller","components","version","app","options","INSTALLED_KEY","c"],"mappings":";;AAKO,MAAMA,IAAgB,CAACC,IAAuB,QAS5C;AAAA,EACL,SAAAC;AAAA,EACA,SAVc,CAACC,GAAUC,MAAkB;AAC3C,IAAID,EAAIE,CAAa,MAErBF,EAAIE,CAAa,IAAI,IACrBJ,EAAW,QAAQ,CAACK,MAAMH,EAAI,IAAIG,CAAC,CAAC;AAAA,EAAA;AAMpC;"}
+{"version":3,"file":"make-installer.mjs","sources":["../../../packages/vft/make-installer.ts"],"sourcesContent":["import { INSTALLED_KEY } from '@vft-ui/constants'\nimport { version } from './package.json'\n\nimport type { App, Plugin } from '@vue/runtime-core'\n\nexport const makeInstaller = (components: Plugin[] = []) => {\n  const install = (app: App, options?: any) => {\n    if (app[INSTALLED_KEY]) return\n\n    app[INSTALLED_KEY] = true\n    components.forEach((c) => app.use(c))\n\n  }\n\n  return {\n    version,\n    install,\n  }\n}\n"],"names":["makeInstaller","components","version","app","options","INSTALLED_KEY","c"],"mappings":";;AAKO,MAAMA,IAAgB,CAACC,IAAuB,QAS5C;AAAA,EACL,SAAAC;AAAA,EACA,SAVc,CAACC,GAAUC,MAAkB;AAC3C,IAAID,EAAIE,CAAa,MAErBF,EAAIE,CAAa,IAAI,IACrBJ,EAAW,QAAQ,CAACK,MAAMH,EAAI,IAAIG,CAAC,CAAC;AAAA,EAAA;AAMpC;"}

package/es/package.json.mjs

@@ -0,0 +1,5 @@
+const o = "0.0.2";
+export {
+  o as version
+};
+//# sourceMappingURL=package.json.mjs.map

package/es/package.json.mjs.map

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