vft 0.0.66 → 0.0.69

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

@@ -1,2 +1,3 @@
 import "vft/theme-style/base.css";
+import "vft/theme-style/vft-icon.css";
 import "vft/theme-style/wfly-alert.css";

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

@@ -1,2 +1,3 @@
 import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/icon.scss";
 import "vft/theme-style/src/alert.scss";

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

@@ -1,4 +1,5 @@
 import "vft/theme-style/base.css";
 import "vft/theme-style/vft-image-viewer.css";
 import "vft/theme-style/vft-image.css";
+import "vft/theme-style/vft-icon.css";
 import "vft/theme-style/vft-avatar.css";

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

@@ -1,4 +1,5 @@
 import "vft/theme-style/src/base.scss";
 import "vft/theme-style/src/image-viewer.scss";
 import "vft/theme-style/src/image.scss";
+import "vft/theme-style/src/icon.scss";
 import "vft/theme-style/src/avatar.scss";

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

@@ -1,2 +1,3 @@
 import "vft/theme-style/base.css";
+import "vft/theme-style/vft-icon.css";
 import "vft/theme-style/vft-button.css";

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

@@ -1,2 +1,3 @@
 import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/icon.scss";
 import "vft/theme-style/src/button.scss";

package/es/components/button-group/style/css.js

@@ -1,2 +1,3 @@
 import "vft/theme-style/base.css";
+import "vft/theme-style/vft-icon.css";
 import "vft/theme-style/vft-button-group.css";

package/es/components/button-group/style/index.js

@@ -1,2 +1,3 @@
 import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/icon.scss";
 import "vft/theme-style/src/button-group.scss";

package/es/components/color-picker/style/css.js

@@ -1,4 +1,5 @@
 import "vft/theme-style/base.css";
 import "vft/theme-style/vft-color-picker.css";
 import "vft/theme-style/vft-input.css";
+import "vft/theme-style/vft-icon.css";
 import "vft/theme-style/vft-button.css";

package/es/components/color-picker/style/index.js

@@ -1,4 +1,5 @@
 import "vft/theme-style/src/base.scss";
 import "vft/theme-style/src/color-picker.scss";
 import "vft/theme-style/src/input.scss";
+import "vft/theme-style/src/icon.scss";
 import "vft/theme-style/src/button.scss";

package/es/components/full-screen/full-screen.vue.d.ts

@@ -1,2 +1,5 @@
+import { type IconTextProps } from 'vft/es/components/icon-text';
+export interface FullScreenProps extends Partial<IconTextProps> {
+}
 declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _sfc_main;

package/es/components/full-screen/full-screen.vue2.js

@@ -1,36 +1,36 @@
-import { defineComponent as n, openBlock as l, createElementBlock as c, normalizeClass as m, unref as e, createVNode as p, createElementVNode as a, toDisplayString as u } from "vue";
-import { useFullscreen as f } from "@vft/use";
-import { VftIcon as d } from "../icon/index.js";
-import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
+import { defineComponent as e, openBlock as l, createBlock as p, unref as o, mergeProps as m } from "vue";
+import { useFullscreen as a } from "@vft/use";
+import { VftIconText as u } from "../icon-text/index.js";
+import { useNamespace as f } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
-import "../../utils/ns-cover.js";
+import { primaryColor as _ } from "../../utils/ns-cover.js";
 import "@vue/reactivity";
 import "@vue/shared";
-const i = (
+const t = (
   /* hoist-static*/
-  _("full-screen")
-), x = n({
-  name: i.b()
-}), S = /* @__PURE__ */ n({
+  f("full-screen")
+), x = e({
+  name: t.b()
+}), V = /* @__PURE__ */ e({
   ...x,
-  setup(g) {
-    const { toggle: o, isFullscreen: r } = f();
-    return (k, t) => (l(), c("div", {
-      class: m([e(i).b(), "cursor-pointer"]),
-      onClick: t[0] || (t[0] = //@ts-ignore
-      (...s) => e(o) && e(o)(...s))
-    }, [
-      p(e(d), {
-        icon: e(r) ? "ico-radix-icons:exit-full-screen" : "ico-radix-icons:enter-full-screen"
-      }, null, 8, ["icon"]),
-      a("span", null, u(e(r) ? "退出全屏" : "全屏"), 1)
-    ], 2));
+  props: {},
+  setup(c) {
+    const n = c, { toggle: i, isFullscreen: r } = a(), s = _().value;
+    return (d, C) => (l(), p(o(u), m({
+      class: o(t).b(),
+      distance: 2,
+      pointer: "",
+      "hover-color": o(s),
+      onClick: o(i),
+      icon: o(r) ? "ico-radix-icons:exit-full-screen" : "ico-radix-icons:enter-full-screen",
+      text: o(r) ? "退出全屏" : "全屏"
+    }, n), null, 16, ["class", "hover-color", "onClick", "icon", "text"]));
   }
 });
 export {
-  S as default
+  V as default
 };

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

@@ -8,8 +8,8 @@ export interface IconProps {
     color?: string;
     rotate?: boolean;
     rotateSpeed?: number;
-    cursor?: boolean;
-    scale?: number;
+    pointer?: boolean;
+    hoverColor?: string;
 }
 declare const _sfc_main: import("vue").DefineComponent<{
     icon: {
@@ -32,12 +32,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<number | undefined>;
         required: false;
     };
-    cursor: {
+    pointer: {
         type: __PropType<boolean | undefined>;
         required: false;
     };
-    scale: {
-        type: __PropType<number | undefined>;
+    hoverColor: {
+        type: __PropType<string | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -61,12 +61,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<number | undefined>;
         required: false;
     };
-    cursor: {
+    pointer: {
         type: __PropType<boolean | undefined>;
         required: false;
     };
-    scale: {
-        type: __PropType<number | undefined>;
+    hoverColor: {
+        type: __PropType<string | undefined>;
         required: false;
     };
 }>>, {}>;

package/es/components/icon/icon.vue2.js

@@ -1,48 +1,49 @@
-import { defineComponent as r, computed as i, unref as t, openBlock as n, createElementBlock as l, normalizeClass as c, normalizeStyle as d } from "vue";
-import { addUnit as y } from "@vft/utils";
-import { useNamespace as p } from "../../hooks/use-namespace/index.js";
+import { defineComponent as m, computed as r, unref as e, openBlock as l, createElementBlock as c, normalizeClass as s, normalizeStyle as a } from "vue";
+import { addUnit as p } from "@vft/utils";
+import { useNamespace as y } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import "../../utils/ns-cover.js";
+import { generateCssVars as g } from "../../utils/ns-cover.js";
 import "@vue/reactivity";
 import "@vue/shared";
 import "../config-provider/index.js";
-import { useGlobalConfig as g } from "../config-provider/hooks/use-global-config.js";
-const z = ["src"], s = (
+import { useGlobalConfig as C } from "../config-provider/hooks/use-global-config.js";
+const v = ["src"], i = (
   /* hoist-static*/
-  p("icon")
-), k = r({
-  name: s.b()
-}), j = /* @__PURE__ */ r({
-  ...k,
+  y("icon")
+), h = m({
+  name: i.b()
+}), j = /* @__PURE__ */ m({
+  ...h,
   props: {
     icon: null,
-    size: { default: 14 },
+    size: null,
     color: null,
     rotate: { type: Boolean },
     rotateSpeed: { default: 2 },
-    cursor: { type: Boolean },
-    scale: null
+    pointer: { type: Boolean },
+    hoverColor: null
   },
-  setup(e) {
-    const a = g(), m = i(() => ({
-      color: e.color,
-      fontSize: e.size ? y(e.size) : "14px",
-      animation: e.rotate ? `${a.value.namespace}-rotate ${e.rotateSpeed}s linear 0s infinite` : void 0,
-      cursor: e.cursor ? "pointer" : void 0,
-      transform: e.scale ? `scale(${e.scale})` : void 0
-    })), u = (o) => o == null ? void 0 : o.includes("/"), f = i(() => u(e.icon));
-    return (o, v) => t(f) ? (n(), l("img", {
+  setup(o) {
+    const u = C(), n = r(() => g({
+      size: p(o.size),
+      color: o.color,
+      hoverColor: o.hoverColor,
+      cursor: o.pointer ? "pointer" : void 0,
+      animation: o.rotate ? `${u.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite` : void 0
+    }, "icon")), f = (t) => t == null ? void 0 : t.includes("/"), d = r(() => f(o.icon));
+    return (t, z) => e(d) ? (l(), c("img", {
       key: 0,
-      class: c(t(s).e("image")),
-      src: e.icon,
-      alt: ""
-    }, null, 10, z)) : (n(), l("i", {
+      class: s(e(i).e("image")),
+      src: o.icon,
+      alt: "",
+      style: a(e(n))
+    }, null, 14, v)) : (l(), c("i", {
       key: 1,
-      class: c([e.icon]),
-      style: d(t(m))
+      class: s([e(i).b(), o.icon]),
+      style: a(e(n))
     }, null, 6));
   }
 });

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

@@ -21,12 +21,12 @@ export declare const VftIcon: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<number | undefined>;
         required: false;
     };
-    cursor: {
+    pointer: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
     };
-    scale: {
-        type: import("vue").PropType<number | undefined>;
+    hoverColor: {
+        type: import("vue").PropType<string | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -50,12 +50,12 @@ export declare const VftIcon: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<number | undefined>;
         required: false;
     };
-    cursor: {
+    pointer: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
     };
-    scale: {
-        type: import("vue").PropType<number | undefined>;
+    hoverColor: {
+        type: import("vue").PropType<string | undefined>;
         required: false;
     };
 }>>, {}>> & Record<string, any>;

package/es/components/icon-text/icon-text.vue.d.ts

@@ -1,5 +1,17 @@
 import type { PropType as __PropType } from 'vue';
 import { type IconProps } from 'vft/es/components/icon';
+export interface IconTextProps {
+    text: string;
+    icon: IconProps | string;
+    color?: string;
+    hoverColor?: string;
+    distance?: string | number;
+    reverse?: boolean;
+    size?: string | number;
+    direction?: 'col' | 'row';
+    pointer?: boolean;
+    adjustOrigin?: boolean;
+}
 declare const _sfc_main: import("vue").DefineComponent<{
     text: {
         type: __PropType<string>;
@@ -33,6 +45,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<"row" | "col" | undefined>;
         required: false;
     };
+    pointer: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    adjustOrigin: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: __PropType<string>;
@@ -66,5 +86,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<"row" | "col" | undefined>;
         required: false;
     };
+    pointer: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    adjustOrigin: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
 }>>, {}>;
 export default _sfc_main;

package/es/components/icon-text/icon-text.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as y, computed as o, openBlock as l, createElementBlock as h, normalizeClass as k, unref as t, normalizeStyle as B, createBlock as s, mergeProps as m, createCommentVNode as u, createElementVNode as S, toDisplayString as V } from "vue";
-import { VftIcon as v } from "../icon/index.js";
+import { defineComponent as y, computed as o, openBlock as i, createElementBlock as S, normalizeClass as B, unref as t, normalizeStyle as k, createBlock as u, mergeProps as m, createCommentVNode as v, createElementVNode as O, toDisplayString as V } from "vue";
+import { VftIcon as d } from "../icon/index.js";
 import { useNamespace as b } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { singleAttrToObj as N, addUnit as f, removeUnit as d } from "@vft/utils";
+import { singleAttrToObj as j, addUnit as f, removeUnit as N } from "@vft/utils";
 import { generateCssVars as E } from "../../utils/ns-cover.js";
 import "@vue/reactivity";
 import "@vue/shared";
@@ -14,7 +14,7 @@ const g = (
   b("icon-text")
 ), T = y({
   name: g.b()
-}), F = /* @__PURE__ */ y({
+}), G = /* @__PURE__ */ y({
   ...T,
   props: {
     text: null,
@@ -24,30 +24,37 @@ const g = (
     distance: null,
     reverse: { type: Boolean },
     size: null,
-    direction: { default: "row" }
+    direction: { default: "row" },
+    pointer: { type: Boolean },
+    adjustOrigin: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const x = o(() => e.hoverColor ? e.hoverColor : e.color), c = o(() => N(e.icon, "icon", { size: e.size, color: e.color })), i = o(() => e.direction === "col"), a = o(() => {
-      const r = f(e.distance);
-      return i.value ? e.reverse ? { marginTop: r } : { marginBottom: r } : e.reverse ? { marginLeft: r } : { marginRight: r };
-    }), n = o(() => d(e.size)), z = o(() => n.value && d(n.value) < 12 ? { transform: `scale(${n.value / 12})` } : {}), C = o(() => ({
-      ...E({
+    const h = o(() => e.hoverColor ? e.hoverColor : e.color), c = o(() => j(e.icon, "icon", { size: e.size, color: e.color })), a = o(() => e.direction === "col"), s = o(() => {
+      const n = f(e.distance);
+      return a.value ? e.reverse ? { marginTop: n } : { marginBottom: n } : e.reverse ? { marginLeft: n } : { marginRight: n };
+    }), r = o(() => N(e.size)), l = o(() => r.value < 12), x = o(() => r.value && l.value ? { transform: `scale(${r.value / 12})` } : {}), z = o(() => {
+      const n = E({
+        cursor: e.pointer ? "pointer" : void 0,
         color: e.color,
-        "hover-color": x.value,
-        fontSize: n.value < 12 ? "12px" : f(e.size)
-      }, "icon-text"),
-      ...z.value
-    }));
-    return (r, U) => (l(), h("span", {
-      class: k([t(g).b(), { "flex-col": t(i) }]),
-      style: B(t(C))
+        "hover-color": h.value,
+        fontSize: l.value ? "12px" : f(e.size)
+      }, "icon-text");
+      return {
+        ...l.value && e.adjustOrigin ? { transformOrigin: "left top" } : {},
+        ...n,
+        ...x.value
+      };
+    });
+    return (n, C) => (i(), S("span", {
+      class: B([t(g).b(), { "flex-col": t(a) }]),
+      style: k(t(z))
     }, [
-      e.reverse ? u("", !0) : (l(), s(t(v), m({ key: 0 }, t(c), { style: t(a) }), null, 16, ["style"])),
-      S("span", null, V(e.text), 1),
-      e.reverse ? (l(), s(t(v), m({ key: 1 }, t(c), { style: t(a) }), null, 16, ["style"])) : u("", !0)
+      e.reverse ? v("", !0) : (i(), u(t(d), m({ key: 0 }, t(c), { style: t(s) }), null, 16, ["style"])),
+      O("span", null, V(e.text), 1),
+      e.reverse ? (i(), u(t(d), m({ key: 1 }, t(c), { style: t(s) }), null, 16, ["style"])) : v("", !0)
     ], 6));
   }
 });
 export {
-  F as default
+  G as default
 };

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

@@ -31,6 +31,14 @@ export declare const VftIconText: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<"row" | "col" | undefined>;
         required: false;
     };
+    pointer: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    adjustOrigin: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: import("vue").PropType<string>;
@@ -64,5 +72,14 @@ export declare const VftIconText: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<"row" | "col" | undefined>;
         required: false;
     };
+    pointer: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    adjustOrigin: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
 }>>, {}>> & Record<string, any>;
 export default VftIconText;
+export { type IconTextProps } from './icon-text.vue';

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

@@ -29,8 +29,8 @@ export declare const VftLoading: {
             color?: string | undefined;
             rotate?: boolean | undefined;
             rotateSpeed?: number | undefined;
-            cursor?: boolean | undefined;
-            scale?: number | undefined;
+            pointer?: boolean | undefined;
+            hoverColor?: string | undefined;
         }>;
         text: import("vue").Ref<string>;
         fullscreen: import("vue").Ref<boolean>;

package/es/components/loading/loading.d.ts

@@ -21,8 +21,8 @@ export declare function createLoadingComponent(options: LoadingOptionsResolved):
         color?: string | undefined;
         rotate?: boolean | undefined;
         rotateSpeed?: number | undefined;
-        cursor?: boolean | undefined;
-        scale?: number | undefined;
+        pointer?: boolean | undefined;
+        hoverColor?: string | undefined;
     }>;
     text: import("vue").Ref<string>;
     fullscreen: import("vue").Ref<boolean>;

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

@@ -1,34 +1,10 @@
 import type { PropType as __PropType } from 'vue';
 import { type PaginationProps } from 'vft/es/components/pagination';
-import type { IColumnsOption, IDefaultSort, TableConfigProps } from './type';
+import type { IDefaultSort, TableConfigProps } from './type';
 interface stickyOption {
     offsetTop: number;
     getContainer?: HTMLElement;
 }
-export interface TableProps {
-    /** 最大高度，设置后自动开启虚拟滚动 */
-    maxHeight?: number;
-    /** 列配置项 */
-    columns: IColumnsOption[];
-    /** 表格数据 */
-    tableData: any[];
-    /** 是否在加载中 */
-    loading?: boolean;
-    /** 表格高度 */
-    height?: Numberish;
-    /** 分页页数 */
-    pageSize?: number;
-    /** 总数 */
-    total?: number;
-    /** 默认排序 */
-    defaultSort?: IDefaultSort;
-    /** 表格配置 */
-    tableConfig?: TableConfigProps;
-    /** 滚动条是否固定在底部 */
-    sticky?: boolean | stickyOption;
-    pagePlacement?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-    pageOptions: Partial<PaginationProps>;
-}
 declare const _sfc_main: import("vue").DefineComponent<{
     maxHeight: {
         type: __PropType<number | undefined>;
@@ -54,6 +30,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<number | undefined>;
         required: false;
     };
+    pageNum: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
     total: {
         type: __PropType<number | undefined>;
         required: false;
@@ -105,6 +85,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<number | undefined>;
         required: false;
     };
+    pageNum: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
     total: {
         type: __PropType<number | undefined>;
         required: false;