vft 0.0.319 → 0.0.321

package/es/components/avatar-stack/avatar-stack.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as z, computed as r, createElementBlock as n, openBlock as s, normalizeStyle as d, normalizeClass as o, unref as t, createCommentVNode as g, Fragment as k, renderList as x, createVNode as v, withCtx as b, createTextVNode as V, toDisplayString as w } from "vue";
+import { defineComponent as z, computed as r, createElementBlock as s, openBlock as n, normalizeStyle as d, normalizeClass as o, unref as t, createCommentVNode as g, Fragment as k, renderList as x, createVNode as v, withCtx as b, createTextVNode as V, toDisplayString as w } from "vue";
 import { VftAvatar as f } from "../avatar/index.js";
 import "@vueuse/core";
-import { addUnit as m } from "@vft/utils";
+import { addUnit as i } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import { generateCssVars as N } from "../../utils/ns-cover.js";
 import "lodash-es";
@@ -22,32 +22,31 @@ const M = z({
     borderColor: { default: "white" }
   },
   setup(e) {
-    const a = B("avatar-stack"), u = r(() => e.avatars.slice(0, e.maxCount)), c = r(() => e.avatars.length - e.maxCount), C = r(() => e.overlap !== void 0 ? e.overlap : Math.round(e.size / 3)), h = r(() => Math.max(12, Math.round(e.size * 0.25))), p = r(() => N(
+    const a = B("avatar-stack"), u = r(() => e.avatars.slice(0, e.maxCount)), m = r(() => e.avatars.length - e.maxCount), C = r(() => e.overlap !== void 0 ? e.overlap : Math.round(e.size / 3)), h = r(() => Math.max(12, Math.round(e.size * 0.25))), p = r(() => N(
       {
-        "avatar-size": m(e.size),
-        overlap: m(C.value),
-        "font-size": m(h.value),
+        "avatar-size": i(e.size),
+        overlap: i(C.value),
+        "font-size": i(h.value),
         "border-color": e.borderColor
       },
       "avatar-stack"
     ));
-    return (l, S) => (s(), n("div", {
+    return (l, S) => (n(), s("div", {
       class: o(t(a).b()),
       style: d(p.value)
     }, [
-      (s(!0), n(k, null, x(u.value, (i, y) => (s(), n("div", {
-        key: i.id,
+      (n(!0), s(k, null, x(u.value, (y, c) => (n(), s("div", {
+        key: c,
         class: o(t(a).e("item")),
-        style: d({ zIndex: u.value.length - y })
+        style: d({ zIndex: u.value.length - c })
       }, [
         v(t(f), {
-          src: i.src,
+          src: y,
           size: l.size,
-          alt: i.name,
           class: o(t(a).e("stacked-avatar"))
-        }, null, 8, ["src", "size", "alt", "class"])
+        }, null, 8, ["src", "size", "class"])
       ], 6))), 128)),
-      l.showRemainCount && c.value > 0 ? (s(), n("div", {
+      l.showRemainCount && m.value > 0 ? (n(), s("div", {
         key: 0,
         class: o([t(a).e("item"), t(a).e("remaining-count")]),
         style: { zIndex: 0 }
@@ -57,7 +56,7 @@ const M = z({
           class: o(t(a).e("remaining-avatar"))
         }, {
           default: b(() => [
-            V(" +" + w(c.value), 1)
+            V(" +" + w(m.value), 1)
           ]),
           _: 1
         }, 8, ["size", "class"])

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

@@ -1,6 +1,6 @@
 export declare const VftAvatarStack: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     avatars: {
-        type: import("vue").PropType<import("./types").Avatar[]>;
+        type: import("vue").PropType<string[]>;
         required: true;
     };
     maxCount: {
@@ -20,7 +20,7 @@ export declare const VftAvatarStack: import("vft/es/utils").SFCWithInstall<impor
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     avatars: {
-        type: import("vue").PropType<import("./types").Avatar[]>;
+        type: import("vue").PropType<string[]>;
         required: true;
     };
     maxCount: {

package/es/components/avatar-stack/types.d.ts

@@ -1,11 +1,6 @@
-export interface Avatar {
-    id: string | number;
-    src: string;
-    name?: string;
-}
 export interface AvatarStackProps {
     /** 头像数据数组 */
-    avatars: Avatar[];
+    avatars: string[];
     /** 最大显示数量 */
     maxCount?: number;
     /** 头像尺寸 */

package/es/components/skeleton/style/css.d.ts

@@ -1,2 +1,3 @@
 import 'vft/es/components/skeleton-item/style/css';
+import 'vft/es/components/icon/style/css';
 import 'vft/theme-style/vft-skeleton.css';

package/es/components/skeleton/style/css.js

@@ -1,3 +1,4 @@
 import "vft/theme-style/base.css";
 import "vft/theme-style/vft-skeleton-item.css";
+import "vft/theme-style/vft-icon.css";
 import "vft/theme-style/vft-skeleton.css";

package/es/components/skeleton/style/index.d.ts

@@ -1,2 +1,3 @@
 import 'vft/es/components/skeleton-item/style';
+import 'vft/es/components/icon/style';
 import 'vft/theme-style/src/skeleton.scss';

package/es/components/skeleton/style/index.js

@@ -1,3 +1,4 @@
 import "vft/theme-style/src/base.scss";
 import "vft/theme-style/src/skeleton-item.scss";
+import "vft/theme-style/src/icon.scss";
 import "vft/theme-style/src/skeleton.scss";

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.319",
+  "version": "0.0.321",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.319";
+const o = "0.0.321";
 export {
   o as version
 };

package/lib/components/avatar-stack/avatar-stack.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../avatar/index.cjs");require("@vueuse/core");const l=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const v=require("../../utils/ns-cover.cjs");require("lodash-es");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const z=e.defineComponent({name:"vft-avatar-stack"}),C=e.defineComponent({...z,props:{avatars:{default:()=>[]},maxCount:{default:5},size:{default:60},overlap:{},showRemainCount:{type:Boolean,default:!1},borderColor:{default:"white"}},setup(t){const a=f.useNamespace("avatar-stack"),s=e.computed(()=>t.avatars.slice(0,t.maxCount)),o=e.computed(()=>t.avatars.length-t.maxCount),i=e.computed(()=>t.overlap!==void 0?t.overlap:Math.round(t.size/3)),c=e.computed(()=>Math.max(12,Math.round(t.size*.25))),d=e.computed(()=>v.generateCssVars({"avatar-size":l.addUnit(t.size),overlap:l.addUnit(i.value),"font-size":l.addUnit(c.value),"border-color":t.borderColor},"avatar-stack"));return(r,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a).b()),style:e.normalizeStyle(d.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(n,m)=>(e.openBlock(),e.createElementBlock("div",{key:n.id,class:e.normalizeClass(e.unref(a).e("item")),style:e.normalizeStyle({zIndex:s.value.length-m})},[e.createVNode(e.unref(u.VftAvatar),{src:n.src,size:r.size,alt:n.name,class:e.normalizeClass(e.unref(a).e("stacked-avatar"))},null,8,["src","size","alt","class"])],6))),128)),r.showRemainCount&&o.value>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a).e("item"),e.unref(a).e("remaining-count")]),style:{zIndex:0}},[e.createVNode(e.unref(u.VftAvatar),{size:r.size,class:e.normalizeClass(e.unref(a).e("remaining-avatar"))},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(o.value),1)]),_:1},8,["size","class"])],2)):e.createCommentVNode("",!0)],6))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../avatar/index.cjs");require("@vueuse/core");const n=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const v=require("../../utils/ns-cover.cjs");require("lodash-es");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const z=e.defineComponent({name:"vft-avatar-stack"}),C=e.defineComponent({...z,props:{avatars:{default:()=>[]},maxCount:{default:5},size:{default:60},overlap:{},showRemainCount:{type:Boolean,default:!1},borderColor:{default:"white"}},setup(a){const t=f.useNamespace("avatar-stack"),l=e.computed(()=>a.avatars.slice(0,a.maxCount)),o=e.computed(()=>a.avatars.length-a.maxCount),i=e.computed(()=>a.overlap!==void 0?a.overlap:Math.round(a.size/3)),c=e.computed(()=>Math.max(12,Math.round(a.size*.25))),d=e.computed(()=>v.generateCssVars({"avatar-size":n.addUnit(a.size),overlap:n.addUnit(i.value),"font-size":n.addUnit(c.value),"border-color":a.borderColor},"avatar-stack"));return(r,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t).b()),style:e.normalizeStyle(d.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(m,s)=>(e.openBlock(),e.createElementBlock("div",{key:s,class:e.normalizeClass(e.unref(t).e("item")),style:e.normalizeStyle({zIndex:l.value.length-s})},[e.createVNode(e.unref(u.VftAvatar),{src:m,size:r.size,class:e.normalizeClass(e.unref(t).e("stacked-avatar"))},null,8,["src","size","class"])],6))),128)),r.showRemainCount&&o.value>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).e("item"),e.unref(t).e("remaining-count")]),style:{zIndex:0}},[e.createVNode(e.unref(u.VftAvatar),{size:r.size,class:e.normalizeClass(e.unref(t).e("remaining-avatar"))},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(o.value),1)]),_:1},8,["size","class"])],2)):e.createCommentVNode("",!0)],6))}});exports.default=C;

package/lib/components/avatar-stack/index.d.ts

@@ -1,6 +1,6 @@
 export declare const VftAvatarStack: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     avatars: {
-        type: import("vue").PropType<import("./types").Avatar[]>;
+        type: import("vue").PropType<string[]>;
         required: true;
     };
     maxCount: {
@@ -20,7 +20,7 @@ export declare const VftAvatarStack: import("vft/es/utils").SFCWithInstall<impor
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     avatars: {
-        type: import("vue").PropType<import("./types").Avatar[]>;
+        type: import("vue").PropType<string[]>;
         required: true;
     };
     maxCount: {

package/lib/components/avatar-stack/types.d.ts

@@ -1,11 +1,6 @@
-export interface Avatar {
-    id: string | number;
-    src: string;
-    name?: string;
-}
 export interface AvatarStackProps {
     /** 头像数据数组 */
-    avatars: Avatar[];
+    avatars: string[];
     /** 最大显示数量 */
     maxCount?: number;
     /** 头像尺寸 */

package/lib/components/skeleton/style/css.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-skeleton-item.css");require("vft/theme-style/vft-skeleton.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-skeleton-item.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-skeleton.css");

package/lib/components/skeleton/style/css.d.ts

@@ -1,2 +1,3 @@
 import 'vft/es/components/skeleton-item/style/css';
+import 'vft/es/components/icon/style/css';
 import 'vft/theme-style/vft-skeleton.css';

package/lib/components/skeleton/style/index.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/skeleton-item.scss");require("vft/theme-style/src/skeleton.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/skeleton-item.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/skeleton.scss");

package/lib/components/skeleton/style/index.d.ts

@@ -1,2 +1,3 @@
 import 'vft/es/components/skeleton-item/style';
+import 'vft/es/components/icon/style';
 import 'vft/theme-style/src/skeleton.scss';

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.319";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.321";exports.version=e;

package/lib/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.319",
+  "version": "0.0.321",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.319",
+  "version": "0.0.321",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -56,11 +56,11 @@
     "sortablejs": "1.15.0",
     "photoswipe": "5.4.4",
     "@vft/router": "0.0.65",
-    "@vft/directives": "0.0.33",
-    "@vft/utils": "0.0.128",
     "@vft/constants": "0.0.72",
+    "@vft/utils": "0.0.128",
+    "@vft/use": "0.0.76",
     "@vft/store": "0.0.54",
-    "@vft/use": "0.0.76"
+    "@vft/directives": "0.0.33"
   },
   "vetur": {
     "tags": "tags.json",