vft 0.0.388 → 0.0.390

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

@@ -70,7 +70,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     tabChange: (name: string | number) => void;
     tabRemove: (name: string | number) => void;
     tabAdd: () => void;
-    edit: (paneName: string | number | undefined, action: "remove" | "add") => void;
+    edit: (paneName: string | number | undefined, action: "add" | "remove") => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabsProps>>> & Readonly<{
     "onUpdate:modelValue"?: ((name: string | number) => any) | undefined;
     onTabClick?: ((pane: {
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         isFocusInsidePane: () => boolean | undefined;
     }, index: number, ev: Event) => any) | undefined;
     onTabChange?: ((name: string | number) => any) | undefined;
-    onEdit?: ((paneName: string | number | undefined, action: "remove" | "add") => any) | undefined;
+    onEdit?: ((paneName: string | number | undefined, action: "add" | "remove") => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/es/components/time-picker/common/picker.vue.d.ts

@@ -136,9 +136,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
      */
     onPick: (date?: any, visible?: boolean) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
-    clear: (...args: any[]) => void;
     blur: (...args: any[]) => void;
     focus: (...args: any[]) => void;
     keydown: (...args: any[]) => void;
@@ -238,9 +238,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     };
     readonly isRange: BooleanConstructor;
 }>> & Readonly<{
+    onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;

package/es/components/tree/tree-node.vue.d.ts

@@ -99,6 +99,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     })>;
     TreeCheckbox: import("vft/es/utils").SFCWithInstall<{
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+            };
             label: {
                 type: import("vue").PropType<string | number>;
             };
@@ -117,9 +120,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             id: {
                 type: import("vue").PropType<string>;
             };
-            size: {
-                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-            };
             modelValue: {
                 type: import("vue").PropType<string | number | boolean>;
             };
@@ -161,6 +161,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             M: {};
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+            };
             label: {
                 type: import("vue").PropType<string | number>;
             };
@@ -179,9 +182,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             id: {
                 type: import("vue").PropType<string>;
             };
-            size: {
-                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-            };
             modelValue: {
                 type: import("vue").PropType<string | number | boolean>;
             };
@@ -217,6 +217,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+        };
         label: {
             type: import("vue").PropType<string | number>;
         };
@@ -235,9 +238,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         id: {
             type: import("vue").PropType<string>;
         };
-        size: {
-            type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-        };
         modelValue: {
             type: import("vue").PropType<string | number | boolean>;
         };
@@ -448,6 +448,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         });
         CheckboxGroup: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+                };
                 label: {
                     type: import("vue").PropType<string>;
                 };
@@ -457,9 +460,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 fill: {
                     type: import("vue").PropType<string>;
                 };
-                size: {
-                    type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-                };
                 modelValue: {
                     type: import("vue").PropType<import("vft/es/components/checkbox").CheckboxGroupValueType>;
                     default: () => never[];
@@ -505,6 +505,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 M: {};
                 Defaults: {};
             }, Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+                };
                 label: {
                     type: import("vue").PropType<string>;
                 };
@@ -514,9 +517,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 fill: {
                     type: import("vue").PropType<string>;
                 };
-                size: {
-                    type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-                };
                 modelValue: {
                     type: import("vue").PropType<import("vft/es/components/checkbox").CheckboxGroupValueType>;
                     default: () => never[];
@@ -556,6 +556,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             __isTeleport?: never;
             __isSuspense?: never;
         } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
+            };
             label: {
                 type: import("vue").PropType<string>;
             };
@@ -565,9 +568,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             fill: {
                 type: import("vue").PropType<string>;
             };
-            size: {
-                type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
-            };
             modelValue: {
                 type: import("vue").PropType<import("vft/es/components/checkbox").CheckboxGroupValueType>;
                 default: () => never[];

package/es/index.js

@@ -126,6 +126,7 @@ export { ZINDEX_INJECTION_KEY, defaultInitialZIndex, useZIndex, zIndexContextKey
 export { useCalcInputWidth } from "./hooks/use-calc-input-width/index.js";
 export { useComposition } from "./hooks/use-composition/index.js";
 export { useFocusController } from "./hooks/use-focus-controller/index.js";
+export { FormCompEnum, clearComponents, getComponent, getRegisteredComponents, hasComponent, registerComponent, registerComponents, removeComponent } from "./utils/form-register.js";
 export { attemptFocus, focusNode, getSibling, isFocusable, isLeaf, isVisible, obtainAllFocusableElements, triggerEvent } from "./utils/dom/aria.js";
 export { getClientXY, getOffsetTop, getOffsetTopDistance, isInContainer } from "./utils/dom/position.js";
 export { getScrollBarWidth, getScrollContainer, isScroll, scrollIntoView } from "./utils/dom/scroll.js";
@@ -202,7 +203,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 { isDatePicker, isInput, isRangePicker } 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.390",
   "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.390";
 export {
   o as version
 };

package/es/utils/form-register.d.ts

@@ -0,0 +1,42 @@
+import type { Component } from 'vue';
+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"
+}
+export declare function registerComponent(compName: FormCompEnum | string, component: Component): void;
+export declare function registerComponents(components: Record<string, Component>): void;
+export declare function getComponent(compName: FormCompEnum): Component | undefined;
+export declare function removeComponent(compName: FormCompEnum): void;
+export declare function hasComponent(compName: FormCompEnum): boolean;
+export declare function getRegisteredComponents(): FormCompEnum[];
+export declare function clearComponents(): void;

package/es/utils/form-register.js

@@ -0,0 +1,35 @@
+var c = /* @__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))(c || {});
+const t = /* @__PURE__ */ new Map();
+function I(e, a) {
+  t.set(e, a);
+}
+function T(e) {
+  Object.entries(e).forEach(([a, i]) => {
+    t.set(a, i);
+  });
+}
+function R(e) {
+  return t.get(e);
+}
+function s(e) {
+  t.delete(e);
+}
+function n(e) {
+  return t.has(e);
+}
+function _() {
+  return Array.from(t.keys());
+}
+function A() {
+  t.clear();
+}
+export {
+  c as FormCompEnum,
+  A as clearComponents,
+  R as getComponent,
+  _ as getRegisteredComponents,
+  n as hasComponent,
+  I as registerComponent,
+  T as registerComponents,
+  s as removeComponent
+};

package/es/utils/index.d.ts

@@ -1,3 +1,4 @@
+export * from './form-register';
 export * from './dom';
 export * from './error';
 export * from './event';

package/es/utils/index.js

@@ -1,73 +1,82 @@
-import { attemptFocus as o, focusNode as t, getSibling as s, isFocusable as i, isLeaf as l, isVisible as n, obtainAllFocusableElements as a, triggerEvent as p } from "./dom/aria.js";
-import { getClientXY as f, getOffsetTop as d, getOffsetTopDistance as c, isInContainer as g } from "./dom/position.js";
-import { getScrollBarWidth as u, getScrollContainer as C, isScroll as h, scrollIntoView as b } from "./dom/scroll.js";
-import { debugWarn as V, throwError as P } from "./error.js";
-import { composeEventHandlers as w, whenMouse as y } from "./event.js";
-import { addUnit as E, castArray as T, getComponentSize as N, getSizeType as v, isValidComponentSize as z, unique as A } from "./helper.js";
-import { cssVarValue as B, generateCssVars as D, primaryColor as R, setCssVar as W, setPrimaryColorCssvars as k } from "./ns-cover.js";
-import { mutable as H } from "./typescript.js";
-import { escapeStringRegexp as L } from "./vue/data-helper.js";
-import { withInstall as U, withInstallDirective as X, withInstallFunction as Y, withNoopInstall as j } from "./vue/install.js";
-import { buildProp as J, buildProps as Q, definePropType as Z, epPropKey as _, isEpProp as $ } from "./vue/props/runtime.js";
-import { cAF as re, rAF as oe } from "./vue/raf.js";
-import { composeRefs as se } from "./vue/refs.js";
-import { PatchFlags as le, ensureOnlyChild as ne, flattedChildren as ae, getFirstValidNode as pe, getNormalizedProps as me, isComment as fe, isFragment as de, isTemplate as ce, isText as ge, isValidElementNode as xe, renderBlock as ue, renderIf as Ce } from "./vue/vnode.js";
+import { FormCompEnum as r, clearComponents as t, getComponent as s, getRegisteredComponents as n, hasComponent as i, registerComponent as p, registerComponents as l, removeComponent as m } from "./form-register.js";
+import { attemptFocus as f, focusNode as g, getSibling as d, isFocusable as C, isLeaf as c, isVisible as x, obtainAllFocusableElements as u, triggerEvent as h } from "./dom/aria.js";
+import { getClientXY as b, getOffsetTop as V, getOffsetTopDistance as P, isInContainer as S } from "./dom/position.js";
+import { getScrollBarWidth as y, getScrollContainer as E, isScroll as I, scrollIntoView as T } from "./dom/scroll.js";
+import { debugWarn as N, throwError as z } from "./error.js";
+import { composeEventHandlers as O, whenMouse as R } from "./event.js";
+import { addUnit as D, castArray as W, getComponentSize as k, getSizeType as q, isValidComponentSize as H, unique as K } from "./helper.js";
+import { cssVarValue as M, generateCssVars as U, primaryColor as X, setCssVar as Y, setPrimaryColorCssvars as j } from "./ns-cover.js";
+import { mutable as J } from "./typescript.js";
+import { escapeStringRegexp as Z } from "./vue/data-helper.js";
+import { withInstall as $, withInstallDirective as ee, withInstallFunction as oe, withNoopInstall as re } from "./vue/install.js";
+import { buildProp as se, buildProps as ne, definePropType as ie, epPropKey as pe, isEpProp as le } from "./vue/props/runtime.js";
+import { cAF as ae, rAF as fe } from "./vue/raf.js";
+import { composeRefs as de } from "./vue/refs.js";
+import { PatchFlags as ce, ensureOnlyChild as xe, flattedChildren as ue, getFirstValidNode as he, getNormalizedProps as Fe, isComment as be, isFragment as Ve, isTemplate as Pe, isText as Se, isValidElementNode as we, renderBlock as ye, renderIf as Ee } from "./vue/vnode.js";
 export {
-  le as PatchFlags,
-  E as addUnit,
-  o as attemptFocus,
-  J as buildProp,
-  Q as buildProps,
-  re as cAF,
-  T as castArray,
-  w as composeEventHandlers,
-  se as composeRefs,
-  B as cssVarValue,
-  V as debugWarn,
-  Z as definePropType,
-  ne as ensureOnlyChild,
-  _ as epPropKey,
-  L as escapeStringRegexp,
-  ae as flattedChildren,
-  t as focusNode,
-  D as generateCssVars,
-  f as getClientXY,
-  N as getComponentSize,
-  pe as getFirstValidNode,
-  me as getNormalizedProps,
-  d as getOffsetTop,
-  c as getOffsetTopDistance,
-  u as getScrollBarWidth,
-  C as getScrollContainer,
-  s as getSibling,
-  v as getSizeType,
-  fe as isComment,
-  $ as isEpProp,
-  i as isFocusable,
-  de as isFragment,
-  g as isInContainer,
-  l as isLeaf,
-  h as isScroll,
-  ce as isTemplate,
-  ge as isText,
-  z as isValidComponentSize,
-  xe as isValidElementNode,
-  n as isVisible,
-  H as mutable,
-  a as obtainAllFocusableElements,
-  R as primaryColor,
-  oe as rAF,
-  ue as renderBlock,
-  Ce as renderIf,
-  b as scrollIntoView,
-  W as setCssVar,
-  k as setPrimaryColorCssvars,
-  P as throwError,
-  p as triggerEvent,
-  A as unique,
-  y as whenMouse,
-  U as withInstall,
-  X as withInstallDirective,
-  Y as withInstallFunction,
-  j as withNoopInstall
+  r as FormCompEnum,
+  ce as PatchFlags,
+  D as addUnit,
+  f as attemptFocus,
+  se as buildProp,
+  ne as buildProps,
+  ae as cAF,
+  W as castArray,
+  t as clearComponents,
+  O as composeEventHandlers,
+  de as composeRefs,
+  M as cssVarValue,
+  N as debugWarn,
+  ie as definePropType,
+  xe as ensureOnlyChild,
+  pe as epPropKey,
+  Z as escapeStringRegexp,
+  ue as flattedChildren,
+  g as focusNode,
+  U as generateCssVars,
+  b as getClientXY,
+  s as getComponent,
+  k as getComponentSize,
+  he as getFirstValidNode,
+  Fe as getNormalizedProps,
+  V as getOffsetTop,
+  P as getOffsetTopDistance,
+  n as getRegisteredComponents,
+  y as getScrollBarWidth,
+  E as getScrollContainer,
+  d as getSibling,
+  q as getSizeType,
+  i as hasComponent,
+  be as isComment,
+  le as isEpProp,
+  C as isFocusable,
+  Ve as isFragment,
+  S as isInContainer,
+  c as isLeaf,
+  I as isScroll,
+  Pe as isTemplate,
+  Se as isText,
+  H as isValidComponentSize,
+  we as isValidElementNode,
+  x as isVisible,
+  J as mutable,
+  u as obtainAllFocusableElements,
+  X as primaryColor,
+  fe as rAF,
+  p as registerComponent,
+  l as registerComponents,
+  m as removeComponent,
+  ye as renderBlock,
+  Ee as renderIf,
+  T as scrollIntoView,
+  Y as setCssVar,
+  j as setPrimaryColorCssvars,
+  z as throwError,
+  h as triggerEvent,
+  K as unique,
+  R as whenMouse,
+  $ as withInstall,
+  ee as withInstallDirective,
+  oe as withInstallFunction,
+  re as withNoopInstall
 };

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { isArray as E, hasOwn as m, camelize as N } from "@vft/utils";
+import { hasOwn as m, camelize as N, isArray as E } from "@vft/utils";
 import { isVNode as o, Fragment as S, Comment as A, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
 import { debugWarn as O } from "../error.js";
 const R = "utils/vue/vnode";

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;