vft 0.0.388 → 0.0.389

package/es/components/table/table.vue2.js

@@ -4,22 +4,22 @@ import { vLoading as ge } from "../loading/directive.js";
 import { deepMerge as _, omit as de, isFunction as ue } from "@vft/utils";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
+import { FormCompEnum as fe } from "../../constants/key.js";
 import "lodash-es";
-import { useNamespace as fe } from "../../hooks/use-namespace/index.js";
+import { useNamespace as me } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../icon/index.js";
-import { VftPagination as me } from "../pagination/index.js";
-import { VftSuperForm as pe } from "../super-form/index.js";
-import { VxeGrid as he } from "vxe-table";
-import be from "xe-utils";
-import { PAGE_SIZE as Ce } from "./constants.js";
-import { useColumns as ye } from "./use/use-columns.js";
-import { useDataSource as we } from "./use/use-data-source.js";
-import { useLoading as ve } from "./use/use-loading.js";
-import { usePagination as xe } from "./use/use-pagination.js";
-import { FormCompEnum as ke } from "../super-form/component-map.js";
+import { VftPagination as pe } from "../pagination/index.js";
+import { VftSuperForm as he } from "../super-form/index.js";
+import { VxeGrid as be } from "vxe-table";
+import Ce from "xe-utils";
+import { PAGE_SIZE as ye } from "./constants.js";
+import { useColumns as we } from "./use/use-columns.js";
+import { useDataSource as ve } from "./use/use-data-source.js";
+import { useLoading as xe } from "./use/use-loading.js";
+import { usePagination as ke } from "./use/use-pagination.js";
 import { useForm as Se } from "../super-form/use/use-form.js";
 import { EmptyEnum as Be } from "../empty/constants.js";
 const ze = {
@@ -34,7 +34,7 @@ const ze = {
     },
     api: {},
     pageSize: {
-      default: Ce
+      default: ye
     },
     total: {},
     rowkey: {
@@ -387,18 +387,18 @@ const ze = {
     expose: F,
     emit: A
   }) {
-    const i = fe("table"), l = A, E = ee(), p = d(), N = d([]), s = d(), O = ae(), t = u(() => _(O.props, e(s))), {
+    const i = me("table"), l = A, E = ee(), p = d(), N = d([]), s = d(), O = ae(), t = u(() => _(O.props, e(s))), {
       getLoading: V,
       setLoading: I
-    } = ve(t), {
+    } = xe(t), {
       getPaginationInfo: c,
       setPagination: g,
       getShowPagination: h,
       getCurrentPage: q
-    } = xe(t), {
+    } = ke(t), {
       getViewColumns: G,
       setColumns: K
-    } = ye(t);
+    } = we(t);
     te(() => q(), (a) => {
       oe(() => {
         b({
@@ -428,7 +428,7 @@ const ze = {
       getDataSource: W,
       getRawDataSource: w,
       tableSearch: v
-    } = we(t, {
+    } = ve(t, {
       tableData: N,
       setLoading: I,
       getPaginationInfo: c,
@@ -565,7 +565,7 @@ const ze = {
       "toolbar-tool-click",
       "zoom"
     ].forEach((a) => {
-      const o = be.camelCase(`on-${a}`);
+      const o = Ce.camelCase(`on-${a}`);
       k[o] = (...n) => l(a, ...n);
     });
     const r = u(() => {
@@ -600,7 +600,7 @@ const ze = {
     const Z = {
       field: "_filterTableData",
       label: "",
-      type: ke.SEARCH,
+      type: fe.SEARCH,
       componentProps: ({}) => ({
         onChange: (a) => {
           B({
@@ -637,11 +637,11 @@ const ze = {
       ...S
     }), (a, o) => (f(), re("div", {
       class: ne(e(i).b())
-    }, [z(e(he), D({
+    }, [z(e(be), D({
       ref_key: "xGrid",
       ref: p
     }, r.value), {
-      toolbarButtons: m(() => [H(a.$slots, "toolbar-left"), r.value?.formOptions?.showActionForm ? (f(), R(e(pe), {
+      toolbarButtons: m(() => [H(a.$slots, "toolbar-left"), r.value?.formOptions?.showActionForm ? (f(), R(e(he), {
         key: 0,
         onRegister: e(J),
         onSubmit: B,
@@ -652,7 +652,7 @@ const ze = {
       }, null, 8, ["type"])]),
       loading: m(() => [ce(ie("div", ze, null, 512), [[e(ge), r.value.loading]])]),
       _: 3
-    }, 16), r.value.showPager && e(h) ? (f(), R(e(me), D({
+    }, 16), r.value.showPager && e(h) ? (f(), R(e(pe), D({
       key: 0
     }, e(c), {
       class: [e(i).e("pager"), e(i).m("pager-" + e(c).pagePlacement)],

package/es/constants/index.js

@@ -1,16 +1,17 @@
 import { EVENT_CODE as e } from "./aria.js";
-import { WEEK_DAYS as p, datePickTypes as t } from "./date.js";
-import { CHANGE_EVENT as m, INPUT_EVENT as N, UPDATE_MODEL_EVENT as _ } from "./event.js";
-import { INSTALLED_KEY as x } from "./key.js";
-import { componentSizeMap as n, componentSizes as A } from "./size.js";
+import { WEEK_DAYS as m, datePickTypes as p } from "./date.js";
+import { CHANGE_EVENT as T, INPUT_EVENT as N, UPDATE_MODEL_EVENT as _ } from "./event.js";
+import { FormCompEnum as n, INSTALLED_KEY as x } from "./key.js";
+import { componentSizeMap as A, componentSizes as S } from "./size.js";
 export {
-  m as CHANGE_EVENT,
+  T as CHANGE_EVENT,
   e as EVENT_CODE,
+  n as FormCompEnum,
   N as INPUT_EVENT,
   x as INSTALLED_KEY,
   _ as UPDATE_MODEL_EVENT,
-  p as WEEK_DAYS,
-  n as componentSizeMap,
-  A as componentSizes,
-  t as datePickTypes
+  m as WEEK_DAYS,
+  A as componentSizeMap,
+  S as componentSizes,
+  p as datePickTypes
 };

package/es/constants/key.d.ts

@@ -1 +1,35 @@
 export declare const INSTALLED_KEY: unique symbol;
+export declare enum FormCompEnum {
+    AUTOCOMPLETE = "autocomplete",
+    Cascader = "cascader",
+    ColorPicker = "colorPicker",
+    INPUT = "input",
+    INPUT_NUMBER = "input-number",
+    INPUT_NUMBER_STEP = "input-number-step",
+    INPUT_TAG = "input-tag",
+    PASSWORD = "password",
+    TEXTAREA = "textarea",
+    Slider = "slider",
+    DIVIDER = "divider",
+    SELECT = "select",
+    SEARCH = "search",
+    RADIO = "radio",
+    RADIO_SINGLE = "radio_single",
+    RADIO_BUTTON = "radio-button",
+    CHECKBOX = "checkbox",
+    CHECKBOX_SINGLE = "checkbox_single",
+    CHECKBOX_BUTTON = "checkbox-button",
+    SWITCH = "switch",
+    Upload = "upload",
+    TIME_PICKER = "time-picker",
+    TIMERANGE_PICKER = "time-picker",
+    YEAR_PICKER = "year",
+    MONTH_PICKER = "month",
+    DATE_PICKER = "date",
+    DATES_PICKER = "dates",
+    DATETIME_PICKER = "datetime",
+    WEEK_PICKER = "week",
+    DATETIMERANGE_PICKER = "datetimerange",
+    DATERANGE_PICKER = "daterange",
+    MONTHRANGE_PICKER = "monthrange"
+}

package/es/constants/key.js

@@ -1,4 +1,6 @@
-const E = Symbol("INSTALLED_KEY");
+const I = Symbol("INSTALLED_KEY");
+var t = /* @__PURE__ */ ((e) => (e.AUTOCOMPLETE = "autocomplete", e.Cascader = "cascader", e.ColorPicker = "colorPicker", e.INPUT = "input", e.INPUT_NUMBER = "input-number", e.INPUT_NUMBER_STEP = "input-number-step", e.INPUT_TAG = "input-tag", e.PASSWORD = "password", e.TEXTAREA = "textarea", e.Slider = "slider", e.DIVIDER = "divider", e.SELECT = "select", e.SEARCH = "search", e.RADIO = "radio", e.RADIO_SINGLE = "radio_single", e.RADIO_BUTTON = "radio-button", e.CHECKBOX = "checkbox", e.CHECKBOX_SINGLE = "checkbox_single", e.CHECKBOX_BUTTON = "checkbox-button", e.SWITCH = "switch", e.Upload = "upload", e.TIME_PICKER = "time-picker", e.TIMERANGE_PICKER = "time-picker", e.YEAR_PICKER = "year", e.MONTH_PICKER = "month", e.DATE_PICKER = "date", e.DATES_PICKER = "dates", e.DATETIME_PICKER = "datetime", e.WEEK_PICKER = "week", e.DATETIMERANGE_PICKER = "datetimerange", e.DATERANGE_PICKER = "daterange", e.MONTHRANGE_PICKER = "monthrange", e))(t || {});
 export {
-  E as INSTALLED_KEY
+  t as FormCompEnum,
+  I as INSTALLED_KEY
 };

package/es/index.js

@@ -105,7 +105,7 @@ export { VftSuperForm } from "./components/super-form/index.js";
 export { EVENT_CODE } from "./constants/aria.js";
 export { WEEK_DAYS, datePickTypes } from "./constants/date.js";
 export { CHANGE_EVENT, INPUT_EVENT, UPDATE_MODEL_EVENT } from "./constants/event.js";
-export { INSTALLED_KEY } from "./constants/key.js";
+export { FormCompEnum, INSTALLED_KEY } from "./constants/key.js";
 export { componentSizeMap, componentSizes } from "./constants/size.js";
 export { useAttrs } from "./hooks/use-attrs/index.js";
 export { useDraggable } from "./hooks/use-draggable/index.js";
@@ -202,7 +202,7 @@ export { watermarkProps } from "./components/watermark/watermark.js";
 export { vLoading, createLoadingDirective } from "./components/loading/directive.js";
 export { Loading } from "./components/loading/service.js";
 export { messageDefaults, messageTypes } from "./components/message/types.js";
-export { FormCompEnum, clearComponents, getComponent, getRegisteredComponents, hasComponent, isDatePicker, isInput, isRangePicker, registerComponent, registerComponents, removeComponent } from "./components/super-form/component-map.js";
+export { clearComponents, getComponent, getRegisteredComponents, hasComponent, isDatePicker, isInput, isRangePicker, registerComponent, registerComponents, removeComponent } from "./components/super-form/component-map.js";
 export { getDynamicProps, useForm } from "./components/super-form/use/use-form.js";
 
 

package/es/package.json.d.ts

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

package/es/package.json.js

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

package/lib/components/alert/alert.vue.d.ts

@@ -27,11 +27,16 @@ export interface AlertProps {
     center?: boolean;
     effect?: alertEffects;
 }
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AlertProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    title?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AlertProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (evt: MouseEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AlertProps>>> & Readonly<{
     onClose?: ((evt: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -42,3 +47,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/alert/alert.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const n=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const i=e.defineComponent({name:"vft-alert"}),c=e.defineComponent({...i,props:{title:{default:""},description:{default:""},type:{default:"info"},closable:{type:Boolean,default:!0},closeText:{default:""},showIcon:{type:Boolean},center:{type:Boolean},effect:{default:"light"}},emits:{close:t=>t instanceof MouseEvent},setup(t,{emit:l}){const o=n.useNamespace("alert"),r=e.useSlots();return e.ref(!0),e.computed(()=>t.type),e.computed(()=>[o.e("icon"),{[o.is("big")]:!!t.description||!!r.default}]),e.computed(()=>({[o.is("bold")]:t.description||r.default})),(s,a)=>(e.openBlock(),e.createBlock(e.unref(u.VftIcon)))}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const p=e.defineComponent({name:"vft-alert"}),k=e.defineComponent({...p,props:{title:{default:""},description:{default:""},type:{default:"info"},closable:{type:Boolean,default:!0},closeText:{default:""},showIcon:{type:Boolean},center:{type:Boolean},effect:{default:"light"}},emits:{close:l=>l instanceof MouseEvent},setup(l,{emit:i}){const o=m.useNamespace("alert"),u=i,n=e.useSlots(),s=e.ref(!0),r=e.computed(()=>l.type),d=e.computed(()=>[o.e("icon"),{[o.is("big")]:!!l.description||!!n.default}]),f=e.computed(()=>({[o.is("bold")]:l.description||n.default})),a=t=>{s.value=!1,u("close",t)};return(t,B)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(o).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([e.unref(o).b(),e.unref(o).m(t.type),e.unref(o).is("center",t.center),e.unref(o).is(t.effect)]),role:"alert"},[t.showIcon&&r.value?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:0,class:e.normalizeClass(d.value),icon:r.value},null,8,["class","icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("content"))},[t.title||t.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(o).e("title"),f.value])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.$slots.default||t.description?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(o).e("description"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.closeText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o).e("close-btn"),e.unref(o).is("customed")]),onClick:a},e.toDisplayString(t.closeText),3)):(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:1,class:e.normalizeClass(e.unref(o).e("close-btn")),onClick:a,icon:"icon-close"},null,8,["class"]))],64)):e.createCommentVNode("",!0)],2)],2),[[e.vShow,s.value]])]),_:3},8,["name"]))}});exports.default=k;

package/lib/components/alert/index.d.ts

@@ -1,5 +1,73 @@
 export * from './types';
-export declare const VftAlert: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const VftAlert: import("vft/es/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: import("vue").PropType<string>;
+        };
+        description: {
+            type: import("vue").PropType<string>;
+        };
+        type: {
+            type: import("vue").PropType<import("./types").TypeComponents>;
+        };
+        closable: {
+            type: import("vue").PropType<boolean>;
+        };
+        closeText: {
+            type: import("vue").PropType<string>;
+        };
+        showIcon: {
+            type: import("vue").PropType<boolean>;
+        };
+        center: {
+            type: import("vue").PropType<boolean>;
+        };
+        effect: {
+            type: import("vue").PropType<import("./types").alertEffects>;
+        };
+    }>> & Readonly<{
+        onClose?: ((evt: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: (evt: MouseEvent) => void;
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: import("vue").PropType<string>;
+        };
+        description: {
+            type: import("vue").PropType<string>;
+        };
+        type: {
+            type: import("vue").PropType<import("./types").TypeComponents>;
+        };
+        closable: {
+            type: import("vue").PropType<boolean>;
+        };
+        closeText: {
+            type: import("vue").PropType<string>;
+        };
+        showIcon: {
+            type: import("vue").PropType<boolean>;
+        };
+        center: {
+            type: import("vue").PropType<boolean>;
+        };
+        effect: {
+            type: import("vue").PropType<import("./types").alertEffects>;
+        };
+    }>> & Readonly<{
+        onClose?: ((evt: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string>;
     };
@@ -24,34 +92,14 @@ export declare const VftAlert: import("vft/es/utils").SFCWithInstall<import("vue
     effect: {
         type: import("vue").PropType<import("./types").alertEffects>;
     };
+}>> & Readonly<{
+    onClose?: ((evt: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (evt: MouseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: import("vue").PropType<string>;
-    };
-    description: {
-        type: import("vue").PropType<string>;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
     };
-    type: {
-        type: import("vue").PropType<import("./types").TypeComponents>;
-    };
-    closable: {
-        type: import("vue").PropType<boolean>;
-    };
-    closeText: {
-        type: import("vue").PropType<string>;
-    };
-    showIcon: {
-        type: import("vue").PropType<boolean>;
-    };
-    center: {
-        type: import("vue").PropType<boolean>;
-    };
-    effect: {
-        type: import("vue").PropType<import("./types").alertEffects>;
-    };
-}>> & Readonly<{
-    onClose?: ((evt: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
+})> & Record<string, any>;
 export default VftAlert;

package/lib/components/autocomplete/autocomplete.vue.d.ts

@@ -62,9 +62,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
+            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -480,9 +480,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
+            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;

package/lib/components/autocomplete/index.d.ts

@@ -86,9 +86,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -504,9 +504,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1007,9 +1007,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1425,9 +1425,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1917,9 +1917,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -2335,9 +2335,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;

package/lib/components/carousel/index.d.ts

@@ -4,7 +4,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
         };
         height: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | number>;
         };
         trigger: {
             type: import("vue").PropType<"click" | "hover">;
@@ -60,7 +60,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
         };
         height: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | number>;
         };
         trigger: {
             type: import("vue").PropType<"click" | "hover">;
@@ -111,7 +111,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string | number>;
     };
     height: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | number>;
     };
     trigger: {
         type: import("vue").PropType<"click" | "hover">;

package/lib/components/carousel/types.d.ts

@@ -1,6 +1,6 @@
 export interface CarouselProps {
     initialIndex?: number | string;
-    height?: string;
+    height?: string | number;
     trigger?: 'hover' | 'click';
     autoplay?: boolean;
     interval?: number;

package/lib/components/carousel/use-carousel.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),b=require("lodash-es"),te=require("@vueuse/core"),ne=require("@vft/utils"),re=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const le=require("../../constants/event.cjs"),ae=require("../../utils/vue/vnode.cjs");require("../../hooks/use-model-toggle/index.cjs");const ue=require("../../hooks/use-ordered-children/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const E=require("./constants.cjs"),y=300,oe=(n,A,M)=>{const{children:u,addChild:N,removeChild:O,ChildrenSorter:L}=ue.useOrderedChildren(t.getCurrentInstance(),E.CAROUSEL_ITEM_NAME),H=t.useSlots(),l=t.ref(-1),s=t.ref(null),m=t.ref(!1),f=t.ref(),T=t.ref(0),c=t.ref(!0),_=t.computed(()=>n.arrow!=="never"&&!t.unref(v)),R=t.computed(()=>u.value.some(e=>e.props.label&&e.props.label?.toString().length>0)),I=t.computed(()=>n.type==="card"),v=t.computed(()=>n.direction==="vertical"),P=t.computed(()=>n.height!=="auto"?{height:n.height}:{height:`${T.value}px`,overflow:"hidden"}),z=b.throttle(e=>{i(e)},y,{trailing:!0}),B=b.throttle(e=>{W(e)},y),U=e=>c.value?l.value<=1?e<=1:e>1:!0;function h(){s.value&&(clearInterval(s.value),s.value=null)}function d(){n.interval<=0||!n.autoplay||s.value||(s.value=setInterval(()=>V(),n.interval))}const V=()=>{l.value<u.value.length-1?l.value=l.value+1:n.loop&&(l.value=0)};function i(e){if(ne.isString(e)){const o=u.value.filter(C=>C.props.name===e);o.length>0&&(e=u.value.indexOf(o[0]))}if(e=Number(e),Number.isNaN(e)||e!==Math.floor(e)){re.debugWarn(M,"index must be integer.");return}const r=u.value.length,a=l.value;e<0?l.value=n.loop?r-1:0:e>=r?l.value=n.loop?0:r-1:l.value=e,a===l.value&&g(a),q()}function g(e){u.value.forEach((r,a)=>{r.translateItem(a,l.value,e)})}function k(e,r){const a=t.unref(u),o=a.length;if(o===0||!e.states.inStage)return!1;const C=r+1,Y=r-1,w=o-1,Z=a[w].states.active,x=a[0].states.active,p=a[C]?.states?.active,ee=a[Y]?.states?.active;return r===w&&x||p?"left":r===0&&Z||ee?"right":!1}function j(){m.value=!0,n.pauseOnHover&&h()}function D(){m.value=!1,d()}function F(e){t.unref(v)||u.value.forEach((r,a)=>{e===k(r,a)&&(r.states.hover=!0)})}function G(){t.unref(v)||u.value.forEach(e=>{e.states.hover=!1})}function K(e){l.value=e}function W(e){n.trigger==="hover"&&e!==l.value&&(l.value=e)}function $(){i(l.value-1)}function J(){i(l.value+1)}function q(){h(),n.pauseOnHover||d()}function Q(e){n.height==="auto"&&(T.value=e)}function X(){const e=H.default?.();if(!e)return null;const a=ae.flattedChildren(e).filter(o=>t.isVNode(o)&&o.type.name===E.CAROUSEL_ITEM_NAME);return a?.length===2&&n.loop&&!I.value?(c.value=!0,a):(c.value=!1,null)}t.watch(()=>l.value,(e,r)=>{g(r),c.value&&(e=e%2,r=r%2),r>-1&&A(le.CHANGE_EVENT,e,r)}),t.watch(()=>n.autoplay,e=>{e?d():h()}),t.watch(()=>n.loop,()=>{i(l.value)}),t.watch(()=>n.interval,()=>{q()});const S=t.shallowRef();return t.onMounted(()=>{t.watch(()=>u.value,()=>{u.value.length>0&&i(n.initialIndex)},{immediate:!0}),S.value=te.useResizeObserver(f.value,()=>{g()}),d()}),t.onBeforeUnmount(()=>{h(),f.value&&S.value&&S.value.stop()}),t.provide(E.carouselContextKey,{root:f,isCardType:I,isVertical:v,items:u,loop:n.loop,cardScale:n.cardScale,addItem:N,removeItem:O,setActiveItem:i,setContainerHeight:Q}),{root:f,activeIndex:l,arrowDisplay:_,hasLabel:R,hover:m,isCardType:I,items:u,isVertical:v,containerStyle:P,isItemsTwoLength:c,handleButtonEnter:F,handleButtonLeave:G,handleIndicatorClick:K,handleMouseEnter:j,handleMouseLeave:D,setActiveItem:i,prev:$,next:J,PlaceholderItem:X,isTwoLengthShow:U,ItemsSorter:L,throttledArrowClick:z,throttledIndicatorHover:B}};exports.useCarousel=oe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),b=require("lodash-es"),ne=require("@vueuse/core"),y=require("@vft/utils"),re=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const ae=require("../../constants/event.cjs"),le=require("../../utils/vue/vnode.cjs");require("../../hooks/use-model-toggle/index.cjs");const ue=require("../../hooks/use-ordered-children/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const E=require("./constants.cjs"),A=300,oe=(n,M,N)=>{const{children:u,addChild:O,removeChild:L,ChildrenSorter:H}=ue.useOrderedChildren(t.getCurrentInstance(),E.CAROUSEL_ITEM_NAME),_=t.useSlots(),a=t.ref(-1),s=t.ref(null),m=t.ref(!1),f=t.ref(),T=t.ref(0),c=t.ref(!0),R=t.computed(()=>n.arrow!=="never"&&!t.unref(v)),P=t.computed(()=>u.value.some(e=>e.props.label&&e.props.label?.toString().length>0)),I=t.computed(()=>n.type==="card"),v=t.computed(()=>n.direction==="vertical"),U=t.computed(()=>n.height!=="auto"?{height:n.height}:{height:y.addUnit(T.value),overflow:"hidden"}),z=b.throttle(e=>{i(e)},A,{trailing:!0}),B=b.throttle(e=>{J(e)},A),V=e=>c.value?a.value<=1?e<=1:e>1:!0;function h(){s.value&&(clearInterval(s.value),s.value=null)}function d(){n.interval<=0||!n.autoplay||s.value||(s.value=setInterval(()=>k(),n.interval))}const k=()=>{a.value<u.value.length-1?a.value=a.value+1:n.loop&&(a.value=0)};function i(e){if(y.isString(e)){const o=u.value.filter(C=>C.props.name===e);o.length>0&&(e=u.value.indexOf(o[0]))}if(e=Number(e),Number.isNaN(e)||e!==Math.floor(e)){re.debugWarn(N,"index must be integer.");return}const r=u.value.length,l=a.value;e<0?a.value=n.loop?r-1:0:e>=r?a.value=n.loop?0:r-1:a.value=e,l===a.value&&g(l),q()}function g(e){u.value.forEach((r,l)=>{r.translateItem(l,a.value,e)})}function j(e,r){const l=t.unref(u),o=l.length;if(o===0||!e.states.inStage)return!1;const C=r+1,$=r-1,w=o-1,x=l[w].states.active,p=l[0].states.active,ee=l[C]?.states?.active,te=l[$]?.states?.active;return r===w&&p||ee?"left":r===0&&x||te?"right":!1}function D(){m.value=!0,n.pauseOnHover&&h()}function F(){m.value=!1,d()}function G(e){t.unref(v)||u.value.forEach((r,l)=>{e===j(r,l)&&(r.states.hover=!0)})}function K(){t.unref(v)||u.value.forEach(e=>{e.states.hover=!1})}function W(e){a.value=e}function J(e){n.trigger==="hover"&&e!==a.value&&(a.value=e)}function Q(){i(a.value-1)}function X(){i(a.value+1)}function q(){h(),n.pauseOnHover||d()}function Y(e){n.height==="auto"&&(T.value=e)}function Z(){const e=_.default?.();if(!e)return null;const l=le.flattedChildren(e).filter(o=>t.isVNode(o)&&o.type.name===E.CAROUSEL_ITEM_NAME);return l?.length===2&&n.loop&&!I.value?(c.value=!0,l):(c.value=!1,null)}t.watch(()=>a.value,(e,r)=>{g(r),c.value&&(e=e%2,r=r%2),r>-1&&M(ae.CHANGE_EVENT,e,r)}),t.watch(()=>n.autoplay,e=>{e?d():h()}),t.watch(()=>n.loop,()=>{i(a.value)}),t.watch(()=>n.interval,()=>{q()});const S=t.shallowRef();return t.onMounted(()=>{t.watch(()=>u.value,()=>{u.value.length>0&&i(n.initialIndex)},{immediate:!0}),S.value=ne.useResizeObserver(f.value,()=>{g()}),d()}),t.onBeforeUnmount(()=>{h(),f.value&&S.value&&S.value.stop()}),t.provide(E.carouselContextKey,{root:f,isCardType:I,isVertical:v,items:u,loop:n.loop,cardScale:n.cardScale,addItem:O,removeItem:L,setActiveItem:i,setContainerHeight:Y}),{root:f,activeIndex:a,arrowDisplay:R,hasLabel:P,hover:m,isCardType:I,items:u,isVertical:v,containerStyle:U,isItemsTwoLength:c,handleButtonEnter:G,handleButtonLeave:K,handleIndicatorClick:W,handleMouseEnter:D,handleMouseLeave:F,setActiveItem:i,prev:Q,next:X,PlaceholderItem:Z,isTwoLengthShow:V,ItemsSorter:H,throttledArrowClick:z,throttledIndicatorHover:B}};exports.useCarousel=oe;

package/lib/components/carousel/use-carousel.d.ts

@@ -10,10 +10,10 @@ export declare const useCarousel: (props: CarouselProps, emit: any, componentNam
     items: import("vue").ShallowRef<CarouselItemContext[], CarouselItemContext[]>;
     isVertical: import("vue").ComputedRef<boolean>;
     containerStyle: import("vue").ComputedRef<{
-        height: string | undefined;
+        height: string | number | undefined;
         overflow?: undefined;
     } | {
-        height: string;
+        height: string | undefined;
         overflow: string;
     }>;
     isItemsTwoLength: import("vue").Ref<boolean, boolean>;