vft 0.0.1 → 0.0.3

package/dist/index.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-color-white:#fff;--vft-color-black:#000;--vft-theme-color:#fff;--vft-theme-color-reverse:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-index-normal:1;--vft-index-top:1000;--vft-index-popper:2000;--vft-border-radius-base:4px;--vft-border-radius-small:2px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier)}:root{color-scheme:light;--vft-primary-color:#2196f3;--vft-primary-color-light-3:#64b6f7;--vft-primary-color-light-5:#90cbf9;--vft-primary-color-light-7:#bce0fb;--vft-primary-color-light-8:#d3eafd;--vft-primary-color-light-9:#e9f5fe;--vft-primary-color-dark-2:#1a78c2;--vft-success-color:#3eaf7c;--vft-success-color-light-3:#78c7a3;--vft-success-color-light-5:#9fd7be;--vft-success-color-light-7:#c5e7d8;--vft-success-color-light-8:#d8efe5;--vft-success-color-light-9:#ecf7f2;--vft-success-color-dark-2:#328c63;--vft-warning-color:#fb9b5f;--vft-warning-color-light-3:#fcb98f;--vft-warning-color-light-5:#fdcdaf;--vft-warning-color-light-7:#fee1cf;--vft-warning-color-light-8:#feebdf;--vft-warning-color-light-9:#fff5ef;--vft-warning-color-dark-2:#c97c4c;--vft-danger-color:#f26d6d;--vft-danger-color-light-3:#f69999;--vft-danger-color-light-5:#f9b6b6;--vft-danger-color-light-7:#fbd3d3;--vft-danger-color-light-8:#fce2e2;--vft-danger-color-light-9:#fef0f0;--vft-danger-color-dark-2:#c25757;--vft-error-color:#f26d6d;--vft-error-color-light-3:#f69999;--vft-error-color-light-5:#f9b6b6;--vft-error-color-light-7:#fbd3d3;--vft-error-color-light-8:#fce2e2;--vft-error-color-light-9:#fef0f0;--vft-error-color-dark-2:#c25757;--vft-info-color:#909399;--vft-info-color-light-3:#b1b3b8;--vft-info-color-light-5:#c8c9cc;--vft-info-color-light-7:#dedfe0;--vft-info-color-light-8:#e9e9eb;--vft-info-color-light-9:#f4f4f5;--vft-info-color-dark-2:#73767a;--vft-bg-color:#fff;--vft-bg-color-page:#f2f3f5;--vft-bg-color-overlay:#fff;--vft-text-primary-color:#303133;--vft-text-regular-color:#606266;--vft-text-secondary-color:#909399;--vft-text-placeholder-color:#a8abb2;--vft-text-disabled-color:#c0c4cc;--vft-border-color:#dcdfe6;--vft-border-color-light:#e4e7ed;--vft-border-color-lighter:#ebeef5;--vft-border-color-extra-light:#f2f6fc;--vft-border-color-dark:#d4d7de;--vft-border-color-darker:#cdd0d6;--vft-fill-color:#f0f2f5;--vft-fill-color-light:#f5f7fa;--vft-fill-color-lighter:#fafafa;--vft-fill-color-extra-light:#fafcff;--vft-fill-color-dark:#ebedf0;--vft-fill-color-darker:#e6e8eb;--vft-fill-color-blank:#fff;--vft-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);--vft-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.12);--vft-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.12);--vft-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);--vft-disabled-bg-color:var(--vft-fill-color-light);--vft-disabled-text-color:var(--vft-text-color-placeholder);--vft-disabled-border-color:var(--vft-border-color-light);--vft-overlay-color:rgba(0, 0, 0, 0.8);--vft-overlay-color-light:rgba(0, 0, 0, 0.7);--vft-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vft-mask-color:rgba(255, 255, 255, 0.9);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-border-width:1px;--vft-border-style:solid;--vft-border-color-hover:var(--vft-text-disabled-color);--vft-border:var(--vft-border-width) var(--vft-border-style) var(--vft-border-color);--vft-svg-monochrome-grey:var(--vft-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center top}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}:root{--vft-divider-margin-y:24px;--vft-divider-margin-x:8px;--vft-divider-border-color:#dcdfe6;--vft-divider-border-style:solid}.vft-divider{position:relative}.vft-divider--horizontal{display:block;height:1px;width:100%;margin:var(--vft-divider-margin-y) 0;border-top:1px var(--vft-divider-border-color) var(--vft-divider-border-style)}.vft-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 var(--vft-divider-margin-x);vertical-align:middle;position:relative;border-left:1px var(--vft-divider-border-color) var(--vft-divider-border-style)}.vft-divider__text{position:absolute;background-color:var(--vft-bg-color);padding:0 20px;font-weight:500;color:var(--vft-text-primary-color);font-size:14px}.vft-divider__text.is-left{left:20px;transform:translateY(-50%)}.vft-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.vft-divider__text.is-right{right:20px;transform:translateY(-50%)}:root{--vft-avatar-text-color:var(--vft-color-white);--vft-avatar-bg-color:var(--vft-text-disabled-color);--vft-avatar-text-size:14px;--vft-avatar-icon-size:18px;--vft-avatar-border-radius:var(--vft-border-radius-base)}.vft-avatar{--vft-avatar-size-large:56px;--vft-avatar-size:40px;--vft-avatar-size-small:24px;--vft-avatar-size:40px;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--vft-avatar-text-color);background:var(--vft-avatar-bg-color);width:var(--vft-avatar-size);height:var(--vft-avatar-size);font-size:var(--vft-avatar-text-size)}.vft-avatar>img{display:block;height:100%}.vft-avatar--circle{border-radius:50%}.vft-avatar--square{border-radius:var(--vft-avatar-border-radius)}.vft-avatar--icon{font-size:var(--vft-avatar-icon-size)}.vft-avatar--small{--vft-avatar-size:24px}.vft-avatar--large{--vft-avatar-size:56px}.vft-back-top{--vft-backtop-bg-color:var(--vft-bg-color-overlay);--vft-backtop-text-color:var(--vft-primary-color);--vft-backtop-hover-bg-color:var(--vft-border-color-extra-light);position:fixed;background-color:var(--vft-backtop-bg-color);width:40px;height:40px;border-radius:50%;color:var(--vft-backtop-text-color);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--vft-box-shadow-lighter);cursor:pointer;z-index:5}.vft-back-top:hover{background-color:var(--vft-backtop-hover-bg-color)}.vft-back-top__icon{font-size:20px}:root{--vft-empty-img-size:160px;--vft-empty-img-size-small:80px;--vft-empty-img-size-large:240px;--vft-empty-text-color:white;--vft-empty-desc-top:10px;--vft-empty-desc-color:var(--vft-text-placeholder-color);--vft-empty-desc-size:14px}.vft-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:10px 0}.vft-empty__image{width:var(--vft-empty-img-size);height:var(--vft-empty-img-size)}.vft-empty__image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.vft-empty--large .vft-empty__image{width:var(--vft-empty-img-size-large);height:var(--vft-empty-img-size-large)}.vft-empty--small .vft-empty__image{width:var(--vft-empty-img-size-small);height:var(--vft-empty-img-size-small)}.vft-empty__desc{margin-top:var(--vft-empty-desc-top);color:var(--vft-empty-desc-color);font-size:var(--vft-empty-desc-size)}.vft-empty__bottom{margin-top:5px}:root{--vft-result-padding:40px 30px;--vft-result-icon-font-size:64px;--vft-result-title-font-size:20px;--vft-result-title-margin-top:20px;--vft-result-sub-title-margin-top:10px;--vft-result-extra-margin-top:30px}.vft-result{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;box-sizing:border-box;padding:var(--vft-result-padding)}.vft-result__icon svg{width:var(--vft-result-icon-font-size);height:var(--vft-result-icon-font-size)}.vft-result__icon [class~=vft-icon]{font-size:var(--vft-result-icon-font-size)}.vft-result__title{margin-top:var(--vft-result-title-margin-top)}.vft-result__title p{margin:0;font-size:var(--vft-result-title-font-size);color:var(--vft-text-color-primary);line-height:1.3}.vft-result__sub-title{margin-top:var(--vft-result-sub-title-margin-top)}.vft-result__sub-title p{margin:0;font-size:var(--vft-font-size-base);color:var(--vft-text-color-regular);line-height:1.3}.vft-result__extra{margin-top:var(--vft-result-extra-margin-top)}.vft-result .icon-primary{--vft-result-color:var(--vft-color-primary);color:var(--vft-result-color)}.vft-result .icon-success{--vft-result-color:var(--vft-color-success);color:var(--vft-result-color)}.vft-result .icon-warning{--vft-result-color:var(--vft-color-warning);color:var(--vft-result-color)}.vft-result .icon-danger{--vft-result-color:var(--vft-color-danger);color:var(--vft-result-color)}.vft-result .icon-error{--vft-result-color:var(--vft-color-error);color:var(--vft-result-color)}.vft-result .icon-info{--vft-result-color:var(--vft-color-info);color:var(--vft-result-color)}

package/es/component.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vue';
+declare const _default: Plugin<any[]>[];
+export default _default;

package/es/component.mjs

@@ -0,0 +1,18 @@
+import { VftDivider as t } from "./components/divider/index.mjs";
+import { VftIcon as o } from "./components/icon/index.mjs";
+import { VftAvatar as r } from "./components/avatar/index.mjs";
+import { VftEmpty as m } from "./components/empty/index.mjs";
+import { VftResult as f } from "./components/result/index.mjs";
+import { VftException as p } from "./components/exception/index.mjs";
+const c = [
+  t,
+  o,
+  r,
+  m,
+  f,
+  p
+];
+export {
+  c as default
+};
+//# sourceMappingURL=component.mjs.map

package/es/component.mjs.map

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

@@ -0,0 +1,64 @@
+import type { PropType as __PropType } from 'vue';
+import { type IconProps } from 'vft/es/components/icon';
+declare const _sfc_main: import("vue").DefineComponent<{
+    size: {
+        type: __PropType<number | "large" | "small" | "default" | undefined>;
+        required: false;
+    };
+    shape: {
+        type: __PropType<"circle" | "square" | undefined>;
+        required: false;
+    };
+    icon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    src: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    alt: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    srcSet: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    fit: {
+        type: __PropType<"fill" | "contain" | "cover" | "none" | "scale-down" | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: __PropType<number | "large" | "small" | "default" | undefined>;
+        required: false;
+    };
+    shape: {
+        type: __PropType<"circle" | "square" | undefined>;
+        required: false;
+    };
+    icon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    src: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    alt: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    srcSet: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    fit: {
+        type: __PropType<"fill" | "contain" | "cover" | "none" | "scale-down" | undefined>;
+        required: false;
+    };
+}>> & {
+    onError?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/es/components/avatar/avatar.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./avatar.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=avatar.vue.mjs.map

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

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

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

@@ -0,0 +1,51 @@
+import { defineComponent as h, ref as z, computed as c, watch as v, openBlock as l, createElementBlock as n, normalizeClass as y, unref as a, normalizeStyle as i, createBlock as S, renderSlot as k } from "vue";
+import { isString as B, isNumber as E, addUnit as b } from "@vft/utils";
+import { VftIcon as C } from "../icon/index.mjs";
+import { useNamespace as g } from "../../hooks/use-namespace/index.mjs";
+const L = ["src", "alt", "srcset"], F = /* @__PURE__ */ h({
+  __name: "avatar",
+  props: {
+    size: { default: "" },
+    shape: { default: "circle" },
+    icon: null,
+    src: null,
+    alt: null,
+    srcSet: null,
+    fit: { default: "cover" }
+  },
+  emits: ["error"],
+  setup(e, { emit: o }) {
+    const s = g("avatar"), r = z(!1), u = c(() => {
+      const t = [s.b()];
+      return B(e.size) && t.push(s.m(e.size)), e.icon && t.push(s.m("icon")), e.shape && t.push(s.m(e.shape)), t;
+    }), f = c(() => E(e.size) ? s.cssVarBlock({
+      size: b(e.size) || ""
+    }) : void 0), m = c(() => ({
+      objectFit: e.fit
+    }));
+    v(
+      () => e.src,
+      () => r.value = !1
+    );
+    function d(t) {
+      r.value = !0, o("error", t);
+    }
+    return (t, N) => (l(), n("span", {
+      class: y(a(u)),
+      style: i(a(f))
+    }, [
+      (e.src || e.srcSet) && !r.value ? (l(), n("img", {
+        key: 0,
+        src: e.src,
+        alt: e.alt,
+        srcset: e.srcSet,
+        style: i(a(m)),
+        onError: d
+      }, null, 44, L)) : e.icon ? (l(), S(a(C), { key: 1 })) : k(t.$slots, "default", { key: 2 })
+    ], 6));
+  }
+});
+export {
+  F as default
+};
+//# sourceMappingURL=avatar.vue2.mjs.map

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

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

@@ -0,0 +1,62 @@
+export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<number | "large" | "small" | "default" | undefined>;
+        required: false;
+    };
+    shape: {
+        type: import("vue").PropType<"circle" | "square" | undefined>;
+        required: false;
+    };
+    icon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    src: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    alt: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    srcSet: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    fit: {
+        type: import("vue").PropType<"fill" | "contain" | "cover" | "none" | "scale-down" | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<number | "large" | "small" | "default" | undefined>;
+        required: false;
+    };
+    shape: {
+        type: import("vue").PropType<"circle" | "square" | undefined>;
+        required: false;
+    };
+    icon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    src: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    alt: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    srcSet: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    fit: {
+        type: import("vue").PropType<"fill" | "contain" | "cover" | "none" | "scale-down" | undefined>;
+        required: false;
+    };
+}>> & {
+    onError?: ((...args: any[]) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftAvatar;

package/es/components/avatar/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "@vft/utils";
+import o from "./avatar.vue2.mjs";
+const f = t(o);
+export {
+  f as VftAvatar,
+  f as default
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"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/avatar/style/css.mjs

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

package/es/components/avatar/style/css.mjs.map

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

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

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

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

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

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

@@ -0,0 +1,48 @@
+import type { PropType as __PropType } from 'vue';
+import { type IconProps } from 'vft/es/components';
+declare const _sfc_main: import("vue").DefineComponent<{
+    visibilityHeight: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    target: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    right: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    bottom: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    icon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    visibilityHeight: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    target: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    right: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    bottom: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    icon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

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

@@ -0,0 +1,5 @@
+import f from "./back-top.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=back-top.vue.mjs.map

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

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

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

@@ -0,0 +1,62 @@
+import { defineComponent as p, getCurrentInstance as g, computed as c, openBlock as r, createBlock as m, Transition as C, unref as t, withCtx as h, createElementBlock as y, normalizeStyle as v, normalizeClass as x, withModifiers as B, renderSlot as T, normalizeProps as $, mergeProps as z, createCommentVNode as s } from "vue";
+import { singleAttrToObj as S } from "@vft/utils";
+import "../divider/index.mjs";
+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 = (
+  /* hoist-static*/
+  I("back-top")
+), N = p({
+  name: o.b()
+}), F = /* @__PURE__ */ p({
+  ...N,
+  props: {
+    visibilityHeight: { default: 200 },
+    target: null,
+    right: { default: 40 },
+    bottom: { default: 40 },
+    icon: { default: "vi-back-top" }
+  },
+  emits: ["click"],
+  setup(n, { emit: u }) {
+    const f = g(), { handleClick: i, visible: d } = w(f.props, u, o.b()), b = c(() => ({
+      right: `${n.right}px`,
+      bottom: `${n.bottom}px`
+    })), a = c(() => S(n.icon, "icon", {
+      color: "black"
+    }));
+    return (k, l) => (r(), m(C, {
+      name: `${t(o).namespace}-fade-in`
+    }, {
+      default: h(() => [
+        t(d) ? (r(), y("div", {
+          key: 0,
+          style: v(t(b)),
+          class: x(t(o).b()),
+          onClick: l[0] || (l[0] = B(
+            //@ts-ignore
+            (...e) => t(i) && t(i)(...e),
+            ["stop"]
+          ))
+        }, [
+          T(k.$slots, "default", {}, () => {
+            var e;
+            return [
+              (e = t(a)) != null && e.icon ? (r(), m(t(_), $(z({ key: 0 }, t(a))), null, 16)) : s("", !0)
+            ];
+          })
+        ], 6)) : s("", !0)
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+});
+export {
+  F as default
+};
+//# sourceMappingURL=back-top.vue2.mjs.map

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

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

@@ -0,0 +1,47 @@
+export declare const VftBackTop: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    visibilityHeight: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    target: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    right: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    bottom: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    icon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    visibilityHeight: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    target: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    right: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    bottom: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    icon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftBackTop;
+export * from './types';

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

@@ -0,0 +1,9 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "@vft/utils";
+import o from "./back-top.vue2.mjs";
+const f = t(o);
+export {
+  f as VftBackTop,
+  f as default
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"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/style/css.mjs

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

package/es/components/back-top/style/css.mjs.map

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

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

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/back-top.scss.mjs";
+//# sourceMappingURL=index.mjs.map

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

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

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

@@ -0,0 +1,13 @@
+import type { IconProps } from '../../common';
+export interface BackTopProps {
+    /** 滚动高度达到此参数值才出现 */
+    visibilityHeight?: number;
+    /** 触发滚动的对象 */
+    target?: string;
+    /** 控制其显示位置，距离页面右边距 */
+    right?: number;
+    /** 控制其显示位置，距离页面底部距离 */
+    bottom?: number;
+    /** 滚动 icon dom  */
+    icon?: IconProps;
+}

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { type BackTopProps } from './types';
+export declare const useBackTop: (props: BackTopProps, emit: Function, componentName: string) => {
+    visible: import("vue").Ref<boolean>;
+    handleClick: (event: MouseEvent) => void;
+};

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

@@ -0,0 +1,32 @@
+import { shallowRef as u, ref as f, onMounted as m, watch as h, nextTick as T } from "vue";
+import { useThrottleFn as g, useEventListener as b, useTimeoutFn as k } from "@vueuse/core";
+import "@vue/shared";
+import { throwError as a } from "../../utils/error.mjs";
+const E = (t, c, i) => {
+  const e = u(), o = u(), r = f(!1), n = () => {
+    e.value && e.value.scrollTo({ left: 0, top: 0, behavior: "smooth" });
+  }, s = () => {
+    e.value && (r.value = e.value.scrollTop >= t.visibilityHeight);
+  }, v = (l) => {
+    n(), c("click", l);
+  }, d = g(s, 300, !0);
+  return b(o, "scroll", d), m(() => {
+    o.value = document, e.value = document.documentElement, t.target && k(() => {
+      e.value = document.querySelector(t.target) ?? void 0, e.value || a(i, `target does not exist: ${t.target}`), o.value = e.value;
+    }, 10);
+  }), h(
+    () => t.target,
+    (l) => {
+      T(() => {
+        l && (e.value = document.querySelector(l) ?? void 0, e.value || a(i, `target does not exist: ${l}`), e.value && (r.value = e.value.scrollTop >= t.visibilityHeight), o.value = e.value);
+      });
+    }
+  ), {
+    visible: r,
+    handleClick: v
+  };
+};
+export {
+  E as useBackTop
+};
+//# sourceMappingURL=use-back-top.mjs.map

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

@@ -0,0 +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-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/base/style/css.mjs

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

package/es/components/base/style/css.mjs.map

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

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

@@ -0,0 +1,2 @@
+import "../../../theme-style/src/base.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/base/style/index.mjs.map

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