vft 0.0.370 → 0.0.372

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

@@ -51,6 +51,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     reset: (data: Recordable) => void;
     submit: (formData: Record<string, any>, isChange?: boolean | undefined, changeData?: any[] | undefined) => void;
     "field-value-change": () => void;
+    "common-btn-click": () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SuperFormProps>, {
     size: string;
     labelPosition: string;
@@ -80,6 +81,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onSubmit?: ((formData: Record<string, any>, isChange?: boolean | undefined, changeData?: any[] | undefined) => any) | undefined;
     onRegister?: ((instance: Partial<FormActionType>) => any) | undefined;
     "onField-value-change"?: (() => any) | undefined;
+    "onCommon-btn-click"?: (() => any) | undefined;
 }>, {
     size: import("vft/es/constants").ComponentSize;
     labelPosition: "left" | "right" | "top";

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

@@ -1,4 +1,4 @@
-import { defineComponent as j, useAttrs as ne, reactive as le, ref as i, computed as p, unref as o, watch as h, nextTick as re, useSlots as ue, createBlock as u, createCommentVNode as K, openBlock as l, mergeProps as y, withKeys as ie, withModifiers as me, withCtx as v, renderSlot as O, normalizeProps as U, createElementBlock as fe, Fragment as pe, renderList as W, createSlots as ce, resolveDynamicComponent as A, h as de } from "vue";
+import { defineComponent as j, useAttrs as se, reactive as le, ref as i, computed as c, unref as o, watch as h, nextTick as re, useSlots as ue, createBlock as u, createCommentVNode as K, openBlock as l, mergeProps as y, withKeys as ie, withModifiers as me, withCtx as v, renderSlot as O, normalizeProps as U, createElementBlock as fe, Fragment as ce, renderList as W, createSlots as pe, resolveDynamicComponent as E, h as de } from "vue";
 import { VftCol as Be } from "../col/index.js";
 import { VftForm as he } from "../form/index.js";
 import { VftRow as ye } from "../row/index.js";
@@ -10,10 +10,10 @@ import { useNamespace as Se } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import Ce from "./super-form-action.vue2.js";
-import ke from "./super-form-item.vue2.js";
-import { useAutoFocus as Oe } from "./use/use-auto-focus.js";
-import { createFormContext as Ae } from "./use/use-form-context.js";
+import ke from "./super-form-action.vue2.js";
+import Ce from "./super-form-item.vue2.js";
+import { useAutoFocus as Ae } from "./use/use-auto-focus.js";
+import { createFormContext as Oe } from "./use/use-form-context.js";
 import { useFormEvents as Ee } from "./use/use-form-events.js";
 import { useFormValues as Pe } from "./use/use-form-values.js";
 const Ve = j({
@@ -147,19 +147,19 @@ const Ve = j({
       type: Boolean
     }
   },
-  emits: ["register", "reset", "submit", "field-value-change"],
+  emits: ["register", "reset", "submit", "field-value-change", "common-btn-click"],
   setup(J, {
     expose: Q,
     emit: X
   }) {
-    const Y = Se("super-form"), E = J, P = X, Z = ne(), r = le({}), b = i({}), c = i(!1), d = i({}), V = i(), g = i(null), I = i(), t = p(() => ({
-      ...E,
+    const Y = Se("super-form"), P = J, b = X, Z = se(), r = le({}), g = i({}), p = i(!1), d = i({}), V = i(), F = i(null), I = i(), t = c(() => ({
+      ...P,
       ...o(d)
-    })), m = p(() => ({
+    })), m = c(() => ({
       ...Z,
-      ...E,
+      ...P,
       ...o(t)
-    })), n = p(() => {
+    })), s = c(() => {
       const e = o(V);
       return ge(e);
     }), {
@@ -167,58 +167,59 @@ const Ve = j({
       initDefault: _
     } = Pe({
       getProps: t,
-      defaultValueRef: b,
-      getSchema: n,
+      defaultValueRef: g,
+      getSchema: s,
       formModel: r
     });
-    Oe({
-      getSchema: n,
+    Ae({
+      getSchema: s,
       getProps: t,
-      isInitedDefault: c,
-      formElRef: g
+      isInitedDefault: p,
+      formElRef: F
     });
     const {
       handleSubmit: f,
-      setFieldsValue: F,
+      setFieldsValue: w,
       clearValidate: D,
       validate: T,
       validateField: q,
-      getFieldsValue: w,
-      updateSchema: R,
+      getFieldsValue: R,
+      updateSchema: S,
       resetSchema: B,
       appendSchemaByField: L,
       removeSchemaByField: $,
-      resetFields: S,
+      resetFields: k,
       scrollToField: ee,
       getFieldValue: N,
       setFormItemError: x
     } = Ee({
-      emit: P,
+      emit: b,
       getProps: t,
       formModel: r,
-      getSchema: n,
-      defaultValueRef: b,
-      formElRef: g,
+      getSchema: s,
+      defaultValueRef: g,
+      formElRef: F,
       schemaRef: V,
       handleFormValues: M,
       initValues: I
     });
-    Ae({
-      resetAction: S,
-      submitAction: f
+    Oe({
+      resetAction: k,
+      submitAction: f,
+      commonAction: () => b("common-btn-click")
     }), h(() => o(t).model, () => {
       const {
         model: e
       } = o(t);
-      e && F(e);
+      e && w(e);
     }, {
       immediate: !0
     }), h(() => o(t).schemas, (e, a) => {
       Fe(e, a) || B(e ?? []);
-    }), h(() => n.value, (e) => {
+    }), h(() => s.value, (e) => {
       re(() => {
-      }), !o(c) && e?.length && (_(), c.value = !0, t.value?.watchDataIsChange && ve(() => {
-        I.value = w();
+      }), !o(p) && e?.length && (_(), p.value = !0, t.value?.watchDataIsChange && ve(() => {
+        I.value = R();
       }, 40));
     }), h(() => r, be(() => {
       o(t).submitOnChange && f();
@@ -226,26 +227,26 @@ const Ve = j({
       deep: !0
     });
     async function G(e) {
-      d.value = Re(o(d) || {}, e), c.value || (B(d.value?.schemas ?? []), _());
+      d.value = Re(o(d) || {}, e), p.value || (B(d.value?.schemas ?? []), _());
     }
-    function te(e, a, s) {
-      r[e] = a, s && s.itemProps;
+    function te(e, a, n) {
+      r[e] = a, n && n.itemProps;
     }
     function oe(e) {
       const {
         autoSubmitOnEnter: a
       } = o(t);
       if (a && e.key === "Enter" && e.target && e.target instanceof HTMLElement) {
-        const s = e.target;
-        s && s.tagName && s.tagName.toUpperCase() === "INPUT" && f();
+        const n = e.target;
+        n && n.tagName && n.tagName.toUpperCase() === "INPUT" && f();
       }
     }
     const H = {
-      getFieldsValue: w,
+      getFieldsValue: R,
       getFieldValue: N,
-      setFieldsValue: F,
-      resetFields: S,
-      updateSchema: R,
+      setFieldsValue: w,
+      resetFields: k,
+      updateSchema: S,
       resetSchema: B,
       setProps: G,
       removeSchemaByField: $,
@@ -257,18 +258,18 @@ const Ve = j({
       submit: f,
       scrollToField: ee
     };
-    P("register", H);
-    const ae = p(() => we(t.value, ["showResetButton", "showCommonButton", "showSubmitButton", "resetButtonOptions", "submitButtonOptions", "commonButtonOptions", "actionRowOptions", "actionSpan", "submitResetReverse"])), C = ue(), k = (e) => e ? de(Ce, ae.value, {
+    b("register", H);
+    const ae = c(() => we(t.value, ["showResetButton", "showCommonButton", "showSubmitButton", "resetButtonOptions", "submitButtonOptions", "commonButtonOptions", "actionRowOptions", "actionSpan", "submitResetReverse"])), C = ue(), A = (e) => e ? de(ke, ae.value, {
       resetBefore: (a) => C.resetBefore?.(a),
       submitBefore: (a) => C.submitBefore?.(a),
       submitAfter: (a) => C.submitAfter?.(a)
     }) : null;
     return Q({
-      getFieldsValue: w,
+      getFieldsValue: R,
       getFieldValue: N,
-      setFieldsValue: F,
-      resetFields: S,
-      updateSchema: R,
+      setFieldsValue: w,
+      resetFields: k,
+      updateSchema: S,
       resetSchema: B,
       setProps: G,
       removeSchemaByField: $,
@@ -277,40 +278,40 @@ const Ve = j({
       validateField: q,
       validate: T,
       submit: f,
-      getSchema: n,
+      getSchema: s,
       setFormItemError: x,
-      formModel: p(() => M(r))
-    }), (e, a) => n.value?.length ? (l(), u(o(he), y({
+      formModel: c(() => M(r))
+    }), (e, a) => s.value?.length ? (l(), u(o(he), y({
       key: 0
     }, m.value, {
       ref_key: "formElRef",
-      ref: g,
+      ref: F,
       class: o(Y).b(),
       model: r,
       onSubmit: a[0] || (a[0] = me(() => {
       }, ["prevent"])),
       onKeypress: ie(oe, ["enter"])
     }), {
-      default: v(() => [n.value?.length ? (l(), u(o(ye), U(y({
+      default: v(() => [s.value?.length ? (l(), u(o(ye), U(y({
         key: 0
       }, m.value?.rowProps)), {
-        default: v(() => [O(e.$slots, "formHeader"), (l(!0), fe(pe, null, W(n.value, (s) => (l(), u(ke, {
-          key: s.field,
+        default: v(() => [O(e.$slots, "formHeader"), (l(!0), fe(ce, null, W(s.value, (n) => (l(), u(Ce, {
+          key: n.field,
           "form-action-type": H,
-          schema: s,
+          schema: n,
           "form-props": t.value,
-          "all-default-values": b.value,
+          "all-default-values": g.value,
           "form-model": r,
           "set-form-model": te,
-          "update-schema": o(R)
-        }, ce({
+          "update-schema": o(S)
+        }, pe({
           _: 2
         }, [W(Object.keys(e.$slots), (z) => ({
           name: z,
-          fn: v((se) => [O(e.$slots, z, y({
+          fn: v((ne) => [O(e.$slots, z, y({
             ref_for: !0
-          }, se || {}))])
-        }))]), 1032, ["schema", "form-props", "all-default-values", "form-model", "update-schema"]))), 128)), t.value?.customLayout ? (l(), u(A(k(t.value?.showActionButtonGroup && t.value?.actionInline)), {
+          }, ne || {}))])
+        }))]), 1032, ["schema", "form-props", "all-default-values", "form-model", "update-schema"]))), 128)), t.value?.customLayout ? (l(), u(E(A(t.value?.showActionButtonGroup && t.value?.actionInline)), {
           key: 1
         })) : (l(), u(o(Be), U(y({
           key: 0
@@ -318,11 +319,11 @@ const Ve = j({
           span: Math.ceil(24 / m.value?.quickColSpan),
           ...m.value?.baseColProps
         } : {})), {
-          default: v(() => [(l(), u(A(k(t.value?.showActionButtonGroup && t.value?.actionInline))))]),
+          default: v(() => [(l(), u(E(A(t.value?.showActionButtonGroup && t.value?.actionInline))))]),
           _: 1
         }, 16))]),
         _: 3
-      }, 16)) : K("", !0), (l(), u(A(k(t.value?.showActionButtonGroup && !t.value?.actionInline)))), O(e.$slots, "formFooter")]),
+      }, 16)) : K("", !0), (l(), u(E(A(t.value?.showActionButtonGroup && !t.value?.actionInline)))), O(e.$slots, "formFooter")]),
       _: 3
     }, 16, ["class", "model"])) : K("", !0);
   }

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

@@ -1,7 +1,9 @@
 import type { ButtonProps } from 'vft/es/components/button';
 import type { ColProps } from 'vft/es/components/col';
 import type { FormItemProp, FormItemProps, FormProps } from 'vft/es/components/form';
+import type { IconProps } from 'vft/es/components/icon';
 import type { RowProps } from 'vft/es/components/row';
+import type { ToolTipProps } from 'vft/es/components/tooltip';
 import type { ComponentSize } from 'vft/es/constants';
 import type { InternalRuleItem, RuleItem } from 'async-validator';
 import type { ComponentPublicInstance, Ref, StyleValue, VNode } from 'vue';
@@ -256,6 +258,10 @@ export interface FormSchema {
     dynamicRule?: (renderCallbackParams: RenderCallbackParams) => Arrayable<FormItemRule>;
     /** 是否添加动态规则 */
     dynamicRuleAdd?: boolean;
+    /** 帮助图标配置 */
+    helpIcon?: IconProps | string;
+    /** 帮助提示配置 */
+    helpTooltip?: string | ToolTipProps;
 }
 /** 表单项属性接口 */
 export interface SuperFormItemProps {

package/es/components/super-form/use/use-form-context.d.ts

@@ -1,6 +1,7 @@
 export interface FormContextProps {
     resetAction: (props?: Record<string, any>) => Promise<void>;
     submitAction: () => Promise<void>;
+    commonAction?: () => void;
 }
 export declare function createFormContext(context: FormContextProps): {
     state: any;

package/es/package.json.d.ts

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

package/es/package.json.js

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

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { hasOwn as m, camelize as N, isArray as E } from "@vft/utils";
+import { isArray as E, hasOwn as m, camelize as N } 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/button/index.d.ts

@@ -24,12 +24,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<import("../types").ComponentSize>;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        };
         dark: {
             type: import("vue").PropType<boolean>;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -114,12 +114,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<import("../types").ComponentSize>;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        };
         dark: {
             type: import("vue").PropType<boolean>;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -199,12 +199,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     size: {
         type: import("vue").PropType<import("../types").ComponentSize>;
     };
-    icon: {
-        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-    };
     dark: {
         type: import("vue").PropType<boolean>;
     };
+    icon: {
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
     };

package/lib/components/form/form-item.vue.d.ts

@@ -32,10 +32,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>>> & Readonly<{
     "onUpdate:error"?: ((val: string) => any) | undefined;
 }>, {
-    required: boolean;
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
+    required: boolean;
     hideLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/lib/components/form/form-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),oe=require("@vueuse/core"),m=require("@vft/utils"),b=require("../../utils/helper.cjs"),g=require("lodash-es"),le=require("../../hooks/use-id/index.cjs"),ae=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const se=require("async-validator"),z=require("./constants.cjs"),ie=require("./form-label-wrap.cjs"),ne=require("./hooks/use-form-common-props.cjs"),ue=["role","aria-labelledby"],de=e.defineComponent({name:"vft-form-item"}),ce=e.defineComponent({...de,props:{label:{},labelWidth:{default:""},labelPosition:{},prop:{},required:{type:Boolean,default:void 0},rules:{},error:{},for:{},validateStatus:{},inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:{},hideRequiredAsterisk:{type:Boolean},hideLabel:{type:Boolean,default:!1}},emits:["update:error"],setup($,{expose:A,emit:j}){const r=$,E=j,B=e.useSlots(),l=e.inject(z.formContextKey,void 0),L=e.inject(z.formItemContextKey,void 0),y=ne.useFormSize(void 0,{formItem:!1}),s=ae.useNamespace("form-item"),q=le.useId().value,d=e.ref([]),c=e.ref(""),D=oe.refDebounced(c,100),n=e.ref(""),x=e.ref();let F,v=!1;const h=e.computed(()=>r.labelPosition||l?.labelPosition),M=e.computed(()=>{if(h.value==="top")return{};const t=b.addUnit(r.labelWidth||l?.labelWidth||"");return t?{width:t}:{}}),T=e.computed(()=>{if(h.value==="top"||l?.inline)return{};if(!r.label&&!r.labelWidth&&O)return{};const t=b.addUnit(r.labelWidth||l?.labelWidth||"");return!r.label&&!B.label?{marginLeft:t}:{}}),K=e.computed(()=>[s.b(),s.m(y.value),s.is("error",c.value==="error"),s.is("validating",c.value==="validating"),s.is("success",c.value==="success"),s.is("required",Q.value||r.required),s.is("no-asterisk",r?.hideRequiredAsterisk||l?.hideRequiredAsterisk),l?.requireAsteriskPosition==="right"?"asterisk-right":"asterisk-left",{[s.m("feedback")]:l?.statusIcon,[s.m(`label-${h.value}`)]:h.value}]),U=e.computed(()=>m.isBoolean(r.inlineMessage)?r.inlineMessage:l?.inlineMessage||!1),G=e.computed(()=>[s.e("error"),{[s.em("error","inline")]:U.value}]),P=e.computed(()=>r.prop?g.isArray(r.prop)?r.prop.join("."):r.prop:""),S=e.computed(()=>!!(r.label||B.label)),C=e.computed(()=>r.for??(d.value.length===1?d.value[0]:void 0)),k=e.computed(()=>!C.value&&S.value),O=!!L,V=e.computed(()=>{const t=l?.model;if(!(!t||!r.prop))return m.getProp(t,r.prop).value}),w=e.computed(()=>{const{required:t}=r,o=[];r.rules&&o.push(...b.castArray(r.rules).map(a=>(a.trigger=a.trigger||"blur",a)));const i=l?.rules;if(i&&r.prop){const a=m.getProp(i,r.prop).value;a&&o.push(...b.castArray(a))}if(t!==void 0){const a=o.map((u,f)=>[u,f]).filter(([u])=>Object.keys(u).includes("required"));if(a.length>0)for(const[u,f]of a)u.required!==t&&(o[f]={...u,required:t});else o.push({required:t})}return o}),H=e.computed(()=>w.value.length>0),J=t=>w.value.filter(i=>!i.trigger||!t?!0:g.isArray(i.trigger)?i.trigger.includes(t):i.trigger===t).map(({trigger:i,...a})=>a),Q=e.computed(()=>w.value.some(t=>t.required)),X=e.computed(()=>D.value==="error"&&r.showMessage&&(l?.showMessage??!0)),R=e.computed(()=>`${r.label||""}${l?.labelSuffix||""}`),p=t=>{c.value=t},Y=t=>{const{errors:o,fields:i}=t;(!o||!i)&&console.error(t),p("error"),n.value=o?o?.[0]?.message??`${r.prop} is required`:"",l?.emit("validate",r.prop,!1,n.value)},Z=()=>{p("success"),l?.emit("validate",r.prop,!0,"")},ee=async t=>{const o=P.value;return new se({[o]:t}).validate({[o]:V.value},{firstFields:!0}).then(()=>(Z(),!0)).catch(a=>(Y(a),Promise.reject(a)))},N=async(t,o)=>{if(v||!r.prop)return!1;const i=m.isFunction(o);if(!H.value)return o?.(!1),!1;const a=J(t);return a.length===0?(o?.(!0),!0):(p("validating"),ee(a).then(()=>(o?.(!0),!0)).catch(u=>{const{fields:f}=u;return o?.(!1,f),i?!1:Promise.reject(f)}))},I=()=>{r.error&&E("update:error",""),p(""),n.value="",v=!1},W=async()=>{const t=l?.model;if(!t||!r.prop)return;const o=m.getProp(t,r.prop);v=!0,o.value=g.clone(F),await e.nextTick(),I(),v=!1},te=t=>{d.value.includes(t)||d.value.push(t)},re=t=>{d.value=d.value.filter(o=>o!==t)};e.watch(()=>r.error,t=>{n.value=t||"",p(t?"error":"")},{immediate:!0}),e.watch(()=>r.validateStatus,t=>p(t||""));const _=e.reactive({...e.toRefs(r),$el:x,size:y,validateMessage:n,validateState:c,labelId:q,inputIds:d,isGroup:k,hasLabel:S,fieldValue:V,addInputId:te,removeInputId:re,resetField:W,clearValidate:I,validate:N,propString:P});return e.provide(z.formItemContextKey,_),e.onMounted(()=>{r.prop&&(l?.addField(_),F=g.clone(V.value))}),e.onBeforeUnmount(()=>{l?.removeField(_)}),A({size:y,validateMessage:n,validateState:c,validate:N,clearValidate:I,resetField:W}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"formItemRef",ref:x,class:e.normalizeClass(K.value),role:k.value?"group":void 0,"aria-labelledby":k.value?e.unref(q):void 0},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(ie.default),{key:0,"is-auto-width":M.value.width==="auto","update-all":e.unref(l)?.labelWidth==="auto"},{default:e.withCtx(()=>[S.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.value?"label":"div"),{key:0,id:e.unref(q),for:C.value,class:e.normalizeClass(e.unref(s).e("label")),style:e.normalizeStyle(M.value)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{label:R.value},()=>[e.createTextVNode(e.toDisplayString(R.value),1)])]),_:3},8,["id","for","class","style"])):e.createCommentVNode("",!0)]),_:3},8,["is-auto-width","update-all"])),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("content")),style:e.normalizeStyle(T.value)},[e.renderSlot(t.$slots,"default"),e.createVNode(e.TransitionGroup,{name:`${e.unref(s).namespace.value}-zoom-in-top`},{default:e.withCtx(()=>[X.value?e.renderSlot(t.$slots,"error",{key:0,error:n.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(G.value)},e.toDisplayString(n.value),3)]):e.createCommentVNode("",!0)]),_:3},8,["name"])],6)],10,ue))}});exports.default=ce;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../icon/index.cjs");const oe=require("@vueuse/core"),m=require("@vft/utils"),b=require("../../utils/helper.cjs"),g=require("lodash-es"),le=require("../../hooks/use-id/index.cjs"),ae=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const se=require("async-validator"),z=require("./constants.cjs"),ie=require("./form-label-wrap.cjs"),ne=require("./hooks/use-form-common-props.cjs"),ue=["role","aria-labelledby"],de=e.defineComponent({name:"vft-form-item"}),ce=e.defineComponent({...de,props:{label:{},labelWidth:{default:""},labelPosition:{},prop:{},required:{type:Boolean,default:void 0},rules:{},error:{},for:{},validateStatus:{},inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:{},hideRequiredAsterisk:{type:Boolean},hideLabel:{type:Boolean,default:!1}},emits:["update:error"],setup($,{expose:A,emit:j}){const r=$,E=j,B=e.useSlots(),l=e.inject(z.formContextKey,void 0),L=e.inject(z.formItemContextKey,void 0),y=ne.useFormSize(void 0,{formItem:!1}),s=ae.useNamespace("form-item"),q=le.useId().value,d=e.ref([]),c=e.ref(""),D=oe.refDebounced(c,100),n=e.ref(""),x=e.ref();let F,v=!1;const h=e.computed(()=>r.labelPosition||l?.labelPosition),M=e.computed(()=>{if(h.value==="top")return{};const t=b.addUnit(r.labelWidth||l?.labelWidth||"");return t?{width:t}:{}}),T=e.computed(()=>{if(h.value==="top"||l?.inline)return{};if(!r.label&&!r.labelWidth&&O)return{};const t=b.addUnit(r.labelWidth||l?.labelWidth||"");return!r.label&&!B.label?{marginLeft:t}:{}}),K=e.computed(()=>[s.b(),s.m(y.value),s.is("error",c.value==="error"),s.is("validating",c.value==="validating"),s.is("success",c.value==="success"),s.is("required",Q.value||r.required),s.is("no-asterisk",r?.hideRequiredAsterisk||l?.hideRequiredAsterisk),l?.requireAsteriskPosition==="right"?"asterisk-right":"asterisk-left",{[s.m("feedback")]:l?.statusIcon,[s.m(`label-${h.value}`)]:h.value}]),U=e.computed(()=>m.isBoolean(r.inlineMessage)?r.inlineMessage:l?.inlineMessage||!1),G=e.computed(()=>[s.e("error"),{[s.em("error","inline")]:U.value}]),P=e.computed(()=>r.prop?g.isArray(r.prop)?r.prop.join("."):r.prop:""),S=e.computed(()=>!!(r.label||B.label)),C=e.computed(()=>r.for??(d.value.length===1?d.value[0]:void 0)),k=e.computed(()=>!C.value&&S.value),O=!!L,V=e.computed(()=>{const t=l?.model;if(!(!t||!r.prop))return m.getProp(t,r.prop).value}),w=e.computed(()=>{const{required:t}=r,o=[];r.rules&&o.push(...b.castArray(r.rules).map(a=>(a.trigger=a.trigger||"blur",a)));const i=l?.rules;if(i&&r.prop){const a=m.getProp(i,r.prop).value;a&&o.push(...b.castArray(a))}if(t!==void 0){const a=o.map((u,f)=>[u,f]).filter(([u])=>Object.keys(u).includes("required"));if(a.length>0)for(const[u,f]of a)u.required!==t&&(o[f]={...u,required:t});else o.push({required:t})}return o}),H=e.computed(()=>w.value.length>0),J=t=>w.value.filter(i=>!i.trigger||!t?!0:g.isArray(i.trigger)?i.trigger.includes(t):i.trigger===t).map(({trigger:i,...a})=>a),Q=e.computed(()=>w.value.some(t=>t.required)),X=e.computed(()=>D.value==="error"&&r.showMessage&&(l?.showMessage??!0)),R=e.computed(()=>`${r.label||""}${l?.labelSuffix||""}`),p=t=>{c.value=t},Y=t=>{const{errors:o,fields:i}=t;(!o||!i)&&console.error(t),p("error"),n.value=o?o?.[0]?.message??`${r.prop} is required`:"",l?.emit("validate",r.prop,!1,n.value)},Z=()=>{p("success"),l?.emit("validate",r.prop,!0,"")},ee=async t=>{const o=P.value;return new se({[o]:t}).validate({[o]:V.value},{firstFields:!0}).then(()=>(Z(),!0)).catch(a=>(Y(a),Promise.reject(a)))},N=async(t,o)=>{if(v||!r.prop)return!1;const i=m.isFunction(o);if(!H.value)return o?.(!1),!1;const a=J(t);return a.length===0?(o?.(!0),!0):(p("validating"),ee(a).then(()=>(o?.(!0),!0)).catch(u=>{const{fields:f}=u;return o?.(!1,f),i?!1:Promise.reject(f)}))},I=()=>{r.error&&E("update:error",""),p(""),n.value="",v=!1},W=async()=>{const t=l?.model;if(!t||!r.prop)return;const o=m.getProp(t,r.prop);v=!0,o.value=g.clone(F),await e.nextTick(),I(),v=!1},te=t=>{d.value.includes(t)||d.value.push(t)},re=t=>{d.value=d.value.filter(o=>o!==t)};e.watch(()=>r.error,t=>{n.value=t||"",p(t?"error":"")},{immediate:!0}),e.watch(()=>r.validateStatus,t=>p(t||""));const _=e.reactive({...e.toRefs(r),$el:x,size:y,validateMessage:n,validateState:c,labelId:q,inputIds:d,isGroup:k,hasLabel:S,fieldValue:V,addInputId:te,removeInputId:re,resetField:W,clearValidate:I,validate:N,propString:P});return e.provide(z.formItemContextKey,_),e.onMounted(()=>{r.prop&&(l?.addField(_),F=g.clone(V.value))}),e.onBeforeUnmount(()=>{l?.removeField(_)}),A({size:y,validateMessage:n,validateState:c,validate:N,clearValidate:I,resetField:W}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"formItemRef",ref:x,class:e.normalizeClass(K.value),role:k.value?"group":void 0,"aria-labelledby":k.value?e.unref(q):void 0},[t.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(ie.default),{key:0,"is-auto-width":M.value.width==="auto","update-all":e.unref(l)?.labelWidth==="auto"},{default:e.withCtx(()=>[S.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.value?"label":"div"),{key:0,id:e.unref(q),for:C.value,class:e.normalizeClass(e.unref(s).e("label")),style:e.normalizeStyle(M.value)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{label:R.value},()=>[e.createTextVNode(e.toDisplayString(R.value),1)])]),_:3},8,["id","for","class","style"])):e.createCommentVNode("",!0)]),_:3},8,["is-auto-width","update-all"])),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("content")),style:e.normalizeStyle(T.value)},[e.renderSlot(t.$slots,"default"),e.createVNode(e.TransitionGroup,{name:`${e.unref(s).namespace.value}-zoom-in-top`},{default:e.withCtx(()=>[X.value?e.renderSlot(t.$slots,"error",{key:0,error:n.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(G.value)},e.toDisplayString(n.value),3)]):e.createCommentVNode("",!0)]),_:3},8,["name"])],6)],10,ue))}});exports.default=ce;

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

@@ -206,10 +206,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             size: {
                 type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
             rules: {
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
@@ -231,6 +227,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             hideRequiredAsterisk: {
                 type: import("vue").PropType<boolean>;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
             for: {
                 type: import("vue").PropType<string>;
             };
@@ -253,10 +253,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:error": (val: string) => void;
         }, import("vue").PublicProps, {
-            required: boolean;
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
+            required: boolean;
             hideLabel: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -278,10 +278,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             size: {
                 type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
             };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
             rules: {
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
@@ -303,6 +299,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             hideRequiredAsterisk: {
                 type: import("vue").PropType<boolean>;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
             for: {
                 type: import("vue").PropType<string>;
             };
@@ -323,10 +323,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             clearValidate: () => void;
             resetField: () => void;
         }, {}, {}, {}, {
-            required: boolean;
             labelWidth: string | number;
             inlineMessage: string | boolean;
             showMessage: boolean;
+            required: boolean;
             hideLabel: boolean;
         }>;
         __isFragment?: never;
@@ -345,10 +345,6 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
@@ -370,6 +366,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         hideRequiredAsterisk: {
             type: import("vue").PropType<boolean>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -392,10 +392,10 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:error": (val: string) => void;
     }, string, {
-        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        required: boolean;
         hideLabel: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -423,10 +423,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
@@ -448,6 +444,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         hideRequiredAsterisk: {
             type: import("vue").PropType<boolean>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -470,10 +470,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:error": (val: string) => void;
     }, import("vue").PublicProps, {
-        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        required: boolean;
         hideLabel: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -495,10 +495,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         size: {
             type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
         };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
         rules: {
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
@@ -520,6 +516,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         hideRequiredAsterisk: {
             type: import("vue").PropType<boolean>;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         for: {
             type: import("vue").PropType<string>;
         };
@@ -540,10 +540,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         clearValidate: () => void;
         resetField: () => void;
     }, {}, {}, {}, {
-        required: boolean;
         labelWidth: string | number;
         inlineMessage: string | boolean;
         showMessage: boolean;
+        required: boolean;
         hideLabel: boolean;
     }>;
     __isFragment?: never;
@@ -562,10 +562,6 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     size: {
         type: import("vue").PropType<import("vft/es/constants").ComponentSize>;
     };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: undefined;
-    };
     rules: {
         type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
     };
@@ -587,6 +583,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
     hideRequiredAsterisk: {
         type: import("vue").PropType<boolean>;
     };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
     for: {
         type: import("vue").PropType<string>;
     };
@@ -609,10 +609,10 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:error": (val: string) => void;
 }, string, {
-    required: boolean;
     labelWidth: string | number;
     inlineMessage: string | boolean;
     showMessage: boolean;
+    required: boolean;
     hideLabel: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {