@transsionfe/semi-ui-vue 0.0.4 → 0.0.5

package/lib/cjs/components/empty/Empty.vue.d.ts

@@ -0,0 +1,20 @@
+import { EmptyProps } from './interface';
+declare var __VLS_12: {}, __VLS_19: {}, __VLS_26: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_12) => any;
+} & {
+    description?: (props: typeof __VLS_19) => any;
+} & {
+    default?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<EmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
+    layout: import("./interface").EmptyLayout;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/cjs/components/empty/Empty.vue2.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Empty.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=Empty.vue2.cjs.map

package/lib/cjs/components/empty/empty.css

@@ -0,0 +1,55 @@
+@charset "UTF-8";
+/**
+ * empty 组件样式自动导入
+ * 先导入必要的变量，然后导入 foundation 的样式
+ */
+/* sizing */
+/* spacing */
+/* shadow */
+.semi-empty {
+  display: flex;
+}
+.semi-empty-image {
+  display: flex;
+  justify-content: center;
+  user-select: none;
+  -webkit-user-drag: none;
+  pointer-events: none;
+}
+.semi-empty-vertical {
+  align-items: center;
+  flex-direction: column;
+}
+.semi-empty-vertical .semi-empty-content {
+  margin-top: 24px;
+}
+.semi-empty-vertical .semi-empty-title,
+.semi-empty-vertical .semi-empty-description {
+  text-align: center;
+}
+.semi-empty-horizontal .semi-empty-content {
+  margin-left: 32px;
+}
+.semi-empty-title.semi-typography {
+  display: block;
+  font-weight: 600;
+}
+.semi-empty-title + .semi-empty-description {
+  margin-top: 16px;
+}
+.semi-empty-description {
+  color: var(--semi-color-text-1);
+}
+.semi-empty-footer {
+  margin-top: 24px;
+}
+
+.semi-rtl .semi-empty,
+.semi-portal-rtl .semi-empty {
+  direction: rtl;
+}
+.semi-rtl .semi-empty-horizontal .semi-empty-content,
+.semi-portal-rtl .semi-empty-horizontal .semi-empty-content {
+  margin-left: auto;
+  margin-right: 32px;
+}

package/lib/cjs/components/empty/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Empty.vue.cjs");exports.Empty=e.default;exports.default=e.default;
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Empty.vue.cjs");require("./empty.css");exports.Empty=e.default;exports.default=e.default;

package/lib/cjs/components/empty/index.d.ts

@@ -0,0 +1,5 @@
+import Empty from './Empty.vue';
+import './empty.scss';
+export type { EmptyProps, EmptyLayout, SVGNode } from './interface';
+export { Empty };
+export default Empty;

package/lib/cjs/components/empty/interface.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties, VNode } from 'vue';
+export interface SVGNode {
+    id?: string;
+    viewBox?: string;
+    url?: string;
+}
+export type EmptyLayout = 'vertical' | 'horizontal';
+export interface EmptyProps {
+    layout?: EmptyLayout;
+    imageStyle?: CSSProperties;
+    title?: VNode | string;
+    description?: VNode | string;
+    image?: VNode | SVGNode | string;
+    darkModeImage?: VNode | SVGNode | string;
+    style?: CSSProperties;
+    className?: string;
+}

package/lib/cjs/components/form/ArrayField.vue.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),y=require("@douyinfe/semi-foundation/utils/uuid"),p=require("fast-copy"),C=require("./context.cjs"),k=require("@douyinfe/semi-foundation/utils/warning"),R=require("./hooks/useFormUpdater.cjs"),b=u.defineComponent({name:"SemiFormArrayField",inheritAttrs:!1,__name:"ArrayField",props:{initValue:{},field:{},children:{type:Function}},setup(m){const t=m,a=R.default(),V=e=>e.map(()=>y.getUuidv4()),A=e=>{if(e&&e&&e.updateKey)return e.updateKey},F=e=>{const r=[];return Array.isArray(e)?e:(k(e!==void 0,"[Semi Form ArrayField] initValue of ArrayField must be an array. Please check the type of your props"),r)},s=(e,r)=>{const l=F(e);return V(l).map((I,v)=>r&&r[v]?r[v]:I)},n=u.ref([]),o=u.ref(null),d=u.ref(!0),g=t.initValue,U=u.computed(()=>a.getValue(t.field)),c=u.computed(()=>g||U.value),h=u.computed(()=>!a.getArrayField(t.field||"")||d.value),w=u.computed(()=>({shouldUseInitValue:h.value}));u.provide(C.ArrayFieldContextKey,w),u.onMounted(()=>{if(!t.field)return;const e=a.getValue(t.field)||c.value;n.value=s(e);const r=p(c.value),l=p(c.value);a.registerArrayField(t.field,l),a.updateStateValue(t.field,r,{notNotify:!0,notUpdate:!0})}),u.onUnmounted(()=>{t.field&&a.unRegisterArrayField(t.field)}),u.watch(()=>{if(!t.field)return null;const e=a.getValue(t.field),r=a.getArrayField(t.field),l=A(r);return{fieldValue:e,updateKey:l}},e=>{if(!t.field||!e)return;const{fieldValue:r,updateKey:l}=e;l!==o.value&&(Array.isArray(r)&&(n.value=s(r,n.value)),o.value=l,o.value!==null&&o.value!==void 0&&(d.value=!1))},{immediate:!0});const K=()=>{if(!t.field)return;n.value.push(y.getUuidv4()),d.value=!0;const e=new Date().valueOf();a.updateArrayField(t.field,{updateKey:e}),o.value=e},S=e=>{if(!t.field)return;let r=a.getError(t.field);const l={notNotify:!0,notUpdate:!0};Array.isArray(r)&&(r=[...r],r.splice(e,1),a.updateStateError(t.field,r,l));let i=a.getValue(t.field);Array.isArray(i)?(i=[...i],i.splice(e,1),a.updateStateValue(t.field,i),n.value=s(i)):n.value=[]},_=e=>{if(!t.field)return;const r=a.getValue(t.field)||[],l=p(e),i=[...r,l];n.value.push(y.getUuidv4()),d.value=!0;const f=new Date().valueOf();a.updateStateValue(t.field,i,{}),a.updateArrayField(t.field,{updateKey:f}),o.value=f},q=u.computed(()=>n.value.map((e,r)=>({key:e,field:`${t.field}[${r}]`,remove:()=>S(r)})));return(e,r)=>u.renderSlot(e.$slots,"default",{arrayFields:q.value,add:K,addWithInitValue:_})}});exports.default=b;
-//# sourceMappingURL=ArrayField.vue.cjs.map

package/lib/cjs/components/form/ArrayField.vue.d.ts

@@ -0,0 +1,22 @@
+import type { ArrayFieldProps } from './interface';
+declare var __VLS_1: {
+    arrayFields: {
+        key: string;
+        field: string;
+        remove: () => void;
+    }[];
+    add: () => void;
+    addWithInitValue: (lineObject: Record<string, any>) => void;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ArrayFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ArrayFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/cjs/components/form/ArrayField.vue2.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ArrayField.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=ArrayField.vue2.cjs.map

package/lib/cjs/components/form/ErrorMessage.vue.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("classnames"),h=require("@douyinfe/semi-foundation/form/constants"),s=require("../icons/icons/IconAlertCircle.cjs"),v=require("../icons/icons/IconAlertTriangle.cjs"),I=["id"],g=["id"],B=e.defineComponent({name:"SemiFormErrorMessage",inheritAttrs:!1,__name:"ErrorMessage",props:{error:{type:[Boolean,String,Array]},className:{},style:{},showValidateIcon:{type:Boolean,default:!0},validateStatus:{default:"default"},helpText:{},isInInputGroup:{type:Boolean},errorMessageId:{},helpTextId:{}},setup(r){const t=r,o=h.cssClasses.PREFIX,c=e.computed(()=>{if(typeof t.error=="string")return t.error;if(Array.isArray(t.error)){const n=t.error.filter(a=>a);return n.length?n.join(", "):""}return""}),l=e.computed(()=>t.error||t.helpText),u=e.computed(()=>t.isInInputGroup?!!t.error:t.showValidateIcon&&!!l.value),i=e.computed(()=>t.isInInputGroup?s.default:t.validateStatus==="warning"?v.default:t.validateStatus==="error"?s.default:null),d=e.computed(()=>y({[`${o}-field-error-message`]:!!t.error,[`${o}-field-help-text`]:!!t.helpText},t.className)),p=e.computed(()=>`${o}-field-validate-status-icon`),m=e.computed(()=>t.errorMessageId),f=e.computed(()=>t.helpTextId);return(n,a)=>r.error||r.helpText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(d.value),style:e.normalizeStyle(t.style)},[u.value&&l.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),{key:0,class:e.normalizeClass(p.value)},null,8,["class"])):e.createCommentVNode("",!0),r.error?(e.openBlock(),e.createElementBlock("span",{key:1,id:m.value},e.toDisplayString(c.value),9,I)):r.helpText?(e.openBlock(),e.createElementBlock("span",{key:2,id:f.value},e.toDisplayString(r.helpText),9,g)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0)}});exports.default=B;
-//# sourceMappingURL=ErrorMessage.vue.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("classnames"),y=require("@douyinfe/semi-foundation/form/constants"),a=require("../icons/icons/IconAlertCircle.vue.cjs"),h=require("../icons/icons/IconAlertTriangle.vue.cjs"),I=["id"],g=["id"],_=e.defineComponent({name:"SemiFormErrorMessage",inheritAttrs:!1,__name:"ErrorMessage",props:{error:{type:[Boolean,String,Array]},className:{},style:{},showValidateIcon:{type:Boolean,default:!0},validateStatus:{default:"default"},helpText:{},isInInputGroup:{type:Boolean},errorMessageId:{},helpTextId:{}},setup(r){const t=r,o=y.cssClasses.PREFIX,u=e.computed(()=>{if(typeof t.error=="string")return t.error;if(Array.isArray(t.error)){const n=t.error.filter(s=>s);return n.length?n.join(", "):""}return""}),l=e.computed(()=>t.error||t.helpText),c=e.computed(()=>t.isInInputGroup?!!t.error:t.showValidateIcon&&!!l.value),i=e.computed(()=>t.isInInputGroup?a.default:t.validateStatus==="warning"?h.default:t.validateStatus==="error"?a.default:null),d=e.computed(()=>v({[`${o}-field-error-message`]:!!t.error,[`${o}-field-help-text`]:!!t.helpText},t.className)),p=e.computed(()=>`${o}-field-validate-status-icon`),m=e.computed(()=>t.errorMessageId),f=e.computed(()=>t.helpTextId);return(n,s)=>r.error||r.helpText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(d.value),style:e.normalizeStyle(t.style)},[c.value&&l.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value),{key:0,class:e.normalizeClass(p.value)},null,8,["class"])):e.createCommentVNode("",!0),r.error?(e.openBlock(),e.createElementBlock("span",{key:1,id:m.value},e.toDisplayString(u.value),9,I)):r.helpText?(e.openBlock(),e.createElementBlock("span",{key:2,id:f.value},e.toDisplayString(r.helpText),9,g)):e.createCommentVNode("",!0)],6)):e.createCommentVNode("",!0)}});exports.default=_;

package/lib/cjs/components/form/ErrorMessage.vue.d.ts

@@ -0,0 +1,18 @@
+export type FieldError = boolean | string | Array<any> | undefined | unknown;
+export interface ErrorMessageProps {
+    error?: FieldError;
+    className?: string;
+    style?: Record<string, any>;
+    showValidateIcon?: boolean;
+    validateStatus?: string;
+    helpText?: string;
+    isInInputGroup?: boolean;
+    errorMessageId?: string;
+    helpTextId?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<ErrorMessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ErrorMessageProps> & Readonly<{}>, {
+    validateStatus: string;
+    showValidateIcon: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/cjs/components/form/ErrorMessage.vue2.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ErrorMessage.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=ErrorMessage.vue2.cjs.map

package/lib/cjs/components/form/Field.vue.d.ts

@@ -0,0 +1,9 @@
+import type { WithFieldOption } from '@douyinfe/semi-foundation/form/interface';
+import type { CommonFieldProps } from './interface';
+type __VLS_Props = CommonFieldProps & {
+    component: any;
+    options?: WithFieldOption;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/cjs/components/form/FieldWrapper.vue.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),M=require("classnames"),re=require("lodash"),$e=require("@douyinfe/semi-foundation/form/constants"),_=require("@douyinfe/semi-foundation/form/utils"),ze=require("@douyinfe/semi-foundation/utils/isPromise"),ae=require("@douyinfe/semi-foundation/utils/warning"),we=require("./context.cjs"),ne=require("./ErrorMessage.vue.cjs"),W=require("./Label.vue.cjs"),A=require("../grid/Col.vue.cjs"),Ie=require("./hooks/useFormUpdater.cjs"),Me=require("./hooks/useArrayFieldState.cjs"),S=require("./hooks/useStateWithGetter.cjs"),We=require("./hooks/useFormState.cjs"),Ae=["data-field","x-field-id","x-label-pos"],De={key:0,style:{overflow:"hidden"}},Re=e.defineComponent({name:"SemiFormFieldWrapper",inheritAttrs:!1,__name:"FieldWrapper",props:{field:{},label:{},labelPosition:{},labelAlign:{},labelWidth:{},noLabel:{type:Boolean},noErrorMessage:{type:Boolean},name:{},fieldClassName:{},fieldStyle:{},initValue:{},validate:{type:Function},rules:{},trigger:{},transform:{type:Function},convert:{type:Function},allowEmptyString:{type:Boolean},stopValidateWithError:{type:Boolean},helpText:{},extraText:{},extraTextPosition:{},defaultValue:{},pure:{type:Boolean},labelCol:{},wrapperCol:{},isInInputGroup:{type:Boolean},validateStatus:{},keepState:{type:Boolean},emptyValue:{},allowEmpty:{type:Boolean},required:{type:Boolean},id:{}},setup(se){const ue=se,n=$e.cssClasses.PREFIX,D=we.useFormId(),ie=_.mergeProps(ue),{field:o,label:a,labelPosition:de,labelWidth:ce,labelAlign:pe,labelCol:fe,wrapperCol:me,noLabel:N,noErrorMessage:R,isInInputGroup:ve,initValue:f,validate:U,validateStatus:k,trigger:ye,allowEmptyString:ge,allowEmpty:ke,rules:F,required:L,keepState:Be,transform:j,name:O,fieldClassName:be,fieldStyle:xe,convert:G,helpText:he,extraText:r,extraTextPosition:Ve,pure:Ce,id:Pe}=ie;ae(typeof o>"u","[Semi Form]: 'field' is required, please check your props of Field Component");const i=Ie.default();i.getFormProps||ae(!0,"[Semi Form]: Field Component must be used inside the Form, please check your dom declaration");const s=i.getFormProps(["labelPosition","labelWidth","labelAlign","labelCol","wrapperCol","disabled","showValidateIcon","extraTextPosition","stopValidateWithError","trigger"]),X=de||s.labelPosition,Ee=ce||s.labelWidth,H=pe||s.labelAlign,B=fe||s.labelCol,J=me||s.wrapperCol,m=Ve||s.extraTextPosition||"bottom",v=_.transformTrigger(ye,s.trigger),K=typeof o<"u"?i.getValue(o):void 0;let T=typeof f<"u"?f:K;try{const t=Me.default();t!=null&&t.shouldUseInitValue&&typeof f<"u"&&(T=f)}catch{}const[c,Q,Y]=S.default(typeof T<"u"?T:null),[b,_e]=S.default(void 0),[Z,Se]=S.default(!1),[x,h]=S.default(k),q=e.ref(!1),Ne=e.computed(()=>v.includes("mount")),Fe=ke||ge,$=We.default(),ee=e.ref(!1),V=e.ref(!1),te=e.ref(void 0);e.watch(()=>{var t;return(t=$==null?void 0:$.values)==null?void 0:t[o]},t=>{if(o&&ee.value&&!V.value&&t!==void 0){const l=c.value,u=te.value;if(re.isEqual(t,l)||re.isEqual(t,u))return;V.value=!0,te.value=t,Q(t),Promise.resolve().then(()=>{V.value=!1})}},{deep:!0});const y=(t,l)=>{const u=j?j(t):t,d=G?G(u):u;Q(d),typeof o<"u"&&!V.value&&i.updateStateValue(o,d,l)},z=(t,l)=>{_e(t),typeof o<"u"&&i.updateStateError(o,t,l)},C=(t,l)=>{Se(t),typeof o<"u"&&i.updateStateTouched(o,t,l)},p=async(t=c.value)=>{var u,d;if(q.value)return;let l;if(F&&F.length){const g=_.generateValidatesFromRules(o||"",F);try{await g.validate({[o||""]:t})}catch(E){l=((d=(u=E.errors)==null?void 0:u[0])==null?void 0:d.message)||E.message}}if(U&&!l){const g=U(t);if(ze(g))try{await g}catch(E){l=E}else g!==!0&&(l=g)}return z(l),C(!0),h(l?"error":k||"success"),l},Te={getValue:Y,setValue:y,getError:()=>b.value,setError:z,getTouched:()=>Z.value,setTouched:C,getStatus:()=>x.value,setStatus:h,reset:()=>{y(typeof f<"u"?f:K,{notNotify:!0}),z(void 0,{notNotify:!0}),C(!1,{notNotify:!0}),h(k)},validate:p};e.onMounted(()=>{if(q.value=!1,Ne.value&&p(c.value),typeof o>"u")return;const t=Y();i.register(o,{value:t,error:b.value,touched:Z.value,status:x.value},{field:o,fieldApi:Te,keepState:Be||!1,allowEmpty:Fe}),ee.value=!0}),e.onUnmounted(()=>{q.value=!0,typeof o<"u"&&i.unRegister(o)});const w=e.computed(()=>({modelValue:c.value,"onUpdate:modelValue":t=>{y(t),v.includes("change")&&p(t)},value:c.value,"onUpdate:value":t=>{y(t),v.includes("change")&&p(t)},checked:c.value,"onUpdate:checked":t=>{y(t),v.includes("change")&&p(t)},onChange:t=>{y(t),v.includes("change")&&p(t)},onBlur:()=>{C(!0),v.includes("blur")&&p(c.value)},validateStatus:x.value||k,disabled:s.disabled,"aria-required":L,"aria-labelledby":o?`${o}-label`:void 0,name:O||o,id:Pe||(o&&D?`${D}-${o}`:o)})),qe=e.computed(()=>M(`${n}-field`,be,{[`${n}-field-error`]:!_.isValid(b.value)})),oe=e.computed(()=>M(B?`${n}-col-${H}`:"")),I=e.computed(()=>{const t=typeof a=="object"&&a!==null?a.text:a,l=typeof a=="object"&&a!==null?a.extra:void 0,u=typeof a=="object"&&a!==null?a.optional:void 0,d=typeof a=="object"&&a!==null?a.required:void 0;return{text:t||o,align:H,width:Ee,required:d!==void 0?d:L,optional:u,extra:l,name:O||o,id:o?`${o}-label`:void 0}}),le=e.computed(()=>({error:b.value,showValidateIcon:s.showValidateIcon,validateStatus:x.value,helpText:he,isInInputGroup:ve,errorMessageId:o?`${o}-error-message`:void 0,helpTextId:o?`${o}-help-text`:void 0})),P=e.computed(()=>M(`${n}-field-extra`,{[`${n}-field-extra-string`]:typeof r=="string",[`${n}-field-extra-middle`]:m==="middle",[`${n}-field-extra-bottom`]:m==="bottom"}));return(t,l)=>e.unref(Ce)?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:1},w.value))):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(qe.value),style:e.normalizeStyle(e.unref(xe)),"data-field":e.unref(o),"x-field-id":e.unref(o),"x-label-pos":e.unref(X)},[e.unref(B)&&e.unref(J)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(X)==="top"?(e.openBlock(),e.createElementBlock("div",De,[e.createVNode(e.unref(A.default),e.mergeProps(e.unref(B),{class:oe.value}),{default:e.withCtx(()=>[e.unref(N)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,e.normalizeProps(e.mergeProps({key:0},I.value)),null,16))]),_:1},16,["class"])])):(e.openBlock(),e.createBlock(e.unref(A.default),e.mergeProps({key:1},e.unref(B),{class:oe.value}),{default:e.withCtx(()=>[e.unref(N)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,e.normalizeProps(e.mergeProps({key:0},I.value)),null,16))]),_:1},16,["class"])),e.createVNode(e.unref(A.default),e.normalizeProps(e.guardReactiveProps(e.unref(J))),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n)}-field-main`)},[e.unref(r)&&e.unref(m)==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps(w.value))),e.unref(R)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ne.default,e.normalizeProps(e.mergeProps({key:1},le.value)),null,16)),e.unref(r)&&e.unref(m)==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0)],2)]),_:3},16)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(N)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,e.normalizeProps(e.mergeProps({key:0},I.value)),null,16)),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n)}-field-main`)},[e.unref(r)&&e.unref(m)==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps(w.value))),e.unref(R)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ne.default,e.normalizeProps(e.mergeProps({key:1},le.value)),null,16)),e.unref(r)&&e.unref(m)==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0)],2)],64))],14,Ae))}});exports.default=Re;
-//# sourceMappingURL=FieldWrapper.vue.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),M=require("classnames"),re=require("lodash"),$e=require("@douyinfe/semi-foundation/form/constants"),_=require("@douyinfe/semi-foundation/form/utils"),ze=require("@douyinfe/semi-foundation/utils/isPromise"),ae=require("@douyinfe/semi-foundation/utils/warning"),we=require("./context.cjs"),ne=require("./ErrorMessage.vue.cjs"),W=require("./Label.vue.cjs"),A=require("../grid/Col.vue.cjs");require("../grid/grid.css");const Ie=require("./hooks/useFormUpdater.cjs"),Me=require("./hooks/useArrayFieldState.cjs"),S=require("./hooks/useStateWithGetter.cjs"),We=require("./hooks/useFormState.cjs"),Ae=["data-field","x-field-id","x-label-pos"],De={key:0,style:{overflow:"hidden"}},Re=e.defineComponent({name:"SemiFormFieldWrapper",inheritAttrs:!1,__name:"FieldWrapper",props:{field:{},label:{},labelPosition:{},labelAlign:{},labelWidth:{},noLabel:{type:Boolean},noErrorMessage:{type:Boolean},name:{},fieldClassName:{},fieldStyle:{},initValue:{},validate:{type:Function},rules:{},trigger:{},transform:{type:Function},convert:{type:Function},allowEmptyString:{type:Boolean},stopValidateWithError:{type:Boolean},helpText:{},extraText:{},extraTextPosition:{},defaultValue:{},pure:{type:Boolean},labelCol:{},wrapperCol:{},isInInputGroup:{type:Boolean},validateStatus:{},keepState:{type:Boolean},emptyValue:{},allowEmpty:{type:Boolean},required:{type:Boolean},id:{}},setup(se){const ue=se,n=$e.cssClasses.PREFIX,D=we.useFormId(),ie=_.mergeProps(ue),{field:o,label:a,labelPosition:de,labelWidth:ce,labelAlign:pe,labelCol:fe,wrapperCol:me,noLabel:N,noErrorMessage:R,isInInputGroup:ve,initValue:f,validate:U,validateStatus:k,trigger:ye,allowEmptyString:ge,allowEmpty:ke,rules:F,required:L,keepState:Be,transform:j,name:O,fieldClassName:be,fieldStyle:xe,convert:G,helpText:he,extraText:r,extraTextPosition:Ve,pure:Ce,id:Pe}=ie;ae(typeof o>"u","[Semi Form]: 'field' is required, please check your props of Field Component");const i=Ie.default();i.getFormProps||ae(!0,"[Semi Form]: Field Component must be used inside the Form, please check your dom declaration");const s=i.getFormProps(["labelPosition","labelWidth","labelAlign","labelCol","wrapperCol","disabled","showValidateIcon","extraTextPosition","stopValidateWithError","trigger"]),X=de||s.labelPosition,Ee=ce||s.labelWidth,H=pe||s.labelAlign,B=fe||s.labelCol,J=me||s.wrapperCol,m=Ve||s.extraTextPosition||"bottom",v=_.transformTrigger(ye,s.trigger),K=typeof o<"u"?i.getValue(o):void 0;let q=typeof f<"u"?f:K;try{const t=Me.default();t!=null&&t.shouldUseInitValue&&typeof f<"u"&&(q=f)}catch{}const[c,Q,Y]=S.default(typeof q<"u"?q:null),[b,_e]=S.default(void 0),[Z,Se]=S.default(!1),[x,h]=S.default(k),T=e.ref(!1),Ne=e.computed(()=>v.includes("mount")),Fe=ke||ge,$=We.default(),ee=e.ref(!1),V=e.ref(!1),te=e.ref(void 0);e.watch(()=>{var t;return(t=$==null?void 0:$.values)==null?void 0:t[o]},t=>{if(o&&ee.value&&!V.value&&t!==void 0){const l=c.value,u=te.value;if(re.isEqual(t,l)||re.isEqual(t,u))return;V.value=!0,te.value=t,Q(t),Promise.resolve().then(()=>{V.value=!1})}},{deep:!0});const y=(t,l)=>{const u=j?j(t):t,d=G?G(u):u;Q(d),typeof o<"u"&&!V.value&&i.updateStateValue(o,d,l)},z=(t,l)=>{_e(t),typeof o<"u"&&i.updateStateError(o,t,l)},C=(t,l)=>{Se(t),typeof o<"u"&&i.updateStateTouched(o,t,l)},p=async(t=c.value)=>{var u,d;if(T.value)return;let l;if(F&&F.length){const g=_.generateValidatesFromRules(o||"",F);try{await g.validate({[o||""]:t})}catch(E){l=((d=(u=E.errors)==null?void 0:u[0])==null?void 0:d.message)||E.message}}if(U&&!l){const g=U(t);if(ze(g))try{await g}catch(E){l=E}else g!==!0&&(l=g)}return z(l),C(!0),h(l?"error":k||"success"),l},qe={getValue:Y,setValue:y,getError:()=>b.value,setError:z,getTouched:()=>Z.value,setTouched:C,getStatus:()=>x.value,setStatus:h,reset:()=>{y(typeof f<"u"?f:K,{notNotify:!0}),z(void 0,{notNotify:!0}),C(!1,{notNotify:!0}),h(k)},validate:p};e.onMounted(()=>{if(T.value=!1,Ne.value&&p(c.value),typeof o>"u")return;const t=Y();i.register(o,{value:t,error:b.value,touched:Z.value,status:x.value},{field:o,fieldApi:qe,keepState:Be||!1,allowEmpty:Fe}),ee.value=!0}),e.onUnmounted(()=>{T.value=!0,typeof o<"u"&&i.unRegister(o)});const w=e.computed(()=>({modelValue:c.value,"onUpdate:modelValue":t=>{y(t),v.includes("change")&&p(t)},value:c.value,"onUpdate:value":t=>{y(t),v.includes("change")&&p(t)},checked:c.value,"onUpdate:checked":t=>{y(t),v.includes("change")&&p(t)},onChange:t=>{y(t),v.includes("change")&&p(t)},onBlur:()=>{C(!0),v.includes("blur")&&p(c.value)},validateStatus:x.value||k,disabled:s.disabled,"aria-required":L,"aria-labelledby":o?`${o}-label`:void 0,name:O||o,id:Pe||(o&&D?`${D}-${o}`:o)})),Te=e.computed(()=>M(`${n}-field`,be,{[`${n}-field-error`]:!_.isValid(b.value)})),oe=e.computed(()=>M(B?`${n}-col-${H}`:"")),I=e.computed(()=>{const t=typeof a=="object"&&a!==null?a.text:a,l=typeof a=="object"&&a!==null?a.extra:void 0,u=typeof a=="object"&&a!==null?a.optional:void 0,d=typeof a=="object"&&a!==null?a.required:void 0;return{text:t||o,align:H,width:Ee,required:d!==void 0?d:L,optional:u,extra:l,name:O||o,id:o?`${o}-label`:void 0}}),le=e.computed(()=>({error:b.value,showValidateIcon:s.showValidateIcon,validateStatus:x.value,helpText:he,isInInputGroup:ve,errorMessageId:o?`${o}-error-message`:void 0,helpTextId:o?`${o}-help-text`:void 0})),P=e.computed(()=>M(`${n}-field-extra`,{[`${n}-field-extra-string`]:typeof r=="string",[`${n}-field-extra-middle`]:m==="middle",[`${n}-field-extra-bottom`]:m==="bottom"}));return(t,l)=>e.unref(Ce)?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:1},w.value))):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(Te.value),style:e.normalizeStyle(e.unref(xe)),"data-field":e.unref(o),"x-field-id":e.unref(o),"x-label-pos":e.unref(X)},[e.unref(B)&&e.unref(J)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(X)==="top"?(e.openBlock(),e.createElementBlock("div",De,[e.createVNode(e.unref(A.default),e.mergeProps(e.unref(B),{class:oe.value}),{default:e.withCtx(()=>[e.unref(N)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,e.normalizeProps(e.mergeProps({key:0},I.value)),null,16))]),_:1},16,["class"])])):(e.openBlock(),e.createBlock(e.unref(A.default),e.mergeProps({key:1},e.unref(B),{class:oe.value}),{default:e.withCtx(()=>[e.unref(N)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,e.normalizeProps(e.mergeProps({key:0},I.value)),null,16))]),_:1},16,["class"])),e.createVNode(e.unref(A.default),e.normalizeProps(e.guardReactiveProps(e.unref(J))),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n)}-field-main`)},[e.unref(r)&&e.unref(m)==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps(w.value))),e.unref(R)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ne.default,e.normalizeProps(e.mergeProps({key:1},le.value)),null,16)),e.unref(r)&&e.unref(m)==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0)],2)]),_:3},16)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(N)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W.default,e.normalizeProps(e.mergeProps({key:0},I.value)),null,16)),e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(n)}-field-main`)},[e.unref(r)&&e.unref(m)==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps(w.value))),e.unref(R)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ne.default,e.normalizeProps(e.mergeProps({key:1},le.value)),null,16)),e.unref(r)&&e.unref(m)==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(P.value),"x-semi-prop":"extraText"},[e.isVNode(e.unref(r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(r)),1)],64))],2)):e.createCommentVNode("",!0)],2)],64))],14,Ae))}});exports.default=Re;

package/lib/cjs/components/form/FieldWrapper.vue.d.ts

@@ -0,0 +1,63 @@
+import type { CommonFieldProps } from './interface';
+declare var __VLS_34: {
+    modelValue: any;
+    'onUpdate:modelValue': (val: any) => void;
+    value: any;
+    'onUpdate:value': (val: any) => void;
+    checked: any;
+    'onUpdate:checked': (val: any) => void;
+    onChange: (val: any) => void;
+    onBlur: () => void;
+    validateStatus: any;
+    disabled: any;
+    'aria-required': boolean;
+    'aria-labelledby': string;
+    name: any;
+    id: any;
+}, __VLS_56: {
+    modelValue: any;
+    'onUpdate:modelValue': (val: any) => void;
+    value: any;
+    'onUpdate:value': (val: any) => void;
+    checked: any;
+    'onUpdate:checked': (val: any) => void;
+    onChange: (val: any) => void;
+    onBlur: () => void;
+    validateStatus: any;
+    disabled: any;
+    'aria-required': boolean;
+    'aria-labelledby': string;
+    name: any;
+    id: any;
+}, __VLS_68: {
+    modelValue: any;
+    'onUpdate:modelValue': (val: any) => void;
+    value: any;
+    'onUpdate:value': (val: any) => void;
+    checked: any;
+    'onUpdate:checked': (val: any) => void;
+    onChange: (val: any) => void;
+    onBlur: () => void;
+    validateStatus: any;
+    disabled: any;
+    'aria-required': boolean;
+    'aria-labelledby': string;
+    name: any;
+    id: any;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_34) => any;
+} & {
+    default?: (props: typeof __VLS_56) => any;
+} & {
+    default?: (props: typeof __VLS_68) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CommonFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CommonFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/cjs/components/form/FieldWrapper.vue2.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./FieldWrapper.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=FieldWrapper.vue2.cjs.map

package/lib/cjs/components/form/Form.vue.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("classnames"),$=require("@douyinfe/semi-foundation/form/constants"),E=require("@douyinfe/semi-foundation/utils/uuid"),y=require("lodash"),O=require("@douyinfe/semi-foundation/form/foundation"),z=require("../../_utils/useFoundation.cjs"),K=require("../_utils/useBaseComponent.cjs"),h=require("./context.cjs"),j=require("../grid/Row.vue.cjs"),W=["id","x-form-id"],X=["id","x-form-id"],G=e.defineComponent({name:"SemiForm",inheritAttrs:!1,__name:"Form",props:e.mergeModels({"aria-label":{},onSubmit:{type:Function,default:()=>{}},onSubmitFail:{type:Function,default:()=>{}},onReset:{type:Function,default:()=>{}},onValueChange:{type:Function,default:()=>{}},onErrorChange:{type:Function,default:()=>{}},onChange:{type:Function,default:()=>{}},allowEmpty:{type:Boolean,default:!1},validateFields:{},id:{},getFormApi:{},style:{},className:{},extraTextPosition:{},layout:{default:"vertical"},labelPosition:{default:"top"},labelWidth:{},labelAlign:{},labelCol:{},wrapperCol:{},render:{},component:{},children:{},autoScrollToError:{type:Boolean,default:!1},disabled:{type:Boolean},showValidateIcon:{type:Boolean,default:!0},stopValidateWithError:{type:Boolean},stopPropagation:{},trigger:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["submit","reset","value-change","error-change","change"],["update:modelValue"]),setup(n,{expose:B,emit:R}){const a=e.useModel(n,"modelValue"),r=n,m=R,d=$.cssClasses.PREFIX,p=e.ref(null),i=e.ref(r.id||E.getUuidv4()),C=e.ref({formId:""}),{adapter:q}=K.useBaseComponent(r,C),T={...q,cloneDeep:y.cloneDeep,notifySubmit:(t,o)=>{r.onSubmit(t,o),m("submit",t,o)},notifySubmitFail:(t,o,l)=>{r.onSubmitFail(t,o,l)},forceUpdate:t=>{t&&F.push(t),s&&clearTimeout(s),s=setTimeout(()=>{const o=u.getFormState(!1);w.value++,v.value&&(v.value=o);const l=[...F];F.length=0,e.nextTick(()=>{l.forEach(I=>I())}),s=null},0)},notifyChange:t=>{r.onChange(t),m("change",t)},notifyValueChange:(t,o)=>{r.onValueChange(t,o),m("value-change",t,o),c.value||e.nextTick(()=>{!c.value&&!y.isEqual(t,a.value)&&(a.value=y.cloneDeep(t))})},notifyErrorChange:(t,o)=>{r.onErrorChange(t,o),m("error-change",t,o)},notifyReset:()=>{r.onReset(),m("reset")},initFormId:()=>{i.value||(i.value=r.id||E.getUuidv4()),C.value.formId=i.value},getInitValues:()=>a.value!==void 0?a.value:r.initValues||{},getFormProps:t=>{if(typeof t>"u")return r;if(typeof t=="string")return r[t];{const o={};return t.forEach(l=>{o[l]=r[l]}),o}},getAllErrorDOM:()=>{const t=p.value;return t?t.querySelectorAll(`.${d}-field-error-message`):[]},getFieldDOM:t=>{const o=p.value;return o?o.querySelector(`[data-field="${t}"]`):null},getFieldErrorDOM:t=>{const o=p.value;if(!o)return null;const l=`.${d}-field[x-field-id="${t}"] .${d}-field-error-message`;return o.querySelector(l)}},{foundation:u}=z.useFoundation(O,T),f=e.ref(null),v=e.shallowRef(null),w=e.ref(0);let s=null;const F=[],b=v,M=e.computed(()=>u.getModifyFormStateApi()),c=e.ref(!1);e.provide(h.FormStateContextKey,b),e.provide(h.FormApiContextKey,f),e.provide(h.FormUpdaterContextKey,M),e.provide(h.FormIdContextKey,i);const U=e.computed(()=>({shouldUseInitValue:!0}));e.provide(h.ArrayFieldContextKey,U);let S=!1;e.watch(()=>a.value,t=>{if(!c.value&&S&&t!==void 0){const o=u.getFormState(!1).values;y.isEqual(o,t)||(c.value=!0,u.setValues(t,{isOverride:!0}),e.nextTick(()=>{c.value=!1}))}},{deep:!0}),e.onMounted(()=>{S=!0,u.init(),f.value=u.getFormApi(),v.value=u.getFormState(!1),r.getFormApi&&r.getFormApi(f.value),e.nextTick(()=>{const t=u.getFormState(!1).values;Object.keys(t).length>0&&(a.value===void 0||typeof a.value=="object"&&a.value!==null&&Object.keys(a.value).length===0)&&(c.value=!0,a.value=y.cloneDeep(t),e.nextTick(()=>{c.value=!1}))})}),e.onUnmounted(()=>{s&&(clearTimeout(s),s=null),F.length=0}),B({get formApi(){return f.value},get formState(){return v.value}});const k=e.computed(()=>N(d,r.className,{[`${d}-vertical`]:r.layout==="vertical",[`${d}-horizontal`]:r.layout==="horizontal"})),D=e.computed(()=>r.wrapperCol&&r.labelCol),x=e.computed(()=>{const t=["children","getFormApi","onChange","onSubmit","onSubmitFail","onErrorChange","onValueChange","component","render","validateFields","layout","style","className","labelPosition","labelWidth","labelAlign","labelCol","wrapperCol","allowEmpty","autoScrollToError","showValidateIcon","stopValidateWithError","extraTextPosition","id","trigger","disabled","modelValue","initValues"],o={};for(const l in r)t.includes(l)||(o[l]=r[l]);return o}),g=e.computed(()=>{const t=b.value;return t?{formState:{...t,values:t.values||{},errors:t.errors||{}},formApi:f.value,values:t.values||{}}:{formState:{values:{},errors:{}},formApi:f.value,values:{}}}),P=t=>{var o;(o=r.stopPropagation)!=null&&o.submit&&t.stopPropagation(),u.submit(t)},V=t=>{var o;t.preventDefault(),(o=r.stopPropagation)!=null&&o.reset&&t.stopPropagation(),u.reset()},A=e.defineComponent({name:"RenderVNode",props:{renderFn:{type:Function,required:!0}},setup(t){return()=>{const o=t.renderFn(g.value);return o==null?null:typeof o=="string"||typeof o=="number"?String(o):o}}});return(t,o)=>D.value?(e.openBlock(),e.createBlock(e.unref(j.default),{key:0},{default:e.withCtx(()=>[e.createElementVNode("form",e.mergeProps({id:i.value,ref_key:"formRef",ref:p,class:k.value,style:r.style,"x-form-id":i.value},x.value,{onSubmit:e.withModifiers(P,["prevent"]),onReset:V}),[!n.render&&!n.component?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:0},g.value))):n.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),e.normalizeProps(e.mergeProps({key:1},g.value)),null,16)):n.render?(e.openBlock(),e.createBlock(e.unref(A),{key:2,"render-fn":n.render},null,8,["render-fn"])):e.createCommentVNode("",!0)],16,W)]),_:3})):(e.openBlock(),e.createElementBlock("form",e.mergeProps({key:1,id:i.value,ref_key:"formRef",ref:p,class:k.value,style:r.style,"x-form-id":i.value},x.value,{onSubmit:e.withModifiers(P,["prevent"]),onReset:V}),[!n.render&&!n.component?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:0},g.value))):n.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),e.normalizeProps(e.mergeProps({key:1},g.value)),null,16)):n.render?(e.openBlock(),e.createBlock(e.unref(A),{key:2,"render-fn":n.render},null,8,["render-fn"])):e.createCommentVNode("",!0)],16,X))}});exports.default=G;
-//# sourceMappingURL=Form.vue.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("classnames"),$=require("@douyinfe/semi-foundation/form/constants"),E=require("@douyinfe/semi-foundation/utils/uuid"),y=require("lodash"),O=require("@douyinfe/semi-foundation/form/foundation"),z=require("../../_utils/useFoundation.cjs"),K=require("../_utils/useBaseComponent.cjs"),h=require("./context.cjs"),j=require("../grid/Row.vue.cjs");require("../grid/grid.css");const W=["id","x-form-id"],X=["id","x-form-id"],G=e.defineComponent({name:"SemiForm",inheritAttrs:!1,__name:"Form",props:e.mergeModels({"aria-label":{},onSubmit:{type:Function,default:()=>{}},onSubmitFail:{type:Function,default:()=>{}},onReset:{type:Function,default:()=>{}},onValueChange:{type:Function,default:()=>{}},onErrorChange:{type:Function,default:()=>{}},onChange:{type:Function,default:()=>{}},allowEmpty:{type:Boolean,default:!1},validateFields:{},id:{},getFormApi:{},style:{},className:{},extraTextPosition:{},layout:{default:"vertical"},labelPosition:{default:"top"},labelWidth:{},labelAlign:{},labelCol:{},wrapperCol:{},render:{},component:{},children:{},autoScrollToError:{type:Boolean,default:!1},disabled:{type:Boolean},showValidateIcon:{type:Boolean,default:!0},stopValidateWithError:{type:Boolean},stopPropagation:{},trigger:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["submit","reset","value-change","error-change","change"],["update:modelValue"]),setup(n,{expose:B,emit:q}){const a=e.useModel(n,"modelValue"),r=n,m=q,d=$.cssClasses.PREFIX,p=e.ref(null),i=e.ref(r.id||E.getUuidv4()),C=e.ref({formId:""}),{adapter:R}=K.useBaseComponent(r,C),T={...R,cloneDeep:y.cloneDeep,notifySubmit:(t,o)=>{r.onSubmit(t,o),m("submit",t,o)},notifySubmitFail:(t,o,l)=>{r.onSubmitFail(t,o,l)},forceUpdate:t=>{t&&F.push(t),s&&clearTimeout(s),s=setTimeout(()=>{const o=u.getFormState(!1);w.value++,v.value&&(v.value=o);const l=[...F];F.length=0,e.nextTick(()=>{l.forEach(I=>I())}),s=null},0)},notifyChange:t=>{r.onChange(t),m("change",t)},notifyValueChange:(t,o)=>{r.onValueChange(t,o),m("value-change",t,o),c.value||e.nextTick(()=>{!c.value&&!y.isEqual(t,a.value)&&(a.value=y.cloneDeep(t))})},notifyErrorChange:(t,o)=>{r.onErrorChange(t,o),m("error-change",t,o)},notifyReset:()=>{r.onReset(),m("reset")},initFormId:()=>{i.value||(i.value=r.id||E.getUuidv4()),C.value.formId=i.value},getInitValues:()=>a.value!==void 0?a.value:r.initValues||{},getFormProps:t=>{if(typeof t>"u")return r;if(typeof t=="string")return r[t];{const o={};return t.forEach(l=>{o[l]=r[l]}),o}},getAllErrorDOM:()=>{const t=p.value;return t?t.querySelectorAll(`.${d}-field-error-message`):[]},getFieldDOM:t=>{const o=p.value;return o?o.querySelector(`[data-field="${t}"]`):null},getFieldErrorDOM:t=>{const o=p.value;if(!o)return null;const l=`.${d}-field[x-field-id="${t}"] .${d}-field-error-message`;return o.querySelector(l)}},{foundation:u}=z.useFoundation(O,T),f=e.ref(null),v=e.shallowRef(null),w=e.ref(0);let s=null;const F=[],b=v,M=e.computed(()=>u.getModifyFormStateApi()),c=e.ref(!1);e.provide(h.FormStateContextKey,b),e.provide(h.FormApiContextKey,f),e.provide(h.FormUpdaterContextKey,M),e.provide(h.FormIdContextKey,i);const U=e.computed(()=>({shouldUseInitValue:!0}));e.provide(h.ArrayFieldContextKey,U);let S=!1;e.watch(()=>a.value,t=>{if(!c.value&&S&&t!==void 0){const o=u.getFormState(!1).values;y.isEqual(o,t)||(c.value=!0,u.setValues(t,{isOverride:!0}),e.nextTick(()=>{c.value=!1}))}},{deep:!0}),e.onMounted(()=>{S=!0,u.init(),f.value=u.getFormApi(),v.value=u.getFormState(!1),r.getFormApi&&r.getFormApi(f.value),e.nextTick(()=>{const t=u.getFormState(!1).values;Object.keys(t).length>0&&(a.value===void 0||typeof a.value=="object"&&a.value!==null&&Object.keys(a.value).length===0)&&(c.value=!0,a.value=y.cloneDeep(t),e.nextTick(()=>{c.value=!1}))})}),e.onUnmounted(()=>{s&&(clearTimeout(s),s=null),F.length=0}),B({get formApi(){return f.value},get formState(){return v.value}});const k=e.computed(()=>N(d,r.className,{[`${d}-vertical`]:r.layout==="vertical",[`${d}-horizontal`]:r.layout==="horizontal"})),D=e.computed(()=>r.wrapperCol&&r.labelCol),x=e.computed(()=>{const t=["children","getFormApi","onChange","onSubmit","onSubmitFail","onErrorChange","onValueChange","component","render","validateFields","layout","style","className","labelPosition","labelWidth","labelAlign","labelCol","wrapperCol","allowEmpty","autoScrollToError","showValidateIcon","stopValidateWithError","extraTextPosition","id","trigger","disabled","modelValue","initValues"],o={};for(const l in r)t.includes(l)||(o[l]=r[l]);return o}),g=e.computed(()=>{const t=b.value;return t?{formState:{...t,values:t.values||{},errors:t.errors||{}},formApi:f.value,values:t.values||{}}:{formState:{values:{},errors:{}},formApi:f.value,values:{}}}),P=t=>{var o;(o=r.stopPropagation)!=null&&o.submit&&t.stopPropagation(),u.submit(t)},V=t=>{var o;t.preventDefault(),(o=r.stopPropagation)!=null&&o.reset&&t.stopPropagation(),u.reset()},A=e.defineComponent({name:"RenderVNode",props:{renderFn:{type:Function,required:!0}},setup(t){return()=>{const o=t.renderFn(g.value);return o==null?null:typeof o=="string"||typeof o=="number"?String(o):o}}});return(t,o)=>D.value?(e.openBlock(),e.createBlock(e.unref(j.default),{key:0},{default:e.withCtx(()=>[e.createElementVNode("form",e.mergeProps({id:i.value,ref_key:"formRef",ref:p,class:k.value,style:r.style,"x-form-id":i.value},x.value,{onSubmit:e.withModifiers(P,["prevent"]),onReset:V}),[!n.render&&!n.component?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:0},g.value))):n.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),e.normalizeProps(e.mergeProps({key:1},g.value)),null,16)):n.render?(e.openBlock(),e.createBlock(e.unref(A),{key:2,"render-fn":n.render},null,8,["render-fn"])):e.createCommentVNode("",!0)],16,W)]),_:3})):(e.openBlock(),e.createElementBlock("form",e.mergeProps({key:1,id:i.value,ref_key:"formRef",ref:p,class:k.value,style:r.style,"x-form-id":i.value},x.value,{onSubmit:e.withModifiers(P,["prevent"]),onReset:V}),[!n.render&&!n.component?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:0},g.value))):n.component?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),e.normalizeProps(e.mergeProps({key:1},g.value)),null,16)):n.render?(e.openBlock(),e.createBlock(e.unref(A),{key:2,"render-fn":n.render},null,8,["render-fn"])):e.createCommentVNode("",!0)],16,X))}});exports.default=G;

package/lib/cjs/components/form/Form.vue.d.ts

@@ -0,0 +1,91 @@
+import type { FormState } from '@douyinfe/semi-foundation/form/interface';
+import type { BaseFormProps } from './interface';
+interface FormProps extends BaseFormProps {
+}
+type __VLS_Props = FormProps;
+type __VLS_ModelProps = {
+    modelValue?: Record<string, any>;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_8: {
+    formState: FormState;
+    formApi: any;
+    values: any;
+}, __VLS_20: {
+    formState: FormState;
+    formApi: any;
+    values: any;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    onChange: () => void;
+    onSubmitFail: () => void;
+    onSubmit: () => void;
+    onReset: () => void;
+    onValueChange: () => void;
+    onErrorChange: () => void;
+    layout: string;
+    labelPosition: string;
+    allowEmpty: boolean;
+    autoScrollToError: boolean;
+    showValidateIcon: boolean;
+}>>, {
+    readonly formApi: any;
+    readonly formState: FormState<any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (formState: FormState<any>) => any;
+    reset: () => any;
+    submit: (values: any, e?: Event) => any;
+    "update:modelValue": (value: Record<string, any>) => any;
+    "value-change": (values: any, changedValue: any) => any;
+    "error-change": (errors: any, changedError?: any) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    onChange: () => void;
+    onSubmitFail: () => void;
+    onSubmit: () => void;
+    onReset: () => void;
+    onValueChange: () => void;
+    onErrorChange: () => void;
+    layout: string;
+    labelPosition: string;
+    allowEmpty: boolean;
+    autoScrollToError: boolean;
+    showValidateIcon: boolean;
+}>>> & Readonly<{
+    onChange?: (formState: FormState<any>) => any;
+    onReset?: () => any;
+    onSubmit?: (values: any, e?: Event) => any;
+    "onUpdate:modelValue"?: (value: Record<string, any>) => any;
+    "onValue-change"?: (values: any, changedValue: any) => any;
+    "onError-change"?: (errors: any, changedError?: any) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/lib/cjs/components/form/Form.vue2.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Form.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=Form.vue2.cjs.map

package/lib/cjs/components/form/Group.vue.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("classnames"),N=require("@douyinfe/semi-foundation/form/constants"),S=require("@douyinfe/semi-foundation/form/utils"),E=require("@douyinfe/semi-foundation/utils/object"),I=require("lodash"),k=require("./Label.vue.cjs"),_=require("./ErrorMessage.vue.cjs"),T=require("../input/InputGroup.vue.cjs"),p=require("../grid/Col.vue.cjs"),z=require("./hooks/useFormUpdater.cjs"),q=require("./hooks/useFormState.cjs");function $(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(l,s,r.get?r:{enumerable:!0,get:()=>t[s]})}}return l.default=t,Object.freeze(l)}const F=$(E),D=["x-label-pos"],G={style:{overflow:"hidden"}},O=e.defineComponent({name:"SemiFormGroup",inheritAttrs:!1,__name:"Group",props:{label:{},labelPosition:{},extraText:{},extraTextPosition:{default:"bottom"},className:{},size:{},style:{},disabled:{type:Boolean}},setup(t){const l=t,s=e.useSlots(),r=N.cssClasses.PREFIX,V=z.default(),o=e.computed(()=>V.getFormProps(["labelPosition","labelWidth","labelAlign","showValidateIcon","wrapperCol","labelCol","disabled"])),x=e.computed(()=>l.labelPosition||o.value.labelPosition||"top"),d=e.computed(()=>o.value.labelCol),v=e.computed(()=>o.value.wrapperCol),B=e.computed(()=>o.value.labelAlign),f=e.computed(()=>d.value&&v.value),w=e.computed(()=>y({[`${r}-field-group`]:!0})),h=e.computed(()=>d.value?`${r}-col-${B.value}`:""),u=e.computed(()=>l.label?I.isString(l.label)?{width:o.value.labelWidth,text:l.label}:{width:o.value.labelWidth,...l.label}:null),b=e.computed(()=>{const a=[];return s.default&&s.default().forEach(n=>{var c;(c=n==null?void 0:n.props)!=null&&c.field&&a.push(n.props.field)}),a}),i=e.computed(()=>y(`${r}-field-extra`,{[`${r}-field-extra-string`]:typeof l.extraText=="string",[`${r}-field-extra-middle`]:l.extraTextPosition==="middle",[`${r}-field-extra-bottom`]:l.extraTextPosition==="bottom"})),g=e.computed(()=>{const{label:a,labelPosition:m,extraText:n,extraTextPosition:c,...P}=l;return P}),C=e.defineComponent({name:"GroupError",props:{fieldSet:{type:Array,required:!0},showValidateIcon:Boolean,isInInputGroup:Boolean},setup(a){const m=q.default(),n=e.computed(()=>a.fieldSet.map(P=>F.get(m.errors,P))),c=e.computed(()=>!S.isValid(n.value));return()=>c.value?e.h(_.default,{error:n.value,showValidateIcon:a.showValidateIcon,isInInputGroup:a.isInInputGroup}):null}});return(a,m)=>(e.openBlock(),e.createElementBlock("div",{"x-label-pos":x.value,class:e.normalizeClass(w.value)},[f.value?f.value&&x.value==="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",G,[e.createVNode(e.unref(p.default),e.mergeProps(d.value,{class:h.value}),{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createBlock(k.default,e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0)]),_:1},16,["class"])]),e.createVNode(e.unref(p.default),e.normalizeProps(e.guardReactiveProps(v.value)),{default:e.withCtx(()=>[t.extraText&&t.extraTextPosition==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(T.default,e.mergeProps(g.value,{disabled:o.value.disabled}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["disabled"]),t.extraText&&t.extraTextPosition==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(e.unref(C),{"field-set":b.value,"show-validate-icon":o.value.showValidateIcon,"is-in-input-group":!0},null,8,["field-set","show-validate-icon"])]),_:3},16)],64)):f.value&&x.value!=="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createVNode(e.unref(p.default),e.mergeProps(d.value,{class:h.value}),{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createBlock(k.default,e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0)]),_:1},16,["class"]),e.createVNode(e.unref(p.default),e.normalizeProps(e.guardReactiveProps(v.value)),{default:e.withCtx(()=>[t.extraText&&t.extraTextPosition==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(T.default,e.mergeProps(g.value,{disabled:o.value.disabled}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["disabled"]),t.extraText&&t.extraTextPosition==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(e.unref(C),{"field-set":b.value,"show-validate-icon":o.value.showValidateIcon,"is-in-input-group":!0},null,8,["field-set","show-validate-icon"])]),_:3},16)],64)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[u.value?(e.openBlock(),e.createBlock(k.default,e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[t.extraText&&t.extraTextPosition==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(T.default,e.mergeProps(g.value,{disabled:o.value.disabled}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["disabled"]),t.extraText&&t.extraTextPosition==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(e.unref(C),{"field-set":b.value,"show-validate-icon":o.value.showValidateIcon,"is-in-input-group":!0},null,8,["field-set","show-validate-icon"])])],64))],10,D))}});exports.default=O;
-//# sourceMappingURL=Group.vue.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("classnames"),N=require("@douyinfe/semi-foundation/form/constants"),S=require("@douyinfe/semi-foundation/form/utils"),E=require("@douyinfe/semi-foundation/utils/object"),I=require("lodash"),k=require("./Label.vue.cjs"),_=require("./ErrorMessage.vue.cjs"),T=require("../input/InputGroup.vue.cjs"),p=require("../grid/Col.vue.cjs");require("../grid/grid.css");const q=require("./hooks/useFormUpdater.cjs"),z=require("./hooks/useFormState.cjs");function $(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(l,s,r.get?r:{enumerable:!0,get:()=>t[s]})}}return l.default=t,Object.freeze(l)}const F=$(E),D=["x-label-pos"],G={style:{overflow:"hidden"}},O=e.defineComponent({name:"SemiFormGroup",inheritAttrs:!1,__name:"Group",props:{label:{},labelPosition:{},extraText:{},extraTextPosition:{default:"bottom"},className:{},size:{},style:{},disabled:{type:Boolean}},setup(t){const l=t,s=e.useSlots(),r=N.cssClasses.PREFIX,V=q.default(),o=e.computed(()=>V.getFormProps(["labelPosition","labelWidth","labelAlign","showValidateIcon","wrapperCol","labelCol","disabled"])),x=e.computed(()=>l.labelPosition||o.value.labelPosition||"top"),d=e.computed(()=>o.value.labelCol),v=e.computed(()=>o.value.wrapperCol),B=e.computed(()=>o.value.labelAlign),f=e.computed(()=>d.value&&v.value),w=e.computed(()=>y({[`${r}-field-group`]:!0})),h=e.computed(()=>d.value?`${r}-col-${B.value}`:""),u=e.computed(()=>l.label?I.isString(l.label)?{width:o.value.labelWidth,text:l.label}:{width:o.value.labelWidth,...l.label}:null),b=e.computed(()=>{const a=[];return s.default&&s.default().forEach(n=>{var c;(c=n==null?void 0:n.props)!=null&&c.field&&a.push(n.props.field)}),a}),i=e.computed(()=>y(`${r}-field-extra`,{[`${r}-field-extra-string`]:typeof l.extraText=="string",[`${r}-field-extra-middle`]:l.extraTextPosition==="middle",[`${r}-field-extra-bottom`]:l.extraTextPosition==="bottom"})),g=e.computed(()=>{const{label:a,labelPosition:m,extraText:n,extraTextPosition:c,...P}=l;return P}),C=e.defineComponent({name:"GroupError",props:{fieldSet:{type:Array,required:!0},showValidateIcon:Boolean,isInInputGroup:Boolean},setup(a){const m=z.default(),n=e.computed(()=>a.fieldSet.map(P=>F.get(m.errors,P))),c=e.computed(()=>!S.isValid(n.value));return()=>c.value?e.h(_.default,{error:n.value,showValidateIcon:a.showValidateIcon,isInInputGroup:a.isInInputGroup}):null}});return(a,m)=>(e.openBlock(),e.createElementBlock("div",{"x-label-pos":x.value,class:e.normalizeClass(w.value)},[f.value?f.value&&x.value==="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",G,[e.createVNode(e.unref(p.default),e.mergeProps(d.value,{class:h.value}),{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createBlock(k.default,e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0)]),_:1},16,["class"])]),e.createVNode(e.unref(p.default),e.normalizeProps(e.guardReactiveProps(v.value)),{default:e.withCtx(()=>[t.extraText&&t.extraTextPosition==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(T.default,e.mergeProps(g.value,{disabled:o.value.disabled}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["disabled"]),t.extraText&&t.extraTextPosition==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(e.unref(C),{"field-set":b.value,"show-validate-icon":o.value.showValidateIcon,"is-in-input-group":!0},null,8,["field-set","show-validate-icon"])]),_:3},16)],64)):f.value&&x.value!=="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createVNode(e.unref(p.default),e.mergeProps(d.value,{class:h.value}),{default:e.withCtx(()=>[u.value?(e.openBlock(),e.createBlock(k.default,e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0)]),_:1},16,["class"]),e.createVNode(e.unref(p.default),e.normalizeProps(e.guardReactiveProps(v.value)),{default:e.withCtx(()=>[t.extraText&&t.extraTextPosition==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(T.default,e.mergeProps(g.value,{disabled:o.value.disabled}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["disabled"]),t.extraText&&t.extraTextPosition==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(e.unref(C),{"field-set":b.value,"show-validate-icon":o.value.showValidateIcon,"is-in-input-group":!0},null,8,["field-set","show-validate-icon"])]),_:3},16)],64)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[u.value?(e.openBlock(),e.createBlock(k.default,e.normalizeProps(e.mergeProps({key:0},u.value)),null,16)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[t.extraText&&t.extraTextPosition==="middle"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(T.default,e.mergeProps(g.value,{disabled:o.value.disabled}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["disabled"]),t.extraText&&t.extraTextPosition==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(i.value),"x-semi-prop":"extraText"},e.toDisplayString(t.extraText),3)):e.createCommentVNode("",!0),e.createVNode(e.unref(C),{"field-set":b.value,"show-validate-icon":o.value.showValidateIcon,"is-in-input-group":!0},null,8,["field-set","show-validate-icon"])])],64))],10,D))}});exports.default=O;

package/lib/cjs/components/form/Group.vue.d.ts

@@ -0,0 +1,27 @@
+import { type LabelProps } from './Label.vue';
+import type { InputGroupProps as BasicInputGroupProps } from '../input/interface';
+export interface InputGroupProps extends BasicInputGroupProps {
+    label?: LabelProps | string;
+    labelPosition?: 'left' | 'top';
+    extraText?: string;
+    extraTextPosition?: 'bottom' | 'middle';
+}
+declare var __VLS_12: {}, __VLS_42: {}, __VLS_72: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_42) => any;
+} & {
+    default?: (props: typeof __VLS_72) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<InputGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupProps> & Readonly<{}>, {
+    extraTextPosition: "bottom" | "middle";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/cjs/components/form/Group.vue2.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Group.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=Group.vue2.cjs.map

package/lib/cjs/components/form/Label.vue.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("classnames"),m=require("@douyinfe/semi-foundation/form/constants"),f=require("../_utils/useLocale.cjs"),x=["id","for"],y=e.defineComponent({name:"SemiFormLabel",inheritAttrs:!1,__name:"Label",props:{align:{default:"left"},className:{default:""},disabled:{type:Boolean},id:{},required:{type:Boolean,default:!1},text:{},name:{default:""},width:{},style:{},extra:{},optional:{type:Boolean,default:!1}},setup(l){const t=l,n=e.useSlots(),a=m.cssClasses.PREFIX,s=f.useLocale({componentName:"Form"}),i=e.computed(()=>{var r;const o=e.unref(s);return((r=o==null?void 0:o.locale)==null?void 0:r.optional)||"（可选）"}),c=e.computed(()=>u(t.className,{[`${a}-field-label`]:!0,[`${a}-field-label-left`]:t.align==="left",[`${a}-field-label-right`]:t.align==="right",[`${a}-field-label-required`]:t.required,[`${a}-field-label-disabled`]:t.disabled,[`${a}-field-label-with-extra`]:t.extra||n&&n.extra})),d=e.computed(()=>{const o=t.style?{...t.style}:{};return t.width&&(o.width=t.width),o});return(o,r)=>(e.openBlock(),e.createElementBlock("label",{id:t.id,class:e.normalizeClass(c.value),for:t.name,style:e.normalizeStyle(d.value)},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(a)}-field-label-text`),"x-semi-prop":"label"},[typeof l.text<"u"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(l.text),1)],64)):e.renderSlot(o.$slots,"default",{key:1}),l.optional?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(`${e.unref(a)}-field-label-optional-text`)},e.toDisplayString(i.value),3)):e.createCommentVNode("",!0)],2),l.extra||e.unref(n)&&e.unref(n).extra?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(a)}-field-label-extra`)},[e.renderSlot(o.$slots,"extra",{},()=>[e.isVNode(l.extra)||typeof l.extra=="object"&&l.extra!==null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.extra),{key:0})):l.extra?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(l.extra),1)],64)):e.createCommentVNode("",!0)])],2)):e.createCommentVNode("",!0)],14,x))}});exports.default=y;
-//# sourceMappingURL=Label.vue.cjs.map

package/lib/cjs/components/form/Label.vue.d.ts

@@ -0,0 +1,34 @@
+export interface LabelProps {
+    align?: string;
+    className?: string;
+    disabled?: boolean;
+    id?: string;
+    required?: boolean;
+    text?: string;
+    name?: string;
+    width?: number | string;
+    style?: Record<string, any>;
+    extra?: string | any;
+    optional?: boolean;
+}
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    extra?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LabelProps> & Readonly<{}>, {
+    name: string;
+    className: string;
+    required: boolean;
+    align: string;
+    optional: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/cjs/components/form/Label.vue2.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Label.vue.cjs");exports.default=e.default;
-//# sourceMappingURL=Label.vue2.cjs.map

package/lib/cjs/components/form/Section.vue.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Section.vue2.cjs");;/* empty css               */const t=require("../../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-e0edb037"]]);exports.default=u;
-//# sourceMappingURL=Section.vue.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Section.vue2.cjs");require("E:/2026/openCode/semi-ui-vue/src/components/form/Section.vue?vue&type=style&index=0&scoped=e0edb037&lang.css");const t=require("../../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-e0edb037"]]);exports.default=u;

package/lib/cjs/components/form/Section.vue.d.ts

@@ -0,0 +1,18 @@
+export interface SectionProps {
+    className?: string;
+    style?: Record<string, any>;
+    text?: string;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/cjs/components/form/Section.vue2.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("classnames"),r=require("@douyinfe/semi-foundation/form/constants"),a={key:0,class:"section-text"},i=e.defineComponent({name:"SemiFormSection",inheritAttrs:!1,__name:"Section",props:{className:{},style:{},text:{}},setup(s){const t=s,o=r.cssClasses.PREFIX,n=e.computed(()=>l({[`${o}-section`]:!0},t.className));return(c,u)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(n.value),style:e.normalizeStyle(t.style)},[t.text?(e.openBlock(),e.createElementBlock("h5",a,e.toDisplayString(t.text),1)):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"default",{},void 0,!0)],6))}});exports.default=i;
-//# sourceMappingURL=Section.vue2.cjs.map

package/lib/cjs/components/form/Slot.vue.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("classnames"),S=require("@douyinfe/semi-foundation/form/constants"),t=require("lodash"),b=require("./Label.vue.cjs"),c=require("./ErrorMessage.vue.cjs"),i=require("../grid/Col.vue.cjs"),h=require("./hooks/useFormUpdater.cjs"),V=["x-label-pos"],z={style:{overflow:"hidden"}},E=e.defineComponent({name:"SemiFormSlot",inheritAttrs:!1,__name:"Slot",props:{className:{},style:{},label:{},noLabel:{type:Boolean},labelPosition:{},error:{}},setup(d){const r=d,o=S.cssClasses.PREFIX,k=h.default(),a=e.computed(()=>k.getFormProps(["labelPosition","labelWidth","labelAlign","labelCol","wrapperCol"])),m=e.computed(()=>a.value.labelCol),C=e.computed(()=>a.value.wrapperCol),N=e.computed(()=>a.value.labelWidth),g=e.computed(()=>a.value.labelAlign),p=e.computed(()=>r.labelPosition||a.value.labelPosition||"top"),s=e.computed(()=>m.value&&C.value),B=e.computed(()=>f({[`${o}-field`]:!0,[`${o}-slot`]:!0},r.className)),_=e.computed(()=>f({[`${o}-col-${g.value}`]:!0})),P=e.computed(()=>f({[`${o}-field-main`]:!0,[`${o}-slot-main`]:!0})),y=e.computed(()=>{const l=r.label;return l?t.isObject(l)&&!t.isString(l)&&!t.isNumber(l)?l:t.isString(l)||t.isNumber(l)?{text:String(l)}:{text:l}:null}),v=e.computed(()=>({align:g.value,width:N.value,...y.value})),u=e.computed(()=>r.error===void 0?null:t.isObject(r.error)&&!t.isString(r.error)&&!t.isNumber(r.error)?r.error:t.isString(r.error)||t.isNumber(r.error)?{error:String(r.error)}:{error:r.error}),n=e.computed(()=>u.value||{});return(l,$)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(B.value),"x-label-pos":p.value,style:e.normalizeStyle(r.style)},[!s.value&&!d.noLabel?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(b.default,e.normalizeProps(e.guardReactiveProps(v.value)),null,16),e.createElementVNode("div",{class:e.normalizeClass(P.value)},[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)],2)],64)):!s.value&&d.noLabel?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(P.value)},[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)],2)):s.value&&p.value==="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",z,[e.createVNode(e.unref(i.default),e.mergeProps(m.value,{class:_.value}),{default:e.withCtx(()=>[e.createVNode(b.default,e.normalizeProps(e.guardReactiveProps(v.value)),null,16)]),_:1},16,["class"])]),e.createVNode(e.unref(i.default),null,{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)]),_:3})],64)):s.value&&p.value!=="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createVNode(e.unref(i.default),e.mergeProps(m.value,{class:_.value}),{default:e.withCtx(()=>[e.createVNode(b.default,e.normalizeProps(e.guardReactiveProps(v.value)),null,16)]),_:1},16,["class"]),e.createVNode(e.unref(i.default),null,{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)]),_:3})],64)):e.createCommentVNode("",!0)],14,V))}});exports.default=E;
-//# sourceMappingURL=Slot.vue.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("classnames"),S=require("@douyinfe/semi-foundation/form/constants"),t=require("lodash"),b=require("./Label.vue.cjs"),c=require("./ErrorMessage.vue.cjs"),i=require("../grid/Col.vue.cjs");require("../grid/grid.css");const h=require("./hooks/useFormUpdater.cjs"),V=["x-label-pos"],z={style:{overflow:"hidden"}},E=e.defineComponent({name:"SemiFormSlot",inheritAttrs:!1,__name:"Slot",props:{className:{},style:{},label:{},noLabel:{type:Boolean},labelPosition:{},error:{}},setup(d){const r=d,o=S.cssClasses.PREFIX,k=h.default(),a=e.computed(()=>k.getFormProps(["labelPosition","labelWidth","labelAlign","labelCol","wrapperCol"])),m=e.computed(()=>a.value.labelCol),C=e.computed(()=>a.value.wrapperCol),N=e.computed(()=>a.value.labelWidth),g=e.computed(()=>a.value.labelAlign),p=e.computed(()=>r.labelPosition||a.value.labelPosition||"top"),s=e.computed(()=>m.value&&C.value),B=e.computed(()=>f({[`${o}-field`]:!0,[`${o}-slot`]:!0},r.className)),_=e.computed(()=>f({[`${o}-col-${g.value}`]:!0})),P=e.computed(()=>f({[`${o}-field-main`]:!0,[`${o}-slot-main`]:!0})),y=e.computed(()=>{const l=r.label;return l?t.isObject(l)&&!t.isString(l)&&!t.isNumber(l)?l:t.isString(l)||t.isNumber(l)?{text:String(l)}:{text:l}:null}),v=e.computed(()=>({align:g.value,width:N.value,...y.value})),u=e.computed(()=>r.error===void 0?null:t.isObject(r.error)&&!t.isString(r.error)&&!t.isNumber(r.error)?r.error:t.isString(r.error)||t.isNumber(r.error)?{error:String(r.error)}:{error:r.error}),n=e.computed(()=>u.value||{});return(l,$)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(B.value),"x-label-pos":p.value,style:e.normalizeStyle(r.style)},[!s.value&&!d.noLabel?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(b.default,e.normalizeProps(e.guardReactiveProps(v.value)),null,16),e.createElementVNode("div",{class:e.normalizeClass(P.value)},[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)],2)],64)):!s.value&&d.noLabel?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(P.value)},[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)],2)):s.value&&p.value==="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createElementVNode("div",z,[e.createVNode(e.unref(i.default),e.mergeProps(m.value,{class:_.value}),{default:e.withCtx(()=>[e.createVNode(b.default,e.normalizeProps(e.guardReactiveProps(v.value)),null,16)]),_:1},16,["class"])]),e.createVNode(e.unref(i.default),null,{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)]),_:3})],64)):s.value&&p.value!=="top"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[e.createVNode(e.unref(i.default),e.mergeProps(m.value,{class:_.value}),{default:e.withCtx(()=>[e.createVNode(b.default,e.normalizeProps(e.guardReactiveProps(v.value)),null,16)]),_:1},16,["class"]),e.createVNode(e.unref(i.default),null,{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default"),u.value?(e.openBlock(),e.createBlock(c.default,e.normalizeProps(e.mergeProps({key:0},n.value)),null,16)):e.createCommentVNode("",!0)]),_:3})],64)):e.createCommentVNode("",!0)],14,V))}});exports.default=E;