dynamicformdjx 0.4.0 → 0.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -10
- package/dist/elementPlus/EleDynamicInput.d.ts +3 -3
- package/dist/elementPlus/hooks/decorateForm.d.ts +4 -0
- package/dist/elementPlus/hooks/renderForm.d.ts +25 -13
- package/dist/elementPlus/index.cjs +1 -1
- package/dist/elementPlus/index.d.ts +2 -0
- package/dist/elementPlus/index.mjs +455 -397
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.mjs +226 -209
- package/dist/naiveUi/NaiDynamicInput.d.ts +3 -3
- package/dist/naiveUi/hooks/decorateForm.d.ts +3 -7
- package/dist/naiveUi/index.cjs +1 -1
- package/dist/naiveUi/index.d.ts +2 -1
- package/dist/naiveUi/index.mjs +375 -343
- package/dist/origin/DynamicInput.d.ts +3 -3
- package/dist/types/form.d.ts +2 -2
- package/dist/types/index.d.ts +49 -1
- package/package.json +2 -2
- package/dist/components/old/rOld.d.ts +0 -1
package/README.md
CHANGED
|
@@ -1,23 +1,29 @@
|
|
|
1
1
|
# dynamicformdjx
|
|
2
2
|
|
|
3
|
-
基于 **Vue 3**
|
|
3
|
+
基于 **Vue 3** 的动态表单及录入。
|
|
4
4
|
|
|
5
|
-
[
|
|
5
|
+
[Document](https://xczcdjx.github.io/dynamicFormDoc/v3/install.html)
|
|
6
6
|
|
|
7
7
|
[Vue2 版本](https://www.npmjs.com/package/dynamicformdjx-vue2)
|
|
8
8
|
|
|
9
9
|
[React 版本](https://www.npmjs.com/package/dynamicformdjx-react)
|
|
10
10
|
|
|
11
|
-
### 组件版本说明
|
|
12
|
-
- **v0.2 及以上版本**
|
|
13
|
-
- Form字段改为Input, ElementPlus缩短为Ele, NaiveUi缩短为Nai
|
|
14
|
-
- 请使用:`DynamicInput`, `DynamicCascadeInput`,`EleDynamicInput`,`NaiDynamicInput` 等导入
|
|
11
|
+
[//]: # (### 组件版本说明)
|
|
15
12
|
|
|
13
|
+
[//]: # (- **v0.2 及以上版本**)
|
|
16
14
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
[//]: # (- Form字段改为Input, ElementPlus缩短为Ele, NaiveUi缩短为Nai)
|
|
16
|
+
|
|
17
|
+
[//]: # (- 请使用:`DynamicInput`, `DynamicCascadeInput`,`EleDynamicInput`,`NaiDynamicInput` 等导入)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
[//]: # (| 版本范围 | 组件导入方式 |)
|
|
21
|
+
|
|
22
|
+
[//]: # (|---------|--------------|)
|
|
23
|
+
|
|
24
|
+
[//]: # (| ≥ 0.2 | DynamicInput, DynamicCascadeInput |)
|
|
25
|
+
|
|
26
|
+
[//]: # (| < 0.2 | DynamicForm, DynamicCascadeForm |)
|
|
21
27
|
|
|
22
28
|
## 概述
|
|
23
29
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { FSize, ValueType, DyRandomFun, DyBtnConfig, DyListConfig, DyConfig, DyCFormItem } from '../types';
|
|
1
|
+
import { SlotsType, PropType } from 'vue';
|
|
2
|
+
import { FSize, ValueType, DyRandomFun, DyBtnConfig, DyListConfig, DyConfig, DyCFormItem, DynamicInputSlots } from '../types';
|
|
3
3
|
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
4
4
|
size: {
|
|
5
5
|
type: PropType<FSize>;
|
|
@@ -65,5 +65,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
65
65
|
}>, {
|
|
66
66
|
isController: boolean;
|
|
67
67
|
randomFun: DyRandomFun;
|
|
68
|
-
},
|
|
68
|
+
}, SlotsType<DynamicInputSlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
69
69
|
export default _default;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { DecorateDyFormItem, Renderers } from '../../types';
|
|
2
|
+
import { DyFormItem } from '../../types/form';
|
|
3
|
+
export declare function createUseDecorateForm(renderers: Renderers<any, any>): <Row extends Record<string, any>, RuleT = any>(items: DecorateDyFormItem<Row, RuleT>[], isReactive?: boolean) => DyFormItem<Row, RuleT>[];
|
|
4
|
+
export declare const useDecorateForm: <Row extends Record<string, any>, RuleT = any>(items: DecorateDyFormItem<Row, RuleT>[], isReactive?: boolean) => DyFormItem<Row, RuleT>[];
|
|
@@ -1,12 +1,24 @@
|
|
|
1
|
-
import { InputProps } from 'element-plus';
|
|
2
1
|
import { Ref, VNode, AllowedComponentProps } from 'vue';
|
|
3
|
-
import {
|
|
2
|
+
import { InputProps, SelectProps } from 'element-plus';
|
|
3
|
+
import { DyFormItem, SelectOptionItem } from '../../types/form';
|
|
4
|
+
import { RadioGroupProps } from 'element-plus/es/components/radio/src/radio-group';
|
|
5
|
+
import { CheckboxGroupProps } from 'element-plus/es/components/checkbox/src/checkbox-group';
|
|
6
|
+
import { DatePickerProps } from 'element-plus/es/components/date-picker/src/props';
|
|
7
|
+
import { TimePickerDefaultProps } from 'element-plus/es/components/time-picker/src/common/props';
|
|
8
|
+
import { TreeComponentProps } from 'element-plus/es/components/tree/src/tree.type';
|
|
4
9
|
type AnyProps = Record<string, any> & AllowedComponentProps;
|
|
5
|
-
type
|
|
6
|
-
export
|
|
10
|
+
export type SelectOption = Omit<SelectOptionItem, 'class' | 'style'> | Record<string, any>;
|
|
11
|
+
export type TreeSelectOption = {
|
|
12
|
+
label?: string;
|
|
13
|
+
value: any;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
children?: TreeSelectOption[];
|
|
16
|
+
} | Record<string, any>;
|
|
17
|
+
type OptionsType<T> = Partial<T> & AllowedComponentProps;
|
|
18
|
+
export declare function renderInput(model: Ref<string>, optionProps?: OptionsType<InputProps>, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
7
19
|
[key: string]: any;
|
|
8
20
|
}>;
|
|
9
|
-
export declare function renderSelect(model: Ref<any>, options:
|
|
21
|
+
export declare function renderSelect(model: Ref<any>, options: SelectOption[], optionProps?: OptionsType<SelectProps>, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
10
22
|
[key: string]: any;
|
|
11
23
|
}>;
|
|
12
24
|
/**
|
|
@@ -14,28 +26,28 @@ export declare function renderSelect(model: Ref<any>, options: any[], optionProp
|
|
|
14
26
|
* - 单选:ElDropdown(点击项立即选中)
|
|
15
27
|
* - 多选(model 是数组):ElPopover + ElCheckboxGroup
|
|
16
28
|
*/
|
|
17
|
-
export declare function renderPopSelect(model: Ref<string | number | Array<string | number> | null>, options: Array<
|
|
29
|
+
export declare function renderPopSelect(model: Ref<string | number | Array<string | number> | null>, options: Array<SelectOption>, optionProps?: AnyProps, rf?: DyFormItem, defaultRender?: VNode): VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
18
30
|
[key: string]: any;
|
|
19
31
|
}>;
|
|
20
|
-
export declare function renderTreeSelect(model: Ref<any>, options:
|
|
32
|
+
export declare function renderTreeSelect(model: Ref<any>, options: TreeSelectOption[], optionProps?: OptionsType<TreeComponentProps>, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
21
33
|
[key: string]: any;
|
|
22
34
|
}>;
|
|
23
|
-
export declare function renderRadioGroup(value: Ref<string | number | null | undefined>, options:
|
|
35
|
+
export declare function renderRadioGroup(value: Ref<string | number | null | undefined>, options: SelectOption[], optionProps?: OptionsType<RadioGroupProps>, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
24
36
|
[key: string]: any;
|
|
25
37
|
}>;
|
|
26
|
-
export declare function renderRadioButtonGroup(value: Ref<string | number | null | undefined>, options:
|
|
38
|
+
export declare function renderRadioButtonGroup(value: Ref<string | number | null | undefined>, options: SelectOption[], optionProps?: OptionsType<RadioGroupProps>, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
27
39
|
[key: string]: any;
|
|
28
40
|
}>;
|
|
29
|
-
export declare function renderCheckboxGroup(model: Ref<(string | number)[]>, options:
|
|
41
|
+
export declare function renderCheckboxGroup(model: Ref<(string | number)[]>, options: SelectOption[], optionProps?: OptionsType<CheckboxGroupProps>, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
30
42
|
[key: string]: any;
|
|
31
43
|
}>;
|
|
32
|
-
export declare function renderSwitch(value: Ref<boolean>, optionProps?:
|
|
44
|
+
export declare function renderSwitch(value: Ref<boolean>, optionProps?: OptionsType<CheckboxGroupProps>, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
33
45
|
[key: string]: any;
|
|
34
46
|
}>;
|
|
35
|
-
export declare function renderDatePicker(value: Ref<any>, optionProps?:
|
|
47
|
+
export declare function renderDatePicker(value: Ref<any>, optionProps?: OptionsType<DatePickerProps>, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
36
48
|
[key: string]: any;
|
|
37
49
|
}>;
|
|
38
|
-
export declare function renderTimePicker(value: Ref<any>, optionProps?:
|
|
50
|
+
export declare function renderTimePicker(value: Ref<any>, optionProps?: OptionsType<TimePickerDefaultProps>, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
39
51
|
[key: string]: any;
|
|
40
52
|
}>;
|
|
41
53
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),N=require("../index-CA3F2Lxo.cjs"),o=require("element-plus"),I=l.defineComponent({name:"EleDynamicInput",props:{size:{type:String},isController:{type:Boolean},dyCls:{type:String},randomFun:{type:Function,default:e=>`${Date.now()}_${e??0}`},btnConfigs:{type:Object},configs:{type:Object},dyListConfigs:{type:Object},modelValue:{type:Object,required:!0}},emits:{"update:modelValue":e=>!0,onReset:()=>!0,onMerge:(e,s)=>!0},setup(e,{emit:s,expose:d}){const i={resetTxt:"重置",newTxt:"添加项",mergeTxt:"合并",...e.btnConfigs},y={hideReset:!1,maxHeight:"300px",autoScroll:!0,allowFilter:!0,...e.configs},u={arraySplitSymbol:",",...e.dyListConfigs},v=e.size,f=l.ref(N.tranArr(e.modelValue,e.randomFun,u.arraySplitSymbol)),p=l.ref(null);return l.watch(f,r=>{if(!e.isController)return;const c=N.resetObj(r,u.arraySplitSymbol);s("update:modelValue",c),s("onMerge",c,l.toRaw(f.value))},{deep:!0}),d({onSet:r=>{f.value=N.tranArr(r??e.modelValue,e.randomFun,u.arraySplitSymbol)},getResult:(r="res")=>r==="ori"?l.toRaw(f.value):N.resetObj(f.value,u.arraySplitSymbol)}),()=>l.createVNode("div",{class:e.dyCls??`dynamicForm ${v}`,style:{maxHeight:y.maxHeight}},[l.createVNode("div",{class:`dyFormList ${f.value.length?"":"noList"}`,ref:p},[f.value.map((r,c,a)=>l.createVNode("div",{class:"dItem",key:r.rId},[l.createVNode("div",{class:"input"},[l.createVNode(o.ElInput,{size:v,modelValue:r.key,class:"key",onInput:t=>{r.key=t}},null),l.createTextVNode(":"),l.createVNode(o.ElInput,{size:v,modelValue:r.value,class:"value",onInput:t=>{y.allowFilter&&r.isNumber?r.value=N.formatNumberInput(t,r.isArray,u.arraySplitSymbol):r.value=t}},{prefix:()=>l.createVNode(l.Fragment,null,[l.createVNode(o.ElButton,{class:"typeBtn",type:r.isArray?"success":"default",size:"small",onClick:()=>{r.isArray=!r.isArray}},{default:()=>[l.createTextVNode("Array")]}),l.createTextVNode(" "),l.createVNode(o.ElButton,{class:"typeBtn",type:r.isNumber?"success":"default",size:"small",onClick:()=>{r.isNumber=!r.isNumber}},{default:()=>[l.createTextVNode("Number")]})])})]),l.createVNode("div",{class:"btn"},[l.createVNode(o.ElButton,{type:"success",size:v,disabled:c!==a.length-1,onClick:()=>{f.value.push({rId:e.randomFun(),key:"",value:""}),y.autoScroll&&l.nextTick(()=>{const t=p.value;t?.scrollTo({top:t.scrollHeight,behavior:"smooth"})})}},{default:()=>[l.createTextVNode("+")]}),l.createVNode(o.ElButton,{size:v,type:"danger",onClick:()=>{f.value=f.value.filter(t=>t.rId!==r.rId)}},{default:()=>[l.createTextVNode("-")]})])]))]),l.createVNode("div",{class:`control ${f.value.length?"":"noList"}`},[!f.value.length&&l.createVNode(o.ElButton,{size:v,type:"success",onClick:()=>{f.value.push({rId:e.randomFun(),key:"",value:""})}},{default:()=>[i.newTxt]}),!e.isController&&l.createVNode(l.Fragment,null,[!y.hideReset&&l.createVNode(o.ElButton,{size:v,type:"default",onClick:()=>{f.value=N.tranArr(e.modelValue,e.randomFun,u.arraySplitSymbol),s("onReset")}},{default:()=>[i.resetTxt]}),l.createVNode(o.ElButton,{size:v,type:"info",onClick:()=>{f.value.sort((c,a)=>+c.rId-+a.rId);const r=N.resetObj(f.value,u.arraySplitSymbol);s("update:modelValue",r),s("onMerge",r,l.toRaw(f.value)),f.value=N.tranArr(r,e.randomFun,u.arraySplitSymbol)}},{default:()=>[i.mergeTxt]})])])])}});function A(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!l.isVNode(e)}const x=l.defineComponent({name:"EleDynamicCascadeInput",props:{modelValue:{type:Object,required:!0},isController:{type:Boolean},dyCls:{type:String},randomFun:{type:Function,default:e=>`${Date.now()}_${e??0}`},depth:{type:Number,default:3},btnConfigs:{type:Object},configs:{type:Object},dyListConfigs:{type:Object},newChildTxt:{type:Function,default:e=>`添加 '${e.key}' 子项`}},emits:{"update:modelValue":e=>!0,onReset:()=>!0,onMerge:(e,s)=>!0},setup(e,{emit:s,expose:d}){const i={resetTxt:"重置",newTxt:"添加项",mergeTxt:"合并",...e.btnConfigs},y={hideReset:!1,maxHeight:"600px",allowFilter:!0,showBorder:!0,showPad:!0,retractLen:0,borderColors:[],...e.configs},u={arraySplitSymbol:",",...e.dyListConfigs},v=a=>["string","number"].includes(a),f=a=>Object.keys(a).map((t,m)=>{let n=a[t];const b=Array.isArray(n),C=b?n.every(h=>typeof h=="number"):typeof n=="number",k=n===null;return v(typeof n)&&(n=a[t]),k&&(n=""),{rId:e.randomFun(m),key:t,value:Object.prototype.toString.call(n)==="[object Object]"?f(a[t]):b?n.join(u.arraySplitSymbol):n,isArray:b||void 0,isNumber:C||void 0}}),p=a=>a.reduce((t,m)=>{const n=m.value;return m.key.trim().length&&(t[m.key]=Array.isArray(n)?p(n):N.parseValue(m.value,m.isArray,m.isNumber,u.arraySplitSymbol)),t},{}),r=l.ref(f(e.modelValue)),c=(a,t=1,m)=>l.createVNode("div",{class:[`depth-${t}`,y.showBorder?"":"no-border",y.showPad?"":"no-pad"],style:{"--depth":t,["--c"+[t]]:N.saferRepairColor(y.borderColors,t)}},[a.map((n,b,C)=>{const k=Array.isArray(n.value),h=v(typeof n.value);return l.createVNode("div",{class:"dItem",key:n.rId,style:{marginLeft:t>1?`${t*y.retractLen}px`:"0"}},[l.createVNode("div",{class:"input"},[!k&&l.createVNode(l.Fragment,null,[l.createVNode(o.ElInput,{modelValue:n.key,class:"key",onInput:V=>n.key=V},null),l.createTextVNode(":")]),l.createVNode(o.ElInput,{class:`value ${k?"isKey":""}`,modelValue:h?n.value:n.key,onInput:V=>{if(k){n.key=V;return}y.allowFilter&&n.isNumber?n.value=N.formatNumberInput(V,n.isArray,u.arraySplitSymbol):n.value=V}},{prefix:Array.isArray(n.value)?void 0:()=>l.createVNode(l.Fragment,null,[l.createVNode(o.ElButton,{type:n.isArray?"success":"default",size:"small",onClick:()=>{n.isArray=!n.isArray}},{default:()=>[l.createTextVNode("Array")]}),l.createTextVNode(" "),l.createVNode(o.ElButton,{type:n.isNumber?"success":"default",size:"small",onClick:()=>{n.isNumber=!n.isNumber}},{default:()=>[l.createTextVNode("Number")]})]),suffix:()=>{let V;return t<e.depth?!k&&l.createVNode(o.ElButton,{type:"success",size:"small",onClick:()=>{h&&(n.value=[],n.isArray=void 0),n.value.push({rId:e.randomFun(),key:"",value:""})}},A(V=e.newChildTxt(n))?V:{default:()=>[V]}):null}})]),l.createVNode("div",{class:"btn"},[l.createVNode(o.ElButton,{type:"success",disabled:b!==C.length-1,onClick:()=>{a.push({rId:e.randomFun(),key:"",value:""})}},{default:()=>[l.createTextVNode("+")]}),l.createVNode(o.ElButton,{type:"danger",onClick:()=>{if(a.splice(b,1),a.length<1){if(m===void 0)return p([]);const V=r.value.findIndex(F=>F.rId===m?.rId);t<1?r.value.splice(V,1,{...m,value:""}):m.value=""}}},{default:()=>[l.createTextVNode("-")]})]),Array.isArray(n.value)&&c(n.value,t+1,n)])})]);return l.watch(r,a=>{if(!e.isController)return;const t=p(a);s("update:modelValue",t),s("onMerge",t,l.toRaw(r.value))},{deep:!0}),d({onSet:a=>{r.value=f(a??e.modelValue)},getResult:(a="res")=>a==="ori"?l.toRaw(r.value):p(r.value)}),()=>l.createVNode("div",{class:e.dyCls??"dynamicCascadeForm"},[l.createVNode("div",{class:"dyFormList",style:{maxHeight:y.maxHeight}},[c(r.value)]),l.createVNode("div",{class:"control"},[!r.value.length&&l.createVNode(o.ElButton,{type:"success",onClick:()=>{r.value.push({rId:e.randomFun(),key:"",value:""})}},{default:()=>[i.newTxt]}),!e.isController&&l.createVNode(l.Fragment,null,[!y.hideReset&&l.createVNode(o.ElButton,{type:"default",onClick:()=>{r.value=f(e.modelValue),s("onReset")}},{default:()=>[i.resetTxt]}),l.createVNode(o.ElButton,{type:"info",onClick:()=>{const a=p(r.value);s("update:modelValue",a),s("onMerge",a,l.toRaw(r.value)),r.value=f(a)}},{default:()=>[i.mergeTxt]})])])])}}),T=l.defineComponent({name:"EleDynamicForm",props:{formConfig:{type:Object,default:()=>({labelPosition:"left",size:"default"})},rowConfig:{type:Object,default:()=>({gutter:10,justify:"start",align:"top"})},rules:{type:Object},preset:{type:String,default:"fullRow",validator:e=>["fullRow","grid"].includes(e)?!0:(console.error("preset value must be `fullRow` or `grid`, the default value is `fullRow`"),!1)},items:{type:Array,require:!0}},slots:Object,setup(e,{expose:s,slots:d}){const i=l.ref(null),y=l.computed(()=>(e.items??[]).filter(c=>!c.hidden)),u=l.computed(()=>y.value?y.value.reduce((c,a)=>(c[a.key]=a.value.value,c),{}):{}),v=l.computed(()=>({...y.value?.reduce((a,t)=>{let m=t.rule;return t.required&&!t.rule&&(m={required:!0,message:t.requiredHint?.(t.label)??`${t.label}不能为空`,trigger:"blur"}),a[t.key]=m,a},{}),...e.rules})),f=l.computed(()=>[...y.value].sort((a,t)=>{const m=a.sort??1/0,n=t.sort??1/0;return Number(m)-Number(n)}));function p(c=null){y.value&&y.value.forEach(a=>{a.value.value=c})}function r(){return new Promise((c,a)=>{i.value?.validate((t,m)=>{t?c(u.value):a(m)})})}if(s({reset:p,validator:r,getResult:(c="res")=>c==="ori"?y.value:u.value}),!e.items)throw new Error("prop items must be not null");return()=>l.createVNode("div",{class:"naiDynamicForm"},[d.header&&l.createVNode("div",{class:"header"},[d.header?.()]),l.createVNode(o.ElForm,l.mergeProps({ref:i},e.formConfig,{model:u.value,rules:v.value}),{default(){const c=f.value;return e.preset==="grid"?l.h(o.ElRow,{...e.rowConfig},{default:()=>c?.map(a=>l.h(o.ElCol,{span:a.span??24,offset:a.offset??0},{default:()=>l.h(o.ElFormItem,{label:a.label,prop:a.path||a.key},{default:R(a)})}))}):c?.map(a=>l.h(o.ElFormItem,{label:a.label,prop:a.path||a.key},{default:R(a)}))}}),d.footer&&l.h("div",{class:"footer"},d.footer?.())])}});function R(e){return function(){return e.render2?e.render2(e):null}}function g(e,s,d){return e?.[s]??d}function w(e){return!!e&&(e.type==="group"||Array.isArray(e.children)||Array.isArray(e.options))}function S(e){return(e??[]).map(s=>{if(w(s)){const d=s.children??s.options??[];return{...s,__isGroup:!0,__children:d}}return{...s,__isGroup:!1}})}function O(e,s,d="label",i="value"){const y=S(s);for(const u of y)if(u.__isGroup){for(const v of u.__children)if(g(v,i,v.value)===e)return g(v,d,v.label)}else if(g(u,i,u.value)===e)return g(u,d,u.label);return""}function B(e,s={},d){const{onChange:i,value:y,...u}=d;return l.h(o.ElInput,{...u,modelValue:e.value,"onUpdate:modelValue":v=>{e.value=v,d?.onChange?.(v,d)},...s})}function _(e,s,d={},i){const{onChange:y,labelField:u,valueField:v,options:f,...p}=i??{},r=u??"label",c=v??"value",a=S(f??s);return l.h(o.ElSelect,{...p,modelValue:e.value,"onUpdate:modelValue":t=>{e.value=t,i?.onChange?.(t,i,a)},...d},{default:()=>a.map((t,m)=>{if(t.__isGroup)return l.h(o.ElOptionGroup,{key:t.key??`g-${m}`,label:g(t,r,t.label)},{default:()=>(t.__children??[]).map((C,k)=>{const h=g(C,r,C.label),V=g(C,c,C.value);return l.h(o.ElOption,{key:C.key??`${m}-${k}`,label:h,value:V,disabled:C.disabled})})});const n=g(t,r,t.label),b=g(t,c,t.value);return l.h(o.ElOption,{key:t.key??`${m}`,label:n,value:b,disabled:t.disabled})})})}function j(e,s,d={},i,y){const{labelField:u,valueField:v,options:f,onChange:p,...r}=i??{},c=u??"label",a=v??"value",t=f??s,m=S(t),n=()=>{if(y)return y;const b=Array.isArray(e.value)?e.value.length?`已选 ${e.value.length} 项`:"请选择":e.value!=null?O(e.value,t,c,a)||String(e.value):"请选择";return l.h(o.ElButton,null,{default:()=>b})};return Array.isArray(e.value)?l.createVNode(o.ElPopover,{trigger:"click",...r,...d},{reference:()=>n(),default:()=>l.h(o.ElCheckboxGroup,{modelValue:e.value,"onUpdate:modelValue":b=>{e.value=b,i?.onChange?.(b,i,m)}},{default:()=>l.h(o.ElSpace,{wrap:!0},{default:()=>m.flatMap((b,C)=>(b.__isGroup?b.__children??[]:[b]).map((h,V)=>{const F=g(h,c,h.label),E=g(h,a,h.value);return l.h(o.ElCheckbox,{key:h.key??`${C}-${V}`,label:E,disabled:h.disabled},{default:()=>F})}))})})}):l.createVNode(o.ElDropdown,{trigger:"click",...r,onCommand:b=>{e.value=b,i?.onChange?.(b,i,m)},...d},{default:()=>n(),dropdown:()=>l.h(o.ElDropdownMenu,null,{default:()=>m.flatMap((b,C)=>(b.__isGroup?b.__children??[]:[b]).map((h,V)=>{const F=g(h,c,h.label),E=g(h,a,h.value);return l.h(o.ElDropdownItem,{key:h.key??`${C}-${V}`,command:E,disabled:h.disabled},{default:()=>F})}))})})}function $(e,s,d={},i){const{valueField:y="value",labelField:u="label",childrenField:v="children",onChange:f,options:p,...r}=i??{},c=p??s;return l.h(o.ElTreeSelect,{...r,data:c,modelValue:e.value,"onUpdate:modelValue":a=>{e.value=a,i?.onChange?.(a,i,c)},props:{value:y,label:u,children:v,disabled:"disabled"},...d})}function D(e,s,d={},i){const{onChange:y,labelField:u,valueField:v,options:f,...p}=i??{},r=u??"label",c=v??"value",a=f??s;return l.h(o.ElRadioGroup,{...p,modelValue:e.value,"onUpdate:modelValue":t=>{e.value=t,i?.onChange?.(t,i,a)},...d},{default:()=>(a??[]).map((t,m)=>{const n=g(t,r,t.label),b=g(t,c,t.value);return l.h(o.ElRadio,{key:t.key??m,label:b,disabled:t.disabled},()=>n)})})}function G(e,s,d={},i){const{onChange:y,labelField:u,valueField:v,options:f,...p}=i??{},r=u??"label",c=v??"value",a=f??s;return l.h(o.ElRadioGroup,{...p,modelValue:e.value,"onUpdate:modelValue":t=>{e.value=t,i?.onChange?.(t,i,a)},...d},{default:()=>(a??[]).map((t,m)=>{const n=g(t,r,t.label),b=g(t,c,t.value);return l.h(o.ElRadioButton,{key:t.key??m,label:b,disabled:t.disabled},()=>n)})})}function z(e,s,d={},i){const{onChange:y,labelField:u,valueField:v,options:f,...p}=i??{},r=u??"label",c=v??"value",a=f??s;return l.h(o.ElCheckboxGroup,{...p,modelValue:e.value,"onUpdate:modelValue":t=>{e.value=t,i?.onChange?.(t,i,a)},...d},{default:()=>l.h(o.ElSpace,{wrap:!0},{default:()=>(a??[]).map((t,m)=>{const n=g(t,r,t.label),b=g(t,c,t.value);return l.h(o.ElCheckbox,{key:t.key??m,label:b,disabled:t.disabled},()=>n)})})})}function P(e,s={},d){const{onChange:i,...y}=d??{};return l.h(o.ElSwitch,{...y,modelValue:e.value,"onUpdate:modelValue":u=>{e.value=u,d?.onChange?.(u,d)},...s})}function M(e,s={},d){const{onChange:i,...y}=d??{};return l.h(o.ElDatePicker,{...y,modelValue:e.value,"onUpdate:modelValue":u=>{e.value=u,d?.onChange?.(u,d)},...s})}function L(e,s={},d){const{onChange:i,...y}=d??{};return l.h(o.ElTimePicker,{...y,modelValue:e.value,"onUpdate:modelValue":u=>{e.value=u,d?.onChange?.(u,d)},...s})}exports.EleDynamicCascadeInput=x;exports.EleDynamicForm=T;exports.EleDynamicInput=I;exports.renderCheckboxGroup=z;exports.renderDatePicker=M;exports.renderInput=B;exports.renderPopSelect=j;exports.renderRadioButtonGroup=G;exports.renderRadioGroup=D;exports.renderSelect=_;exports.renderSwitch=P;exports.renderTimePicker=L;exports.renderTreeSelect=$;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),N=require("../index-CA3F2Lxo.cjs"),d=require("element-plus"),D=t.defineComponent({name:"EleDynamicInput",props:{size:{type:String},isController:{type:Boolean},dyCls:{type:String},randomFun:{type:Function,default:e=>`${Date.now()}_${e??0}`},btnConfigs:{type:Object},configs:{type:Object},dyListConfigs:{type:Object},modelValue:{type:Object,required:!0}},emits:{"update:modelValue":e=>!0,onReset:()=>!0,onMerge:(e,i)=>!0},slots:Object,setup(e,{emit:i,expose:m,slots:u}){const s={resetTxt:"重置",newTxt:"添加项",mergeTxt:"合并",...e.btnConfigs},c={hideReset:!1,maxHeight:"300px",autoScroll:!0,allowFilter:!0,hideArrayBtn:!1,hideNumberBtn:!1,...e.configs},v={arraySplitSymbol:",",...e.dyListConfigs},l=e.size,y=t.ref(N.tranArr(e.modelValue,e.randomFun,v.arraySplitSymbol)),f=t.ref(null);t.watch(y,a=>{if(!e.isController)return;const o=N.resetObj(a,v.arraySplitSymbol);i("update:modelValue",o),i("onMerge",o,t.toRaw(y.value))},{deep:!0}),m({onSet:a=>{y.value=N.tranArr(a??e.modelValue,e.randomFun,v.arraySplitSymbol)},getResult:(a="res")=>a==="ori"?t.toRaw(y.value):N.resetObj(y.value,v.arraySplitSymbol)});const p=()=>y.value.push({rId:e.randomFun(),key:"",value:""}),n=()=>{y.value=N.tranArr(e.modelValue,e.randomFun,v.arraySplitSymbol),i("onReset")},r=()=>{y.value.sort((o,b)=>+o.rId-+b.rId);const a=N.resetObj(y.value,v.arraySplitSymbol);i("update:modelValue",a),i("onMerge",a,t.toRaw(y.value)),y.value=N.tranArr(a,e.randomFun,v.arraySplitSymbol)};return()=>t.createVNode("div",{class:e.dyCls??`dynamicForm ${l}`,style:{maxHeight:c.maxHeight}},[t.createVNode("div",{class:`dyFormList ${y.value.length?"":"noList"}`,ref:f},[y.value.map((a,o,b)=>{const h={row:a,index:o,isLast:o===b.length-1,addItem:()=>{y.value.push({rId:e.randomFun(),key:"",value:""}),c.autoScroll&&t.nextTick(()=>{const g=f.value;g?.scrollTo({top:g.scrollHeight,behavior:"smooth"})})},removeItem:()=>{y.value=y.value.filter(g=>g.rId!==a.rId)},toggleArray:()=>a.isArray=!a.isArray,toggleNumber:()=>a.isNumber=!a.isNumber};return t.createVNode("div",{class:"dItem",key:a.rId},[t.createVNode("div",{class:"input"},[t.createVNode(d.ElInput,{size:l,modelValue:a.key,class:"key",onInput:g=>{a.key=g}},null),t.createTextVNode(":"),t.createVNode(d.ElInput,{size:l,modelValue:a.value,class:"value",onInput:g=>{c.allowFilter&&a.isNumber?a.value=N.formatNumberInput(g,a.isArray,v.arraySplitSymbol):a.value=g}},{prefix:()=>u.typeTools?u.typeTools(h):t.createVNode(t.Fragment,null,[!c.hideArrayBtn&&t.createVNode(d.ElButton,{class:"typeBtn",type:a.isArray?"success":"default",size:"small",onClick:h.toggleArray},{default:()=>[t.createTextVNode("Array")]}),!c.hideNumberBtn&&t.createVNode(d.ElButton,{class:"typeBtn",type:a.isNumber?"success":"default",size:"small",onClick:h.toggleNumber},{default:()=>[t.createTextVNode("Number")]})])})]),t.createVNode("div",{class:"btn"},[u.rowActions?u.rowActions(h):t.createVNode(t.Fragment,null,[t.createVNode(d.ElButton,{type:"success",size:l,disabled:!h.isLast,onClick:h.addItem},{default:()=>[t.createTextVNode("+")]}),t.createVNode(d.ElButton,{size:l,type:"danger",onClick:h.removeItem},{default:()=>[t.createTextVNode("-")]})])])])})]),t.createVNode("div",{class:`control ${y.value.length?"":"noList"}`},[!y.value.length&&(u.newBtn?u.newBtn({newItem:p}):t.createVNode(d.ElButton,{size:l,type:"success",onClick:p},{default:()=>[s.newTxt]})),!e.isController&&t.createVNode(t.Fragment,null,[!c.hideReset&&(u.resetBtn?u.resetBtn({reset:n}):t.createVNode(d.ElButton,{size:l,type:"default",onClick:n},{default:()=>[s.resetTxt]})),u.mergeBtn?u.mergeBtn({merge:r}):t.createVNode(d.ElButton,{size:l,type:"info",onClick:r},{default:()=>[s.mergeTxt]})])])])}});function G(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const $=t.defineComponent({name:"EleDynamicCascadeInput",props:{modelValue:{type:Object,required:!0},isController:{type:Boolean},dyCls:{type:String},randomFun:{type:Function,default:e=>`${Date.now()}_${e??0}`},depth:{type:Number,default:3},btnConfigs:{type:Object},configs:{type:Object},dyListConfigs:{type:Object},newChildTxt:{type:Function,default:e=>`添加 '${e.key}' 子项`}},emits:{"update:modelValue":e=>!0,onReset:()=>!0,onMerge:(e,i)=>!0},setup(e,{emit:i,expose:m}){const u={resetTxt:"重置",newTxt:"添加项",mergeTxt:"合并",...e.btnConfigs},s={hideReset:!1,maxHeight:"600px",allowFilter:!0,showBorder:!0,showPad:!0,retractLen:0,borderColors:[],...e.configs},c={arraySplitSymbol:",",...e.dyListConfigs},v=n=>["string","number"].includes(n),l=n=>Object.keys(n).map((r,a)=>{let o=n[r];const b=Array.isArray(o),h=b?o.every(V=>typeof V=="number"):typeof o=="number",g=o===null;return v(typeof o)&&(o=n[r]),g&&(o=""),{rId:e.randomFun(a),key:r,value:Object.prototype.toString.call(o)==="[object Object]"?l(n[r]):b?o.join(c.arraySplitSymbol):o,isArray:b||void 0,isNumber:h||void 0}}),y=n=>n.reduce((r,a)=>{const o=a.value;return a.key.trim().length&&(r[a.key]=Array.isArray(o)?y(o):N.parseValue(a.value,a.isArray,a.isNumber,c.arraySplitSymbol)),r},{}),f=t.ref(l(e.modelValue)),p=(n,r=1,a)=>t.createVNode("div",{class:[`depth-${r}`,s.showBorder?"":"no-border",s.showPad?"":"no-pad"],style:{"--depth":r,["--c"+[r]]:N.saferRepairColor(s.borderColors,r)}},[n.map((o,b,h)=>{const g=Array.isArray(o.value),V=v(typeof o.value);return t.createVNode("div",{class:"dItem",key:o.rId,style:{marginLeft:r>1?`${r*s.retractLen}px`:"0"}},[t.createVNode("div",{class:"input"},[!g&&t.createVNode(t.Fragment,null,[t.createVNode(d.ElInput,{modelValue:o.key,class:"key",onInput:k=>o.key=k},null),t.createTextVNode(":")]),t.createVNode(d.ElInput,{class:`value ${g?"isKey":""}`,modelValue:V?o.value:o.key,onInput:k=>{if(g){o.key=k;return}s.allowFilter&&o.isNumber?o.value=N.formatNumberInput(k,o.isArray,c.arraySplitSymbol):o.value=k}},{prefix:Array.isArray(o.value)?void 0:()=>t.createVNode(t.Fragment,null,[t.createVNode(d.ElButton,{type:o.isArray?"success":"default",size:"small",onClick:()=>{o.isArray=!o.isArray}},{default:()=>[t.createTextVNode("Array")]}),t.createTextVNode(" "),t.createVNode(d.ElButton,{type:o.isNumber?"success":"default",size:"small",onClick:()=>{o.isNumber=!o.isNumber}},{default:()=>[t.createTextVNode("Number")]})]),suffix:()=>{let k;return r<e.depth?!g&&t.createVNode(d.ElButton,{type:"success",size:"small",onClick:()=>{V&&(o.value=[],o.isArray=void 0),o.value.push({rId:e.randomFun(),key:"",value:""})}},G(k=e.newChildTxt(o))?k:{default:()=>[k]}):null}})]),t.createVNode("div",{class:"btn"},[t.createVNode(d.ElButton,{type:"success",disabled:b!==h.length-1,onClick:()=>{n.push({rId:e.randomFun(),key:"",value:""})}},{default:()=>[t.createTextVNode("+")]}),t.createVNode(d.ElButton,{type:"danger",onClick:()=>{if(n.splice(b,1),n.length<1){if(a===void 0)return y([]);const k=f.value.findIndex(F=>F.rId===a?.rId);r<1?f.value.splice(k,1,{...a,value:""}):a.value=""}}},{default:()=>[t.createTextVNode("-")]})]),Array.isArray(o.value)&&p(o.value,r+1,o)])})]);return t.watch(f,n=>{if(!e.isController)return;const r=y(n);i("update:modelValue",r),i("onMerge",r,t.toRaw(f.value))},{deep:!0}),m({onSet:n=>{f.value=l(n??e.modelValue)},getResult:(n="res")=>n==="ori"?t.toRaw(f.value):y(f.value)}),()=>t.createVNode("div",{class:e.dyCls??"dynamicCascadeForm"},[t.createVNode("div",{class:"dyFormList",style:{maxHeight:s.maxHeight}},[p(f.value)]),t.createVNode("div",{class:"control"},[!f.value.length&&t.createVNode(d.ElButton,{type:"success",onClick:()=>{f.value.push({rId:e.randomFun(),key:"",value:""})}},{default:()=>[u.newTxt]}),!e.isController&&t.createVNode(t.Fragment,null,[!s.hideReset&&t.createVNode(d.ElButton,{type:"default",onClick:()=>{f.value=l(e.modelValue),i("onReset")}},{default:()=>[u.resetTxt]}),t.createVNode(d.ElButton,{type:"info",onClick:()=>{const n=y(f.value);i("update:modelValue",n),i("onMerge",n,t.toRaw(f.value)),f.value=l(n)}},{default:()=>[u.mergeTxt]})])])])}}),z=t.defineComponent({name:"EleDynamicForm",props:{formConfig:{type:Object,default:()=>({labelPosition:"left",size:"default"})},rowConfig:{type:Object,default:()=>({gutter:10,justify:"start",align:"top"})},rules:{type:Object},preset:{type:String,default:"fullRow",validator:e=>["fullRow","grid"].includes(e)?!0:(console.error("preset value must be `fullRow` or `grid`, the default value is `fullRow`"),!1)},items:{type:Array,require:!0}},slots:Object,setup(e,{expose:i,slots:m}){const u=t.ref(null),s=t.computed(()=>(e.items??[]).filter(p=>!p.hidden)),c=t.computed(()=>s.value?s.value.reduce((p,n)=>(p[n.key]=n.value.value,p),{}):{}),v=t.computed(()=>({...s.value?.reduce((n,r)=>{let a=r.rule;return r.required&&!r.rule&&(a={required:!0,message:r.requiredHint?.(r.label??"")??`${r.label}不能为空`,trigger:"blur"}),n[r.key]=a,n},{}),...e.rules})),l=t.computed(()=>[...s.value].sort((n,r)=>{const a=n.sort??1/0,o=r.sort??1/0;return Number(a)-Number(o)}));function y(p=null){s.value&&s.value.forEach(n=>{n.value.value=p})}function f(){return new Promise((p,n)=>{u.value?.validate((r,a)=>{r?p(c.value):n(a)})})}if(i({reset:y,validator:f,getResult:(p="res")=>p==="ori"?s.value:c.value}),!e.items)throw new Error("prop items must be not null");return()=>t.createVNode("div",{class:"naiDynamicForm"},[m.header&&t.createVNode("div",{class:"header"},[m.header?.()]),t.createVNode(d.ElForm,t.mergeProps({ref:u},e.formConfig,{model:c.value,rules:v.value}),{default(){const p=l.value;return e.preset==="grid"?t.h(d.ElRow,{...e.rowConfig},{default:()=>p?.map(n=>t.h(d.ElCol,{span:n.span??24,offset:n.offset??0},{default:()=>t.h(d.ElFormItem,{label:n.label,prop:n.path||n.key},{default:I(n)})}))}):p?.map(n=>t.h(d.ElFormItem,{label:n.label,prop:n.path||n.key},{default:I(n)}))}}),m.footer&&t.h("div",{class:"footer"},m.footer?.())])}});function I(e){return function(){return e.render2?e.render2(e):null}}function C(e,i,m){return e?.[i]??m}function M(e){return!!e&&(e.type==="group"||Array.isArray(e.children)||Array.isArray(e.options))}function E(e){return(e??[]).map(i=>{if(M(i)){const m=i.children??i.options??[];return{...i,__isGroup:!0,__children:m}}return{...i,__isGroup:!1}})}function L(e,i,m="label",u="value"){const s=E(i);for(const c of s)if(c.__isGroup){for(const v of c.__children)if(C(v,u,v.value)===e)return C(v,m,v.label)}else if(C(c,u,c.value)===e)return C(c,m,c.label);return""}function R(e,i={},m){const{onChange:u,value:s,...c}=m;return t.h(d.ElInput,{...c,modelValue:e.value,"onUpdate:modelValue":v=>{e.value=v,m?.onChange?.(v,m)},...i})}function T(e,i,m={},u){const{onChange:s,labelField:c,valueField:v,options:l,...y}=u??{},f=c??"label",p=v??"value",n=E(l??i);return t.h(d.ElSelect,{...y,modelValue:e.value,"onUpdate:modelValue":r=>{e.value=r,u?.onChange?.(r,u,n)},...m},{default:()=>n.map((r,a)=>{if(r.__isGroup)return t.h(d.ElOptionGroup,{key:r.key??`g-${a}`,label:C(r,f,r.label)},{default:()=>(r.__children??[]).map((h,g)=>{const V=C(h,f,h.label),k=C(h,p,h.value);return t.h(d.ElOption,{key:h.key??`${a}-${g}`,label:V,value:k,disabled:h.disabled})})});const o=C(r,f,r.label),b=C(r,p,r.value);return t.h(d.ElOption,{key:r.key??`${a}`,label:o,value:b,disabled:r.disabled})})})}function A(e,i,m={},u,s){const{labelField:c,valueField:v,options:l,onChange:y,...f}=u??{},p=c??"label",n=v??"value",r=l??i,a=E(r),o=()=>{if(s)return s;const b=Array.isArray(e.value)?e.value.length?`已选 ${e.value.length} 项`:"请选择":e.value!=null?L(e.value,r,p,n)||String(e.value):"请选择";return t.h(d.ElButton,null,{default:()=>b})};return Array.isArray(e.value)?t.createVNode(d.ElPopover,{trigger:"click",...f,...m},{reference:()=>o(),default:()=>t.h(d.ElCheckboxGroup,{modelValue:e.value,"onUpdate:modelValue":b=>{e.value=b,u?.onChange?.(b,u,a)}},{default:()=>t.h(d.ElSpace,{wrap:!0},{default:()=>a.flatMap((b,h)=>(b.__isGroup?b.__children??[]:[b]).map((V,k)=>{const F=C(V,p,V.label),S=C(V,n,V.value);return t.h(d.ElCheckbox,{key:V.key??`${h}-${k}`,label:S,disabled:V.disabled},{default:()=>F})}))})})}):t.createVNode(d.ElDropdown,{trigger:"click",...f,onCommand:b=>{e.value=b,u?.onChange?.(b,u,a)},...m},{default:()=>o(),dropdown:()=>t.h(d.ElDropdownMenu,null,{default:()=>a.flatMap((b,h)=>(b.__isGroup?b.__children??[]:[b]).map((V,k)=>{const F=C(V,p,V.label),S=C(V,n,V.value);return t.h(d.ElDropdownItem,{key:V.key??`${h}-${k}`,command:S,disabled:V.disabled},{default:()=>F})}))})})}function w(e,i,m={},u){const{valueField:s="value",labelField:c="label",childrenField:v="children",onChange:l,options:y,...f}=u??{},p=y??i;return t.h(d.ElTreeSelect,{...f,data:p,modelValue:e.value,"onUpdate:modelValue":n=>{e.value=n,u?.onChange?.(n,u,p)},props:{value:s,label:c,children:v,disabled:"disabled"},...m})}function x(e,i,m={},u){const{onChange:s,labelField:c,valueField:v,options:l,...y}=u??{},f=c??"label",p=v??"value",n=l??i;return t.h(d.ElRadioGroup,{...y,modelValue:e.value,"onUpdate:modelValue":r=>{e.value=r,u?.onChange?.(r,u,n)},...m},{default:()=>(n??[]).map((r,a)=>{const o=C(r,f,r.label),b=C(r,p,r.value);return t.h(d.ElRadio,{key:r.key??a,label:b,disabled:r.disabled},()=>o)})})}function B(e,i,m={},u){const{onChange:s,labelField:c,valueField:v,options:l,...y}=u??{},f=c??"label",p=v??"value",n=l??i;return t.h(d.ElRadioGroup,{...y,modelValue:e.value,"onUpdate:modelValue":r=>{e.value=r,u?.onChange?.(r,u,n)},...m},{default:()=>(n??[]).map((r,a)=>{const o=C(r,f,r.label),b=C(r,p,r.value);return t.h(d.ElRadioButton,{key:r.key??a,label:b,disabled:r.disabled},()=>o)})})}function O(e,i,m={},u){const{onChange:s,labelField:c,valueField:v,options:l,...y}=u??{},f=c??"label",p=v??"value",n=l??i;return t.h(d.ElCheckboxGroup,{...y,modelValue:e.value,"onUpdate:modelValue":r=>{e.value=r,u?.onChange?.(r,u,n)},...m},{default:()=>t.h(d.ElSpace,{wrap:!0},{default:()=>(n??[]).map((r,a)=>{const o=C(r,f,r.label),b=C(r,p,r.value);return t.h(d.ElCheckbox,{key:r.key??a,label:b,disabled:r.disabled},()=>o)})})})}function P(e,i={},m){const{onChange:u,...s}=m??{};return t.h(d.ElSwitch,{...s,modelValue:e.value,"onUpdate:modelValue":c=>{e.value=c,m?.onChange?.(c,m)},...i})}function _(e,i={},m){const{onChange:u,...s}=m??{};return t.h(d.ElDatePicker,{...s,modelValue:e.value,"onUpdate:modelValue":c=>{e.value=c,m?.onChange?.(c,m)},...i})}function j(e,i={},m){const{onChange:u,...s}=m??{};return t.h(d.ElTimePicker,{...s,modelValue:e.value,"onUpdate:modelValue":c=>{e.value=c,m?.onChange?.(c,m)},...i})}const U=Object.freeze(Object.defineProperty({__proto__:null,renderCheckboxGroup:O,renderDatePicker:_,renderInput:R,renderPopSelect:A,renderRadioButtonGroup:B,renderRadioGroup:x,renderSelect:T,renderSwitch:P,renderTimePicker:j,renderTreeSelect:w},Symbol.toStringTag,{value:"Module"}));function q(e){return function(m,u=!0){const s=e,c={renderInput:l=>s.renderInput(l.value,l.renderProps??{},l),renderSelect:l=>s.renderSelect(l.value,l.options??[],l.renderProps??{},l),renderPopSelect:l=>s.renderPopSelect(l.value,l.options??[],l.renderProps??{},l),renderTreeSelect:l=>s.renderTreeSelect(l.value,l.options??[],l.renderProps??{},l),renderRadioGroup:l=>s.renderRadioGroup(l.value,l.options??[],l.renderProps??{},l),renderRadioButtonGroup:l=>s.renderRadioButtonGroup(l.value,l.options??[],l.renderProps??{},l),renderCheckboxGroup:l=>s.renderCheckboxGroup(l.value,l.options??[],l.renderProps??{},l),renderSwitch:l=>s.renderSwitch(l.value,l.renderProps??{},l),renderDatePicker:l=>s.renderDatePicker(l.value,l.renderProps??{},l),renderTimePicker:l=>s.renderTimePicker(l.value,l.renderProps??{},l)};return m.map(l=>{const y=l;if(y.value=N.ensureRef(l.value),typeof l.render2=="function")y.render2=l.render2;else{const f=l.renderType??"renderInput",p=c[f];p?y.render2=()=>p(y):(console.warn(`[useDecorateForm] unknown renderType: ${l.renderType}`),y.render2=()=>c.renderInput(y))}return u?t.shallowReactive(y):y})}}const H=q(U);exports.EleDynamicCascadeInput=$;exports.EleDynamicForm=z;exports.EleDynamicInput=D;exports.renderCheckboxGroup=O;exports.renderDatePicker=_;exports.renderInput=R;exports.renderPopSelect=A;exports.renderRadioButtonGroup=B;exports.renderRadioGroup=x;exports.renderSelect=T;exports.renderSwitch=P;exports.renderTimePicker=j;exports.renderTreeSelect=w;exports.useDecorateForm=H;
|
|
@@ -2,6 +2,8 @@ import { default as EleDynamicInput } from './EleDynamicInput';
|
|
|
2
2
|
import { default as EleDynamicCascadeInput } from './EleDynamicCascadeInput';
|
|
3
3
|
import { default as EleDynamicForm } from './EleDynamicForm';
|
|
4
4
|
import { ExposeDyFType, ExposeType } from '../types';
|
|
5
|
+
import { useDecorateForm } from './hooks/decorateForm';
|
|
6
|
+
export { useDecorateForm };
|
|
5
7
|
export * from './hooks/renderForm';
|
|
6
8
|
export type eleDynamicInputRef = InstanceType<typeof EleDynamicInput> & ExposeType;
|
|
7
9
|
export type eleCascadeDynamicInputRef = InstanceType<typeof EleDynamicCascadeInput> & ExposeType;
|