@aplus-frontend/ui 0.0.1-beta.0 → 0.0.1-beta.10

package/lib/src/pro-form/hooks/use-advanced.d.ts

@@ -1,5 +1,5 @@
 import { AdvanceState } from '../types';
-import { ComputedRef, Ref } from 'vue';
+import { ComputedRef, Ref, ShallowReactive } from 'vue';
 import { ProFormProps, FormSchemaInner as FormSchema } from '../types/form';
 import { EmitType, Recordable } from '../../type';
 
@@ -13,6 +13,6 @@ interface UseAdvancedContext {
 }
 export default function ({ advanceState, emit, getProps, getSchema, formModel, defaultValueRef }: UseAdvancedContext): {
     handleToggleAdvanced: () => void;
-    fieldsIsAdvancedMap: import('vue').ShallowReactive<Recordable<any>>;
+    fieldsIsAdvancedMap: ShallowReactive<Recordable<any>>;
 };
 export {};

package/lib/src/pro-form/hooks/use-break-point.d.ts

@@ -1,3 +1,4 @@
+import { ComputedRef, Ref } from 'vue';
 export declare enum SizeEnum {
     XS = "XS",
     SM = "SM",
@@ -17,7 +18,7 @@ export declare enum ScreenEnum {
 declare const screenMap: Map<SizeEnum, number>;
 export { screenMap };
 export declare function useBreakpoint(): {
-    screenRef: import('vue').ComputedRef<SizeEnum | undefined>;
-    widthRef: import('vue').ComputedRef<number | undefined>;
-    realWidthRef: import('vue').Ref<number>;
+    screenRef: ComputedRef<SizeEnum | undefined>;
+    widthRef: ComputedRef<number | undefined>;
+    realWidthRef: Ref<number>;
 };

package/lib/src/pro-form/hooks/use-break-point.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("ant-design-vue"),s=require("vue"),M=require("@aplus-frontend/hooks"),{useBreakpoint:f}=l.Grid;var u=(e=>(e[e.XS=320]="XS",e[e.SM=640]="SM",e[e.MD=768]="MD",e[e.LG=960]="LG",e[e.XL=1280]="XL",e[e.XXL=1536]="XXL",e))(u||{});const t=new Map;t.set("XS",320);t.set("SM",640);t.set("MD",768);t.set("LG",960);t.set("XL",1280);t.set("XXL",1536);const d=["XS","SM","MD","LG","XL","XXL"];function p(){const e=s.ref(window.innerWidth),a=f(),r=s.computed(()=>{const o=s.unref(a);for(let i=d.length-1;i>0;i--){const c=d[i],L=c.toLowerCase();if(o[L])return c}}),X=s.computed(()=>{if(r.value)return t.get(r.value)});function n(){const o=document.body.clientWidth;e.value=o}return M.useEventListener({el:window,name:"resize",listener:()=>{n()}}),n(),{screenRef:r,widthRef:X,realWidthRef:e}}exports.ScreenEnum=u;exports.screenMap=t;exports.useBreakpoint=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("ant-design-vue"),r=require("vue"),f=require("@aplus-frontend/hooks"),{useBreakpoint:p}=l.Grid;var c=(t=>(t.XS="XS",t.SM="SM",t.MD="MD",t.LG="LG",t.XL="XL",t.XXL="XXL",t))(c||{}),d=(t=>(t[t.XS=320]="XS",t[t.SM=640]="SM",t[t.MD=768]="MD",t[t.LG=960]="LG",t[t.XL=1280]="XL",t[t.XXL=1536]="XXL",t))(d||{});const e=new Map;e.set("XS",320);e.set("SM",640);e.set("MD",768);e.set("LG",960);e.set("XL",1280);e.set("XXL",1536);const L=["XS","SM","MD","LG","XL","XXL"];function h(){const t=r.ref(window.innerWidth),a=p(),s=r.computed(()=>{const o=r.unref(a);for(let i=L.length-1;i>0;i--){const X=L[i],M=X.toLowerCase();if(o[M])return X}}),u=r.computed(()=>{if(s.value)return e.get(s.value)});function n(){const o=document.body.clientWidth;t.value=o}return f.useEventListener({el:window,name:"resize",listener:()=>{n()}}),n(),{screenRef:s,widthRef:u,realWidthRef:t}}exports.ScreenEnum=d;exports.SizeEnum=c;exports.screenMap=e;exports.useBreakpoint=h;

package/lib/src/pro-form/hooks/use-component-register.d.ts

@@ -0,0 +1,4 @@
+import { ComponentType } from '../types';
+import { Component } from 'vue';
+
+export declare function useComponentRegister<T extends string, R extends Component>(compName: ComponentType | T, comp: R): void;

package/lib/src/pro-form/hooks/use-component-register.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@vueuse/core"),n=require("../component-map.js"),o=require("../../utils/index.js");function s(e,t){if(!o.isPascalCase(e))throw new Error("compName must be in PascalCase");n.add(e,t),r.tryOnUnmounted(()=>{n.del(e)})}exports.useComponentRegister=s;

package/lib/src/pro-form/hooks/use-form-events.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),l=require("lodash-unified"),L=require("../../utils/index.js"),Y=require("@aplus-frontend/utils"),A=require("../helper.js"),z=require("dayjs");function Z(s,F={}){const f=/^\[(.+)\]$/;if(f.test(s)){const c=s.match(f);if(c&&c[1]){const v=c[1].split(",");if(!v.length)return;const d=[];return v.forEach((b,S)=>{l.set(d,S,F[b.trim()])}),d.filter(Boolean).length?d:void 0}}}function _(s,F={}){const f=/^\{(.+)\}$/;if(f.test(s)){const c=s.match(f);if(c&&c[1]){const v=c[1].split(",");if(!v.length)return;const d={};return v.forEach(b=>{l.set(d,b.trim(),F[b.trim()])}),Object.values(d).filter(Boolean).length?d:void 0}}}function K({emit:s,getProps:F,formModel:f,getSchema:c,defaultValueRef:v,formElRef:d,schemaRef:b,handleFormValues:S}){async function m(){const{resetFunc:e,submitOnReset:n}=i.unref(F);e&&l.isFunction(e)&&await e(),i.unref(d)&&(Object.keys(f).forEach(t=>{const o=i.unref(c).find(a=>a.field===t),r=o==null?void 0:o.defaultValueObj,h=Object.keys(r||{});h.length&&h.map(a=>{f[a]=r[a]}),f[t]=k(o,v,t)}),i.nextTick(()=>E()),s("reset",i.toRaw(f)),n&&V())}const T=()=>i.unref(c).map(e=>[...e.fields||[],e.field]).flat(1).filter(Boolean);async function O(e){if(Object.keys(e).length===0)return;const n=T(),u=".",t=n.filter(r=>String(r).indexOf(u)>=0),o=[];n.forEach(r=>{const h=i.unref(c).find(p=>p.field===r);let a=l.get(e,r);const W=Reflect.has(e,r);a=A.handleInputNumberValue(h==null?void 0:h.component,a);const{componentProps:U}=h||{};let y=U;typeof U=="function"&&(y=y({formModel:i.unref(f),formActionType:Q}));const $=Z(r,e)||_(r,e);if(W||$){const p=$||a;if(H(r))if(Array.isArray(p)){const w=[];for(const I of p)w.push(I?z(I):null);i.unref(f)[r]=w}else i.unref(f)[r]=p?y!=null&&y.valueFormat?p:z(p):null;else i.unref(f)[r]=p;y!=null&&y.onChange&&(y==null||y.onChange(p)),o.push(r)}else t.forEach(p=>{try{const w=p.split(".").reduce((I,X)=>I[X],e);L.isDef(w)&&(i.unref(f)[p]=i.unref(w),o.push(p))}catch{L.isDef(v.value[p])&&(i.unref(f)[p]=l.cloneDeep(i.unref(v.value[p])))}})}),j(o).catch(r=>{})}async function C(e){const n=l.cloneDeep(i.unref(c));if(!e)return;let u=l.isString(e)?[e]:e;l.isString(e)&&(u=[e]);for(const t of u)G(t,n);b.value=n}function G(e,n){if(l.isString(e)){const u=n.findIndex(t=>t.field===e);u!==-1&&(delete f[e],n.splice(u,1))}}async function q(e,n,u=!1){const t=l.cloneDeep(i.unref(c)),o=Array.isArray(e)?e.map(a=>a.field):[e.field];if(t.find(a=>o.includes(a.field)))throw new Error("There are schemas that have already been added");const r=t.findIndex(a=>a.field===n),h=l.isObject(e)?[e]:e;!n||r===-1||u?u?t.unshift(...h):t.push(...h):r!==-1&&t.splice(r+1,0,...h),b.value=t,P(e)}async function B(e){let n=[];if(l.isObject(e)&&n.push(e),l.isArray(e)&&(n=[...e]),!n.every(t=>A.isIncludeSimpleComponents(t.component)||Reflect.has(t,"field")&&t.field))throw new Error("All children of the form Schema array that need to be updated must contain the `field` field");b.value=n}async function x(e){let n=[];if(l.isObject(e)&&n.push(e),l.isArray(e)&&(n=[...e]),!n.every(r=>A.isIncludeSimpleComponents(r.component)||Reflect.has(r,"field")&&r.field))throw new Error("All children of the form Schema array that need to be updated must contain the `field` field");const t=[],o=[];i.unref(c).forEach(r=>{const h=n.find(a=>r.field===a.field);if(h){const a=Y.deepMerge(r,h);o.push(a),t.push(a)}else t.push(r)}),P(o),b.value=l.uniqBy(t,"field")}function P(e){let n=[];l.isObject(e)&&n.push(e),l.isArray(e)&&(n=[...e]);const u={},t=g();n.forEach(o=>{!A.isIncludeSimpleComponents(o.component)&&Reflect.has(o,"field")&&o.field&&!l.isNil(o.defaultValue)&&(!(o.field in t)||l.isNil(t[o.field]))&&(u[o.field]=o.defaultValue)}),O(u)}function g(){return i.unref(d)?S(i.toRaw(i.unref(f))):{}}function H(e){return i.unref(c).some(n=>n.field===e&&n.component?A.dateItemType.includes(n.component):!1)}async function j(e){var u;const n=await((u=i.unref(d))==null?void 0:u.validateFields(e));return S(n)}async function J(e){var n;await((n=i.unref(d))==null?void 0:n.setProps(e))}async function D(e){var t;let n;e===void 0?n=T():n=e===Array.isArray(e)?e:void 0;const u=await((t=i.unref(d))==null?void 0:t.validate(n));return S(u)}async function E(e){var n;await((n=i.unref(d))==null?void 0:n.clearValidate(e))}async function N(e,n){var u;await((u=i.unref(d))==null?void 0:u.scrollToField(e,n))}async function V(e){e&&e.preventDefault();const{submitFunc:n}=i.unref(F);if(n&&l.isFunction(n)){await n();return}if(i.unref(d))try{const t=await D();s("submit",t)}catch(t){if((t==null?void 0:t.outOfDate)===!1&&(t!=null&&t.errorFields))return;throw new Error(t)}}const Q={getFieldsValue:g,setFieldsValue:O,resetFields:m,updateSchema:x,resetSchema:B,setProps:J,removeSchemaByField:C,appendSchemaByField:q,clearValidate:E,validateFields:j,validate:D,submit:V,scrollToField:N};return{handleSubmit:V,clearValidate:E,validate:D,validateFields:j,getFieldsValue:g,updateSchema:x,resetSchema:B,appendSchemaByField:q,removeSchemaByField:C,resetFields:m,setFieldsValue:O,scrollToField:N}}function k(s,F,f){let c=l.cloneDeep(F.value[f]);return M(s)?c||void 0:(!c&&s&&R(s)&&(c=[0,0]),!c&&s&&s.component==="ApiTree"&&(c=[]),c)}function R(s){if(s.component==="Slider"&&s.componentProps&&"range"in s.componentProps)return!0}function M(s){return(s==null?void 0:s.component)&&A.defaultValueComponents.includes(s.component)}exports.useFormEvents=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),l=require("lodash-unified"),U=require("../../utils/index.js"),Y=require("@aplus-frontend/utils"),A=require("../helper.js"),z=require("dayjs");function Z(u,F={}){const f=/^\[(.+)\]$/;if(f.test(u)){const c=u.match(f);if(c&&c[1]){const v=c[1].split(",");if(!v.length)return;const d=[];return v.forEach((b,S)=>{l.set(d,S,F[b.trim()])}),d.filter(Boolean).length?d:void 0}}}function _(u,F={}){const f=/^\{(.+)\}$/;if(f.test(u)){const c=u.match(f);if(c&&c[1]){const v=c[1].split(",");if(!v.length)return;const d={};return v.forEach(b=>{l.set(d,b.trim(),F[b.trim()])}),Object.values(d).filter(Boolean).length?d:void 0}}}function K({emit:u,getProps:F,formModel:f,getSchema:c,defaultValueRef:v,formElRef:d,schemaRef:b,handleFormValues:S}){async function m(){const{resetFunc:e,submitOnReset:n}=i.unref(F);e&&l.isFunction(e)&&await e(),i.unref(d)&&(Object.keys(f).forEach(t=>{const o=i.unref(c).find(a=>a.field===t),r=o==null?void 0:o.defaultValueObj,h=Object.keys(r||{});h.length&&h.map(a=>{f[a]=r[a]}),f[t]=k(o,v,t)}),i.nextTick(()=>E()),u("reset",i.toRaw(f)),n&&V())}const T=()=>i.unref(c).map(e=>[...e.fields||[],e.field]).flat(1).filter(Boolean);async function O(e){if(Object.keys(e).length===0)return;const n=T(),s=".",t=n.filter(r=>String(r).indexOf(s)>=0),o=[];n.forEach(r=>{const h=i.unref(c).find(p=>p.field===r);let a=l.get(e,r);const W=Reflect.has(e,r);a=A.handleInputNumberValue(h==null?void 0:h.component,a);const{componentProps:$}=h||{};let y=$;typeof $=="function"&&(y=y({formModel:i.unref(f),formActionType:Q}));const L=Z(r,e)||_(r,e);if(W||L){const p=L||a;if(H(r))if(Array.isArray(p)){const w=[];for(const I of p)w.push(I?z(I):null);i.unref(f)[r]=w}else i.unref(f)[r]=p?y!=null&&y.valueFormat?p:z(p):null;else i.unref(f)[r]=p;y!=null&&y.onChange&&(y==null||y.onChange(p)),o.push(r)}else t.forEach(p=>{try{const w=p.split(".").reduce((I,X)=>I[X],e);U.isDef(w)&&(i.unref(f)[p]=i.unref(w),o.push(p))}catch{U.isDef(v.value[p])&&(i.unref(f)[p]=l.cloneDeep(i.unref(v.value[p])))}})}),j(o).catch(r=>{})}async function C(e){const n=l.cloneDeep(i.unref(c));if(!e)return;let s=l.isString(e)?[e]:e;l.isString(e)&&(s=[e]);for(const t of s)G(t,n);b.value=n}function G(e,n){if(l.isString(e)){const s=n.findIndex(t=>t.field===e);s!==-1&&(delete f[e],n.splice(s,1))}}async function q(e,n,s=!1){const t=l.cloneDeep(i.unref(c)),o=Array.isArray(e)?e.map(a=>a.field):[e.field];if(t.find(a=>o.includes(a.field)))throw new Error("There are schemas that have already been added");const r=t.findIndex(a=>a.field===n),h=l.isObject(e)?[e]:e;!n||r===-1||s?s?t.unshift(...h):t.push(...h):r!==-1&&t.splice(r+1,0,...h),b.value=t,P(e)}async function B(e){let n=[];if(l.isObject(e)&&n.push(e),l.isArray(e)&&(n=[...e]),!n.every(t=>A.isIncludeSimpleComponents(t.component)||Reflect.has(t,"field")&&t.field))throw new Error("All children of the form Schema array that need to be updated must contain the `field` field");b.value=n}async function x(e){let n=[];if(l.isObject(e)&&n.push(e),l.isArray(e)&&(n=[...e]),!n.every(r=>A.isIncludeSimpleComponents(r.component)||Reflect.has(r,"field")&&r.field))throw new Error("All children of the form Schema array that need to be updated must contain the `field` field");const t=[],o=[];i.unref(c).forEach(r=>{const h=n.find(a=>r.field===a.field);if(h){const a=Y.deepMerge(r,h);o.push(a),t.push(a)}else t.push(r)}),P(o),b.value=l.uniqBy(t,"field")}function P(e){let n=[];l.isObject(e)&&n.push(e),l.isArray(e)&&(n=[...e]);const s={},t=g();n.forEach(o=>{!A.isIncludeSimpleComponents(o.component)&&Reflect.has(o,"field")&&o.field&&!l.isNil(o.defaultValue)&&(!(o.field in t)||l.isNil(t[o.field]))&&(s[o.field]=o.defaultValue)}),O(s)}function g(){return i.unref(d)?S(i.toRaw(i.unref(f))):{}}function H(e){return i.unref(c).some(n=>n.field===e&&n.component?A.dateItemType.includes(n.component):!1)}async function j(e){var s;const n=await((s=i.unref(d))==null?void 0:s.validateFields(e));return S(n)}async function J(e){var n;await((n=i.unref(d))==null?void 0:n.setProps(e))}async function D(e){var t;let n;e===void 0?n=T():n=e===Array.isArray(e)?e:void 0;const s=await((t=i.unref(d))==null?void 0:t.validate(n));return S(s)}async function E(e){var n;await((n=i.unref(d))==null?void 0:n.clearValidate(e))}async function N(e,n){var s;await((s=i.unref(d))==null?void 0:s.scrollToField(e,n))}async function V(e){e&&e.preventDefault();const{submitFunc:n}=i.unref(F);if(n&&l.isFunction(n)){await n();return}if(i.unref(d))try{const t=await D();u("submit",t)}catch(t){if((t==null?void 0:t.outOfDate)===!1&&(t!=null&&t.errorFields))return;throw new Error(t)}}const Q={getFieldsValue:g,setFieldsValue:O,resetFields:m,updateSchema:x,resetSchema:B,setProps:J,removeSchemaByField:C,appendSchemaByField:q,clearValidate:E,validateFields:j,validate:D,submit:V,scrollToField:N};return{handleSubmit:V,clearValidate:E,validate:D,validateFields:j,getFieldsValue:g,updateSchema:x,resetSchema:B,appendSchemaByField:q,removeSchemaByField:C,resetFields:m,setFieldsValue:O,scrollToField:N}}function k(u,F,f){let c=l.cloneDeep(F.value[f]);return M(u)?c||void 0:(!c&&u&&R(u)&&(c=[0,0]),!c&&u&&u.component==="ApiTree"&&(c=[]),c)}function R(u){if(u.component==="Slider"&&u.componentProps&&"range"in u.componentProps)return!0}function M(u){return(u==null?void 0:u.component)&&A.defaultValueComponents.includes(u.component)}exports.useFormEvents=K;

package/lib/src/pro-form/hooks/use-form-values.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("lodash-unified"),b=require("dayjs"),j=require("vue");function O(d,c,m){const y=/^\[(.+)\]$/;if(y.test(d)){const f=d.match(y);if(f&&f[1]){const l=f[1].split(",");return c=Array.isArray(c)?c:[c],l.forEach((h,p)=>{i.set(m,h.trim(),c[p])}),!0}}}function g(d,c,m){const y=/^\{(.+)\}$/;if(y.test(d)){const f=d.match(y);if(f&&f[1]){const l=f[1].split(",");return c=i.isObject(c)?c:{},l.forEach(h=>{i.set(m,h.trim(),c[h.trim()])}),!0}}}function V({defaultValueRef:d,getSchema:c,formModel:m,getProps:y}){function f(e){var s,a;if(!i.isObject(e))return{};const r={};for(const u of Object.entries(e)){let[,t]=u;const[n]=u;if(!n||i.isArray(t)&&t.length===0||i.isFunction(t))continue;const o=j.unref(y).transformDateFunc;i.isObject(t)&&(t=o==null?void 0:o(t)),i.isArray(t)&&((s=t[0])!=null&&s.format)&&((a=t[1])!=null&&a.format)&&(t=t.map(T=>o==null?void 0:o(T))),i.isString(t)&&(t=t.trim()),!O(n,t,r)&&!g(n,t,r)&&i.set(r,n,t)}return l(r)}function l(e){const r=j.unref(y).fieldMapToTime;if(!r||!Array.isArray(r))return e;for(const[s,[a,u],t="YYYY-MM-DD"]of r){if(!s||!a||!u)continue;if(!i.get(e,s)){i.unset(e,s);continue}const[n,o]=i.get(e,s),[T,A]=Array.isArray(t)?t:[t,t];!i.isNil(n)&&!i.isEmpty(n)&&i.set(e,a,h(n,T)),!i.isNil(o)&&!i.isEmpty(o)&&i.set(e,u,h(o,A)),i.unset(e,s)}return e}function h(e,r){return r==="timestamp"?b(e).unix():r==="timestampStartDay"?b(e).startOf("day").unix():b(e).format(r)}function p(){const e=j.unref(c),r={};e.forEach(s=>{const{defaultValue:a,defaultValueObj:u}=s,t=Object.keys(u||{});t.length&&t.map(n=>{r[n]=u[n],m[n]===void 0&&(m[n]=u[n])}),i.isNil(a)||(r[s.field]=a,m[s.field]===void 0&&(m[s.field]=a))}),d.value=i.cloneDeep(r)}return{handleFormValues:f,initDefault:p}}exports.useFormValues=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("lodash-unified"),b=require("dayjs"),j=require("vue");function O(d,c,m){const y=/^\[(.+)\]$/;if(y.test(d)){const f=d.match(y);if(f&&f[1]){const p=f[1].split(",");return c=Array.isArray(c)?c:[c],p.forEach((h,T)=>{i.set(m,h.trim(),c[T])}),!0}}}function g(d,c,m){const y=/^\{(.+)\}$/;if(y.test(d)){const f=d.match(y);if(f&&f[1]){const p=f[1].split(",");return c=i.isObject(c)?c:{},p.forEach(h=>{i.set(m,h.trim(),c[h.trim()])}),!0}}}function V({defaultValueRef:d,getSchema:c,formModel:m,getProps:y}){function f(e){var s,a;if(!i.isObject(e))return{};const r={};for(const u of Object.entries(e)){let[,t]=u;const[n]=u;if(!n||i.isArray(t)&&t.length===0||i.isFunction(t))continue;const o=j.unref(y).transformDateFunc;i.isObject(t)&&(t=o==null?void 0:o(t)),i.isArray(t)&&((s=t[0])!=null&&s.format)&&((a=t[1])!=null&&a.format)&&(t=t.map(l=>o==null?void 0:o(l))),i.isString(t)&&(t=t.trim()),!O(n,t,r)&&!g(n,t,r)&&i.set(r,n,t)}return p(r)}function p(e){const r=j.unref(y).fieldMapToTime;if(!r||!Array.isArray(r))return e;for(const[s,[a,u],t="YYYY-MM-DD"]of r){if(!s||!a||!u)continue;if(!i.get(e,s)){i.unset(e,s);continue}const[n,o]=i.get(e,s),[l,A]=Array.isArray(t)?t:[t,t];!i.isNil(n)&&!i.isEmpty(n)&&i.set(e,a,h(n,l)),!i.isNil(o)&&!i.isEmpty(o)&&i.set(e,u,h(o,A)),i.unset(e,s)}return e}function h(e,r){return r==="timestamp"?b(e).unix():r==="timestampStartDay"?b(e).startOf("day").unix():b(e).format(r)}function T(){const e=j.unref(c),r={};e.forEach(s=>{const{defaultValue:a,defaultValueObj:u}=s,t=Object.keys(u||{});t.length&&t.map(n=>{r[n]=u[n],m[n]===void 0&&(m[n]=u[n])}),i.isNil(a)||(r[s.field]=a,m[s.field]===void 0&&(m[s.field]=a))}),d.value=i.cloneDeep(r)}return{handleFormValues:f,initDefault:T}}exports.useFormValues=V;

package/lib/src/pro-form/hooks/use-label-width.d.ts

@@ -1,69 +1,70 @@
-import { Ref } from 'vue';
+import { Ref, ComputedRef, ExtractPropTypes, PropType, HTMLAttributes } from 'vue';
 import { ProFormProps, FormSchemaInner as FormSchema } from '../types/form';
+import { ColSize } from 'ant-design-vue/lib/grid/Col';
 
-export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsRef: Ref<ProFormProps>): import('vue').ComputedRef<{
-    labelCol: Partial<import('vue').ExtractPropTypes<{
+export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsRef: Ref<ProFormProps>): ComputedRef<{
+    labelCol: Partial< ExtractPropTypes<{
         span: (StringConstructor | NumberConstructor)[];
         order: (StringConstructor | NumberConstructor)[];
         offset: (StringConstructor | NumberConstructor)[];
         push: (StringConstructor | NumberConstructor)[];
         pull: (StringConstructor | NumberConstructor)[];
         xs: {
-            type: import('vue').PropType<string | number | import('ant-design-vue/lib/grid/Col').ColSize>;
-            default: string | number | import('ant-design-vue/lib/grid/Col').ColSize;
+            type: PropType<string | number | ColSize>;
+            default: string | number | ColSize;
         };
         sm: {
-            type: import('vue').PropType<string | number | import('ant-design-vue/lib/grid/Col').ColSize>;
-            default: string | number | import('ant-design-vue/lib/grid/Col').ColSize;
+            type: PropType<string | number | ColSize>;
+            default: string | number | ColSize;
         };
         md: {
-            type: import('vue').PropType<string | number | import('ant-design-vue/lib/grid/Col').ColSize>;
-            default: string | number | import('ant-design-vue/lib/grid/Col').ColSize;
+            type: PropType<string | number | ColSize>;
+            default: string | number | ColSize;
         };
         lg: {
-            type: import('vue').PropType<string | number | import('ant-design-vue/lib/grid/Col').ColSize>;
-            default: string | number | import('ant-design-vue/lib/grid/Col').ColSize;
+            type: PropType<string | number | ColSize>;
+            default: string | number | ColSize;
         };
         xl: {
-            type: import('vue').PropType<string | number | import('ant-design-vue/lib/grid/Col').ColSize>;
-            default: string | number | import('ant-design-vue/lib/grid/Col').ColSize;
+            type: PropType<string | number | ColSize>;
+            default: string | number | ColSize;
         };
         xxl: {
-            type: import('vue').PropType<string | number | import('ant-design-vue/lib/grid/Col').ColSize>;
-            default: string | number | import('ant-design-vue/lib/grid/Col').ColSize;
+            type: PropType<string | number | ColSize>;
+            default: string | number | ColSize;
         };
         prefixCls: StringConstructor;
         flex: (StringConstructor | NumberConstructor)[];
-    }>> & import('vue').HTMLAttributes;
-    wrapperCol: Partial<import('vue').ExtractPropTypes<{
+    }>> & HTMLAttributes;
+    wrapperCol: Partial< ExtractPropTypes<{
         span: (StringConstructor | NumberConstructor)[];
         order: (StringConstructor | NumberConstructor)[];
         offset: (StringConstructor | NumberConstructor)[];
         push: (StringConstructor | NumberConstructor)[];
         pull: (StringConstructor | NumberConstructor)[];
         xs: {
-            type: import('vue').PropType<string | number | import('ant-design-vue/lib/grid/Col').ColSize>;
-            default: string | number | import('ant-design-vue/lib/grid/Col').ColSize;
+            type: PropType<string | number | ColSize>;
+            default: string | number | ColSize;
         };
         sm: {
-            type: import('vue').PropType<string | number | import('ant-design-vue/lib/grid/Col').ColSize>;
-            default: string | number | import('ant-design-vue/lib/grid/Col').ColSize;
+            type: PropType<string | number | ColSize>;
+            default: string | number | ColSize;
         };
         md: {
-            type: import('vue').PropType<string | number | import('ant-design-vue/lib/grid/Col').ColSize>;
-            default: string | number | import('ant-design-vue/lib/grid/Col').ColSize;
+            type: PropType<string | number | ColSize>;
+            default: string | number | ColSize;
         };
         lg: {
-            type: import('vue').PropType<string | number | import('ant-design-vue/lib/grid/Col').ColSize>;
-            default: string | number | import('ant-design-vue/lib/grid/Col').ColSize;
+            type: PropType<string | number | ColSize>;
+            default: string | number | ColSize;
         };
         xl: {
-            type: import('vue').PropType<string | number | import('ant-design-vue/lib/grid/Col').ColSize>;
-            default: string | number | import('ant-design-vue/lib/grid/Col').ColSize;
+            type: PropType<string | number | ColSize>;
+            default: string | number | ColSize;
         };
         xxl: {
-            type: import('vue').PropType<string | number | import('ant-design-vue/lib/grid/Col').ColSize>;
-            default: string | number | import('ant-design-vue/lib/grid/Col').ColSize;
+            type: PropType<string | number | ColSize>;
+            default: string | number | ColSize;
         };
         prefixCls: StringConstructor;
         flex: (StringConstructor | NumberConstructor)[];
@@ -73,32 +74,32 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
         xxl?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | import('ant-design-vue/lib/grid/Col').ColSize | undefined;
+        } | ColSize | undefined;
         xl?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | import('ant-design-vue/lib/grid/Col').ColSize | undefined;
+        } | ColSize | undefined;
         lg?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | import('ant-design-vue/lib/grid/Col').ColSize | undefined;
+        } | ColSize | undefined;
         md?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | import('ant-design-vue/lib/grid/Col').ColSize | undefined;
+        } | ColSize | undefined;
         sm?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | import('ant-design-vue/lib/grid/Col').ColSize | undefined;
+        } | ColSize | undefined;
         xs?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | import('ant-design-vue/lib/grid/Col').ColSize | undefined;
-        span?: (string | number) | undefined;
+        } | ColSize | undefined;
         prefixCls?: string | undefined;
+        span?: (string | number) | undefined;
         push?: (string | number) | undefined;
-        order?: (string | number) | undefined;
         flex?: (string | number) | undefined;
+        order?: (string | number) | undefined;
         offset?: (string | number) | undefined;
         pull?: (string | number) | undefined;
         innerHTML?: string | undefined;
@@ -144,23 +145,23 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
-        'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
+        'aria-autocomplete'?: "inline" | "none" | "both" | "list" | undefined;
         'aria-busy'?: (boolean | "true" | "false") | undefined;
         'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
         'aria-colcount'?: (string | number) | undefined;
         'aria-colindex'?: (string | number) | undefined;
         'aria-colspan'?: (string | number) | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: "time" | (boolean | "true" | "false") | "page" | "date" | "step" | "location" | undefined;
+        'aria-current'?: "time" | "date" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "copy" | "link" | "none" | "move" | "execute" | "popup" | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "grid" | "listbox" | "tree" | undefined;
+        'aria-haspopup'?: "menu" | "dialog" | (boolean | "true" | "false") | "grid" | "listbox" | "tree" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
@@ -278,32 +279,32 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
         xxl?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | import('ant-design-vue/lib/grid/Col').ColSize | undefined;
+        } | ColSize | undefined;
         xl?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | import('ant-design-vue/lib/grid/Col').ColSize | undefined;
+        } | ColSize | undefined;
         lg?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | import('ant-design-vue/lib/grid/Col').ColSize | undefined;
+        } | ColSize | undefined;
         md?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | import('ant-design-vue/lib/grid/Col').ColSize | undefined;
+        } | ColSize | undefined;
         sm?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | import('ant-design-vue/lib/grid/Col').ColSize | undefined;
+        } | ColSize | undefined;
         xs?: (string | number) | {
             span: string | number;
             offset: string | number;
-        } | import('ant-design-vue/lib/grid/Col').ColSize | undefined;
-        span?: (string | number) | undefined;
+        } | ColSize | undefined;
         prefixCls?: string | undefined;
+        span?: (string | number) | undefined;
         push?: (string | number) | undefined;
-        order?: (string | number) | undefined;
         flex?: (string | number) | undefined;
+        order?: (string | number) | undefined;
         offset?: (string | number) | undefined;
         pull?: (string | number) | undefined;
         style: any;

package/lib/src/pro-form/index.d.ts

@@ -20,5 +20,6 @@ declare const Field: FieldType;
 export * from './components/interface';
 export * from './types/form';
 export * from './types/form-item';
+export { useComponentRegister } from './hooks/use-component-register';
 export { useForm } from './hooks/use-form';
 export { Field, ApiCascader, ApiRadioGroup, ApiSelect, ApiTransfer, ApiTree, RadioButtonGroup, ProForm, ApiTreeSelect };

package/lib/src/pro-form/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/api-cascader.vue.js"),r=require("./components/api-radio-group.vue.js"),u=require("./components/api-select.vue.js"),t=require("./components/api-transfer.vue.js"),i=require("./components/api-tree.vue.js"),_=require("./components/api-tree-select.vue.js"),p=require("./components/radio-button-group.vue.js");require("vue");require("ant-design-vue");require("./component-map.js");require("../basic/index.js");require("lodash-unified");require("@fruits-chain/utils");require("../config-provider/index.js");require("./components/style/form-item.css");require("../base-button/index.js");require("@aplus-frontend/hooks");require("./components/style/form-action.css");require("dayjs");require("@aplus-frontend/utils");require("@vueuse/core");require("./hooks/use-break-point.js");require("../modal/index.js");require("./style/index.css");const a={ApiCascader:e.default,ApiRadioGroup:r.default,ApiSelect:u.default,ApiTransfer:t.default,ApiTree:i.default,ApiTreeSelect:_.default,RadioButtonGroup:p.default};exports.ApiCascader=e.default;exports.ApiRadioGroup=r.default;exports.ApiSelect=u.default;exports.ApiTransfer=t.default;exports.ApiTree=i.default;exports.ApiTreeSelect=_.default;exports.RadioButtonGroup=p.default;exports.Field=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./components/api-cascader.vue2.js");require("./components/api-radio-group.vue2.js");require("./components/api-select.vue2.js");require("./components/api-transfer.vue2.js");require("./components/api-tree.vue2.js");require("./components/api-tree-select.vue2.js");require("./components/radio-button-group.vue2.js");require("./pro-form.vue2.js");require("./components/interface.js");const e=require("./types/form.js");require("./types/form-item.js");const a=require("./hooks/use-component-register.js"),s=require("./hooks/use-form.js"),r=require("./components/api-cascader.vue.js"),t=require("./components/api-radio-group.vue.js"),u=require("./components/api-select.vue.js"),i=require("./components/api-transfer.vue.js"),p=require("./components/api-tree.vue.js"),o=require("./components/api-tree-select.vue.js"),_=require("./components/radio-button-group.vue.js"),n={ApiCascader:r.default,ApiRadioGroup:t.default,ApiSelect:u.default,ApiTransfer:i.default,ApiTree:p.default,ApiTreeSelect:o.default,RadioButtonGroup:_.default};exports.isComponentFormSchema=e.isComponentFormSchema;exports.isSlotFormSchema=e.isSlotFormSchema;exports.useComponentRegister=a.useComponentRegister;exports.useForm=s.useForm;exports.ApiCascader=r.default;exports.ApiRadioGroup=t.default;exports.ApiSelect=u.default;exports.ApiTransfer=i.default;exports.ApiTree=p.default;exports.ApiTreeSelect=o.default;exports.RadioButtonGroup=_.default;exports.Field=n;

package/lib/src/pro-form/pro-form.vue.d.ts

@@ -1,8 +1,11 @@
-import { ProFormProps, FormSchemaInner as FormSchema } from './types/form';
+import { ProFormProps, FormSchemaInner as FormSchema, FormSchema, FieldMapToTime } from './types/form';
 import { Recordable } from '../type';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { NamePath } from 'ant-design-vue/lib/form/interface';
+import { ColEx } from './types';
 
 declare function setProps(formProps: Partial<ProFormProps>): Promise<void>;
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProFormProps>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProFormProps>, {
     model: () => {};
     labelWidth: number;
     fieldMapToTime: () => never[];
@@ -29,17 +32,17 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     removeSchemaByField: (fields: string | string[]) => Promise<void>;
     appendSchemaByField: (schema: FormSchema | FormSchema[], prefixField?: string | undefined, first?: boolean) => Promise<void>;
     clearValidate: (name?: string | string[] | undefined) => Promise<void>;
-    validateFields: (nameList?: import('ant-design-vue/lib/form/interface').NamePath[] | undefined) => Promise<any>;
-    validate: (nameList?: false | import('ant-design-vue/lib/form/interface').NamePath[] | undefined) => Promise<any>;
+    validateFields: (nameList?: NamePath[] | undefined) => Promise<any>;
+    validate: (nameList?: false | NamePath[] | undefined) => Promise<any>;
     submit: (e?: Event | undefined) => Promise<void>;
-    scrollToField: (name: import('ant-design-vue/lib/form/interface').NamePath, options?: ScrollOptions | undefined) => Promise<void>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    scrollToField: (name: NamePath, options?: ScrollOptions | undefined) => Promise<void>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     reset: (...args: any[]) => void;
     submit: (...args: any[]) => void;
     register: (...args: any[]) => void;
     "advanced-change": (...args: any[]) => void;
     "field-value-change": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProFormProps>, {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProFormProps>, {
     model: () => {};
     labelWidth: number;
     fieldMapToTime: () => never[];
@@ -63,7 +66,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     "onAdvanced-change"?: ((...args: any[]) => any) | undefined;
     "onField-value-change"?: ((...args: any[]) => any) | undefined;
 }, {
-    size: "small" | "default" | "large";
+    size: "default" | "small" | "large";
     layout: "inline" | "horizontal" | "vertical";
     labelWidth: string | number;
     rulesMessageJoinLabel: boolean;
@@ -72,9 +75,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     showActionButtonGroup: boolean;
     showResetButton: boolean;
     showSubmitButton: boolean;
-    schemas: import('./types/form').FormSchema[];
-    emptySpan: number | Partial<import('./types').ColEx>;
-    fieldMapToTime: import('./types/form').FieldMapToTime;
+    schemas: FormSchema<any>[];
+    emptySpan: number | Partial< ColEx>;
+    fieldMapToTime: FieldMapToTime;
     autoSubmitOnEnter: boolean;
     autoAdvancedLine: number;
     alwaysShowLines: number;
@@ -87,9 +90,9 @@ export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
-        type: import('vue').PropType<T[K]>;
+        type: PropType<T[K]>;
         required: true;
     };
 };

package/lib/src/pro-form/pro-form.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),D=require("ant-design-vue"),oe=require("./components/form-item.vue.js"),re=require("./components/form-action.vue.js"),R=require("./helper.js"),h=require("dayjs"),ne=require("@aplus-frontend/utils"),ae=require("./hooks/use-form-values.js"),se=require("./hooks/use-advanced.js"),ue=require("./hooks/use-form-events.js"),le=require("./hooks/use-form-context.js"),ce=require("./hooks/use-auto-focus.js");require("../modal/index.js");const ie=require("@vueuse/core"),fe=require("lodash-unified");require("../config-provider/index.js");require("./style/index.css");const de=require("../modal/hooks/use-modal-context.js"),me=require("../config-provider/hooks/use-namespace.js"),pe=e.defineComponent({name:"BasicForm",__name:"pro-form",props:{name:{},layout:{default:"horizontal"},model:{default:()=>({})},labelWidth:{default:0},labelAlign:{},rowProps:{},submitOnReset:{type:Boolean},submitOnChange:{type:Boolean},labelCol:{},wrapperCol:{},baseRowStyle:{},baseColProps:{},schemas:{default:()=>[]},mergeDynamicData:{},compact:{type:Boolean},emptySpan:{default:0},size:{default:"default"},disabled:{type:Boolean},readonly:{type:Boolean},fieldMapToTime:{default:()=>[]},autoSetPlaceHolder:{type:Boolean,default:!0},autoSubmitOnEnter:{type:Boolean,default:!1},rulesMessageJoinLabel:{type:Boolean,default:!0},showAdvancedButton:{type:Boolean},autoFocusFirstItem:{type:Boolean},autoAdvancedLine:{default:3},alwaysShowLines:{default:1},showActionButtonGroup:{type:Boolean,default:!0},resetButtonOptions:{},submitButtonOptions:{},actionColOptions:{},showResetButton:{type:Boolean,default:!0},showSubmitButton:{type:Boolean,default:!0},resetFunc:{},submitFunc:{},transformDateFunc:{type:Function,default:a=>{var f;return((f=a==null?void 0:a.format)==null?void 0:f.call(a,"YYYY-MM-DD HH:mm:ss"))??a}},colon:{type:Boolean},tableAction:{}},emits:["advanced-change","reset","submit","register","field-value-change"],setup(a,{expose:f,emit:T}){const d=a,m=T,E=e.useAttrs(),s=e.reactive({}),i=de.useModalContext(),F=e.reactive({isAdvanced:!0,hideAdvanceBtn:!1,isLoad:!1,actionSpan:6}),p=e.ref({}),y=e.ref(!1),B=e.ref(),S=e.ref(null),b=e.ref(null),{b:k,m:O}=me.useNamespace("basic-form"),n=e.computed(()=>({...d,...e.unref(B)})),L=e.computed(()=>[k(),{[O("compact")]:e.unref(n).compact}]),I=e.computed(()=>{const{baseRowStyle:t={},rowProps:r}=e.unref(n);return{style:t,...r}}),H=e.computed(()=>({...E,...d,...e.unref(n)})),l=e.computed(()=>{const t=fe.cloneDeep(e.unref(S)||e.unref(n).schemas);for(const r of t){const{defaultValue:o,component:u,componentProps:c={},isHandleDateDefaultValue:ee=!0}=r;if(ee&&o&&u&&R.dateItemType.includes(u)){const te={schema:r,tableAction:d.tableAction??{},formModel:s,formActionType:{}},g=c?typeof c=="function"?c(te).valueFormat:c.valueFormat:null;if(!Array.isArray(o))r.defaultValue=g?h(o).format(g):h(o);else{const V=[];o.forEach(M=>{V.push(g?h(M).format(g):h(M))}),r.defaultValue=V}}}return e.unref(n).showAdvancedButton?t.filter(r=>!R.isIncludeSimpleComponents(r.component)):t}),{handleToggleAdvanced:N,fieldsIsAdvancedMap:x}=se.default({advanceState:F,emit:m,getProps:n,getSchema:l,formModel:s,defaultValueRef:p}),{handleFormValues:$,initDefault:w}=ae.useFormValues({getProps:n,defaultValueRef:p,getSchema:l,formModel:s});ce.useAutoFocus({getSchema:l,getProps:n,isInitedDefault:y,formElRef:b});const{handleSubmit:v,setFieldsValue:P,clearValidate:z,validate:U,validateFields:_,getFieldsValue:Y,updateSchema:j,resetSchema:q,appendSchemaByField:K,removeSchemaByField:G,resetFields:C,scrollToField:J}=ue.useFormEvents({emit:m,getProps:n,formModel:s,getSchema:l,defaultValueRef:p,formElRef:b,schemaRef:S,handleFormValues:$});le.createFormContext({resetAction:C,submitAction:v}),e.watch(()=>e.unref(n).model,()=>{const{model:t}=e.unref(n);t&&P(t)},{immediate:!0}),e.watch(()=>d.schemas,t=>{q(t??[])}),e.watch(()=>l.value,t=>{e.nextTick(()=>{var r;(r=i==null?void 0:i.redoModalHeight)==null||r.call(i)}),!e.unref(y)&&t!=null&&t.length&&(w(),y.value=!0)}),e.watch(()=>s,ie.useDebounceFn(()=>{e.unref(n).submitOnChange&&v()},300),{deep:!0});async function W(t){B.value=ne.deepMerge(e.unref(B)||{},t)}function Q(t,r,o){s[t]=r,m("field-value-change",t,r),o&&o.itemProps&&!o.itemProps.autoLink&&_([t]).catch(u=>{})}function X(t){const{autoSubmitOnEnter:r}=e.unref(n);if(r&&t.key==="Enter"&&t.target&&t.target instanceof HTMLElement){const o=t.target;o&&o.tagName&&o.tagName.toUpperCase()=="INPUT"&&v()}}const A={getFieldsValue:Y,setFieldsValue:P,resetFields:C,updateSchema:j,resetSchema:q,setProps:W,removeSchemaByField:G,appendSchemaByField:K,clearValidate:z,validateFields:_,validate:U,submit:v,scrollToField:J},Z=e.computed(()=>({...n.value,...F}));return f({...A}),e.onMounted(()=>{w(),m("register",A)}),(t,r)=>(e.openBlock(),e.createBlock(e.unref(D.Form),e.mergeProps(H.value,{class:L.value,ref_key:"formElRef",ref:b,model:s,onKeypress:e.withKeys(X,["enter"])}),{default:e.withCtx(()=>[e.createVNode(e.unref(D.Row),e.normalizeProps(e.guardReactiveProps(I.value)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"formHeader"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,o=>(e.openBlock(),e.createBlock(oe.default,{key:o.field,isAdvanced:e.unref(x)[o.field],tableAction:t.tableAction,formActionType:A,schema:o,formProps:n.value,allDefaultValues:p.value,formModel:s,setFormModel:Q},e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),u=>({name:u,fn:e.withCtx(c=>[e.renderSlot(t.$slots,u,e.mergeProps({ref_for:!0},c||{}))])}))]),1032,["isAdvanced","tableAction","schema","formProps","allDefaultValues","formModel"]))),128)),e.createVNode(re.default,e.mergeProps(Z.value,{onToggleAdvanced:e.unref(N)}),e.createSlots({_:2},[e.renderList(["resetBefore","submitBefore","advanceBefore","advanceAfter"],o=>({name:o,fn:e.withCtx(u=>[e.renderSlot(t.$slots,o,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040,["onToggleAdvanced"]),e.renderSlot(t.$slots,"formFooter")]),_:3},16)]),_:3},16,["class","model"]))}});exports.default=pe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),D=require("ant-design-vue");require("./components/form-item.vue.js");require("./components/form-action.vue.js");const R=require("./helper.js"),y=require("dayjs"),oe=require("@aplus-frontend/utils"),re=require("./hooks/use-form-values.js"),ne=require("./hooks/use-advanced.js"),ae=require("./hooks/use-form-events.js"),se=require("./hooks/use-form-context.js"),ue=require("./hooks/use-auto-focus.js");require("../modal/index.js");const le=require("@vueuse/core"),ce=require("lodash-unified");require("../config-provider/index.js");require("./style/index.css");const ie=require("../modal/hooks/use-modal-context.js"),fe=require("../config-provider/hooks/use-namespace.js"),de=require("./components/form-item.vue2.js"),me=require("./components/form-action.vue2.js"),pe=e.defineComponent({name:"BasicForm",__name:"pro-form",props:{name:{},layout:{default:"horizontal"},model:{default:()=>({})},labelWidth:{default:0},labelAlign:{},rowProps:{},submitOnReset:{type:Boolean},submitOnChange:{type:Boolean},labelCol:{},wrapperCol:{},baseRowStyle:{},baseColProps:{},schemas:{default:()=>[]},mergeDynamicData:{},compact:{type:Boolean},emptySpan:{default:0},size:{default:"default"},disabled:{type:Boolean},readonly:{type:Boolean},fieldMapToTime:{default:()=>[]},autoSetPlaceHolder:{type:Boolean,default:!0},autoSubmitOnEnter:{type:Boolean,default:!1},rulesMessageJoinLabel:{type:Boolean,default:!0},showAdvancedButton:{type:Boolean},autoFocusFirstItem:{type:Boolean},autoAdvancedLine:{default:3},alwaysShowLines:{default:1},showActionButtonGroup:{type:Boolean,default:!0},resetButtonOptions:{},submitButtonOptions:{},actionColOptions:{},showResetButton:{type:Boolean,default:!0},showSubmitButton:{type:Boolean,default:!0},resetFunc:{},submitFunc:{},transformDateFunc:{type:Function,default:a=>{var f;return((f=a==null?void 0:a.format)==null?void 0:f.call(a,"YYYY-MM-DD HH:mm:ss"))??a}},colon:{type:Boolean},tableAction:{}},emits:["advanced-change","reset","submit","register","field-value-change"],setup(a,{expose:f,emit:T}){const d=a,m=T,E=e.useAttrs(),s=e.reactive({}),i=ie.useModalContext(),F=e.reactive({isAdvanced:!0,hideAdvanceBtn:!1,isLoad:!1,actionSpan:6}),p=e.ref({}),h=e.ref(!1),B=e.ref(),S=e.ref(null),b=e.ref(null),{b:k,m:O}=fe.useNamespace("basic-form"),n=e.computed(()=>({...d,...e.unref(B)})),L=e.computed(()=>[k(),{[O("compact")]:e.unref(n).compact}]),I=e.computed(()=>{const{baseRowStyle:t={},rowProps:r}=e.unref(n);return{style:t,...r}}),H=e.computed(()=>({...E,...d,...e.unref(n)})),l=e.computed(()=>{const t=ce.cloneDeep(e.unref(S)||e.unref(n).schemas);for(const r of t){const{defaultValue:o,component:u,componentProps:c={},isHandleDateDefaultValue:ee=!0}=r;if(ee&&o&&u&&R.dateItemType.includes(u)){const te={schema:r,tableAction:d.tableAction??{},formModel:s,formActionType:{}},g=c?typeof c=="function"?c(te).valueFormat:c.valueFormat:null;if(!Array.isArray(o))r.defaultValue=g?y(o).format(g):y(o);else{const V=[];o.forEach(M=>{V.push(g?y(M).format(g):y(M))}),r.defaultValue=V}}}return e.unref(n).showAdvancedButton?t.filter(r=>!R.isIncludeSimpleComponents(r.component)):t}),{handleToggleAdvanced:N,fieldsIsAdvancedMap:x}=ne.default({advanceState:F,emit:m,getProps:n,getSchema:l,formModel:s,defaultValueRef:p}),{handleFormValues:$,initDefault:w}=re.useFormValues({getProps:n,defaultValueRef:p,getSchema:l,formModel:s});ue.useAutoFocus({getSchema:l,getProps:n,isInitedDefault:h,formElRef:b});const{handleSubmit:v,setFieldsValue:P,clearValidate:z,validate:Y,validateFields:q,getFieldsValue:j,updateSchema:U,resetSchema:_,appendSchemaByField:K,removeSchemaByField:G,resetFields:C,scrollToField:J}=ae.useFormEvents({emit:m,getProps:n,formModel:s,getSchema:l,defaultValueRef:p,formElRef:b,schemaRef:S,handleFormValues:$});se.createFormContext({resetAction:C,submitAction:v}),e.watch(()=>e.unref(n).model,()=>{const{model:t}=e.unref(n);t&&P(t)},{immediate:!0}),e.watch(()=>d.schemas,t=>{_(t??[])}),e.watch(()=>l.value,t=>{e.nextTick(()=>{var r;(r=i==null?void 0:i.redoModalHeight)==null||r.call(i)}),!e.unref(h)&&t!=null&&t.length&&(w(),h.value=!0)}),e.watch(()=>s,le.useDebounceFn(()=>{e.unref(n).submitOnChange&&v()},300),{deep:!0});async function W(t){B.value=oe.deepMerge(e.unref(B)||{},t)}function Q(t,r,o){s[t]=r,m("field-value-change",t,r),o&&o.itemProps&&!o.itemProps.autoLink&&q([t]).catch(u=>{})}function X(t){const{autoSubmitOnEnter:r}=e.unref(n);if(r&&t.key==="Enter"&&t.target&&t.target instanceof HTMLElement){const o=t.target;o&&o.tagName&&o.tagName.toUpperCase()=="INPUT"&&v()}}const A={getFieldsValue:j,setFieldsValue:P,resetFields:C,updateSchema:U,resetSchema:_,setProps:W,removeSchemaByField:G,appendSchemaByField:K,clearValidate:z,validateFields:q,validate:Y,submit:v,scrollToField:J},Z=e.computed(()=>({...n.value,...F}));return f({...A}),e.onMounted(()=>{w(),m("register",A)}),(t,r)=>(e.openBlock(),e.createBlock(e.unref(D.Form),e.mergeProps(H.value,{class:L.value,ref_key:"formElRef",ref:b,model:s,onKeypress:e.withKeys(X,["enter"])}),{default:e.withCtx(()=>[e.createVNode(e.unref(D.Row),e.normalizeProps(e.guardReactiveProps(I.value)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"formHeader"),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,o=>(e.openBlock(),e.createBlock(de.default,{key:o.field,isAdvanced:e.unref(x)[o.field],tableAction:t.tableAction,formActionType:A,schema:o,formProps:n.value,allDefaultValues:p.value,formModel:s,setFormModel:Q},e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),u=>({name:u,fn:e.withCtx(c=>[e.renderSlot(t.$slots,u,e.mergeProps({ref_for:!0},c||{}))])}))]),1032,["isAdvanced","tableAction","schema","formProps","allDefaultValues","formModel"]))),128)),e.createVNode(me.default,e.mergeProps(Z.value,{onToggleAdvanced:e.unref(N)}),e.createSlots({_:2},[e.renderList(["resetBefore","submitBefore","advanceBefore","advanceAfter"],o=>({name:o,fn:e.withCtx(u=>[e.renderSlot(t.$slots,o,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040,["onToggleAdvanced"]),e.renderSlot(t.$slots,"formFooter")]),_:3},16)]),_:3},16,["class","model"]))}});exports.default=pe;

package/lib/src/pro-form/types/form-item.js

@@ -0,0 +1 @@
+"use strict";

package/lib/src/pro-form/types/form.d.ts

@@ -55,7 +55,7 @@ export interface ProFormProps {
     wrapperCol?: Partial<ColEx>;
     baseRowStyle?: CSSProperties;
     baseColProps?: Partial<ColEx>;
-    schemas?: FormSchema[];
+    schemas?: FormSchema<any>[];
     mergeDynamicData?: Record<string, any>;
     compact?: boolean;
     emptySpan?: number | Partial<ColEx>;
@@ -86,7 +86,7 @@ export type RenderOpts = {
     disabled: boolean;
     [key: string]: any;
 };
-interface BaseFormSchema<T extends ComponentType = any> {
+interface BaseFormSchema<T extends ComponentType = any, E = any> {
     field: string;
     fields?: string[];
     changeEvent?: string;
@@ -102,7 +102,7 @@ interface BaseFormSchema<T extends ComponentType = any> {
         tableAction: any;
         formActionType: FormActionType;
         formModel: Record<string, any>;
-    }) => ComponentProps[T]) | ComponentProps[T];
+    }) => (ComponentProps & E)[T]) | (ComponentProps & E)[T];
     required?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
     suffix?: string | number | ((values: RenderCallbackParams) => string | number);
     rules?: Rule[];
@@ -129,15 +129,15 @@ interface BaseFormSchema<T extends ComponentType = any> {
     dynamicReadonly?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
     dynamicRules?: (renderCallbackParams: RenderCallbackParams) => Rule[];
 }
-export interface ComponentFormSchema<T extends ComponentType = any> extends BaseFormSchema<T> {
-    component: T;
+export interface ComponentFormSchema<T extends ComponentType = any, E = any> extends BaseFormSchema<T, E> {
+    component: T | keyof E;
 }
 export interface SlotFormSchema extends BaseFormSchema {
     slot: string;
 }
-type ComponentFormSchemaType<T extends ComponentType = ComponentType> = T extends any ? ComponentFormSchema<T> : never;
-export type FormSchema = ComponentFormSchemaType | SlotFormSchema;
-export type FormSchemaInner = Partial<ComponentFormSchema> & Partial<SlotFormSchema> & BaseFormSchema;
+type ComponentFormSchemaType<T extends ComponentType = ComponentType, E = any> = ComponentFormSchema<T, E>;
+export type FormSchema<ExtraComponentRecordsTypes = {}> = ComponentFormSchemaType<ComponentType, ExtraComponentRecordsTypes> | SlotFormSchema;
+export type FormSchemaInner = Partial<ComponentFormSchema<ComponentType, {}>> & Partial<SlotFormSchema> & BaseFormSchema;
 export declare function isSlotFormSchema(schema: FormSchemaInner): schema is SlotFormSchema;
 export declare function isComponentFormSchema(schema: FormSchemaInner): schema is ComponentFormSchema;
 export interface HelpComponentProps {

package/lib/src/pro-table/component-map.d.ts

@@ -1,7 +1,7 @@
-import { Component } from 'vue';
+import { Component, ComputedOptions, MethodOptions } from 'vue';
 
 export type ComponentType = 'Input' | 'InputNumber' | 'Select' | 'ApiSelect' | 'AutoComplete' | 'ApiTreeSelect' | 'Checkbox' | 'Switch' | 'DatePicker' | 'TimePicker' | 'RadioGroup' | 'RadioButtonGroup' | 'ApiRadioGroup';
-declare const componentMap: Map<ComponentType, Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>>;
+declare const componentMap: Map<ComponentType, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>>;
 export declare function add(compName: ComponentType, component: Component): void;
 export declare function del(compName: ComponentType): void;
 export { componentMap };

package/lib/src/pro-table/component-map.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("ant-design-vue");require("vue");require("lodash-unified");require("@ant-design/icons-vue");require("../config-provider/index.js");require("@fruits-chain/utils");const t=require("../pro-form/components/api-radio-group.vue.js"),u=require("../pro-form/components/api-select.vue.js"),i=require("../pro-form/components/api-tree-select.vue.js"),p=require("../pro-form/components/radio-button-group.vue.js");require("../pro-form/component-map.js");require("../basic/index.js");require("../pro-form/components/style/form-item.css");require("../base-button/index.js");require("@aplus-frontend/hooks");require("../pro-form/components/style/form-action.css");require("dayjs");require("@aplus-frontend/utils");require("@vueuse/core");require("../pro-form/hooks/use-break-point.js");require("../modal/index.js");require("../pro-form/style/index.css");const e=new Map;e.set("Input",r.Input);e.set("InputNumber",r.InputNumber);e.set("Select",r.Select);e.set("ApiSelect",u.default);e.set("AutoComplete",r.AutoComplete);e.set("ApiTreeSelect",i.default);e.set("Switch",r.Switch);e.set("Checkbox",r.Checkbox);e.set("DatePicker",r.DatePicker);e.set("TimePicker",r.TimePicker);e.set("RadioGroup",r.Radio.Group);e.set("RadioButtonGroup",p.default);e.set("ApiRadioGroup",t.default);exports.componentMap=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("ant-design-vue");require("../pro-form/index.js");const i=require("../pro-form/components/api-select.vue.js"),o=require("../pro-form/components/api-tree-select.vue.js"),p=require("../pro-form/components/radio-button-group.vue.js"),s=require("../pro-form/components/api-radio-group.vue.js"),e=new Map;e.set("Input",t.Input);e.set("InputNumber",t.InputNumber);e.set("Select",t.Select);e.set("ApiSelect",i.default);e.set("AutoComplete",t.AutoComplete);e.set("ApiTreeSelect",o.default);e.set("Switch",t.Switch);e.set("Checkbox",t.Checkbox);e.set("DatePicker",t.DatePicker);e.set("TimePicker",t.TimePicker);e.set("RadioGroup",t.Radio.Group);e.set("RadioButtonGroup",p.default);e.set("ApiRadioGroup",s.default);function c(u,r){e.set(u,r)}function n(u){e.delete(u)}exports.add=c;exports.componentMap=e;exports.del=n;

package/lib/src/pro-table/components/edit-table-header-icon.vue.d.ts

@@ -1,9 +1,10 @@
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
     title: {
         type: StringConstructor;
         default: string;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;

package/lib/src/pro-table/components/editable/cell-component.d.ts

@@ -1,5 +1,6 @@
 import { ComponentType } from '../../component-map';
 import { Fn, Recordable } from '../../../type';
+import { VNode, RendererNode, RendererElement } from 'vue';
 
 export interface ComponentProps {
     component: ComponentType;
@@ -8,6 +9,6 @@ export interface ComponentProps {
     ruleMessage: string;
     getPopupContainer?: Fn;
 }
-export declare const CellComponent: ({ component, rule, ruleMessage, popoverVisible, getPopupContainer }: ComponentProps, { attrs }: Recordable) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+export declare const CellComponent: ({ component, rule, ruleMessage, popoverVisible, getPopupContainer }: ComponentProps, { attrs }: Recordable) => VNode<RendererNode, RendererElement, {
     [key: string]: any;
 }>;

package/lib/src/pro-table/components/editable/editable-cell.vue.d.ts

@@ -1,8 +1,9 @@
-import { CSSProperties, PropType } from 'vue';
+import { CSSProperties, PropType, DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 import { BasicColumn } from '../../types/table';
 import { Recordable } from '../../../type';
+import { ComponentType } from '../../component-map';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: DefineComponent<{
     value: {
         type: PropType<string | number | boolean | Record<string, any>>;
         default: string;
@@ -19,9 +20,9 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
 }, {
-    isEdit: import('vue').Ref<boolean>;
+    isEdit: Ref<boolean>;
     ns: {
-        namespace: import('vue').ComputedRef<string>;
+        namespace: ComputedRef<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string | undefined) => string;
         m: (modifier?: string | undefined) => string;
@@ -39,27 +40,27 @@ declare const _default: import('vue').DefineComponent<{
         cssVarBlockName: (name: string) => string;
     };
     handleEdit: (e: Event) => void;
-    currentValueRef: import('vue').Ref<any>;
+    currentValueRef: Ref<any>;
     handleSubmit: (needEmit?: boolean, valid?: boolean) => Promise<false | undefined>;
     handleChange: (e: any) => Promise<void>;
     handleCancel: () => void;
-    elRef: import('vue').Ref<any>;
-    getComponent: import('vue').ComputedRef<import('../../component-map').ComponentType>;
-    getRule: import('vue').ComputedRef<boolean | ((text: string, record: Recordable<any>) => Promise<string>) | undefined>;
+    elRef: Ref<any>;
+    getComponent: ComputedRef<ComponentType>;
+    getRule: ComputedRef<boolean | ((text: string, record: Recordable<any>) => Promise<string>) | undefined>;
     onClickOutside: () => void;
-    ruleMessage: import('vue').Ref<string>;
-    getRuleVisible: import('vue').ComputedRef<boolean | "">;
-    getComponentProps: import('vue').ComputedRef<any>;
+    ruleMessage: Ref<string>;
+    getRuleVisible: ComputedRef<boolean | "">;
+    getComponentProps: ComputedRef<any>;
     handleOptionsChange: (options: any) => void;
-    getWrapperStyle: import('vue').ComputedRef<CSSProperties>;
-    getWrapperClass: import('vue').ComputedRef<string>;
-    getRowEditable: import('vue').ComputedRef<boolean>;
-    getValues: import('vue').ComputedRef<any>;
+    getWrapperStyle: ComputedRef<CSSProperties>;
+    getWrapperClass: ComputedRef<string>;
+    getRowEditable: ComputedRef<boolean>;
+    getValues: ComputedRef<any>;
     handleEnter: () => Promise<void>;
     handleSubmitClick: () => void;
-    spinning: import('vue').Ref<boolean>;
-    getDisable: import('vue').ComputedRef<boolean>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    spinning: Ref<boolean>;
+    getDisable: ComputedRef<boolean>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     value: {
         type: PropType<string | number | boolean | Record<string, any>>;
         default: string;