@formily-djd/component 0.0.12 → 0.0.14

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.
Files changed (3) hide show
  1. package/dist/index.css +11 -11
  2. package/dist/index.mjs +1 -1
  3. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .custom-comp.grid,.custom-comp .grid{display:grid}.custom-comp.inline,.custom-comp .inline{display:inline}.custom-comp.inline-block,.custom-comp .inline-block{display:inline-block}.custom-comp.flex,.custom-comp .flex{display:flex}.custom-comp.flex-shrink,.custom-comp .flex-shrink{flex-shrink:1}.custom-comp.border,.custom-comp .border{border-width:1px}.custom-comp.border-none,.custom-comp .border-none{border-style:none}.custom-comp.px,.custom-comp .px{padding-left:1rem;padding-right:1rem}.custom-comp.transition,.custom-comp .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
2
2
 
3
- .formily-array[data-v-815fbbb0] {
3
+ .formily-array[data-v-5f0123be] {
4
4
  box-sizing: border-box;
5
5
  width: 100%;
6
6
  border: 1px solid #dcdfe6;
@@ -8,40 +8,40 @@
8
8
  padding: 16px;
9
9
  background: #fafafa;
10
10
  }
11
- .array-header[data-v-815fbbb0] {
11
+ .array-header[data-v-5f0123be] {
12
12
  display: flex;
13
13
  justify-content: space-between;
14
14
  align-items: center;
15
15
  margin-bottom: 12px;
16
16
  }
17
- .array-title[data-v-815fbbb0] {
17
+ .array-title[data-v-5f0123be] {
18
18
  font-size: 14px;
19
19
  font-weight: 600;
20
20
  color: #303133;
21
21
  }
22
- .array-actions[data-v-815fbbb0] {
22
+ .array-actions[data-v-5f0123be] {
23
23
  display: flex;
24
24
  gap: 8px;
25
25
  }
26
- .array-content[data-v-815fbbb0] {
26
+ .array-content[data-v-5f0123be] {
27
27
  display: flex;
28
28
  flex-direction: column;
29
29
  gap: 12px;
30
30
  }
31
31
 
32
32
 
33
- .formily-array-item[data-v-523a0579] {
33
+ .formily-array-item[data-v-ee7b725b] {
34
34
  width: 100%;
35
35
  border: 1px solid #e4e7ed;
36
36
  border-radius: 4px;
37
37
  background: #ffffff;
38
38
  transition: all 0.2s;
39
39
  }
40
- .formily-array-item[data-v-523a0579]:hover {
40
+ .formily-array-item[data-v-ee7b725b]:hover {
41
41
  border-color: #409eff;
42
42
  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.1);
43
43
  }
44
- .array-item-header[data-v-523a0579] {
44
+ .array-item-header[data-v-ee7b725b] {
45
45
  display: flex;
46
46
  justify-content: space-between;
47
47
  align-items: center;
@@ -50,16 +50,16 @@
50
50
  border-bottom: 1px solid #e4e7ed;
51
51
  border-radius: 4px 4px 0 0;
52
52
  }
53
- .array-item-index[data-v-523a0579] {
53
+ .array-item-index[data-v-ee7b725b] {
54
54
  font-size: 13px;
55
55
  font-weight: 600;
56
56
  color: #606266;
57
57
  }
58
- .array-item-actions[data-v-523a0579] {
58
+ .array-item-actions[data-v-ee7b725b] {
59
59
  display: flex;
60
60
  gap: 4px;
61
61
  }
62
- .array-item-content[data-v-523a0579] {
62
+ .array-item-content[data-v-ee7b725b] {
63
63
  padding: 12px;
64
64
  }
65
65
 
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- import{Fragment as e,computed as t,createBlock as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createSlots as o,createTextVNode as s,createVNode as c,defineComponent as l,inject as u,normalizeClass as d,normalizeStyle as f,openBlock as p,provide as ee,renderList as m,renderSlot as h,resolveComponent as g,toDisplayString as _,unref as v,withCtx as y}from"vue";import{QuestionFilled as b}from"@element-plus/icons-vue";import{ElTooltip as te}from"element-plus";const x={title:{type:`string`,title:`标题`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`title`},required:{type:`boolean`,title:`必填`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`required`,"x-component-props":{activeText:`显示`,inactiveText:`隐藏`}},tooltip:{type:`string`,title:`提示信息`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.tooltip`,"x-component-props":{placeholder:`鼠标悬停时显示的提示`}},labelWidth:{type:`string`,title:`标签宽度`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.labelWidth`,"x-component-props":{placeholder:`如: 100px, auto`}},layout:{type:`string`,title:`布局方式`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.layout`,enum:[{label:`继承`,value:`inherit`},{label:`行内`,value:`inline`},{label:`垂直`,value:`vertical`}]},labelAlign:{type:`string`,title:`标签对齐`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.labelAlign`,enum:[{label:`继承`,value:`inherit`},{label:`左对齐`,value:`left`},{label:`右对齐`,value:`right`}]}},S={placeholder:{type:`string`,title:`占位符`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.placeholder`},clearable:{type:`boolean`,title:`可清空`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.clearable`}},C={pattern:{type:`string`,title:`UI 形态`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-pattern`,enum:[{label:`继承`,value:`inherit`},{label:`禁用`,value:`disabled`},{label:`只读`,value:`readOnly`},{label:`可编辑`,value:`editable`}]}},w={size:{type:`string`,title:`尺寸`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.size`,enum:[{label:`继承`,value:`inherit`},{label:`大`,value:`large`},{label:`默认`,value:`default`},{label:`小`,value:`small`}]}};var ne={basicSetter:{...x,...C},componentSetter:{type:`object`,properties:{minItems:{type:`number`,title:`最少项数`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`minItems`,"x-component-props":{min:0}},maxItems:{type:`number`,title:`最多项数`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`maxItems`,"x-component-props":{min:0}}}}};const T=Symbol(`formContainer`);function E(e){let n=u(T,t(()=>({layout:`vertical`,labelWidth:`auto`,labelAlign:`left`,size:`default`,pattern:`inherit`})));return t(()=>{let t={...e};return t.pattern=e.pattern===`inherit`||!e.pattern?n.value.pattern||`inherit`:e.pattern,(!e.size||e.size===`inherit`)&&(t.size=n.value.size),(!e.layout||e.layout===`inherit`)&&(t.layout=n.value.layout),(!e.labelAlign||e.labelAlign===`inherit`)&&(t.labelAlign=n.value.labelAlign),(!e.labelWidth||e.labelWidth===`inherit`)&&(t.labelWidth=n.value.labelWidth),t})}var D=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n};const re={class:`formily-array`},ie={class:`array-header`},ae={key:0,class:`array-title`},oe={class:`array-actions`},se={class:`array-content`};var ce={component:D(l({name:`Array`,inheritAttrs:!1,__name:`ui`,props:{title:{},pattern:{},onAdd:{type:Function},onPush:{type:Function},onUnshift:{type:Function}},setup(e){let n=e,o=E(n),l=t(()=>{let e=o.value.pattern;return e===`disabled`||e===`readOnly`});return(e,t)=>{let o=g(`ElButton`);return p(),i(`div`,re,[a(`div`,ie,[n.title?(p(),i(`div`,ae,_(n.title),1)):r(``,!0),a(`div`,oe,[c(o,{type:`primary`,size:`small`,disabled:l.value,onClick:n.onAdd},{default:y(()=>[...t[0]||=[s(` 添加到末尾 `,-1)]]),_:1},8,[`disabled`,`onClick`]),c(o,{size:`small`,disabled:l.value,onClick:n.onUnshift},{default:y(()=>[...t[1]||=[s(` 添加到开头 `,-1)]]),_:1},8,[`disabled`,`onClick`])])]),a(`div`,se,[h(e.$slots,`default`,{},void 0,!0)])])}}}),[[`__scopeId`,`data-v-815fbbb0`]]),setterSchema:ne,config:{name:`数组容器`,icon:`Grid`,category:`容器`,description:`数组字段容器`},defaultSchema:{type:`array`,title:`数组容器`,"x-component":`Array`,"x-decorator":`FormItem`,"x-pattern":`inherit`,items:{type:`object`,"x-component":`ArrayItem`,properties:{}}}},le={basicSetter:{},componentSetter:{type:`object`,properties:{}}};const ue={class:`formily-array-item`},de={class:`array-item-header`},fe={class:`array-item-index`},pe={class:`array-item-actions`},me={class:`array-item-content`};var he={component:D(l({name:`ArrayItem`,inheritAttrs:!1,__name:`ui`,props:{arrayIndex:{},pattern:{},onAdd:{type:Function},onRemove:{type:Function},onMoveUp:{type:Function},onMoveDown:{type:Function}},setup(e){let n=e,r=E(n),o=t(()=>{let e=r.value.pattern;return e===`disabled`||e===`readOnly`});return(e,t)=>{let r=g(`ElButton`);return p(),i(`div`,ue,[a(`div`,de,[a(`div`,fe,` # `+_((n.arrayIndex??0)+1),1),a(`div`,pe,[c(r,{text:``,type:`primary`,size:`small`,disabled:o.value,onClick:n.onAdd},{default:y(()=>[...t[3]||=[s(` 添加 `,-1)]]),_:1},8,[`disabled`,`onClick`]),c(r,{text:``,size:`small`,disabled:o.value,onClick:t[0]||=()=>n.onMoveUp?.(n.arrayIndex)},{default:y(()=>[...t[4]||=[s(` 上移 `,-1)]]),_:1},8,[`disabled`]),c(r,{text:``,size:`small`,disabled:o.value,onClick:t[1]||=()=>n.onMoveDown?.(n.arrayIndex)},{default:y(()=>[...t[5]||=[s(` 下移 `,-1)]]),_:1},8,[`disabled`]),c(r,{text:``,type:`danger`,size:`small`,disabled:o.value,onClick:t[2]||=()=>n.onRemove?.(n.arrayIndex)},{default:y(()=>[...t[6]||=[s(` 删除 `,-1)]]),_:1},8,[`disabled`])])]),a(`div`,me,[h(e.$slots,`default`,{},void 0,!0)])])}}}),[[`__scopeId`,`data-v-523a0579`]]),setterSchema:le,config:{name:`数组项`,icon:`List`,category:`容器`,description:`数组项容器`,hidden:!0},defaultSchema:{type:`object`,"x-component":`ArrayItem`,"x-decorator":`FormItem`,"x-pattern":`inherit`,properties:{}}},O={basicSetter:{...x,...C,...w},componentSetter:{type:`object`,properties:{min:{type:`number`,title:`最少选择数`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.min`,"x-component-props":{min:0}},max:{type:`number`,title:`最多选择数`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.max`,"x-component-props":{min:0}},options:{type:`array`,title:`选项列表`,"x-component":`ArrayItems`,"x-decorator":`FormItem`,"x-path":`enum`,"x-decorator-props":{inset:!1,bordered:!1,wrapperWrap:!1,labelWrap:!1,fullness:!1,layout:`vertical`,labelAlign:`left`},items:{type:`object`,properties:{space:{type:`void`,"x-component":`Space`,properties:{kv:{type:`void`,properties:{label:{type:`string`,title:`标签`,"x-decorator":`FormItem`,"x-component":`Input`,"x-component-props":{placeholder:`显示文本`},"x-decorator-props":{labelWidth:`42px`}},value:{type:`string`,title:`值`,"x-decorator":`FormItem`,"x-component":`Input`,"x-component-props":{placeholder:`选项值`},"x-decorator-props":{labelWidth:`42px`}}}},remove:{type:`void`,"x-decorator":`FormItem`,"x-component":`ArrayItems.Remove`}}}}},properties:{add:{type:`void`,title:`添加选项`,"x-component":`ArrayItems.Addition`}}}}}};const k={key:0,class:`formily-form-item__required`},A={class:`formily-form-item__label-text`},j={class:`formily-form-item__content`};var M=D(l({name:`FormItemLayout`,inheritAttrs:!1,__name:`FormItemLayout`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{}},setup(e){let o=e,s=t(()=>`formily-form-item--${o.layout}`),l=t(()=>({width:o.labelWidth,textAlign:o.labelAlign}));return(e,t)=>{let u=g(`el-icon`);return p(),i(`div`,{class:d([`formily-form-item`,s.value])},[o.title?(p(),i(`div`,{key:0,class:`formily-form-item__label`,style:f(l.value)},[o.required?(p(),i(`span`,k,`*`)):r(``,!0),a(`span`,A,_(o.title),1),o.tooltip?(p(),n(v(te),{key:1,content:o.tooltip,placement:`top`,effect:`dark`},{default:y(()=>[c(u,{class:`formily-form-item__tooltip`},{default:y(()=>[c(v(b))]),_:1})]),_:1},8,[`content`])):r(``,!0)],4)):r(``,!0),a(`div`,j,[h(e.$slots,`default`,{},void 0,!0)])],2)}}}),[[`__scopeId`,`data-v-f9c057c6`]]),N={component:l({name:`CheckboxComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{},onChange:{type:Function},options:{},min:{},max:{},size:{}},setup(e){let r=e,i=E(r),a=t(()=>{let e=i.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}}),o=t(()=>a.value.disabled||a.value.readonly);return(e,t)=>{let a=g(`ElCheckboxGroup`);return p(),n(M,{title:r.title,required:r.required,tooltip:r.tooltip,"label-width":v(i).labelWidth,layout:v(i).layout,"label-align":v(i).labelAlign},{default:y(()=>[c(a,{"model-value":r.value,options:r.options,min:r.min,max:r.max,disabled:o.value,size:v(i).size,"onUpdate:modelValue":r.onChange},null,8,[`model-value`,`options`,`min`,`max`,`disabled`,`size`,`onUpdate:modelValue`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),setterSchema:O,config:{name:`复选框`,icon:`Select`,category:`选择`,description:`多选控件`},defaultSchema:{type:`string`,title:`复选框`,"x-component":`Checkbox`,"x-decorator":`FormItem`,"x-pattern":`inherit`,enum:[{label:`选项1`,value:`1`},{label:`选项2`,value:`2`},{label:`选项3`,value:`3`}]}},P={basicSetter:{...x,...S,...C,...w},componentSetter:{type:`object`,properties:{type:{type:`string`,title:`类型`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.type`,enum:[{label:`日期`,value:`date`},{label:`日期时间`,value:`datetime`},{label:`日期范围`,value:`daterange`},{label:`日期时间范围`,value:`datetimerange`},{label:`年`,value:`year`},{label:`月`,value:`month`},{label:`周`,value:`week`}]},format:{type:`string`,title:`显示格式`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.format`,"x-component-props":{placeholder:`如: YYYY-MM-DD`}},valueFormat:{type:`string`,title:`值格式`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.valueFormat`,"x-component-props":{placeholder:`如: YYYY-MM-DD`}},editable:{type:`boolean`,title:`可输入`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.editable`}}}},F={component:l({name:`DatePickerComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{},onChange:{type:Function},placeholder:{},format:{},valueFormat:{},type:{},clearable:{type:Boolean},editable:{type:Boolean},size:{}},setup(e){let r=e,i=E(r),a=t(()=>{let e=i.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}});return(e,t)=>{let o=g(`ElDatePicker`);return p(),n(M,{title:r.title,required:r.required,tooltip:r.tooltip,"label-width":v(i).labelWidth,layout:v(i).layout,"label-align":v(i).labelAlign},{default:y(()=>[c(o,{placeholder:r.placeholder,"model-value":r.value,format:r.format,"value-format":r.valueFormat,type:r.type||`date`,clearable:r.clearable,editable:r.editable,disabled:a.value.disabled,readonly:a.value.readonly,size:v(i).size,"onUpdate:modelValue":r.onChange},null,8,[`placeholder`,`model-value`,`format`,`value-format`,`type`,`clearable`,`editable`,`disabled`,`readonly`,`size`,`onUpdate:modelValue`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),setterSchema:P,config:{name:`日期选择器`,icon:`Calendar`,category:`基础`,description:`日期选择控件`},defaultSchema:{type:`string`,title:`日期选择器`,"x-component":`DatePicker`,"x-decorator":`FormItem`,"x-pattern":`inherit`,"x-component-props":{placeholder:`请选择日期`}}},I={component:D(l({name:`Divider`,inheritAttrs:!1,__name:`ui`,props:{orientation:{},dashed:{type:Boolean}},setup(e){let t=e;return(e,n)=>(p(),i(`div`,{class:d([`formily-divider`,{"divider-horizontal":t.orientation===`horizontal`,"divider-vertical":t.orientation===`vertical`,"divider-dashed":t.dashed}])},null,2))}}),[[`__scopeId`,`data-v-d0d9b7c7`]]),setterSchema:{basicSetter:{},componentSetter:{type:`object`,properties:{orientation:{type:`string`,title:`方向`,"x-component":`Radio.Group`,"x-decorator":`FormItem`,"x-path":`x-component-props.orientation`,enum:[{label:`水平`,value:`horizontal`},{label:`垂直`,value:`vertical`}]},dashed:{type:`boolean`,title:`虚线`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.dashed`}}}},config:{name:`分割线`,icon:`Minus`,category:`布局`,description:`内容分割线`},defaultSchema:{type:`void`,title:`分割线`,"x-component":`Divider`,"x-droppable":!1,"x-component-props":{orientation:`horizontal`,dashed:!1}}},L={basicSetter:{...x,...C},componentSetter:{type:`object`,properties:{gap:{type:`number`,title:`全局间距 (px)`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.form-gap`},size:{type:`string`,title:`全局尺寸`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.size`,enum:[{label:`大`,value:`large`},{label:`默认`,value:`default`},{label:`小`,value:`small`}]},layoutStyle:{type:`string`,title:`布局样式`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.layoutStyle`,enum:[{label:`无`,value:`none`},{label:`边框标题`,value:`border`},{label:`仅标题`,value:`border-none`}]},titleStyle:{type:`string`,title:`标题样式`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.titleStyle`,enum:[{label:`无`,value:`none`},{label:`居中`,value:`center`},{label:`左对齐`,value:`left`},{label:`右对齐`,value:`right`}]}}}},R={component:D(l({name:`FormContainer`,__name:`ui`,props:{title:{},layout:{},labelWidth:{},labelAlign:{},size:{},gap:{},pattern:{},layoutStyle:{},titleStyle:{}},setup(e){let n=e;ee(T,t(()=>({layout:n.layout,labelWidth:n.labelWidth,labelAlign:n.labelAlign,size:n.size,pattern:n.pattern})));let r=t(()=>`formily-form-container-layout-${n.layoutStyle}`),o=t(()=>`formily-form-container-title-${n.titleStyle}`);return(e,t)=>(p(),i(`div`,null,[a(`div`,{class:d([`formily-form-container-title`,o.value])},_(n.title),3),a(`div`,{class:d([`formily-form-container`,r.value]),style:f({gap:`${n.gap??8}px`})},[h(e.$slots,`default`,{},void 0,!0)],6)]))}}),[[`__scopeId`,`data-v-2000d8f2`]]),setterSchema:L,config:{name:`表单容器`,icon:`Box`,category:`布局`,description:`表单容器，可以为内部组件提供统一配置`},defaultSchema:{type:`void`,title:`表单容器`,"x-component":`FormContainer`,"x-pattern":`editable`,"x-component-props":{layout:`vertical`,labelWidth:`auto`,labelAlign:`left`,size:`default`,"form-gap":8},properties:{}}},z={component:D(l({name:`Grid`,inheritAttrs:!1,__name:`ui`,props:{columns:{},rows:{},columnGap:{},rowGap:{}},setup(e){let t=e;return(e,n)=>(p(),i(`div`,{class:`formily-grid`,style:f({display:`grid`,gridTemplateColumns:`repeat(${t.columns||3}, 1fr)`,gridTemplateRows:t.rows===`auto`?`auto`:`repeat(${t.rows||`auto`}, 1fr)`,columnGap:`${t.columnGap||16}px`,rowGap:`${t.rowGap||16}px`})},[h(e.$slots,`default`,{},void 0,!0)],4))}}),[[`__scopeId`,`data-v-3e87dffd`]]),setterSchema:{basicSetter:{},componentSetter:{type:`object`,properties:{columns:{type:`number`,title:`列数`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.columns`,"x-component-props":{min:1,max:12}},columnGap:{type:`number`,title:`列间距 (px)`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.columnGap`,"x-component-props":{min:0,max:100}},rowGap:{type:`number`,title:`行间距 (px)`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.rowGap`,"x-component-props":{min:0,max:100}}}}},config:{name:`Grid 布局`,icon:`Grid`,category:`布局`,description:`Grid 网格布局容器`},defaultSchema:{type:`void`,title:`Grid 容器`,"x-component":`Grid`,"x-component-props":{columns:3,rows:`auto`,columnGap:16,rowGap:16},properties:{}}},ge={basicSetter:{...x,...S,...C,...w},componentSetter:{type:`object`,properties:{maxlength:{type:`number`,title:`最大长度`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.maxlength`,"x-component-props":{min:0}},showWordLimit:{type:`boolean`,title:`显示字数`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.showWordLimit`},perfix:{type:`string`,title:`前缀`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.perfix`},suffix:{type:`string`,title:`后缀`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.suffix`}}}},_e={component:D(l({name:`InputComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{},onChange:{type:Function},placeholder:{},maxlength:{},showWordLimit:{type:Boolean},clearable:{type:Boolean},prefixIcon:{},suffixIcon:{},perfix:{},suffix:{},size:{}},setup(e){let r=e,i=E(r),a=t(()=>{let e=i.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}});return(e,t)=>{let l=g(`ElInput`);return p(),n(M,{title:r.title,required:r.required,tooltip:r.tooltip,"label-width":v(i).labelWidth,layout:v(i).layout,"label-align":v(i).labelAlign},{default:y(()=>[c(l,{placeholder:r.placeholder,maxlength:r.maxlength,"show-word-limit":r.showWordLimit,clearable:r.clearable,"prefix-icon":r.prefixIcon,"suffix-icon":r.suffixIcon,disabled:a.value.disabled,readonly:a.value.readonly,size:v(i).size,"model-value":r.value,"onUpdate:modelValue":r.onChange},o({_:2},[r.perfix?{name:`prepend`,fn:y(()=>[s(_(r.perfix),1)]),key:`0`}:void 0,r.suffix?{name:`append`,fn:y(()=>[s(_(r.suffix),1)]),key:`1`}:void 0]),1032,[`placeholder`,`maxlength`,`show-word-limit`,`clearable`,`prefix-icon`,`suffix-icon`,`disabled`,`readonly`,`size`,`model-value`,`onUpdate:modelValue`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),[[`__scopeId`,`data-v-99687dd5`]]),setterSchema:ge,config:{name:`输入框`,icon:`EditPen`,category:`基础`,description:`单行文本输入框`},defaultSchema:{type:`string`,title:`输入框`,"x-component":`Input`,"x-decorator":`FormItem`,"x-pattern":`inherit`,"x-component-props":{placeholder:`请输入`}}},ve={basicSetter:{...x,placeholder:{type:`string`,title:`占位符`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.placeholder`},...C,...w},componentSetter:{type:`object`,properties:{min:{type:`number`,title:`最小值`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.min`},max:{type:`number`,title:`最大值`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.max`},step:{type:`number`,title:`步长`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.step`,"x-component-props":{min:0}},precision:{type:`number`,title:`精度`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.precision`,"x-component-props":{min:0,max:10}},controls:{type:`boolean`,title:`显示控制按钮`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.controls`},controlsPosition:{type:`string`,title:`控制按钮位置`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.controlsPosition`,enum:[{label:`默认`,value:``},{label:`右侧`,value:`right`}]}}}},ye={component:l({name:`InputNumberComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{},onChange:{type:Function},min:{},max:{},step:{},precision:{},placeholder:{},controls:{type:Boolean},controlsPosition:{},size:{}},setup(e){let r=e,i=E(r),a=t(()=>{let e=i.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}});return(e,t)=>{let o=g(`ElInputNumber`);return p(),n(M,{title:r.title,required:r.required,tooltip:r.tooltip,"label-width":v(i).labelWidth,layout:v(i).layout,"label-align":v(i).labelAlign},{default:y(()=>[c(o,{placeholder:r.placeholder,"model-value":r.value,min:r.min,max:r.max,step:r.step,precision:r.precision,controls:r.controls,"controls-position":r.controlsPosition||void 0,disabled:a.value.disabled,readonly:a.value.readonly,size:v(i).size,"onUpdate:modelValue":r.onChange},null,8,[`placeholder`,`model-value`,`min`,`max`,`step`,`precision`,`controls`,`controls-position`,`disabled`,`readonly`,`size`,`onUpdate:modelValue`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),setterSchema:ve,config:{name:`数字输入框`,icon:`Histogram`,category:`基础`,description:`数字输入控件`},defaultSchema:{type:`number`,title:`数字输入框`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-pattern":`inherit`,"x-component-props":{placeholder:`请输入数字`}}},be={basicSetter:{...x,...C,...w},componentSetter:{type:`object`,properties:{options:{type:`array`,title:`选项列表`,"x-component":`ArrayItems`,"x-decorator":`FormItem`,"x-path":`enum`,"x-decorator-props":{inset:!1,bordered:!1,wrapperWrap:!1,labelWrap:!1,fullness:!1,layout:`vertical`,labelAlign:`left`},items:{type:`object`,properties:{space:{type:`void`,"x-component":`Space`,properties:{kv:{type:`void`,properties:{label:{type:`string`,title:`标签`,"x-decorator":`FormItem`,"x-component":`Input`,"x-component-props":{placeholder:`显示文本`},"x-decorator-props":{labelWidth:`42px`}},value:{type:`string`,title:`值`,"x-decorator":`FormItem`,"x-component":`Input`,"x-component-props":{placeholder:`选项值`},"x-decorator-props":{labelWidth:`42px`}}}},remove:{type:`void`,"x-decorator":`FormItem`,"x-component":`ArrayItems.Remove`}}}}},properties:{add:{type:`void`,title:`添加选项`,"x-component":`ArrayItems.Addition`}}}}}},xe={component:l({name:`RadioComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{},onChange:{type:Function},options:{},size:{}},setup(r){let a=r,o=E(a),l=t(()=>{let e=o.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}}),u=t(()=>l.value.disabled||l.value.readonly);return(t,r)=>{let l=g(`ElRadio`),d=g(`ElRadioGroup`);return p(),n(M,{title:a.title,required:a.required,tooltip:a.tooltip,"label-width":v(o).labelWidth,layout:v(o).layout,"label-align":v(o).labelAlign},{default:y(()=>[c(d,{"model-value":a.value,disabled:u.value,size:v(o).size,"onUpdate:modelValue":r[0]||=e=>a.onChange?.(e)},{default:y(()=>[(p(!0),i(e,null,m(a.options,e=>(p(),n(l,{key:e.value,value:e.value},{default:y(()=>[s(_(e.label),1)]),_:2},1032,[`value`]))),128))]),_:1},8,[`model-value`,`disabled`,`size`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),setterSchema:be,config:{name:`单选框`,icon:`CircleCheck`,category:`选择`,description:`单选控件`},defaultSchema:{type:`string`,title:`单选框`,"x-component":`Radio`,"x-decorator":`FormItem`,"x-pattern":`inherit`,enum:[{label:`选项1`,value:`1`},{label:`选项2`,value:`2`},{label:`选项3`,value:`3`}]}},Se={basicSetter:{...x,...S,...C,...w},componentSetter:{type:`object`,properties:{multiple:{title:`多选`,type:`boolean`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.multiple`},filterable:{title:`可搜索`,type:`boolean`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.filterable`},allowCreate:{title:`允许创建`,type:`boolean`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.allowCreate`},options:{type:`array`,title:`选项列表`,"x-component":`ArrayItems`,"x-decorator":`FormItem`,"x-path":`enum`,"x-decorator-props":{inset:!1,bordered:!1,wrapperWrap:!1,labelWrap:!1,fullness:!1,layout:`vertical`,labelAlign:`left`},items:{type:`object`,properties:{space:{type:`void`,"x-component":`Space`,properties:{kv:{type:`void`,properties:{label:{type:`string`,title:`标签`,"x-decorator":`FormItem`,"x-component":`Input`,"x-component-props":{placeholder:`显示文本`},"x-decorator-props":{labelWidth:`42px`}},value:{type:`string`,title:`值`,"x-decorator":`FormItem`,"x-component":`Input`,"x-component-props":{placeholder:`选项值`},"x-decorator-props":{labelWidth:`42px`}}}},remove:{type:`void`,"x-decorator":`FormItem`,"x-component":`ArrayItems.Remove`}}}}},properties:{add:{type:`void`,title:`添加选项`,"x-component":`ArrayItems.Addition`}}}}}},Ce={component:l({name:`SelectComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{},onChange:{type:Function},placeholder:{},options:{},multiple:{type:Boolean},clearable:{type:Boolean},filterable:{type:Boolean},allowCreate:{type:Boolean},size:{}},setup(r){let a=r,o=E(a),s=t(()=>{let e=o.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}});return(t,r)=>{let l=g(`ElOption`),u=g(`ElSelect`);return p(),n(M,{title:a.title,required:a.required,tooltip:a.tooltip,"label-width":v(o).labelWidth,layout:v(o).layout,"label-align":v(o).labelAlign},{default:y(()=>[c(u,{placeholder:a.placeholder,"model-value":a.value,multiple:a.multiple,clearable:a.clearable,filterable:a.filterable,"allow-create":a.allowCreate,disabled:s.value.disabled||s.value.readonly,size:v(o).size,"onUpdate:modelValue":a.onChange},{default:y(()=>[(p(!0),i(e,null,m(a.options,e=>(p(),n(l,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`placeholder`,`model-value`,`multiple`,`clearable`,`filterable`,`allow-create`,`disabled`,`size`,`onUpdate:modelValue`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),setterSchema:Se,config:{name:`下拉选择`,icon:`ArrowDown`,category:`选择`,description:`下拉选择器`},defaultSchema:{type:`string`,title:`下拉选择`,"x-component":`Select`,"x-decorator":`FormItem`,"x-pattern":`inherit`,"x-component-props":{placeholder:`请选择`},enum:[{label:`选项1`,value:`1`},{label:`选项2`,value:`2`},{label:`选项3`,value:`3`}]}},we={component:l({name:`Space`,inheritAttrs:!1,__name:`ui`,props:{direction:{},size:{}},setup(e){let n=e,r=t(()=>{let{direction:e,size:t}=n;return e===`vertical`?{width:`100%`,height:`${t||8}px`}:{width:`${t||8}px`,height:`100%`}});return(e,t)=>(p(),i(`div`,{style:f(r.value)},null,4))}}),setterSchema:{basicSetter:{},componentSetter:{type:`object`,properties:{direction:{type:`string`,title:`方向`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.direction`,"x-component-props":{activeText:`水平`,inactiveText:`垂直`,activeValue:`horizontal`,inactiveValue:`vertical`}},size:{type:`number`,title:`间距 (px)`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.size`,"x-component-props":{min:0,max:100}}}}},config:{name:`Space 间距`,icon:`Grid`,category:`布局`,description:`快捷间距容器`},defaultSchema:{type:`void`,title:`Space 间距`,"x-component":`Space`,"x-droppable":!1,"x-component-props":{direction:`horizontal`,size:8,align:`center`}}},Te={basicSetter:{...x,...C,...w},componentSetter:{type:`object`,properties:{activeText:{type:`string`,title:`激活文字`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.activeText`},inactiveText:{type:`string`,title:`未激活文字`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.inactiveText`},activeValue:{type:`string`,title:`激活值`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.activeValue`,"x-component-props":{placeholder:`默认为 true`}},inactiveValue:{type:`string`,title:`未激活值`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.inactiveValue`,"x-component-props":{placeholder:`默认为 false`}},inlinePrompt:{type:`boolean`,title:`内联文字`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.inlinePrompt`}}}},Ee={component:l({name:`SwitchComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{type:Boolean},onChange:{type:Function},activeText:{},inactiveText:{},activeValue:{},inactiveValue:{},inlinePrompt:{type:Boolean},size:{}},setup(e){let r=e,i=E(r),a=t(()=>{let e=i.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}}),o=t(()=>a.value.disabled||a.value.readonly);return(e,t)=>{let a=g(`ElSwitch`);return p(),n(M,{title:r.title,required:r.required,tooltip:r.tooltip,"label-width":v(i).labelWidth,layout:v(i).layout,"label-align":v(i).labelAlign},{default:y(()=>[c(a,{"model-value":r.value,"active-text":r.activeText,"inactive-text":r.inactiveText,"active-value":r.activeValue,"inactive-value":r.inactiveValue,"inline-prompt":r.inlinePrompt,disabled:o.value,size:v(i).size,"onUpdate:modelValue":r.onChange},null,8,[`model-value`,`active-text`,`inactive-text`,`active-value`,`inactive-value`,`inline-prompt`,`disabled`,`size`,`onUpdate:modelValue`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),setterSchema:Te,config:{name:`开关`,icon:`Switch`,category:`基础`,description:`开关控件`},defaultSchema:{type:`boolean`,title:`开关`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-pattern":`inherit`}},De={basicSetter:{...x,...S,...C,...w},componentSetter:{type:`object`,properties:{rows:{type:`number`,title:`行数`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.rows`,"x-component-props":{min:1,max:20,step:1}},maxlength:{type:`number`,title:`最大长度`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.maxlength`,"x-component-props":{min:0}},showWordLimit:{type:`boolean`,title:`显示字数限制`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.showWordLimit`},autosize:{type:`boolean`,title:`自适应高度`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.autosize`},resize:{type:`string`,title:`缩放`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.resize`,enum:[{label:`无`,value:`none`},{label:`垂直`,value:`vertical`},{label:`水平`,value:`horizontal`},{label:`全部`,value:`both`}]}}}},Oe={component:l({name:`TextAreaComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{},onChange:{type:Function},placeholder:{},rows:{},maxlength:{},showWordLimit:{type:Boolean},clearable:{type:Boolean},autosize:{type:[Boolean,Object]},resize:{},size:{}},setup(e){let r=e,i=E(r),a=t(()=>{let e=i.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}});return(e,t)=>{let o=g(`ElInput`);return p(),n(M,{title:r.title,required:r.required,tooltip:r.tooltip,"label-width":v(i).labelWidth,layout:v(i).layout,"label-align":v(i).labelAlign},{default:y(()=>[c(o,{type:`textarea`,placeholder:r.placeholder,rows:r.rows,maxlength:r.maxlength,"show-word-limit":r.showWordLimit,clearable:r.clearable,autosize:r.autosize,resize:r.resize,disabled:a.value.disabled,readonly:a.value.readonly,size:v(i).size,"model-value":r.value,"onUpdate:modelValue":r.onChange},null,8,[`placeholder`,`rows`,`maxlength`,`show-word-limit`,`clearable`,`autosize`,`resize`,`disabled`,`readonly`,`size`,`model-value`,`onUpdate:modelValue`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),setterSchema:De,config:{name:`文本域`,icon:`Document`,category:`基础`,description:`多行文本输入框`},defaultSchema:{type:`string`,title:`文本域`,"x-component":`TextArea`,"x-decorator":`FormItem`,"x-pattern":`inherit`,"x-component-props":{placeholder:`请输入`,rows:4}}};const B=_e,V=ce,H=he,U=Ce,W=N,G=xe,K=F,q=Oe,J=Ee,Y=ye,X=z,Z=we,Q=I,$=R,ke={Input:B,Array:V,ArrayItem:H,Select:U,Checkbox:W,Radio:G,DatePicker:K,TextArea:q,Switch:J,InputNumber:Y,Grid:X,Space:Z,Divider:Q,FormContainer:$};export{V as Array,H as ArrayItem,W as Checkbox,K as DatePicker,Q as Divider,$ as FormContainer,X as Grid,B as Input,Y as InputNumber,G as Radio,U as Select,Z as Space,J as Switch,q as TextArea,ke as components};
1
+ import{Fragment as e,computed as t,createBlock as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createSlots as o,createTextVNode as s,createVNode as c,defineComponent as l,inject as u,normalizeClass as d,normalizeStyle as f,openBlock as p,provide as ee,renderList as m,renderSlot as h,resolveComponent as g,toDisplayString as _,unref as v,withCtx as y}from"vue";import{QuestionFilled as b}from"@element-plus/icons-vue";import{ElTooltip as te}from"element-plus";const x={title:{type:`string`,title:`标题`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`title`},required:{type:`boolean`,title:`必填`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`required`,"x-component-props":{activeText:`显示`,inactiveText:`隐藏`}},tooltip:{type:`string`,title:`提示信息`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.tooltip`,"x-component-props":{placeholder:`鼠标悬停时显示的提示`}},labelWidth:{type:`string`,title:`标签宽度`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.labelWidth`,"x-component-props":{placeholder:`如: 100px, auto`}},layout:{type:`string`,title:`布局方式`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.layout`,enum:[{label:`继承`,value:`inherit`},{label:`行内`,value:`inline`},{label:`垂直`,value:`vertical`}]},labelAlign:{type:`string`,title:`标签对齐`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.labelAlign`,enum:[{label:`继承`,value:`inherit`},{label:`左对齐`,value:`left`},{label:`右对齐`,value:`right`}]}},S={placeholder:{type:`string`,title:`占位符`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.placeholder`},clearable:{type:`boolean`,title:`可清空`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.clearable`}},C={pattern:{type:`string`,title:`UI 形态`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-pattern`,enum:[{label:`继承`,value:`inherit`},{label:`禁用`,value:`disabled`},{label:`只读`,value:`readOnly`},{label:`可编辑`,value:`editable`}]}},w={size:{type:`string`,title:`尺寸`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.size`,enum:[{label:`继承`,value:`inherit`},{label:`大`,value:`large`},{label:`默认`,value:`default`},{label:`小`,value:`small`}]}};var ne={basicSetter:{...x,...C},componentSetter:{type:`object`,properties:{minItems:{type:`number`,title:`最少项数`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`minItems`,"x-component-props":{min:0}},maxItems:{type:`number`,title:`最多项数`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`maxItems`,"x-component-props":{min:0}}}}};const T=Symbol(`formContainer`);function E(e){let n=u(T,t(()=>({layout:`vertical`,labelWidth:`auto`,labelAlign:`left`,size:`default`,pattern:`inherit`})));return t(()=>{let t={...e};return t.pattern=e.pattern===`inherit`||!e.pattern?n.value.pattern||`inherit`:e.pattern,(!e.size||e.size===`inherit`)&&(t.size=n.value.size),(!e.layout||e.layout===`inherit`)&&(t.layout=n.value.layout),(!e.labelAlign||e.labelAlign===`inherit`)&&(t.labelAlign=n.value.labelAlign),(!e.labelWidth||e.labelWidth===`inherit`)&&(t.labelWidth=n.value.labelWidth),t})}var D=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n};const re={class:`formily-array`},ie={class:`array-header`},ae={key:0,class:`array-title`},oe={class:`array-actions`},se={class:`array-content`};var ce={component:D(l({name:`Array`,inheritAttrs:!1,__name:`ui`,props:{title:{},pattern:{},onAdd:{type:Function},onPush:{type:Function},onUnshift:{type:Function}},setup(e){let n=e,o=E(n),l=t(()=>{let e=o.value.pattern;return e===`disabled`||e===`readOnly`});return(e,t)=>{let o=g(`ElButton`);return p(),i(`div`,re,[a(`div`,ie,[n.title?(p(),i(`div`,ae,_(n.title),1)):r(``,!0),a(`div`,oe,[c(o,{type:`primary`,size:`small`,disabled:l.value,onClick:n.onAdd},{default:y(()=>[...t[0]||=[s(` 添加到末尾 `,-1)]]),_:1},8,[`disabled`,`onClick`]),c(o,{size:`small`,disabled:l.value,onClick:n.onUnshift},{default:y(()=>[...t[1]||=[s(` 添加到开头 `,-1)]]),_:1},8,[`disabled`,`onClick`])])]),a(`div`,se,[h(e.$slots,`default`,{},void 0,!0)])])}}}),[[`__scopeId`,`data-v-5f0123be`]]),setterSchema:ne,config:{name:`数组容器`,icon:`Grid`,category:`容器`,description:`数组字段容器`},defaultSchema:{type:`array`,title:`数组容器`,"x-component":`Array`,"x-decorator":`FormItem`,"x-pattern":`inherit`,items:{type:`object`,"x-component":`ArrayItem`,properties:{}}}},le={basicSetter:{},componentSetter:{type:`object`,properties:{}}};const ue={class:`formily-array-item`},de={class:`array-item-header`},fe={class:`array-item-index`},pe={class:`array-item-actions`},me={class:`array-item-content`};var he={component:D(l({name:`ArrayItem`,inheritAttrs:!1,__name:`ui`,props:{arrayIndex:{},pattern:{},onAdd:{type:Function},onRemove:{type:Function},onMoveUp:{type:Function},onMoveDown:{type:Function}},setup(e){let n=e,r=E(n),o=t(()=>{let e=r.value.pattern;return e===`disabled`||e===`readOnly`});return(e,t)=>{let r=g(`ElButton`);return p(),i(`div`,ue,[a(`div`,de,[a(`div`,fe,` # `+_((n.arrayIndex??0)+1),1),a(`div`,pe,[c(r,{text:``,type:`primary`,size:`small`,disabled:o.value,onClick:n.onAdd},{default:y(()=>[...t[3]||=[s(` 添加 `,-1)]]),_:1},8,[`disabled`,`onClick`]),c(r,{text:``,size:`small`,disabled:o.value,onClick:t[0]||=()=>n.onMoveUp?.(n.arrayIndex)},{default:y(()=>[...t[4]||=[s(` 上移 `,-1)]]),_:1},8,[`disabled`]),c(r,{text:``,size:`small`,disabled:o.value,onClick:t[1]||=()=>n.onMoveDown?.(n.arrayIndex)},{default:y(()=>[...t[5]||=[s(` 下移 `,-1)]]),_:1},8,[`disabled`]),c(r,{text:``,type:`danger`,size:`small`,disabled:o.value,onClick:t[2]||=()=>n.onRemove?.(n.arrayIndex)},{default:y(()=>[...t[6]||=[s(` 删除 `,-1)]]),_:1},8,[`disabled`])])]),a(`div`,me,[h(e.$slots,`default`,{},void 0,!0)])])}}}),[[`__scopeId`,`data-v-ee7b725b`]]),setterSchema:le,config:{name:`数组项`,icon:`List`,category:`容器`,description:`数组项容器`,hidden:!0},defaultSchema:{type:`object`,"x-component":`ArrayItem`,"x-decorator":`FormItem`,"x-pattern":`inherit`,properties:{}}},O={basicSetter:{...x,...C,...w},componentSetter:{type:`object`,properties:{min:{type:`number`,title:`最少选择数`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.min`,"x-component-props":{min:0}},max:{type:`number`,title:`最多选择数`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.max`,"x-component-props":{min:0}},options:{type:`array`,title:`选项列表`,"x-component":`ArrayItems`,"x-decorator":`FormItem`,"x-path":`enum`,"x-decorator-props":{inset:!1,bordered:!1,wrapperWrap:!1,labelWrap:!1,fullness:!1,layout:`vertical`,labelAlign:`left`},items:{type:`object`,properties:{space:{type:`void`,"x-component":`Space`,properties:{kv:{type:`void`,properties:{label:{type:`string`,title:`标签`,"x-decorator":`FormItem`,"x-component":`Input`,"x-component-props":{placeholder:`显示文本`},"x-decorator-props":{labelWidth:`42px`}},value:{type:`string`,title:`值`,"x-decorator":`FormItem`,"x-component":`Input`,"x-component-props":{placeholder:`选项值`},"x-decorator-props":{labelWidth:`42px`}}}},remove:{type:`void`,"x-decorator":`FormItem`,"x-component":`ArrayItems.Remove`}}}}},properties:{add:{type:`void`,title:`添加选项`,"x-component":`ArrayItems.Addition`}}}}}};const k={key:0,class:`formily-form-item__required`},A={class:`formily-form-item__label-text`},j={class:`formily-form-item__content`};var M=D(l({name:`FormItemLayout`,inheritAttrs:!1,__name:`FormItemLayout`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{}},setup(e){let o=e,s=t(()=>`formily-form-item--${o.layout}`),l=t(()=>({width:o.labelWidth,textAlign:o.labelAlign}));return(e,t)=>{let u=g(`el-icon`);return p(),i(`div`,{class:d([`formily-form-item`,s.value])},[o.title?(p(),i(`div`,{key:0,class:`formily-form-item__label`,style:f(l.value)},[o.required?(p(),i(`span`,k,`*`)):r(``,!0),a(`span`,A,_(o.title),1),o.tooltip?(p(),n(v(te),{key:1,content:o.tooltip,placement:`top`,effect:`dark`},{default:y(()=>[c(u,{class:`formily-form-item__tooltip`},{default:y(()=>[c(v(b))]),_:1})]),_:1},8,[`content`])):r(``,!0)],4)):r(``,!0),a(`div`,j,[h(e.$slots,`default`,{},void 0,!0)])],2)}}}),[[`__scopeId`,`data-v-f9c057c6`]]),N={component:l({name:`CheckboxComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{},onChange:{type:Function},options:{},min:{},max:{},size:{}},setup(e){let r=e,i=E(r),a=t(()=>{let e=i.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}}),o=t(()=>a.value.disabled||a.value.readonly);return(e,t)=>{let a=g(`ElCheckboxGroup`);return p(),n(M,{title:r.title,required:r.required,tooltip:r.tooltip,"label-width":v(i).labelWidth,layout:v(i).layout,"label-align":v(i).labelAlign},{default:y(()=>[c(a,{"model-value":r.value,options:r.options,min:r.min,max:r.max,disabled:o.value,size:v(i).size,"onUpdate:modelValue":r.onChange},null,8,[`model-value`,`options`,`min`,`max`,`disabled`,`size`,`onUpdate:modelValue`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),setterSchema:O,config:{name:`复选框`,icon:`Select`,category:`选择`,description:`多选控件`},defaultSchema:{type:`string`,title:`复选框`,"x-component":`Checkbox`,"x-decorator":`FormItem`,"x-pattern":`inherit`,enum:[{label:`选项1`,value:`1`},{label:`选项2`,value:`2`},{label:`选项3`,value:`3`}]}},P={basicSetter:{...x,...S,...C,...w},componentSetter:{type:`object`,properties:{type:{type:`string`,title:`类型`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.type`,enum:[{label:`日期`,value:`date`},{label:`日期时间`,value:`datetime`},{label:`日期范围`,value:`daterange`},{label:`日期时间范围`,value:`datetimerange`},{label:`年`,value:`year`},{label:`月`,value:`month`},{label:`周`,value:`week`}]},format:{type:`string`,title:`显示格式`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.format`,"x-component-props":{placeholder:`如: YYYY-MM-DD`}},valueFormat:{type:`string`,title:`值格式`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.valueFormat`,"x-component-props":{placeholder:`如: YYYY-MM-DD`}},editable:{type:`boolean`,title:`可输入`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.editable`}}}},F={component:l({name:`DatePickerComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{},onChange:{type:Function},placeholder:{},format:{},valueFormat:{},type:{},clearable:{type:Boolean},editable:{type:Boolean},size:{}},setup(e){let r=e,i=E(r),a=t(()=>{let e=i.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}});return(e,t)=>{let o=g(`ElDatePicker`);return p(),n(M,{title:r.title,required:r.required,tooltip:r.tooltip,"label-width":v(i).labelWidth,layout:v(i).layout,"label-align":v(i).labelAlign},{default:y(()=>[c(o,{placeholder:r.placeholder,"model-value":r.value,format:r.format,"value-format":r.valueFormat,type:r.type||`date`,clearable:r.clearable,editable:r.editable,disabled:a.value.disabled,readonly:a.value.readonly,size:v(i).size,"onUpdate:modelValue":r.onChange},null,8,[`placeholder`,`model-value`,`format`,`value-format`,`type`,`clearable`,`editable`,`disabled`,`readonly`,`size`,`onUpdate:modelValue`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),setterSchema:P,config:{name:`日期选择器`,icon:`Calendar`,category:`基础`,description:`日期选择控件`},defaultSchema:{type:`string`,title:`日期选择器`,"x-component":`DatePicker`,"x-decorator":`FormItem`,"x-pattern":`inherit`,"x-component-props":{placeholder:`请选择日期`}}},I={component:D(l({name:`Divider`,inheritAttrs:!1,__name:`ui`,props:{orientation:{},dashed:{type:Boolean}},setup(e){let t=e;return(e,n)=>(p(),i(`div`,{class:d([`formily-divider`,{"divider-horizontal":t.orientation===`horizontal`,"divider-vertical":t.orientation===`vertical`,"divider-dashed":t.dashed}])},null,2))}}),[[`__scopeId`,`data-v-d0d9b7c7`]]),setterSchema:{basicSetter:{},componentSetter:{type:`object`,properties:{orientation:{type:`string`,title:`方向`,"x-component":`Radio.Group`,"x-decorator":`FormItem`,"x-path":`x-component-props.orientation`,enum:[{label:`水平`,value:`horizontal`},{label:`垂直`,value:`vertical`}]},dashed:{type:`boolean`,title:`虚线`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.dashed`}}}},config:{name:`分割线`,icon:`Minus`,category:`布局`,description:`内容分割线`},defaultSchema:{type:`void`,title:`分割线`,"x-component":`Divider`,"x-droppable":!1,"x-component-props":{orientation:`horizontal`,dashed:!1}}},L={basicSetter:{...x,...C},componentSetter:{type:`object`,properties:{gap:{type:`number`,title:`全局间距 (px)`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.form-gap`},size:{type:`string`,title:`全局尺寸`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.size`,enum:[{label:`大`,value:`large`},{label:`默认`,value:`default`},{label:`小`,value:`small`}]},layoutStyle:{type:`string`,title:`布局样式`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.layoutStyle`,enum:[{label:`无`,value:`none`},{label:`边框标题`,value:`border`},{label:`仅标题`,value:`border-none`}]},titleStyle:{type:`string`,title:`标题样式`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.titleStyle`,enum:[{label:`无`,value:`none`},{label:`居中`,value:`center`},{label:`左对齐`,value:`left`},{label:`右对齐`,value:`right`}]}}}},R={component:D(l({name:`FormContainer`,__name:`ui`,props:{title:{},layout:{},labelWidth:{},labelAlign:{},size:{},gap:{},pattern:{},layoutStyle:{},titleStyle:{}},setup(e){let n=e;ee(T,t(()=>({layout:n.layout,labelWidth:n.labelWidth,labelAlign:n.labelAlign,size:n.size,pattern:n.pattern})));let r=t(()=>`formily-form-container-layout-${n.layoutStyle}`),o=t(()=>`formily-form-container-title-${n.titleStyle}`);return(e,t)=>(p(),i(`div`,null,[a(`div`,{class:d([`formily-form-container-title`,o.value])},_(n.title),3),a(`div`,{class:d([`formily-form-container`,r.value]),style:f({gap:`${n.gap??8}px`})},[h(e.$slots,`default`,{},void 0,!0)],6)]))}}),[[`__scopeId`,`data-v-2000d8f2`]]),setterSchema:L,config:{name:`表单容器`,icon:`Box`,category:`布局`,description:`表单容器，可以为内部组件提供统一配置`},defaultSchema:{type:`void`,title:`表单容器`,"x-component":`FormContainer`,"x-pattern":`editable`,"x-component-props":{layout:`vertical`,labelWidth:`auto`,labelAlign:`left`,size:`default`,"form-gap":8},properties:{}}},z={component:D(l({name:`Grid`,inheritAttrs:!1,__name:`ui`,props:{columns:{},rows:{},columnGap:{},rowGap:{}},setup(e){let t=e;return(e,n)=>(p(),i(`div`,{class:`formily-grid`,style:f({display:`grid`,gridTemplateColumns:`repeat(${t.columns||3}, 1fr)`,gridTemplateRows:t.rows===`auto`?`auto`:`repeat(${t.rows||`auto`}, 1fr)`,columnGap:`${t.columnGap||16}px`,rowGap:`${t.rowGap||16}px`})},[h(e.$slots,`default`,{},void 0,!0)],4))}}),[[`__scopeId`,`data-v-3e87dffd`]]),setterSchema:{basicSetter:{},componentSetter:{type:`object`,properties:{columns:{type:`number`,title:`列数`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.columns`,"x-component-props":{min:1,max:12}},columnGap:{type:`number`,title:`列间距 (px)`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.columnGap`,"x-component-props":{min:0,max:100}},rowGap:{type:`number`,title:`行间距 (px)`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.rowGap`,"x-component-props":{min:0,max:100}}}}},config:{name:`Grid 布局`,icon:`Grid`,category:`布局`,description:`Grid 网格布局容器`},defaultSchema:{type:`void`,title:`Grid 容器`,"x-component":`Grid`,"x-component-props":{columns:3,rows:`auto`,columnGap:16,rowGap:16},properties:{}}},ge={basicSetter:{...x,...S,...C,...w},componentSetter:{type:`object`,properties:{maxlength:{type:`number`,title:`最大长度`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.maxlength`,"x-component-props":{min:0}},showWordLimit:{type:`boolean`,title:`显示字数`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.showWordLimit`},perfix:{type:`string`,title:`前缀`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.perfix`},suffix:{type:`string`,title:`后缀`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.suffix`}}}},_e={component:D(l({name:`InputComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{},onChange:{type:Function},placeholder:{},maxlength:{},showWordLimit:{type:Boolean},clearable:{type:Boolean},prefixIcon:{},suffixIcon:{},perfix:{},suffix:{},size:{}},setup(e){let r=e,i=E(r),a=t(()=>{let e=i.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}});return(e,t)=>{let l=g(`ElInput`);return p(),n(M,{title:r.title,required:r.required,tooltip:r.tooltip,"label-width":v(i).labelWidth,layout:v(i).layout,"label-align":v(i).labelAlign},{default:y(()=>[c(l,{placeholder:r.placeholder,maxlength:r.maxlength,"show-word-limit":r.showWordLimit,clearable:r.clearable,"prefix-icon":r.prefixIcon,"suffix-icon":r.suffixIcon,disabled:a.value.disabled,readonly:a.value.readonly,size:v(i).size,"model-value":r.value,"onUpdate:modelValue":r.onChange},o({_:2},[r.perfix?{name:`prepend`,fn:y(()=>[s(_(r.perfix),1)]),key:`0`}:void 0,r.suffix?{name:`append`,fn:y(()=>[s(_(r.suffix),1)]),key:`1`}:void 0]),1032,[`placeholder`,`maxlength`,`show-word-limit`,`clearable`,`prefix-icon`,`suffix-icon`,`disabled`,`readonly`,`size`,`model-value`,`onUpdate:modelValue`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),[[`__scopeId`,`data-v-99687dd5`]]),setterSchema:ge,config:{name:`输入框`,icon:`EditPen`,category:`基础`,description:`单行文本输入框`},defaultSchema:{type:`string`,title:`输入框`,"x-component":`Input`,"x-decorator":`FormItem`,"x-pattern":`inherit`,"x-component-props":{placeholder:`请输入`}}},ve={basicSetter:{...x,placeholder:{type:`string`,title:`占位符`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.placeholder`},...C,...w},componentSetter:{type:`object`,properties:{min:{type:`number`,title:`最小值`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.min`},max:{type:`number`,title:`最大值`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.max`},step:{type:`number`,title:`步长`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.step`,"x-component-props":{min:0}},precision:{type:`number`,title:`精度`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.precision`,"x-component-props":{min:0,max:10}},controls:{type:`boolean`,title:`显示控制按钮`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.controls`},controlsPosition:{type:`string`,title:`控制按钮位置`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.controlsPosition`,enum:[{label:`默认`,value:``},{label:`右侧`,value:`right`}]}}}},ye={component:l({name:`InputNumberComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{},onChange:{type:Function},min:{},max:{},step:{},precision:{},placeholder:{},controls:{type:Boolean},controlsPosition:{},size:{}},setup(e){let r=e,i=E(r),a=t(()=>{let e=i.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}});return(e,t)=>{let o=g(`ElInputNumber`);return p(),n(M,{title:r.title,required:r.required,tooltip:r.tooltip,"label-width":v(i).labelWidth,layout:v(i).layout,"label-align":v(i).labelAlign},{default:y(()=>[c(o,{placeholder:r.placeholder,"model-value":r.value,min:r.min,max:r.max,step:r.step,precision:r.precision,controls:r.controls,"controls-position":r.controlsPosition||void 0,disabled:a.value.disabled,readonly:a.value.readonly,size:v(i).size,"onUpdate:modelValue":r.onChange},null,8,[`placeholder`,`model-value`,`min`,`max`,`step`,`precision`,`controls`,`controls-position`,`disabled`,`readonly`,`size`,`onUpdate:modelValue`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),setterSchema:ve,config:{name:`数字输入框`,icon:`Histogram`,category:`基础`,description:`数字输入控件`},defaultSchema:{type:`number`,title:`数字输入框`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-pattern":`inherit`,"x-component-props":{placeholder:`请输入数字`}}},be={basicSetter:{...x,...C,...w},componentSetter:{type:`object`,properties:{options:{type:`array`,title:`选项列表`,"x-component":`ArrayItems`,"x-decorator":`FormItem`,"x-path":`enum`,"x-decorator-props":{inset:!1,bordered:!1,wrapperWrap:!1,labelWrap:!1,fullness:!1,layout:`vertical`,labelAlign:`left`},items:{type:`object`,properties:{space:{type:`void`,"x-component":`Space`,properties:{kv:{type:`void`,properties:{label:{type:`string`,title:`标签`,"x-decorator":`FormItem`,"x-component":`Input`,"x-component-props":{placeholder:`显示文本`},"x-decorator-props":{labelWidth:`42px`}},value:{type:`string`,title:`值`,"x-decorator":`FormItem`,"x-component":`Input`,"x-component-props":{placeholder:`选项值`},"x-decorator-props":{labelWidth:`42px`}}}},remove:{type:`void`,"x-decorator":`FormItem`,"x-component":`ArrayItems.Remove`}}}}},properties:{add:{type:`void`,title:`添加选项`,"x-component":`ArrayItems.Addition`}}}}}},xe={component:l({name:`RadioComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{},onChange:{type:Function},options:{},size:{}},setup(r){let a=r,o=E(a),l=t(()=>{let e=o.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}}),u=t(()=>l.value.disabled||l.value.readonly);return(t,r)=>{let l=g(`ElRadio`),d=g(`ElRadioGroup`);return p(),n(M,{title:a.title,required:a.required,tooltip:a.tooltip,"label-width":v(o).labelWidth,layout:v(o).layout,"label-align":v(o).labelAlign},{default:y(()=>[c(d,{"model-value":a.value,disabled:u.value,size:v(o).size,"onUpdate:modelValue":r[0]||=e=>a.onChange?.(e)},{default:y(()=>[(p(!0),i(e,null,m(a.options,e=>(p(),n(l,{key:e.value,value:e.value},{default:y(()=>[s(_(e.label),1)]),_:2},1032,[`value`]))),128))]),_:1},8,[`model-value`,`disabled`,`size`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),setterSchema:be,config:{name:`单选框`,icon:`CircleCheck`,category:`选择`,description:`单选控件`},defaultSchema:{type:`string`,title:`单选框`,"x-component":`Radio`,"x-decorator":`FormItem`,"x-pattern":`inherit`,enum:[{label:`选项1`,value:`1`},{label:`选项2`,value:`2`},{label:`选项3`,value:`3`}]}},Se={basicSetter:{...x,...S,...C,...w},componentSetter:{type:`object`,properties:{multiple:{title:`多选`,type:`boolean`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.multiple`},filterable:{title:`可搜索`,type:`boolean`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.filterable`},allowCreate:{title:`允许创建`,type:`boolean`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.allowCreate`},options:{type:`array`,title:`选项列表`,"x-component":`ArrayItems`,"x-decorator":`FormItem`,"x-path":`enum`,"x-decorator-props":{inset:!1,bordered:!1,wrapperWrap:!1,labelWrap:!1,fullness:!1,layout:`vertical`,labelAlign:`left`},items:{type:`object`,properties:{space:{type:`void`,"x-component":`Space`,properties:{kv:{type:`void`,properties:{label:{type:`string`,title:`标签`,"x-decorator":`FormItem`,"x-component":`Input`,"x-component-props":{placeholder:`显示文本`},"x-decorator-props":{labelWidth:`42px`}},value:{type:`string`,title:`值`,"x-decorator":`FormItem`,"x-component":`Input`,"x-component-props":{placeholder:`选项值`},"x-decorator-props":{labelWidth:`42px`}}}},remove:{type:`void`,"x-decorator":`FormItem`,"x-component":`ArrayItems.Remove`}}}}},properties:{add:{type:`void`,title:`添加选项`,"x-component":`ArrayItems.Addition`}}}}}},Ce={component:l({name:`SelectComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{},onChange:{type:Function},placeholder:{},options:{},multiple:{type:Boolean},clearable:{type:Boolean},filterable:{type:Boolean},allowCreate:{type:Boolean},size:{}},setup(r){let a=r,o=E(a),s=t(()=>{let e=o.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}});return(t,r)=>{let l=g(`ElOption`),u=g(`ElSelect`);return p(),n(M,{title:a.title,required:a.required,tooltip:a.tooltip,"label-width":v(o).labelWidth,layout:v(o).layout,"label-align":v(o).labelAlign},{default:y(()=>[c(u,{placeholder:a.placeholder,"model-value":a.value,multiple:a.multiple,clearable:a.clearable,filterable:a.filterable,"allow-create":a.allowCreate,disabled:s.value.disabled||s.value.readonly,size:v(o).size,"onUpdate:modelValue":a.onChange},{default:y(()=>[(p(!0),i(e,null,m(a.options,e=>(p(),n(l,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`placeholder`,`model-value`,`multiple`,`clearable`,`filterable`,`allow-create`,`disabled`,`size`,`onUpdate:modelValue`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),setterSchema:Se,config:{name:`下拉选择`,icon:`ArrowDown`,category:`选择`,description:`下拉选择器`},defaultSchema:{type:`string`,title:`下拉选择`,"x-component":`Select`,"x-decorator":`FormItem`,"x-pattern":`inherit`,"x-component-props":{placeholder:`请选择`},enum:[{label:`选项1`,value:`1`},{label:`选项2`,value:`2`},{label:`选项3`,value:`3`}]}},we={component:l({name:`Space`,inheritAttrs:!1,__name:`ui`,props:{direction:{},size:{}},setup(e){let n=e,r=t(()=>{let{direction:e,size:t}=n;return e===`vertical`?{width:`100%`,height:`${t||8}px`}:{width:`${t||8}px`,height:`100%`}});return(e,t)=>(p(),i(`div`,{style:f(r.value)},null,4))}}),setterSchema:{basicSetter:{},componentSetter:{type:`object`,properties:{direction:{type:`string`,title:`方向`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.direction`,"x-component-props":{activeText:`水平`,inactiveText:`垂直`,activeValue:`horizontal`,inactiveValue:`vertical`}},size:{type:`number`,title:`间距 (px)`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.size`,"x-component-props":{min:0,max:100}}}}},config:{name:`Space 间距`,icon:`Grid`,category:`布局`,description:`快捷间距容器`},defaultSchema:{type:`void`,title:`Space 间距`,"x-component":`Space`,"x-droppable":!1,"x-component-props":{direction:`horizontal`,size:8,align:`center`}}},Te={basicSetter:{...x,...C,...w},componentSetter:{type:`object`,properties:{activeText:{type:`string`,title:`激活文字`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.activeText`},inactiveText:{type:`string`,title:`未激活文字`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.inactiveText`},activeValue:{type:`string`,title:`激活值`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.activeValue`,"x-component-props":{placeholder:`默认为 true`}},inactiveValue:{type:`string`,title:`未激活值`,"x-component":`Input`,"x-decorator":`FormItem`,"x-path":`x-component-props.inactiveValue`,"x-component-props":{placeholder:`默认为 false`}},inlinePrompt:{type:`boolean`,title:`内联文字`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.inlinePrompt`}}}},Ee={component:l({name:`SwitchComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{type:Boolean},onChange:{type:Function},activeText:{},inactiveText:{},activeValue:{},inactiveValue:{},inlinePrompt:{type:Boolean},size:{}},setup(e){let r=e,i=E(r),a=t(()=>{let e=i.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}}),o=t(()=>a.value.disabled||a.value.readonly);return(e,t)=>{let a=g(`ElSwitch`);return p(),n(M,{title:r.title,required:r.required,tooltip:r.tooltip,"label-width":v(i).labelWidth,layout:v(i).layout,"label-align":v(i).labelAlign},{default:y(()=>[c(a,{"model-value":r.value,"active-text":r.activeText,"inactive-text":r.inactiveText,"active-value":r.activeValue,"inactive-value":r.inactiveValue,"inline-prompt":r.inlinePrompt,disabled:o.value,size:v(i).size,"onUpdate:modelValue":r.onChange},null,8,[`model-value`,`active-text`,`inactive-text`,`active-value`,`inactive-value`,`inline-prompt`,`disabled`,`size`,`onUpdate:modelValue`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),setterSchema:Te,config:{name:`开关`,icon:`Switch`,category:`基础`,description:`开关控件`},defaultSchema:{type:`boolean`,title:`开关`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-pattern":`inherit`}},De={basicSetter:{...x,...S,...C,...w},componentSetter:{type:`object`,properties:{rows:{type:`number`,title:`行数`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.rows`,"x-component-props":{min:1,max:20,step:1}},maxlength:{type:`number`,title:`最大长度`,"x-component":`InputNumber`,"x-decorator":`FormItem`,"x-path":`x-component-props.maxlength`,"x-component-props":{min:0}},showWordLimit:{type:`boolean`,title:`显示字数限制`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.showWordLimit`},autosize:{type:`boolean`,title:`自适应高度`,"x-component":`Switch`,"x-decorator":`FormItem`,"x-path":`x-component-props.autosize`},resize:{type:`string`,title:`缩放`,"x-component":`Select`,"x-decorator":`FormItem`,"x-path":`x-component-props.resize`,enum:[{label:`无`,value:`none`},{label:`垂直`,value:`vertical`},{label:`水平`,value:`horizontal`},{label:`全部`,value:`both`}]}}}},Oe={component:l({name:`TextAreaComponent`,inheritAttrs:!1,__name:`ui`,props:{title:{},required:{type:Boolean},tooltip:{},labelWidth:{},layout:{},labelAlign:{},pattern:{},value:{},onChange:{type:Function},placeholder:{},rows:{},maxlength:{},showWordLimit:{type:Boolean},clearable:{type:Boolean},autosize:{type:[Boolean,Object]},resize:{},size:{}},setup(e){let r=e,i=E(r),a=t(()=>{let e=i.value.pattern;return{disabled:e===`disabled`,readonly:e===`readOnly`}});return(e,t)=>{let o=g(`ElInput`);return p(),n(M,{title:r.title,required:r.required,tooltip:r.tooltip,"label-width":v(i).labelWidth,layout:v(i).layout,"label-align":v(i).labelAlign},{default:y(()=>[c(o,{type:`textarea`,placeholder:r.placeholder,rows:r.rows,maxlength:r.maxlength,"show-word-limit":r.showWordLimit,clearable:r.clearable,autosize:r.autosize,resize:r.resize,disabled:a.value.disabled,readonly:a.value.readonly,size:v(i).size,"model-value":r.value,"onUpdate:modelValue":r.onChange},null,8,[`placeholder`,`rows`,`maxlength`,`show-word-limit`,`clearable`,`autosize`,`resize`,`disabled`,`readonly`,`size`,`model-value`,`onUpdate:modelValue`])]),_:1},8,[`title`,`required`,`tooltip`,`label-width`,`layout`,`label-align`])}}}),setterSchema:De,config:{name:`文本域`,icon:`Document`,category:`基础`,description:`多行文本输入框`},defaultSchema:{type:`string`,title:`文本域`,"x-component":`TextArea`,"x-decorator":`FormItem`,"x-pattern":`inherit`,"x-component-props":{placeholder:`请输入`,rows:4}}};const B=_e,V=ce,H=he,U=Ce,W=N,G=xe,K=F,q=Oe,J=Ee,Y=ye,X=z,Z=we,Q=I,$=R,ke={Input:B,Array:V,ArrayItem:H,Select:U,Checkbox:W,Radio:G,DatePicker:K,TextArea:q,Switch:J,InputNumber:Y,Grid:X,Space:Z,Divider:Q,FormContainer:$};export{V as Array,H as ArrayItem,W as Checkbox,K as DatePicker,Q as Divider,$ as FormContainer,X as Grid,B as Input,Y as InputNumber,G as Radio,U as Select,Z as Space,J as Switch,q as TextArea,ke as components};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@formily-djd/component",
3
3
  "type": "module",
4
- "version": "0.0.12",
4
+ "version": "0.0.14",
5
5
  "description": "djd formily component",
6
6
  "author": "gaojinsong2010@gmail.com",
7
7
  "license": "MIT",
@@ -24,7 +24,7 @@
24
24
  "@formily/vue": "^2.3.7",
25
25
  "element-plus": "^2.11.7",
26
26
  "vue": "^3.5.22",
27
- "@formily-djd/utils": "0.0.12"
27
+ "@formily-djd/utils": "0.0.14"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@antfu/eslint-config": "^5.4.1",