vft 0.0.327 → 0.0.329

package/es/components/super-form/super-form-item.vue2.js

@@ -1,24 +1,24 @@
-import { defineComponent as W, computed as L, unref as u, useSlots as _, createVNode as d, mergeProps as F, withDirectives as ee, vShow as te, isVNode as re, createTextVNode as H, resolveComponent as U } from "vue";
-import { VftCol as G } from "../col/index.js";
-import { VftDivider as ne } from "../divider/index.js";
-import { VftFormItem as oe } from "../form/index.js";
+import { defineComponent as $, computed as v, ref as ee, unref as u, useSlots as te, createVNode as f, mergeProps as L, withDirectives as re, vShow as ne, isVNode as oe, createTextVNode as G, resolveComponent as q } from "vue";
+import { VftCol as J } from "../col/index.js";
+import { VftDivider as le } from "../divider/index.js";
+import { VftFormItem as se } from "../form/index.js";
 import "@vueuse/core";
-import { isFunction as C, isBoolean as v, cloneDeep as le, isArray as J, isNull as se, upperFirst as ie, isString as ae } from "@vft/utils";
+import { isFunction as g, isBoolean as j, cloneDeep as ie, isArray as X, isNull as ae, upperFirst as ce, isString as ue } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace as ce } from "../../hooks/use-namespace/index.js";
+import { useNamespace as fe } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { FormCompEnum as e, componentMap as X, isInput as ue, isDatePicker as de, isRangePicker as fe } from "./component-map.js";
-import { createPlaceholderMessage as z } from "./use/helper.js";
-function q(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !re(n);
+import { FormCompEnum as e, componentMap as z, isInput as de, isDatePicker as me, isRangePicker as he } from "./component-map.js";
+import { createPlaceholderMessage as W } from "./use/helper.js";
+function k(n) {
+  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !oe(n);
 }
-const me = W({
+const pe = $({
   inheritAttrs: !1
-}), Se = /* @__PURE__ */ W({
-  ...me,
+}), Ne = /* @__PURE__ */ $({
+  ...pe,
   __name: "super-form-item",
   props: {
     schema: {},
@@ -30,7 +30,7 @@ const me = W({
     formActionType: {}
   },
   setup(n) {
-    const D = ce("super-form"), P = L(() => {
+    const D = fe("super-form"), P = v(() => {
       const {
         mergeDynamicData: t
       } = n.formProps;
@@ -42,13 +42,14 @@ const me = W({
           ...n.allDefaultValues,
           ...n.formModel
         },
-        schema: n.schema
+        schema: n.schema,
+        elRef: w
       };
-    }), K = L(() => {
+    }), K = v(() => {
       let {
         componentProps: t = {}
       } = n.schema;
-      C(t) && (t = t({
+      g(t) && (t = t({
         schema: n.schema,
         formModel: n.formModel,
         formActionType: n.formActionType
@@ -97,7 +98,7 @@ const me = W({
         "end-placeholder": "结束月份"
       }]]);
       return r.has(n.schema.type) && (t = Object.assign(r.get(n.schema.type) || {}, t)), n.formProps.inputMaxLength && [e.INPUT].includes(n.schema.type) && !t?.maxlength && (t.maxlength = n.formProps.inputMaxLength), t;
-    }), $ = L(() => {
+    }), Y = v(() => {
       const {
         disabled: t
       } = n.formProps, {
@@ -106,20 +107,20 @@ const me = W({
         disabled: a = !1
       } = u(K);
       let i = !!t || a;
-      return v(r) && (i = r), C(r) && (i = r(u(P))), i;
+      return j(r) && (i = r), g(r) && (i = r(u(P))), i;
     });
-    function j() {
+    function V() {
       const {
         show: t,
         ifShow: r
       } = n.schema;
       let a = !0, i = !0;
-      return v(t) && (a = t), v(r) && (i = r), C(t) && (a = t(u(P))), C(r) && (i = r(u(P))), {
+      return j(t) && (a = t), j(r) && (i = r), g(t) && (a = t(u(P))), g(r) && (i = r(u(P))), {
         isShow: a,
         isIfShow: i
       };
     }
-    function Y() {
+    function Q() {
       const {
         rules: t = [],
         type: r = e.INPUT,
@@ -127,26 +128,26 @@ const me = W({
         label: i,
         title: p,
         dynamicRule: c,
-        required: I,
-        dynamicRuleAdd: R = !0
+        required: C,
+        dynamicRuleAdd: I = !0
       } = n.schema, m = i || p;
-      if (C(c) && !R)
+      if (g(c) && !I)
         return c(u(P));
-      let o = le(J(t) ? t : [t]);
+      let o = ie(X(t) ? t : [t]);
       const {
         rulesMessageJoinLabel: b
-      } = n.formProps, y = Reflect.has(n.schema, "rulesMessageJoinLabel") ? a : b, A = z(r, `${y ? m : ""}`);
+      } = n.formProps, y = Reflect.has(n.schema, "rulesMessageJoinLabel") ? a : b, A = W(r, `${y ? m : ""}`);
       function M(l, s) {
         const N = l.message || A;
-        return s === void 0 || se(s) || Array.isArray(s) && s.length === 0 || typeof s == "string" && s.trim() === "" || typeof s == "object" && Reflect.has(s, "checked") && Reflect.has(s, "halfChecked") && Array.isArray(s.checked) && Array.isArray(s.halfChecked) && s.checked.length === 0 && s.halfChecked.length === 0 ? Promise.reject(N) : Promise.resolve();
+        return s === void 0 || ae(s) || Array.isArray(s) && s.length === 0 || typeof s == "string" && s.trim() === "" || typeof s == "object" && Reflect.has(s, "checked") && Reflect.has(s, "halfChecked") && Array.isArray(s.checked) && Array.isArray(s.halfChecked) && s.checked.length === 0 && s.halfChecked.length === 0 ? Promise.reject(N) : Promise.resolve();
       }
-      const f = C(I) ? I(u(P)) : I, T = [e.RADIO, e.SELECT, e.RADIO, e.RADIO_SINGLE, e.RADIO_BUTTON, e.CHECKBOX, e.CHECKBOX_SINGLE, e.CHECKBOX_BUTTON, e.AUTOCOMPLETE, e.Cascader, e.ColorPicker, e.Upload, e.Slider].includes(r);
-      f && (!o || o.length === 0 ? o = [{
-        required: f,
+      const d = g(C) ? C(u(P)) : C, T = [e.RADIO, e.SELECT, e.RADIO, e.RADIO_SINGLE, e.RADIO_BUTTON, e.CHECKBOX, e.CHECKBOX_SINGLE, e.CHECKBOX_BUTTON, e.AUTOCOMPLETE, e.Cascader, e.ColorPicker, e.Upload, e.Slider].includes(r);
+      d && (!o || o.length === 0 ? o = [{
+        required: d,
         validator: M,
         trigger: T ? "change" : "blur"
       }] : o.findIndex((s) => Reflect.has(s, "required")) === -1 && o.unshift({
-        required: f,
+        required: d,
         validator: M,
         trigger: T ? "change" : "blur"
       }));
@@ -154,23 +155,23 @@ const me = W({
       if (x !== -1) {
         const l = o[x], {
           isShow: s
-        } = j();
+        } = V();
         s || (l.required = !1), r && (l.message = l.message || A);
       }
       const h = o.findIndex((l) => l.min), E = o.findIndex((l) => l.max);
-      function g(l, s, N = "all") {
-        const O = o[s], B = O.isNumber ? isNaN(l) ? l?.length || 0 : Number(l) : l?.length || 0;
-        return ["min", "all"].includes(N) && B < O.min ? Promise.reject(m + "至少为" + O.min + "位") : ["max", "all"].includes(N) && B > O.max ? Promise.reject(m + "最多" + O.max + "位") : Promise.resolve();
+      function R(l, s, N = "all") {
+        const O = o[s], H = O.isNumber ? isNaN(l) ? l?.length || 0 : Number(l) : l?.length || 0;
+        return ["min", "all"].includes(N) && H < O.min ? Promise.reject(m + "至少为" + O.min + "位") : ["max", "all"].includes(N) && H > O.max ? Promise.reject(m + "最多" + O.max + "位") : Promise.resolve();
       }
-      (h !== -1 || E !== -1) && (h !== -1 && E !== -1 && !o[h].validator && !o[h].message ? o[h].validator = (l, s) => g(s, h) : h !== -1 && !o[h].validator && !o[h].message ? o[h].validator = (l, s) => g(s, h, "min") : E !== -1 && !o[E].validator && !o[E].message && (o[E].validator = (l, s) => g(s, E, "max")));
+      (h !== -1 || E !== -1) && (h !== -1 && E !== -1 && !o[h].validator && !o[h].message ? o[h].validator = (l, s) => R(s, h) : h !== -1 && !o[h].validator && !o[h].message ? o[h].validator = (l, s) => R(s, h, "min") : E !== -1 && !o[E].validator && !o[E].message && (o[E].validator = (l, s) => R(s, E, "max")));
       const S = o.findIndex((l) => l.len);
-      if (S !== -1 && (o[S].validator = (l, s) => s.length !== o[S].len ? Promise.reject(m + "必须是" + o[S].len + "位") : Promise.resolve()), C(c) && R) {
+      if (S !== -1 && (o[S].validator = (l, s) => s.length !== o[S].len ? Promise.reject(m + "必须是" + o[S].len + "位") : Promise.resolve()), g(c) && I) {
         let l = c(u(P));
-        l = J(l) ? l : [l], o = o.concat(l);
+        l = X(l) ? l : [l], o = o.concat(l);
       }
       return o;
     }
-    const Q = () => {
+    const w = ee(), Z = () => {
       const {
         renderComponentContent: t,
         type: r = e.INPUT,
@@ -178,66 +179,73 @@ const me = W({
         changeEvent: i = "change",
         valueField: p,
         label: c,
-        title: I,
-        placeholderJoinLabel: R = !0
+        title: C,
+        placeholderJoinLabel: I = !0
       } = n.schema;
       let m = i;
-      ue(r) ? m = "input" : de(r) || r === e.TIME_PICKER || [e.INPUT_TAG, e.AUTOCOMPLETE, e.Cascader, e.ColorPicker, e.Slider].includes(r) ? m = "update:modelValue" : r === e.Upload && (m = "update:fileList");
-      const o = `on${ie(m)}`, b = {
-        [o]: (...g) => {
-          const [S] = g;
-          f[o] && f[o](...g);
+      de(r) ? m = "input" : me(r) || r === e.TIME_PICKER || [e.INPUT_TAG, e.AUTOCOMPLETE, e.Cascader, e.ColorPicker, e.Slider].includes(r) ? m = "update:modelValue" : r === e.Upload && (m = "update:fileList");
+      const o = `on${ce(m)}`, b = {
+        [o]: (...R) => {
+          const [S] = R;
+          d[o] && d[o](...R);
           const l = S ? S.target : null, s = l ? l.value : S;
           n.setFormModel(a, s, n.schema);
         }
-      }, y = X.get(r), {
+      }, y = z.get(r), {
         autoSetPlaceHolder: A,
         size: M
-      } = n.formProps, f = {
+      } = n.formProps, d = {
         clearable: !0,
         ...u(K)
       };
-      if ([e.SEARCH].includes(r) || (f.size = u(K)?.size || M, f.disabled = u($)), !f.disabled && A && !fe(r) && r) {
-        const g = c || I;
-        f.placeholder = u(K)?.placeholder || z(r, R && ae(g) ? g : "");
+      if ([e.SEARCH].includes(r) || (d.size = u(K)?.size || M, d.disabled = u(Y)), !d.disabled && A && !he(r) && r) {
+        const R = c || C;
+        d.placeholder = u(K)?.placeholder || W(r, I && ue(R) ? R : "");
       }
       const x = {
         [p || "model-value"]: n.formModel[a]
       }, h = {
         ...b,
-        ...f,
+        ...d,
         ...x
       };
       if (!t && r !== e.Upload)
-        return d(y, h, null);
+        return f(y, L({
+          ref: w
+        }, h), null);
       let E;
-      if (E = C(t) ? {
-        ...t(u(P))
+      if (E = g(t) ? {
+        ...t({
+          ...u(P),
+          elRef: w
+        })
       } : {
         default: () => t
       }, r === e.Upload && !t) {
         const {
-          drag: g
+          drag: R
         } = u(K);
-        E = g ? {
-          default: () => d(U("vft-icon"), {
+        E = R ? {
+          default: () => f(q("vft-icon"), {
             icon: "icon-arrow-upload"
           }, null)
         } : {
-          default: () => d(U("vft-button"), {
+          default: () => f(q("vft-button"), {
             type: "primary"
           }, {
-            default: () => [d(U("vft-icon"), {
+            default: () => [f(q("vft-icon"), {
               icon: "icon-arrow-upload"
             }, null)]
           })
         };
       }
-      return d(y, h, q(E) ? E : {
+      return f(y, L({
+        ref: w
+      }, h), k(E) ? E : {
         default: () => [E]
       });
     };
-    function w() {
+    function U() {
       const {
         showLabel: t = !0,
         label: r,
@@ -246,22 +254,22 @@ const me = W({
         labelRequired: p
       } = n.schema;
       let c = r || a;
-      return c = p ? d("span", null, [d("span", {
+      return c = p ? f("span", null, [f("span", {
         class: "label-required"
-      }, [H("*")]), d("span", null, [c])]) : c, t && c ? i ? d("span", null, [c, H(" "), d("span", {
+      }, [G("*")]), f("span", null, [c])]) : c, t && c ? i ? f("span", null, [c, G(" "), f("span", {
         class: "sub-label"
       }, [i])]) : c : void 0;
     }
-    const k = _();
-    function V(t, r = "default", a) {
+    const B = te();
+    function F(t, r = "default", a) {
       if (!t || !Reflect.has(t, r))
         return null;
-      if (!C(t[r]))
+      if (!g(t[r]))
         return console.error(`${r} is not a function!`), null;
       const i = t[r];
       return i ? i(a) : null;
     }
-    function Z() {
+    function _() {
       const {
         itemProps: t,
         slot: r,
@@ -269,18 +277,18 @@ const me = W({
         field: i,
         suffix: p,
         prefix: c,
-        prefixParentStyle: I
+        prefixParentStyle: C
       } = n.schema, {
-        autoCleanErrorMessage: R,
+        autoCleanErrorMessage: I,
         compFullWidth: m
-      } = n.formProps, o = () => r ? V(k, r, u(P)) : a ? a(u(P)) : Q(), b = !!p, y = !!c, A = C(p) ? p(u(P)) : p, M = C(c) ? c(u(P)) : c, f = () => {
+      } = n.formProps, o = () => r ? F(B, r, u(P)) : a ? a(u(P)) : Z(), b = !!p, y = !!c, A = g(p) ? p(u(P)) : p, M = g(c) ? c(u(P)) : c, d = () => {
         n.updateSchema([{
           field: i,
           itemProps: {
             error: ""
           }
         }]);
-      }, T = () => d(oe, F({
+      }, T = () => f(se, L({
         style: {
           marginRight: n.formProps.customLayout ? "10px" : 0
         },
@@ -292,22 +300,22 @@ const me = W({
         }, D.e("item")]
       }, t, {
         label: t?.label || t?.title,
-        "onUpdate:error": R ? f : () => {
+        "onUpdate:error": I ? d : () => {
         },
-        rules: Y()
+        rules: Q()
       }), {
-        default: () => [d("div", {
+        default: () => [f("div", {
           class: D.e("container")
-        }, [d("div", {
+        }, [f("div", {
           class: D.e("content")
-        }, [o(), b && d("span", {
+        }, [o(), b && f("span", {
           class: D.m("suffix")
         }, [A])])])],
-        label: w() ? () => w() : void 0
+        label: U() ? () => U() : void 0
       });
-      return y ? d("div", {
-        style: I
-      }, [d("span", {
+      return y ? f("div", {
+        style: C
+      }, [f("span", {
         class: D.m("prefix")
       }, [M]), T()]) : T();
     }
@@ -319,20 +327,20 @@ const me = W({
         renderColContent: i,
         type: p = e.INPUT,
         render: c,
-        quickColSpan: I
+        quickColSpan: C
       } = n.schema;
-      if (!X.has(p) && !i && !c)
+      if (!z.has(p) && !i && !c)
         return null;
       const {
-        baseColProps: R = {},
+        baseColProps: I = {},
         quickColSpan: m
       } = n.formProps, o = m ? {
         span: Math.ceil(24 / m),
-        ...R
+        ...I
       } : {
-        ...R
-      }, b = I ? {
-        span: Math.ceil(24 / I),
+        ...I
+      }, b = C ? {
+        span: Math.ceil(24 / C),
         ...r
       } : {
         ...r
@@ -342,23 +350,23 @@ const me = W({
       }, {
         isIfShow: A,
         isShow: M
-      } = j(), f = u(P), T = () => a ? V(k, a, f) : i ? i(f) : Z();
+      } = V(), d = u(P), T = () => a ? F(B, a, d) : i ? i(d) : _();
       if (p === e.DIVIDER) {
         let x;
-        return d(G, F({
+        return f(J, L({
           span: 24
         }, b), {
-          default: () => [d(ne, u(K), q(x = w()) ? x : {
+          default: () => [f(le, u(K), k(x = U()) ? x : {
             default: () => [x]
           })]
         });
       }
-      return A && (n.formProps.customLayout ? T() : ee(d(G, y, q(t = T()) ? t : {
+      return A && (n.formProps.customLayout ? T() : re(f(J, y, k(t = T()) ? t : {
         default: () => [t]
-      }), [[te, M]]));
+      }), [[ne, M]]));
     };
   }
 });
 export {
-  Se as default
+  Ne as default
 };

package/es/components/super-form/types.d.ts

@@ -4,7 +4,7 @@ import type { FormItemProp, FormItemProps, FormProps } from 'vft/es/components/f
 import type { RowProps } from 'vft/es/components/row';
 import type { ComponentSize } from 'vft/es/constants';
 import type { InternalRuleItem, RuleItem } from 'async-validator';
-import type { StyleValue, VNode } from 'vue';
+import type { ComponentPublicInstance, Ref, StyleValue, VNode } from 'vue';
 import type { Arrayable } from 'vft/es/utils';
 import type { Recordable } from '../types';
 import { FormCompEnum } from './component-map';
@@ -47,6 +47,8 @@ export interface RenderCallbackParams {
     model: Recordable;
     /** 字段名 */
     field: string;
+    /** 组件实例引用 */
+    elRef?: Ref<ComponentPublicInstance | null>;
 }
 /** 表单操作方法接口 */
 export interface FormActionType {

package/es/package.json.d.ts

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

package/es/package.json.js

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

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

@@ -11,6 +11,10 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
             default: number;
         };
+        contentPosition: {
+            type: import("vue").PropType<"top" | "bottom">;
+            default: string;
+        };
         alignCenter: {
             type: import("vue").PropType<boolean>;
         };
@@ -32,6 +36,7 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
     }, import("vue").PublicProps, {
         direction: "horizontal" | "vertical";
         active: number;
+        contentPosition: "top" | "bottom";
         finishStatus: "wait" | "process" | "finish" | "error" | "success";
         processStatus: "wait" | "process" | "finish" | "error" | "success";
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -53,6 +58,10 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
             default: number;
         };
+        contentPosition: {
+            type: import("vue").PropType<"top" | "bottom">;
+            default: string;
+        };
         alignCenter: {
             type: import("vue").PropType<boolean>;
         };
@@ -72,6 +81,7 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
     }>, {}, {}, {}, {}, {
         direction: "horizontal" | "vertical";
         active: number;
+        contentPosition: "top" | "bottom";
         finishStatus: "wait" | "process" | "finish" | "error" | "success";
         processStatus: "wait" | "process" | "finish" | "error" | "success";
     }>;
@@ -90,6 +100,10 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<number>;
         default: number;
     };
+    contentPosition: {
+        type: import("vue").PropType<"top" | "bottom">;
+        default: string;
+    };
     alignCenter: {
         type: import("vue").PropType<boolean>;
     };
@@ -111,6 +125,7 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
 }, string, {
     direction: "horizontal" | "vertical";
     active: number;
+    contentPosition: "top" | "bottom";
     finishStatus: "wait" | "process" | "finish" | "error" | "success";
     processStatus: "wait" | "process" | "finish" | "error" | "success";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -124,7 +139,7 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<string>;
             };
             icon: {
-                type: import("vue").PropType<import("vft/es/vft").IconProps>;
+                type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
             };
             description: {
                 type: import("vue").PropType<string>;
@@ -144,7 +159,7 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<string>;
             };
             icon: {
-                type: import("vue").PropType<import("vft/es/vft").IconProps>;
+                type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
             };
             description: {
                 type: import("vue").PropType<string>;
@@ -161,7 +176,7 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
         icon: {
-            type: import("vue").PropType<import("vft/es/vft").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         description: {
             type: import("vue").PropType<string>;
@@ -171,9 +186,11 @@ export declare const VftSteps: import("vft/es/utils").SFCWithInstall<{
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
-            icon?(_: {}): any;
+            top?(_: {}): any;
             title?(_: {}): any;
             description?(_: {}): any;
+            icon?(_: {}): any;
+            bottom?(_: {}): any;
         };
     });
 };
@@ -184,7 +201,7 @@ export declare const VftStep: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
         icon: {
-            type: import("vue").PropType<import("vft/es/vft").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         description: {
             type: import("vue").PropType<string>;
@@ -204,7 +221,7 @@ export declare const VftStep: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
         };
         icon: {
-            type: import("vue").PropType<import("vft/es/vft").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         description: {
             type: import("vue").PropType<string>;
@@ -221,7 +238,7 @@ export declare const VftStep: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
     };
     icon: {
-        type: import("vue").PropType<import("vft/es/vft").IconProps>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     description: {
         type: import("vue").PropType<string>;
@@ -231,9 +248,11 @@ export declare const VftStep: import("vft/es/utils").SFCWithInstall<{
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        icon?(_: {}): any;
+        top?(_: {}): any;
         title?(_: {}): any;
         description?(_: {}): any;
+        icon?(_: {}): any;
+        bottom?(_: {}): any;
     };
 })>;
 export * from './types';

package/lib/components/steps/item.vue.d.ts

@@ -1,30 +1,24 @@
-import type { StepItemProps } from './types';
-import type { Ref } from 'vue';
-export interface IStepsProps {
-    space: number | string;
-    active: number;
-    direction: string;
-    alignCenter: boolean;
-    simple: boolean;
-    finishStatus: string;
-    processStatus: string;
-}
+import type { StepItemProps, StepsProps } from './types';
+import type { Ref, VNode } from 'vue';
 export interface StepItemState {
     uid: number;
+    getVnode: () => VNode;
     currentStatus: string;
     setIndex: (val: number) => void;
     calcProgress: (status: string) => void;
 }
 export interface IStepsInject {
-    props: IStepsProps;
+    props: StepsProps;
     steps: Ref<StepItemState[]>;
     addStep: (item: StepItemState) => void;
-    removeStep: (uid: number) => void;
+    removeStep: (item: StepItemState) => void;
 }
 declare function __VLS_template(): {
-    icon?(_: {}): any;
+    top?(_: {}): any;
     title?(_: {}): any;
     description?(_: {}): any;
+    icon?(_: {}): any;
+    bottom?(_: {}): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<StepItemProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<StepItemProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/lib/components/steps/item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");const E=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const w=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const d=require("../icon/index.cjs"),I=e.defineComponent({name:"VftStep"}),b=e.defineComponent({...I,props:{title:{},icon:{},description:{},status:{}},setup(B){const z=B,s=w.useNamespace("step"),r=e.ref(-1),m=e.ref({}),u=e.ref(""),n=e.inject("VftSteps"),f=e.getCurrentInstance();e.onMounted(()=>{e.watch([()=>n.props.active,()=>n.props.processStatus,()=>n.props.finishStatus],([t])=>{q(t)},{immediate:!0})}),e.onBeforeUnmount(()=>{n.removeStep(C.uid)});const o=e.computed(()=>z.status||u.value),V=e.computed(()=>{const t=n.steps.value[r.value-1];return t?t.currentStatus:"wait"}),c=e.computed(()=>n.props.alignCenter),S=e.computed(()=>n.props.direction==="vertical"),l=e.computed(()=>n.props.simple),p=e.computed(()=>n.steps.value.length),k=e.computed(()=>n.steps.value[p.value-1]?.uid===f?.uid),i=e.computed(()=>l.value?"":n.props.space),h=e.computed(()=>[s.b(),s.is(l.value?"simple":n.props.direction),s.is("flex",k.value&&!i.value&&!c.value),s.is("center",c.value&&!S.value&&!l.value)]),$=e.computed(()=>{const t={flexBasis:E.isNumber(i.value)?`${i.value}px`:i.value?i.value:`${100/(p.value-(c.value?0:1))}%`};return S.value||k.value&&(t.maxWidth=`${100/p.value}%`),t}),g=t=>{r.value=t},N=t=>{const a=t==="wait",v={transitionDelay:`${a?"-":""}${150*r.value}ms`},y=t===n.props.processStatus||a?0:100;v.borderWidth=y&&!l.value?"1px":0,v[n.props.direction==="vertical"?"height":"width"]=`${y}%`,m.value=v},q=t=>{t>r.value?u.value=n.props.finishStatus:t===r.value&&V.value!=="error"?u.value=n.props.processStatus:u.value="wait";const a=n.steps.value[r.value-1];a&&a.calcProgress(u.value)},C=e.reactive({uid:f.uid,currentStatus:o,setIndex:g,calcProgress:N});return n.addStep(C),(t,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle($.value),class:e.normalizeClass(h.value)},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("head"),e.unref(s).is(o.value)])},[l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("line"))},[e.createElementVNode("i",{class:e.normalizeClass(e.unref(s).e("line-inner")),style:e.normalizeStyle(m.value)},null,6)],2)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("icon"),e.unref(s).is(t.icon||t.$slots.icon?"icon":"text")])},[e.renderSlot(t.$slots,"icon",{},()=>[t.icon?(e.openBlock(),e.createBlock(e.unref(d.VftIcon),{key:0,class:e.normalizeClass(e.unref(s).e("icon-inner"))},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon)))]),_:1},8,["class"])):o.value==="success"?(e.openBlock(),e.createBlock(e.unref(d.VftIcon),{key:1,class:e.normalizeClass([e.unref(s).e("icon-inner"),e.unref(s).is("status")])},null,8,["class"])):o.value==="error"?(e.openBlock(),e.createBlock(e.unref(d.VftIcon),{key:2,class:e.normalizeClass([e.unref(s).e("icon-inner"),e.unref(s).is("status")])},null,8,["class"])):l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(s).e("icon-inner"))},e.toDisplayString(r.value+1),3))])],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("title"),e.unref(s).is(o.value)])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("arrow"))},null,2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(s).e("description"),e.unref(s).is(o.value)])},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2))],2)],6))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("../icon/index.cjs");require("@vueuse/core");const E=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const I=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const w=require("./tokens.cjs"),D=e.defineComponent({name:"VftStep"}),P=e.defineComponent({...D,props:{title:{},icon:{},description:{},status:{}},setup(N){const k=N,s=I.useNamespace("step"),r=e.ref(-1),S=e.ref({}),i=e.ref(""),n=e.inject(w.STEPS_INJECTION_KEY),u=e.getCurrentInstance();e.onMounted(()=>{e.watch([()=>n.props.active,()=>n.props.processStatus,()=>n.props.finishStatus],([t])=>{T(t)},{immediate:!0})});const C=e.computed(()=>E.singleAttrToObj(k.icon,"icon")),o=e.computed(()=>k.status||i.value),$=e.computed(()=>{const t=n.steps.value[r.value-1];return t?t.currentStatus:"wait"}),p=e.computed(()=>n.props.alignCenter),B=e.computed(()=>n.props.direction==="vertical"),l=e.computed(()=>n.props.simple),d=e.computed(()=>n.props.contentPosition==="top"),v=e.computed(()=>n.steps.value.length),y=e.computed(()=>n.steps.value[v.value-1]?.uid===u.uid),c=e.computed(()=>l.value?"":n.props.space),g=e.computed(()=>[s.b(),s.is(l.value?"simple":n.props.direction),s.is("flex",y.value&&!c.value&&!p.value),s.is("center",p.value&&!B.value&&!l.value),s.is("content-top",d.value)]),h=e.computed(()=>{const t={flexBasis:E.isNumber(c.value)?`${c.value}px`:c.value?c.value:`${100/(v.value-(p.value?0:1))}%`};return B.value||y.value&&(t.maxWidth=`${100/v.value}%`),t}),q=t=>{r.value=t},b=t=>{const a=t==="wait",m={transitionDelay:`${a?"-":""}${150*r.value}ms`},z=t===n.props.processStatus||a?0:100;m.borderWidth=z&&!l.value?"1px":0,m[n.props.direction==="vertical"?"height":"width"]=`${z}%`,S.value=m},T=t=>{t>r.value?i.value=n.props.finishStatus:t===r.value&&$.value!=="error"?i.value=n.props.processStatus:i.value="wait";const a=n.steps.value[r.value-1];a&&a.calcProgress(i.value)},V=e.reactive({uid:u.uid,getVnode:()=>u.vnode,currentStatus:o,setIndex:q,calcProgress:b});return n.addStep(V),e.onBeforeUnmount(()=>{n.removeStep(V)}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(h.value),class:e.normalizeClass(g.value)},[t.$slots.top?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("top-slot"))},[e.renderSlot(t.$slots,"top")],2)):d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(s).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("title"),e.unref(s).is(o.value)])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("arrow"))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("description"),e.unref(s).is(o.value)])},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("head"),e.unref(s).is(o.value)])},[l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("line"))},[e.createElementVNode("i",{class:e.normalizeClass(e.unref(s).e("line-inner")),style:e.normalizeStyle(S.value)},null,6)],2)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("icon"),e.unref(s).is(t.icon||t.$slots.icon?"icon":"text")])},[e.renderSlot(t.$slots,"icon",{},()=>[C.value?.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.mergeProps({key:0},C.value,{class:e.unref(s).e("icon-inner")}),null,16,["class"])):o.value==="success"?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:1,class:e.normalizeClass([e.unref(s).e("icon-inner"),e.unref(s).is("status")]),icon:"icon-check"},null,8,["class"])):o.value==="error"?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:2,class:e.normalizeClass([e.unref(s).e("icon-inner"),e.unref(s).is("status")]),icon:"icon-close"},null,8,["class"])):l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(s).e("icon-inner"))},e.toDisplayString(r.value+1),3))])],2)],2),t.$slots.bottom?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(s).e("bottom-slot"))},[e.renderSlot(t.$slots,"bottom")],2)):d.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(s).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("title"),e.unref(s).is(o.value)])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("arrow"))},null,2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(s).e("description"),e.unref(s).is(o.value)])},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2))],2))],6))}});exports.default=P;