@dckj-npm/dc-material 0.1.376 → 0.1.378

package/lowcode_es/custom-form/meta.js

@@ -19,59 +19,203 @@ var CustomFormMeta = {
     component: {
       isContainer: true
     },
-    props: [{
-      title: '列数',
-      name: 'columns',
-      setter: {
-        componentName: 'RadioGroupSetter',
-        props: {
-          dataSource: [{
-            label: '一列',
-            value: 1
-          }, {
-            label: '二列',
-            value: 2
-          }, {
-            label: '三列',
-            value: 3
-          }, {
-            label: '四列',
-            value: 4
-          }],
-          options: [{
-            label: '一列',
-            value: 1
-          }, {
-            label: '二列',
-            value: 2
-          }, {
-            label: '三列',
-            value: 3
-          }, {
-            label: '四列',
-            value: 4
-          }]
+    props: [
+    // ─────────────────────────────────────────────────────────────────────
+    // 分组一：全局布局
+    // ─────────────────────────────────────────────────────────────────────
+    {
+      type: 'group',
+      title: '全局布局',
+      name: 'layoutGroup',
+      display: 'accordion',
+      items: [{
+        title: {
+          label: '列数',
+          tip: '表单的整体列数，所有表单项按此列数排列。\n单列适合简单表单，多列适合信息密集的编辑页面。'
         },
-        initialValue: 1
-      }
-    }, {
-      title: '间距',
-      name: 'spacing',
-      setter: {
-        componentName: 'JsonSetter',
-        isRequired: false,
-        initialValue: [0, 16, 16, 0]
-      }
-    }, {
-      title: '空态文案',
-      name: 'emptyContent',
-      setter: {
-        componentName: 'StringSetter',
-        isRequired: false,
-        initialValue: '添加表单项'
-      }
-    }, {
-      title: '表单项',
+        name: 'columns',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [{
+              title: '一列',
+              value: 1
+            }, {
+              title: '二列',
+              value: 2
+            }, {
+              title: '三列',
+              value: 3
+            }, {
+              title: '四列',
+              value: 4
+            }]
+          },
+          initialValue: 1
+        }
+      }, {
+        title: {
+          label: '标签位置',
+          tip: '表单标签相对于输入框的位置：\n· 顶部（top）：标签在输入框上方，适合移动端或字段较多时\n· 左侧（left）：标签在输入框左侧，传统表单样式，配合「标签宽度」使用\n· 内嵌（inset）：标签显示在输入框内部，输入时标签浮动到上方'
+        },
+        name: 'labelAlign',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [{
+              title: '顶部',
+              value: 'top'
+            }, {
+              title: '左侧',
+              value: 'left'
+            }, {
+              title: '内嵌',
+              value: 'inset'
+            }]
+          },
+          initialValue: 'top'
+        },
+        extraProps: {
+          setValue: function setValue(target, value) {
+            if (value === 'left') {
+              target.getProps().setPropValue('labelCol', {
+                fixedSpan: 4
+              });
+            } else {
+              target.getProps().setPropValue('labelCol', null);
+            }
+            target.getProps().setPropValue('labelAlign', value);
+          }
+        }
+      }, {
+        title: {
+          label: '标签宽度',
+          tip: '当标签位置为「左侧」时，设置标签列的固定宽度（格宫列数，1~24）。\nJSON 示例：{ "fixedSpan": 6 } 意为标签占 6 格。\n不填则自动宽度。常用值：4（短标签）、6（中等标签）、8（长标签）'
+        },
+        name: 'labelCol.fixedSpan',
+        condition: function condition(target) {
+          return target.getProps().getPropValue('labelAlign') === 'left';
+        },
+        setter: {
+          componentName: 'NumberSetter',
+          props: {
+            min: 1,
+            max: 12
+          },
+          initialValue: 4
+        }
+      }, {
+        title: {
+          label: '行间距',
+          tip: '每行表单项之间的上下间距（像素）。\n默认 0。建议设为 8~16px 让表单更舒适。'
+        },
+        name: '!rowGap',
+        extraProps: {
+          getValue: function getValue(target) {
+            var _sp$;
+            var sp = target.getProps().getPropValue('spacing');
+            return Array.isArray(sp) ? (_sp$ = sp[0]) !== null && _sp$ !== void 0 ? _sp$ : 0 : 0;
+          },
+          setValue: function setValue(target, value) {
+            var _sp$2;
+            var sp = target.getProps().getPropValue('spacing');
+            var colGap = Array.isArray(sp) ? (_sp$2 = sp[1]) !== null && _sp$2 !== void 0 ? _sp$2 : 16 : 16;
+            target.getProps().setPropValue('spacing', [value, colGap]);
+          }
+        },
+        setter: {
+          componentName: 'NumberSetter',
+          props: {
+            min: 0,
+            max: 100
+          },
+          initialValue: 0
+        }
+      }, {
+        title: {
+          label: '列间距',
+          tip: '多列表单中各列之间的左右间距（像素）。\n默认 16px。单列表单中此设置无明显效果。'
+        },
+        name: '!colGap',
+        extraProps: {
+          getValue: function getValue(target) {
+            var _sp$3;
+            var sp = target.getProps().getPropValue('spacing');
+            return Array.isArray(sp) ? (_sp$3 = sp[1]) !== null && _sp$3 !== void 0 ? _sp$3 : 16 : 16;
+          },
+          setValue: function setValue(target, value) {
+            var _sp$4;
+            var sp = target.getProps().getPropValue('spacing');
+            var rowGap = Array.isArray(sp) ? (_sp$4 = sp[0]) !== null && _sp$4 !== void 0 ? _sp$4 : 0 : 0;
+            target.getProps().setPropValue('spacing', [rowGap, value]);
+          }
+        },
+        setter: {
+          componentName: 'NumberSetter',
+          props: {
+            min: 0,
+            max: 100
+          },
+          initialValue: 16
+        }
+      }, {
+        title: {
+          label: '组件宽度占满',
+          tip: '全局控制所有表单项的输入组件是否撑满容器宽度（100%）。\n开启后相当为每个表单项设置 fullWidth=true。\n单个表单项的「宽度占满」设置优先级更高，可覆盖此全局值。'
+        },
+        name: 'fullWidth',
+        setter: {
+          componentName: 'BoolSetter',
+          initialValue: true
+        }
+      }, {
+        title: {
+          label: '表单状态',
+          tip: '编辑态：正常填写表单。\n只读态：所有输入框变为纯文本显示，空值显示"—"。\n常用于"查看详情"场景，绑定变量可动态切换编辑/只读。'
+        },
+        name: '!status',
+        extraProps: {
+          getValue: function getValue(target) {
+            return target.getProps().getPropValue('isPreview') ? 'readonly' : 'editable';
+          },
+          setValue: function setValue(target, value) {
+            target.getProps().setPropValue('isPreview', value === 'readonly');
+          }
+        },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [{
+              title: '编辑',
+              value: 'editable'
+            }, {
+              title: '只读',
+              value: 'readonly'
+            }]
+          },
+          initialValue: 'editable'
+        }
+      }, {
+        title: {
+          label: '空态文案',
+          tip: '当没有任何表单项时展示的提示文字。'
+        },
+        name: 'emptyContent',
+        setter: {
+          componentName: 'StringSetter',
+          isRequired: false,
+          initialValue: '添加表单项'
+        }
+      }]
+    },
+    // ─────────────────────────────────────────────────────────────────────
+    // 分组二：表单项配置
+    // ─────────────────────────────────────────────────────────────────────
+    {
+      title: {
+        label: '表单项',
+        tip: '配置表单中每一行的字段。\n每个表单项需要填写「字段名」和「标题」，其余可选。\n字段名（field）是提交数据时的 key，需要与后端接口字段名保持一致。'
+      },
       name: 'formItems',
       setter: {
         componentName: 'ArraySetter',
@@ -80,8 +224,13 @@ var CustomFormMeta = {
             componentName: 'ObjectSetter',
             props: {
               config: {
-                items: [{
-                  title: '字段名',
+                items: [
+                // ── 基础
+                {
+                  title: {
+                    label: '字段名',
+                    tip: '必填。提交表单时该字段的 key 名称，需与后端接口字段名一致。\n例如：user_name、phone、banquet_date'
+                  },
                   name: 'field',
                   setter: {
                     componentName: 'StringSetter',
@@ -89,58 +238,131 @@ var CustomFormMeta = {
                     initialValue: ''
                   }
                 }, {
-                  title: '标题',
+                  title: {
+                    label: '标题',
+                    tip: '表单项左侧（或上方）显示的文字标签。\n例如：姓名、手机号、宴请日期'
+                  },
                   name: 'label',
+                  important: true,
+                  display: 'inline',
                   setter: {
                     componentName: 'StringSetter',
                     isRequired: false,
                     initialValue: ''
                   }
                 }, {
-                  title: '必填',
+                  title: {
+                    label: '必填',
+                    tip: '开启后标题旁显示红色星号，并在提交时自动校验该字段不能为空。'
+                  },
                   name: 'required',
                   setter: {
                     componentName: 'BoolSetter',
                     isRequired: false,
                     initialValue: false
                   }
-                }, {
-                  title: '组件类型',
+                },
+                // ── 组件类型
+                {
+                  title: {
+                    label: '组件类型',
+                    tip: '选择该字段使用哪种输入控件：\n· 输入框（Input）：单行文本，最常用\n· 多行文本（TextArea）：适合备注、描述\n· 下拉选择（Select）：从预设选项中选一个\n· 单选组（RadioGroup）：横排单选按钮\n· 复选组（CheckboxGroup）：多选框\n· 数字输入（NumberPicker）：带加减按钮的数字\n· 日期选择（DatePicker）：日历弹出选日期\n· 上传（Upload）：文件/图片上传'
+                  },
                   name: 'componentType',
+                  important: true,
+                  display: 'inline',
                   setter: {
                     componentName: 'SelectSetter',
                     props: {
                       options: [{
-                        label: '输入框',
+                        label: '输入框 (Input)',
                         value: 'Input'
                       }, {
-                        label: '多行文本',
+                        label: '多行文本 (TextArea)',
                         value: 'TextArea'
                       }, {
-                        label: '下拉选择',
+                        label: '下拉选择 (Select)',
                         value: 'Select'
                       }, {
-                        label: '单选组',
+                        label: '单选组 (RadioGroup)',
                         value: 'RadioGroup'
                       }, {
-                        label: '复选组',
+                        label: '复选组 (CheckboxGroup)',
                         value: 'CheckboxGroup'
                       }, {
-                        label: '数字输入',
+                        label: '数字输入 (NumberPicker)',
                         value: 'NumberPicker'
                       }, {
-                        label: '日期选择',
+                        label: '日期选择 (DatePicker)',
                         value: 'DatePicker'
                       }, {
-                        label: '上传',
+                        label: '日期时间 (DateTimePicker)',
+                        value: 'DateTimePicker'
+                      }, {
+                        label: '上传 (Upload)',
                         value: 'Upload'
                       }]
                     },
                     initialValue: 'Input'
                   }
-                }, {
-                  title: '选项',
+                },
+                // ── 输入提示（仅对支持 placeholder 的组件显示）
+                {
+                  title: {
+                    label: '输入提示',
+                    tip: '显示在输入框内的灰色提示文字（placeholder）。\n例如：请输入姓名、请选择日期'
+                  },
+                  name: 'placeholder',
+                  condition: function condition(target) {
+                    var _target$parent, _target$parent$getPro;
+                    var t = ((_target$parent = target.parent) === null || _target$parent === void 0 ? void 0 : (_target$parent$getPro = _target$parent.getPropValue) === null || _target$parent$getPro === void 0 ? void 0 : _target$parent$getPro.call(_target$parent, 'componentType')) || 'Input';
+                    return !['Upload', 'RadioGroup', 'CheckboxGroup'].includes(t);
+                  },
+                  setter: {
+                    componentName: 'StringSetter',
+                    isRequired: false,
+                    initialValue: ''
+                  }
+                },
+                // ── 默认值
+                {
+                  title: {
+                    label: '默认值',
+                    tip: '该字段的初始默认值，表单打开时自动填入。\n· 文本类型填写字符串，例如：待处理\n· 数字类型填写数字，例如：0\n· 日期类型填写格式化字符串，例如：2026-01-01\n· 下拉/单选填写选项的 value 值，例如：male\n· 复选框填写数组，例如：["a","b"]\n\n优先级高于"全局初始值"（initialValues）中同名字段。'
+                  },
+                  name: 'initialValue',
+                  setter: {
+                    componentName: 'MixedSetter',
+                    props: {
+                      setters: [{
+                        componentName: 'StringSetter',
+                        title: '字符串'
+                      }, {
+                        componentName: 'NumberSetter',
+                        title: '数字'
+                      }, {
+                        componentName: 'BoolSetter',
+                        title: '布尔'
+                      }, {
+                        componentName: 'JsonSetter',
+                        title: 'JSON（数组/对象）'
+                      }]
+                    },
+                    isRequired: false
+                  }
+                },
+                // ── 选项（下拉/单选/复选）
+                {
+                  title: {
+                    label: '选项列表',
+                    tip: '仅在组件类型为「下拉选择」「单选组」「复选组」时生效。\n每个选项需配置：\n· 名称（label）：界面上显示的文字，例如：男\n· 值（value）：提交时实际传给后端的值，例如：male'
+                  },
                   name: 'options',
+                  condition: function condition(target) {
+                    var _target$parent2, _target$parent2$getPr, _target$parent3, _target$parent3$paren, _target$parent3$paren2;
+                    var t = ((_target$parent2 = target.parent) === null || _target$parent2 === void 0 ? void 0 : (_target$parent2$getPr = _target$parent2.getPropValue) === null || _target$parent2$getPr === void 0 ? void 0 : _target$parent2$getPr.call(_target$parent2, 'componentType')) || ((_target$parent3 = target.parent) === null || _target$parent3 === void 0 ? void 0 : (_target$parent3$paren = _target$parent3.parent) === null || _target$parent3$paren === void 0 ? void 0 : (_target$parent3$paren2 = _target$parent3$paren.getPropValue) === null || _target$parent3$paren2 === void 0 ? void 0 : _target$parent3$paren2.call(_target$parent3$paren, 'componentType'));
+                    return ['Select', 'RadioGroup', 'CheckboxGroup'].includes(t);
+                  },
                   setter: {
                     componentName: 'ArraySetter',
                     props: {
@@ -149,7 +371,10 @@ var CustomFormMeta = {
                         props: {
                           config: {
                             items: [{
-                              title: '名称',
+                              title: {
+                                label: '名称',
+                                tip: '选项显示的文字'
+                              },
                               name: 'label',
                               setter: {
                                 componentName: 'StringSetter',
@@ -157,7 +382,10 @@ var CustomFormMeta = {
                                 initialValue: ''
                               }
                             }, {
-                              title: '值',
+                              title: {
+                                label: '值',
+                                tip: '提交时传给后端的实际值'
+                              },
                               name: 'value',
                               setter: {
                                 componentName: 'StringSetter',
@@ -171,129 +399,1689 @@ var CustomFormMeta = {
                     },
                     initialValue: []
                   }
-                }, {
-                  title: '列跨度',
+                },
+                // ── 动态选项绑定（阶段二）
+                {
+                  title: {
+                    label: '动态选项绑定',
+                    tip: '仅在组件类型为「下拉选择」「单选组」「复选组」时生效。\n绑定后优先级高于上方「选项列表」（静态配置）。\n支持绑定页面变量或数据源返回的数组，数组格式为 [{label, value}, ...]。\n常见用法：将套餐列表、城市列表等接口数据直接绑定到选项。'
+                  },
+                  name: 'optionsBind',
+                  condition: function condition(target) {
+                    var _target$parent4, _target$parent4$getPr, _target$parent5, _target$parent5$paren, _target$parent5$paren2;
+                    var t = ((_target$parent4 = target.parent) === null || _target$parent4 === void 0 ? void 0 : (_target$parent4$getPr = _target$parent4.getPropValue) === null || _target$parent4$getPr === void 0 ? void 0 : _target$parent4$getPr.call(_target$parent4, 'componentType')) || ((_target$parent5 = target.parent) === null || _target$parent5 === void 0 ? void 0 : (_target$parent5$paren = _target$parent5.parent) === null || _target$parent5$paren === void 0 ? void 0 : (_target$parent5$paren2 = _target$parent5$paren.getPropValue) === null || _target$parent5$paren2 === void 0 ? void 0 : _target$parent5$paren2.call(_target$parent5$paren, 'componentType'));
+                    return ['Select', 'RadioGroup', 'CheckboxGroup'].includes(t);
+                  },
+                  setter: {
+                    componentName: 'SetterFormVariable',
+                    props: {
+                      attributes: [{
+                        label: '选项数据',
+                        value: 'optionsBind',
+                        children: [{
+                          label: '显示文字',
+                          isRequire: true,
+                          value: 'label'
+                        }, {
+                          label: '选项值',
+                          isRequire: true,
+                          value: 'value'
+                        }]
+                      }]
+                    }
+                  }
+                },
+                // ── 布局
+                {
+                  title: {
+                    label: '列跨度',
+                    tip: '该表单项横向占几列（不超过表单总列数）。\n例如总列数为 4，设置为 2 则占一半宽度，设置为 4 则独占一行。'
+                  },
                   name: 'columnSpan',
+                  setter: {
+                    componentName: 'RadioGroupSetter',
+                    props: {
+                      options: [{
+                        title: '1格',
+                        value: 1
+                      }, {
+                        title: '2格',
+                        value: 2
+                      }, {
+                        title: '3格',
+                        value: 3
+                      }, {
+                        title: '4格',
+                        value: 4
+                      }]
+                    },
+                    initialValue: 1
+                  }
+                }, {
+                  title: {
+                    label: '尺寸',
+                    tip: '单个表单项的组件尺寸，优先级高于表单全局 size。\n不设置时继承表单全局尺寸（默认 medium）。'
+                  },
+                  name: 'size',
+                  setter: {
+                    componentName: 'RadioGroupSetter',
+                    props: {
+                      options: [{
+                        title: '小',
+                        value: 'small'
+                      }, {
+                        title: '中',
+                        value: 'medium'
+                      }, {
+                        title: '大',
+                        value: 'large'
+                      }]
+                    }
+                  }
+                }, {
+                  title: {
+                    label: '宽度占满',
+                    tip: '开启后该表单项的输入组件宽度为 100%，撑满所在列的宽度。\n默认开启，通常不需要关闭。'
+                  },
+                  name: 'fullWidth',
+                  setter: {
+                    componentName: 'BoolSetter',
+                    initialValue: true
+                  }
+                },
+                // ── 提示信息
+                {
+                  title: {
+                    label: '错误提示',
+                    tip: '校验失败时显示的自定义错误文字，涵盖必填为空与正则/格式不匹配两种情况。\n不填则由组件自动生成，例如"xxx 不能为空"或"格式不正确"。\n示例：请输入正确的 11 位手机号'
+                  },
+                  name: '!helpMsg',
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent6, _target$parent6$getPr, _target$parent7, _target$parent7$getPr, _target$parent7$getPr2;
+                      return ((_target$parent6 = target.parent) === null || _target$parent6 === void 0 ? void 0 : (_target$parent6$getPr = _target$parent6.getPropValue) === null || _target$parent6$getPr === void 0 ? void 0 : _target$parent6$getPr.call(_target$parent6, 'help')) || ((_target$parent7 = target.parent) === null || _target$parent7 === void 0 ? void 0 : (_target$parent7$getPr = _target$parent7.getPropValue) === null || _target$parent7$getPr === void 0 ? void 0 : (_target$parent7$getPr2 = _target$parent7$getPr.call(_target$parent7, 'formItemProps')) === null || _target$parent7$getPr2 === void 0 ? void 0 : _target$parent7$getPr2.requiredMessage) || '';
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent8, _target$parent8$setPr, _target$parent9, _target$parent9$getPr, _target$parent0, _target$parent0$setPr;
+                      (_target$parent8 = target.parent) === null || _target$parent8 === void 0 ? void 0 : (_target$parent8$setPr = _target$parent8.setPropValue) === null || _target$parent8$setPr === void 0 ? void 0 : _target$parent8$setPr.call(_target$parent8, 'help', value || undefined);
+                      var fp = _extends({}, ((_target$parent9 = target.parent) === null || _target$parent9 === void 0 ? void 0 : (_target$parent9$getPr = _target$parent9.getPropValue) === null || _target$parent9$getPr === void 0 ? void 0 : _target$parent9$getPr.call(_target$parent9, 'formItemProps')) || {});
+                      if (!value) {
+                        delete fp.requiredMessage;
+                      } else {
+                        fp.requiredMessage = value;
+                      }
+                      (_target$parent0 = target.parent) === null || _target$parent0 === void 0 ? void 0 : (_target$parent0$setPr = _target$parent0.setPropValue) === null || _target$parent0$setPr === void 0 ? void 0 : _target$parent0$setPr.call(_target$parent0, 'formItemProps', fp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'StringSetter',
+                    isRequired: false,
+                    initialValue: ''
+                  }
+                }, {
+                  title: {
+                    label: '补充说明',
+                    tip: '始终显示在输入框下方的灰色提示文字，与错误提示共存，用于告知用户填写要求或格式。\n例如：手机号用于接收预订通知短信'
+                  },
+                  name: 'extra',
+                  setter: {
+                    componentName: 'StringSetter',
+                    isRequired: false,
+                    initialValue: ''
+                  }
+                },
+                // ── 组件属性（结构化，按组件类型分组）
+                // ── 通用：禁用
+                {
+                  title: {
+                    label: '禁用',
+                    tip: '开启后该输入组件变为禁用状态，用户无法编辑。'
+                  },
+                  name: '!disabled',
+                  condition: function condition(target) {
+                    var _target$parent1, _target$parent1$getPr;
+                    var t = ((_target$parent1 = target.parent) === null || _target$parent1 === void 0 ? void 0 : (_target$parent1$getPr = _target$parent1.getPropValue) === null || _target$parent1$getPr === void 0 ? void 0 : _target$parent1$getPr.call(_target$parent1, 'componentType')) || 'Input';
+                    return !['Upload'].includes(t);
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent10, _target$parent10$getP, _target$parent10$getP2;
+                      return (_target$parent10 = target.parent) === null || _target$parent10 === void 0 ? void 0 : (_target$parent10$getP = _target$parent10.getPropValue) === null || _target$parent10$getP === void 0 ? void 0 : (_target$parent10$getP2 = _target$parent10$getP.call(_target$parent10, 'componentProps')) === null || _target$parent10$getP2 === void 0 ? void 0 : _target$parent10$getP2.disabled;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent11, _target$parent11$getP, _target$parent12, _target$parent12$setP;
+                      var cp = _extends({}, ((_target$parent11 = target.parent) === null || _target$parent11 === void 0 ? void 0 : (_target$parent11$getP = _target$parent11.getPropValue) === null || _target$parent11$getP === void 0 ? void 0 : _target$parent11$getP.call(_target$parent11, 'componentProps')) || {});
+                      cp.disabled = value;
+                      (_target$parent12 = target.parent) === null || _target$parent12 === void 0 ? void 0 : (_target$parent12$setP = _target$parent12.setPropValue) === null || _target$parent12$setP === void 0 ? void 0 : _target$parent12$setP.call(_target$parent12, 'componentProps', cp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'BoolSetter',
+                    initialValue: false
+                  }
+                },
+                // ── Input：最大字符数 / 只读
+                {
+                  title: {
+                    label: '最大字符数',
+                    tip: '输入框最多允许输入的字符数。\n超出后无法继续输入。配合「显示计数」使用效果更好。'
+                  },
+                  name: '!maxLength',
+                  condition: function condition(target) {
+                    var _target$parent13, _target$parent13$getP;
+                    var t = ((_target$parent13 = target.parent) === null || _target$parent13 === void 0 ? void 0 : (_target$parent13$getP = _target$parent13.getPropValue) === null || _target$parent13$getP === void 0 ? void 0 : _target$parent13$getP.call(_target$parent13, 'componentType')) || 'Input';
+                    return ['Input', 'TextArea'].includes(t);
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent14, _target$parent14$getP, _target$parent14$getP2;
+                      return (_target$parent14 = target.parent) === null || _target$parent14 === void 0 ? void 0 : (_target$parent14$getP = _target$parent14.getPropValue) === null || _target$parent14$getP === void 0 ? void 0 : (_target$parent14$getP2 = _target$parent14$getP.call(_target$parent14, 'componentProps')) === null || _target$parent14$getP2 === void 0 ? void 0 : _target$parent14$getP2.maxLength;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent15, _target$parent15$getP, _target$parent16, _target$parent16$setP;
+                      var cp = _extends({}, ((_target$parent15 = target.parent) === null || _target$parent15 === void 0 ? void 0 : (_target$parent15$getP = _target$parent15.getPropValue) === null || _target$parent15$getP === void 0 ? void 0 : _target$parent15$getP.call(_target$parent15, 'componentProps')) || {});
+                      if (value === undefined || value === null || value === '') {
+                        delete cp.maxLength;
+                      } else {
+                        cp.maxLength = value;
+                      }
+                      (_target$parent16 = target.parent) === null || _target$parent16 === void 0 ? void 0 : (_target$parent16$setP = _target$parent16.setPropValue) === null || _target$parent16$setP === void 0 ? void 0 : _target$parent16$setP.call(_target$parent16, 'componentProps', cp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'NumberSetter',
+                    props: {
+                      min: 1
+                    }
+                  }
+                }, {
+                  title: {
+                    label: '显示计数',
+                    tip: '开启后在输入框右下角显示"已输入/最大字符数"计数器。\n需配合「最大字符数」使用。'
+                  },
+                  name: '!hasLimitHint',
+                  condition: function condition(target) {
+                    var _target$parent17, _target$parent17$getP;
+                    var t = ((_target$parent17 = target.parent) === null || _target$parent17 === void 0 ? void 0 : (_target$parent17$getP = _target$parent17.getPropValue) === null || _target$parent17$getP === void 0 ? void 0 : _target$parent17$getP.call(_target$parent17, 'componentType')) || 'Input';
+                    return ['Input', 'TextArea'].includes(t);
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent18, _target$parent18$getP, _target$parent18$getP2;
+                      return (_target$parent18 = target.parent) === null || _target$parent18 === void 0 ? void 0 : (_target$parent18$getP = _target$parent18.getPropValue) === null || _target$parent18$getP === void 0 ? void 0 : (_target$parent18$getP2 = _target$parent18$getP.call(_target$parent18, 'componentProps')) === null || _target$parent18$getP2 === void 0 ? void 0 : _target$parent18$getP2.hasLimitHint;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent19, _target$parent19$getP, _target$parent20, _target$parent20$setP;
+                      var cp = _extends({}, ((_target$parent19 = target.parent) === null || _target$parent19 === void 0 ? void 0 : (_target$parent19$getP = _target$parent19.getPropValue) === null || _target$parent19$getP === void 0 ? void 0 : _target$parent19$getP.call(_target$parent19, 'componentProps')) || {});
+                      cp.hasLimitHint = value;
+                      (_target$parent20 = target.parent) === null || _target$parent20 === void 0 ? void 0 : (_target$parent20$setP = _target$parent20.setPropValue) === null || _target$parent20$setP === void 0 ? void 0 : _target$parent20$setP.call(_target$parent20, 'componentProps', cp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'BoolSetter',
+                    initialValue: false
+                  }
+                }, {
+                  title: {
+                    label: '只读',
+                    tip: '开启后输入框内容不可编辑（与禁用不同，只读不改变样式）。\n常用于"自动计算填入"的字段，如套餐价格。'
+                  },
+                  name: '!readOnly',
+                  condition: function condition(target) {
+                    var _target$parent21, _target$parent21$getP;
+                    var t = ((_target$parent21 = target.parent) === null || _target$parent21 === void 0 ? void 0 : (_target$parent21$getP = _target$parent21.getPropValue) === null || _target$parent21$getP === void 0 ? void 0 : _target$parent21$getP.call(_target$parent21, 'componentType')) || 'Input';
+                    return ['Input', 'TextArea'].includes(t);
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent22, _target$parent22$getP, _target$parent22$getP2;
+                      return (_target$parent22 = target.parent) === null || _target$parent22 === void 0 ? void 0 : (_target$parent22$getP = _target$parent22.getPropValue) === null || _target$parent22$getP === void 0 ? void 0 : (_target$parent22$getP2 = _target$parent22$getP.call(_target$parent22, 'componentProps')) === null || _target$parent22$getP2 === void 0 ? void 0 : _target$parent22$getP2.readOnly;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent23, _target$parent23$getP, _target$parent24, _target$parent24$setP;
+                      var cp = _extends({}, ((_target$parent23 = target.parent) === null || _target$parent23 === void 0 ? void 0 : (_target$parent23$getP = _target$parent23.getPropValue) === null || _target$parent23$getP === void 0 ? void 0 : _target$parent23$getP.call(_target$parent23, 'componentProps')) || {});
+                      cp.readOnly = value;
+                      (_target$parent24 = target.parent) === null || _target$parent24 === void 0 ? void 0 : (_target$parent24$setP = _target$parent24.setPropValue) === null || _target$parent24$setP === void 0 ? void 0 : _target$parent24$setP.call(_target$parent24, 'componentProps', cp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'BoolSetter',
+                    initialValue: false
+                  }
+                },
+                // ── TextArea：行数
+                {
+                  title: {
+                    label: '显示行数',
+                    tip: '多行文本框默认显示的行数（高度）。默认 4 行。'
+                  },
+                  name: '!rows',
+                  condition: function condition(target) {
+                    var _target$parent25, _target$parent25$getP;
+                    return ((_target$parent25 = target.parent) === null || _target$parent25 === void 0 ? void 0 : (_target$parent25$getP = _target$parent25.getPropValue) === null || _target$parent25$getP === void 0 ? void 0 : _target$parent25$getP.call(_target$parent25, 'componentType')) === 'TextArea';
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent26, _target$parent26$getP, _target$parent26$getP2;
+                      return (_target$parent26 = target.parent) === null || _target$parent26 === void 0 ? void 0 : (_target$parent26$getP = _target$parent26.getPropValue) === null || _target$parent26$getP === void 0 ? void 0 : (_target$parent26$getP2 = _target$parent26$getP.call(_target$parent26, 'componentProps')) === null || _target$parent26$getP2 === void 0 ? void 0 : _target$parent26$getP2.rows;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent27, _target$parent27$getP, _target$parent28, _target$parent28$setP;
+                      var cp = _extends({}, ((_target$parent27 = target.parent) === null || _target$parent27 === void 0 ? void 0 : (_target$parent27$getP = _target$parent27.getPropValue) === null || _target$parent27$getP === void 0 ? void 0 : _target$parent27$getP.call(_target$parent27, 'componentProps')) || {});
+                      cp.rows = value;
+                      (_target$parent28 = target.parent) === null || _target$parent28 === void 0 ? void 0 : (_target$parent28$setP = _target$parent28.setPropValue) === null || _target$parent28$setP === void 0 ? void 0 : _target$parent28$setP.call(_target$parent28, 'componentProps', cp);
+                    }
+                  },
                   setter: {
                     componentName: 'NumberSetter',
                     props: {
                       min: 1,
-                      max: 4
+                      max: 20
+                    },
+                    initialValue: 4
+                  }
+                },
+                // ── NumberPicker：范围 / 步长 / 精度
+                {
+                  title: {
+                    label: '最小值',
+                    tip: '数字输入框允许输入的最小值。'
+                  },
+                  name: '!min',
+                  condition: function condition(target) {
+                    var _target$parent29, _target$parent29$getP;
+                    return ((_target$parent29 = target.parent) === null || _target$parent29 === void 0 ? void 0 : (_target$parent29$getP = _target$parent29.getPropValue) === null || _target$parent29$getP === void 0 ? void 0 : _target$parent29$getP.call(_target$parent29, 'componentType')) === 'NumberPicker';
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent30, _target$parent30$getP, _target$parent30$getP2;
+                      return (_target$parent30 = target.parent) === null || _target$parent30 === void 0 ? void 0 : (_target$parent30$getP = _target$parent30.getPropValue) === null || _target$parent30$getP === void 0 ? void 0 : (_target$parent30$getP2 = _target$parent30$getP.call(_target$parent30, 'componentProps')) === null || _target$parent30$getP2 === void 0 ? void 0 : _target$parent30$getP2.min;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent31, _target$parent31$getP, _target$parent32, _target$parent32$setP;
+                      var cp = _extends({}, ((_target$parent31 = target.parent) === null || _target$parent31 === void 0 ? void 0 : (_target$parent31$getP = _target$parent31.getPropValue) === null || _target$parent31$getP === void 0 ? void 0 : _target$parent31$getP.call(_target$parent31, 'componentProps')) || {});
+                      if (value === undefined || value === null || value === '') delete cp.min;else cp.min = value;
+                      (_target$parent32 = target.parent) === null || _target$parent32 === void 0 ? void 0 : (_target$parent32$setP = _target$parent32.setPropValue) === null || _target$parent32$setP === void 0 ? void 0 : _target$parent32$setP.call(_target$parent32, 'componentProps', cp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'NumberSetter'
+                  }
+                }, {
+                  title: {
+                    label: '最大值',
+                    tip: '数字输入框允许输入的最大值。'
+                  },
+                  name: '!max',
+                  condition: function condition(target) {
+                    var _target$parent33, _target$parent33$getP;
+                    return ((_target$parent33 = target.parent) === null || _target$parent33 === void 0 ? void 0 : (_target$parent33$getP = _target$parent33.getPropValue) === null || _target$parent33$getP === void 0 ? void 0 : _target$parent33$getP.call(_target$parent33, 'componentType')) === 'NumberPicker';
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent34, _target$parent34$getP, _target$parent34$getP2;
+                      return (_target$parent34 = target.parent) === null || _target$parent34 === void 0 ? void 0 : (_target$parent34$getP = _target$parent34.getPropValue) === null || _target$parent34$getP === void 0 ? void 0 : (_target$parent34$getP2 = _target$parent34$getP.call(_target$parent34, 'componentProps')) === null || _target$parent34$getP2 === void 0 ? void 0 : _target$parent34$getP2.max;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent35, _target$parent35$getP, _target$parent36, _target$parent36$setP;
+                      var cp = _extends({}, ((_target$parent35 = target.parent) === null || _target$parent35 === void 0 ? void 0 : (_target$parent35$getP = _target$parent35.getPropValue) === null || _target$parent35$getP === void 0 ? void 0 : _target$parent35$getP.call(_target$parent35, 'componentProps')) || {});
+                      if (value === undefined || value === null || value === '') delete cp.max;else cp.max = value;
+                      (_target$parent36 = target.parent) === null || _target$parent36 === void 0 ? void 0 : (_target$parent36$setP = _target$parent36.setPropValue) === null || _target$parent36$setP === void 0 ? void 0 : _target$parent36$setP.call(_target$parent36, 'componentProps', cp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'NumberSetter'
+                  }
+                }, {
+                  title: {
+                    label: '步长',
+                    tip: '每次点击加减按钮时变化的数量。默认 1。'
+                  },
+                  name: '!step',
+                  condition: function condition(target) {
+                    var _target$parent37, _target$parent37$getP;
+                    return ((_target$parent37 = target.parent) === null || _target$parent37 === void 0 ? void 0 : (_target$parent37$getP = _target$parent37.getPropValue) === null || _target$parent37$getP === void 0 ? void 0 : _target$parent37$getP.call(_target$parent37, 'componentType')) === 'NumberPicker';
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent38, _target$parent38$getP, _target$parent38$getP2;
+                      return (_target$parent38 = target.parent) === null || _target$parent38 === void 0 ? void 0 : (_target$parent38$getP = _target$parent38.getPropValue) === null || _target$parent38$getP === void 0 ? void 0 : (_target$parent38$getP2 = _target$parent38$getP.call(_target$parent38, 'componentProps')) === null || _target$parent38$getP2 === void 0 ? void 0 : _target$parent38$getP2.step;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent39, _target$parent39$getP, _target$parent40, _target$parent40$setP;
+                      var cp = _extends({}, ((_target$parent39 = target.parent) === null || _target$parent39 === void 0 ? void 0 : (_target$parent39$getP = _target$parent39.getPropValue) === null || _target$parent39$getP === void 0 ? void 0 : _target$parent39$getP.call(_target$parent39, 'componentProps')) || {});
+                      if (value === undefined || value === null || value === '') delete cp.step;else cp.step = value;
+                      (_target$parent40 = target.parent) === null || _target$parent40 === void 0 ? void 0 : (_target$parent40$setP = _target$parent40.setPropValue) === null || _target$parent40$setP === void 0 ? void 0 : _target$parent40$setP.call(_target$parent40, 'componentProps', cp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'NumberSetter',
+                    props: {
+                      min: 0
                     },
                     initialValue: 1
                   }
                 }, {
-                  title: '组件属性',
-                  name: 'componentProps',
+                  title: {
+                    label: '小数位数',
+                    tip: '数字保留几位小数。默认不限制（整数）。'
+                  },
+                  name: '!precision',
+                  condition: function condition(target) {
+                    var _target$parent41, _target$parent41$getP;
+                    return ((_target$parent41 = target.parent) === null || _target$parent41 === void 0 ? void 0 : (_target$parent41$getP = _target$parent41.getPropValue) === null || _target$parent41$getP === void 0 ? void 0 : _target$parent41$getP.call(_target$parent41, 'componentType')) === 'NumberPicker';
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent42, _target$parent42$getP, _target$parent42$getP2;
+                      return (_target$parent42 = target.parent) === null || _target$parent42 === void 0 ? void 0 : (_target$parent42$getP = _target$parent42.getPropValue) === null || _target$parent42$getP === void 0 ? void 0 : (_target$parent42$getP2 = _target$parent42$getP.call(_target$parent42, 'componentProps')) === null || _target$parent42$getP2 === void 0 ? void 0 : _target$parent42$getP2.precision;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent43, _target$parent43$getP, _target$parent44, _target$parent44$setP;
+                      var cp = _extends({}, ((_target$parent43 = target.parent) === null || _target$parent43 === void 0 ? void 0 : (_target$parent43$getP = _target$parent43.getPropValue) === null || _target$parent43$getP === void 0 ? void 0 : _target$parent43$getP.call(_target$parent43, 'componentProps')) || {});
+                      if (value === undefined || value === null || value === '') delete cp.precision;else cp.precision = value;
+                      (_target$parent44 = target.parent) === null || _target$parent44 === void 0 ? void 0 : (_target$parent44$setP = _target$parent44.setPropValue) === null || _target$parent44$setP === void 0 ? void 0 : _target$parent44$setP.call(_target$parent44, 'componentProps', cp);
+                    }
+                  },
                   setter: {
-                    componentName: 'JsonSetter',
-                    isRequired: false
+                    componentName: 'NumberSetter',
+                    props: {
+                      min: 0,
+                      max: 10
+                    }
+                  }
+                },
+                // ── Select：可搜索 / 可清除 / 多选模式
+                {
+                  title: {
+                    label: '可搜索',
+                    tip: '开启后下拉框支持输入关键字过滤选项。'
+                  },
+                  name: '!showSearch',
+                  condition: function condition(target) {
+                    var _target$parent45, _target$parent45$getP;
+                    return ((_target$parent45 = target.parent) === null || _target$parent45 === void 0 ? void 0 : (_target$parent45$getP = _target$parent45.getPropValue) === null || _target$parent45$getP === void 0 ? void 0 : _target$parent45$getP.call(_target$parent45, 'componentType')) === 'Select';
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent46, _target$parent46$getP, _target$parent46$getP2;
+                      return (_target$parent46 = target.parent) === null || _target$parent46 === void 0 ? void 0 : (_target$parent46$getP = _target$parent46.getPropValue) === null || _target$parent46$getP === void 0 ? void 0 : (_target$parent46$getP2 = _target$parent46$getP.call(_target$parent46, 'componentProps')) === null || _target$parent46$getP2 === void 0 ? void 0 : _target$parent46$getP2.showSearch;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent47, _target$parent47$getP, _target$parent48, _target$parent48$setP;
+                      var cp = _extends({}, ((_target$parent47 = target.parent) === null || _target$parent47 === void 0 ? void 0 : (_target$parent47$getP = _target$parent47.getPropValue) === null || _target$parent47$getP === void 0 ? void 0 : _target$parent47$getP.call(_target$parent47, 'componentProps')) || {});
+                      cp.showSearch = value;
+                      (_target$parent48 = target.parent) === null || _target$parent48 === void 0 ? void 0 : (_target$parent48$setP = _target$parent48.setPropValue) === null || _target$parent48$setP === void 0 ? void 0 : _target$parent48$setP.call(_target$parent48, 'componentProps', cp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'BoolSetter',
+                    initialValue: false
                   }
                 }, {
-                  title: '表单项属性',
-                  name: 'formItemProps',
+                  title: {
+                    label: '可清除',
+                    tip: '开启后选择框右侧显示清除图标，点击可清空已选值。'
+                  },
+                  name: '!hasClear',
+                  condition: function condition(target) {
+                    var _target$parent49, _target$parent49$getP;
+                    var t = ((_target$parent49 = target.parent) === null || _target$parent49 === void 0 ? void 0 : (_target$parent49$getP = _target$parent49.getPropValue) === null || _target$parent49$getP === void 0 ? void 0 : _target$parent49$getP.call(_target$parent49, 'componentType')) || 'Input';
+                    return ['Select', 'DatePicker', 'DateTimePicker'].includes(t);
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent50, _target$parent50$getP, _target$parent50$getP2;
+                      return (_target$parent50 = target.parent) === null || _target$parent50 === void 0 ? void 0 : (_target$parent50$getP = _target$parent50.getPropValue) === null || _target$parent50$getP === void 0 ? void 0 : (_target$parent50$getP2 = _target$parent50$getP.call(_target$parent50, 'componentProps')) === null || _target$parent50$getP2 === void 0 ? void 0 : _target$parent50$getP2.hasClear;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent51, _target$parent51$getP, _target$parent52, _target$parent52$setP;
+                      var cp = _extends({}, ((_target$parent51 = target.parent) === null || _target$parent51 === void 0 ? void 0 : (_target$parent51$getP = _target$parent51.getPropValue) === null || _target$parent51$getP === void 0 ? void 0 : _target$parent51$getP.call(_target$parent51, 'componentProps')) || {});
+                      cp.hasClear = value;
+                      (_target$parent52 = target.parent) === null || _target$parent52 === void 0 ? void 0 : (_target$parent52$setP = _target$parent52.setPropValue) === null || _target$parent52$setP === void 0 ? void 0 : _target$parent52$setP.call(_target$parent52, 'componentProps', cp);
+                    }
+                  },
                   setter: {
-                    componentName: 'JsonSetter',
-                    isRequired: false
+                    componentName: 'BoolSetter',
+                    initialValue: false
                   }
-                }],
-                extraSetter: {
-                  componentName: 'MixedSetter',
-                  isRequired: false,
-                  props: {}
-                }
+                }, {
+                  title: {
+                    label: '多选模式',
+                    tip: '设置下拉框的选择模式：\n· 单选（single）：只能选一个选项（默认）\n· 多选（multiple）：可以选多个，以标签形式展示\n· 标签输入（tag）：可以选多个，也支持直接输入新标签'
+                  },
+                  name: '!mode',
+                  condition: function condition(target) {
+                    var _target$parent53, _target$parent53$getP;
+                    return ((_target$parent53 = target.parent) === null || _target$parent53 === void 0 ? void 0 : (_target$parent53$getP = _target$parent53.getPropValue) === null || _target$parent53$getP === void 0 ? void 0 : _target$parent53$getP.call(_target$parent53, 'componentType')) === 'Select';
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent54, _target$parent54$getP, _target$parent54$getP2;
+                      return ((_target$parent54 = target.parent) === null || _target$parent54 === void 0 ? void 0 : (_target$parent54$getP = _target$parent54.getPropValue) === null || _target$parent54$getP === void 0 ? void 0 : (_target$parent54$getP2 = _target$parent54$getP.call(_target$parent54, 'componentProps')) === null || _target$parent54$getP2 === void 0 ? void 0 : _target$parent54$getP2.mode) || 'single';
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent55, _target$parent55$getP, _target$parent56, _target$parent56$setP;
+                      var cp = _extends({}, ((_target$parent55 = target.parent) === null || _target$parent55 === void 0 ? void 0 : (_target$parent55$getP = _target$parent55.getPropValue) === null || _target$parent55$getP === void 0 ? void 0 : _target$parent55$getP.call(_target$parent55, 'componentProps')) || {});
+                      cp.mode = value;
+                      (_target$parent56 = target.parent) === null || _target$parent56 === void 0 ? void 0 : (_target$parent56$setP = _target$parent56.setPropValue) === null || _target$parent56$setP === void 0 ? void 0 : _target$parent56$setP.call(_target$parent56, 'componentProps', cp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'RadioGroupSetter',
+                    props: {
+                      options: [{
+                        title: '单选',
+                        value: 'single'
+                      }, {
+                        title: '多选',
+                        value: 'multiple'
+                      }, {
+                        title: '标签',
+                        value: 'tag'
+                      }]
+                    },
+                    initialValue: 'single'
+                  }
+                },
+                // ── DatePicker / DateTimePicker：日期格式
+                {
+                  title: {
+                    label: '日期格式',
+                    tip: '日期显示和提交的格式字符串。\n常用：\n· 仅日期：YYYY-MM-DD（默认）\n· 日期+时间：YYYY-MM-DD HH:mm\n· 年月：YYYY-MM'
+                  },
+                  name: '!dateFormat',
+                  condition: function condition(target) {
+                    var _target$parent57, _target$parent57$getP;
+                    var t = ((_target$parent57 = target.parent) === null || _target$parent57 === void 0 ? void 0 : (_target$parent57$getP = _target$parent57.getPropValue) === null || _target$parent57$getP === void 0 ? void 0 : _target$parent57$getP.call(_target$parent57, 'componentType')) || 'Input';
+                    return ['DatePicker', 'DateTimePicker'].includes(t);
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent58, _target$parent58$getP, _target$parent59, _target$parent59$getP, _target$parent59$getP2;
+                      var t = (_target$parent58 = target.parent) === null || _target$parent58 === void 0 ? void 0 : (_target$parent58$getP = _target$parent58.getPropValue) === null || _target$parent58$getP === void 0 ? void 0 : _target$parent58$getP.call(_target$parent58, 'componentType');
+                      return ((_target$parent59 = target.parent) === null || _target$parent59 === void 0 ? void 0 : (_target$parent59$getP = _target$parent59.getPropValue) === null || _target$parent59$getP === void 0 ? void 0 : (_target$parent59$getP2 = _target$parent59$getP.call(_target$parent59, 'componentProps')) === null || _target$parent59$getP2 === void 0 ? void 0 : _target$parent59$getP2.format) || (t === 'DateTimePicker' ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD');
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent60, _target$parent60$getP, _target$parent61, _target$parent61$setP;
+                      var cp = _extends({}, ((_target$parent60 = target.parent) === null || _target$parent60 === void 0 ? void 0 : (_target$parent60$getP = _target$parent60.getPropValue) === null || _target$parent60$getP === void 0 ? void 0 : _target$parent60$getP.call(_target$parent60, 'componentProps')) || {});
+                      cp.format = value;
+                      (_target$parent61 = target.parent) === null || _target$parent61 === void 0 ? void 0 : (_target$parent61$setP = _target$parent61.setPropValue) === null || _target$parent61$setP === void 0 ? void 0 : _target$parent61$setP.call(_target$parent61, 'componentProps', cp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'StringSetter',
+                    initialValue: 'YYYY-MM-DD'
+                  }
+                },
+                // ── Upload：文件类型 / 数量限制
+                {
+                  title: {
+                    label: '允许的文件类型',
+                    tip: '限制可上传的文件类型（传给 input[accept]）。\n例如：image/* 只允许图片，.pdf 只允许 PDF，不填则不限制。'
+                  },
+                  name: '!accept',
+                  condition: function condition(target) {
+                    var _target$parent62, _target$parent62$getP;
+                    return ((_target$parent62 = target.parent) === null || _target$parent62 === void 0 ? void 0 : (_target$parent62$getP = _target$parent62.getPropValue) === null || _target$parent62$getP === void 0 ? void 0 : _target$parent62$getP.call(_target$parent62, 'componentType')) === 'Upload';
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent63, _target$parent63$getP, _target$parent63$getP2;
+                      return (_target$parent63 = target.parent) === null || _target$parent63 === void 0 ? void 0 : (_target$parent63$getP = _target$parent63.getPropValue) === null || _target$parent63$getP === void 0 ? void 0 : (_target$parent63$getP2 = _target$parent63$getP.call(_target$parent63, 'componentProps')) === null || _target$parent63$getP2 === void 0 ? void 0 : _target$parent63$getP2.accept;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent64, _target$parent64$getP, _target$parent65, _target$parent65$setP;
+                      var cp = _extends({}, ((_target$parent64 = target.parent) === null || _target$parent64 === void 0 ? void 0 : (_target$parent64$getP = _target$parent64.getPropValue) === null || _target$parent64$getP === void 0 ? void 0 : _target$parent64$getP.call(_target$parent64, 'componentProps')) || {});
+                      if (!value) delete cp.accept;else cp.accept = value;
+                      (_target$parent65 = target.parent) === null || _target$parent65 === void 0 ? void 0 : (_target$parent65$setP = _target$parent65.setPropValue) === null || _target$parent65$setP === void 0 ? void 0 : _target$parent65$setP.call(_target$parent65, 'componentProps', cp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'StringSetter'
+                  }
+                }, {
+                  title: {
+                    label: '最多上传数量',
+                    tip: '允许上传的最多文件数量，超出后禁止继续上传。不填则不限制。'
+                  },
+                  name: '!limit',
+                  condition: function condition(target) {
+                    var _target$parent66, _target$parent66$getP;
+                    return ((_target$parent66 = target.parent) === null || _target$parent66 === void 0 ? void 0 : (_target$parent66$getP = _target$parent66.getPropValue) === null || _target$parent66$getP === void 0 ? void 0 : _target$parent66$getP.call(_target$parent66, 'componentType')) === 'Upload';
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent67, _target$parent67$getP, _target$parent67$getP2;
+                      return (_target$parent67 = target.parent) === null || _target$parent67 === void 0 ? void 0 : (_target$parent67$getP = _target$parent67.getPropValue) === null || _target$parent67$getP === void 0 ? void 0 : (_target$parent67$getP2 = _target$parent67$getP.call(_target$parent67, 'componentProps')) === null || _target$parent67$getP2 === void 0 ? void 0 : _target$parent67$getP2.limit;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent68, _target$parent68$getP, _target$parent69, _target$parent69$setP;
+                      var cp = _extends({}, ((_target$parent68 = target.parent) === null || _target$parent68 === void 0 ? void 0 : (_target$parent68$getP = _target$parent68.getPropValue) === null || _target$parent68$getP === void 0 ? void 0 : _target$parent68$getP.call(_target$parent68, 'componentProps')) || {});
+                      if (value === undefined || value === null || value === '') delete cp.limit;else cp.limit = value;
+                      (_target$parent69 = target.parent) === null || _target$parent69 === void 0 ? void 0 : (_target$parent69$setP = _target$parent69.setPropValue) === null || _target$parent69$setP === void 0 ? void 0 : _target$parent69$setP.call(_target$parent69, 'componentProps', cp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'NumberSetter',
+                    props: {
+                      min: 1
+                    }
+                  }
+                },
+                // ── 表单项控制
+                {
+                  title: {
+                    label: '自动校验',
+                    tip: '开启后每次字段值变化时自动触发校验，不需等到提交才验证。\n适合需要即时反馈的场景（如手机号格式）。'
+                  },
+                  name: '!autoValidate',
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent70, _target$parent70$getP, _target$parent70$getP2;
+                      return (_target$parent70 = target.parent) === null || _target$parent70 === void 0 ? void 0 : (_target$parent70$getP = _target$parent70.getPropValue) === null || _target$parent70$getP === void 0 ? void 0 : (_target$parent70$getP2 = _target$parent70$getP.call(_target$parent70, 'formItemProps')) === null || _target$parent70$getP2 === void 0 ? void 0 : _target$parent70$getP2.autoValidate;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent71, _target$parent71$getP, _target$parent72, _target$parent72$setP;
+                      var fp = _extends({}, ((_target$parent71 = target.parent) === null || _target$parent71 === void 0 ? void 0 : (_target$parent71$getP = _target$parent71.getPropValue) === null || _target$parent71$getP === void 0 ? void 0 : _target$parent71$getP.call(_target$parent71, 'formItemProps')) || {});
+                      fp.autoValidate = value;
+                      (_target$parent72 = target.parent) === null || _target$parent72 === void 0 ? void 0 : (_target$parent72$setP = _target$parent72.setPropValue) === null || _target$parent72$setP === void 0 ? void 0 : _target$parent72$setP.call(_target$parent72, 'formItemProps', fp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'BoolSetter',
+                    initialValue: false
+                  }
+                }, {
+                  title: {
+                    label: '隐藏冒号',
+                    tip: '开启后在标题文字后面不显示冒号。'
+                  },
+                  name: '!colon',
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent73, _target$parent73$getP, _target$parent73$getP2;
+                      var v = (_target$parent73 = target.parent) === null || _target$parent73 === void 0 ? void 0 : (_target$parent73$getP = _target$parent73.getPropValue) === null || _target$parent73$getP === void 0 ? void 0 : (_target$parent73$getP2 = _target$parent73$getP.call(_target$parent73, 'formItemProps')) === null || _target$parent73$getP2 === void 0 ? void 0 : _target$parent73$getP2.colon;
+                      return v === false;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent74, _target$parent74$getP, _target$parent75, _target$parent75$setP;
+                      var fp = _extends({}, ((_target$parent74 = target.parent) === null || _target$parent74 === void 0 ? void 0 : (_target$parent74$getP = _target$parent74.getPropValue) === null || _target$parent74$getP === void 0 ? void 0 : _target$parent74$getP.call(_target$parent74, 'formItemProps')) || {});
+                      fp.colon = !value;
+                      (_target$parent75 = target.parent) === null || _target$parent75 === void 0 ? void 0 : (_target$parent75$setP = _target$parent75.setPropValue) === null || _target$parent75$setP === void 0 ? void 0 : _target$parent75$setP.call(_target$parent75, 'formItemProps', fp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'BoolSetter',
+                    initialValue: false
+                  }
+                },
+                // ── 表单校验
+                // 最小长度（Input / TextArea / CheckboxGroup）
+                {
+                  title: {
+                    label: '最少字符数',
+                    tip: 'Input/TextArea：输入字符不能少于此数量。\nCheckboxGroup：至少要选几项。'
+                  },
+                  name: '!minLength',
+                  condition: function condition(target) {
+                    var _target$parent76, _target$parent76$getP;
+                    var t = ((_target$parent76 = target.parent) === null || _target$parent76 === void 0 ? void 0 : (_target$parent76$getP = _target$parent76.getPropValue) === null || _target$parent76$getP === void 0 ? void 0 : _target$parent76$getP.call(_target$parent76, 'componentType')) || 'Input';
+                    return ['Input', 'TextArea', 'CheckboxGroup'].includes(t);
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent77, _target$parent77$getP, _target$parent77$getP2;
+                      return (_target$parent77 = target.parent) === null || _target$parent77 === void 0 ? void 0 : (_target$parent77$getP = _target$parent77.getPropValue) === null || _target$parent77$getP === void 0 ? void 0 : (_target$parent77$getP2 = _target$parent77$getP.call(_target$parent77, 'formItemProps')) === null || _target$parent77$getP2 === void 0 ? void 0 : _target$parent77$getP2.minLength;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent78, _target$parent78$getP, _target$parent79, _target$parent79$setP;
+                      var fp = _extends({}, ((_target$parent78 = target.parent) === null || _target$parent78 === void 0 ? void 0 : (_target$parent78$getP = _target$parent78.getPropValue) === null || _target$parent78$getP === void 0 ? void 0 : _target$parent78$getP.call(_target$parent78, 'formItemProps')) || {});
+                      if (value === undefined || value === null || value === '') delete fp.minLength;else fp.minLength = value;
+                      (_target$parent79 = target.parent) === null || _target$parent79 === void 0 ? void 0 : (_target$parent79$setP = _target$parent79.setPropValue) === null || _target$parent79$setP === void 0 ? void 0 : _target$parent79$setP.call(_target$parent79, 'formItemProps', fp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'NumberSetter',
+                    props: {
+                      min: 0
+                    }
+                  }
+                },
+                // 最大长度（Input / TextArea / CheckboxGroup / Select multiple）
+                {
+                  title: {
+                    label: '最多字符数（校验）',
+                    tip: 'Input/TextArea：输入字符不能超过此数量（校验维度，与组件层的最大字符数独立）。\nCheckboxGroup：最多能选几项。'
+                  },
+                  name: '!maxLengthValidate',
+                  condition: function condition(target) {
+                    var _target$parent80, _target$parent80$getP;
+                    var t = ((_target$parent80 = target.parent) === null || _target$parent80 === void 0 ? void 0 : (_target$parent80$getP = _target$parent80.getPropValue) === null || _target$parent80$getP === void 0 ? void 0 : _target$parent80$getP.call(_target$parent80, 'componentType')) || 'Input';
+                    return ['Input', 'TextArea', 'CheckboxGroup'].includes(t);
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent81, _target$parent81$getP, _target$parent81$getP2;
+                      return (_target$parent81 = target.parent) === null || _target$parent81 === void 0 ? void 0 : (_target$parent81$getP = _target$parent81.getPropValue) === null || _target$parent81$getP === void 0 ? void 0 : (_target$parent81$getP2 = _target$parent81$getP.call(_target$parent81, 'formItemProps')) === null || _target$parent81$getP2 === void 0 ? void 0 : _target$parent81$getP2.maxLength;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent82, _target$parent82$getP, _target$parent83, _target$parent83$setP;
+                      var fp = _extends({}, ((_target$parent82 = target.parent) === null || _target$parent82 === void 0 ? void 0 : (_target$parent82$getP = _target$parent82.getPropValue) === null || _target$parent82$getP === void 0 ? void 0 : _target$parent82$getP.call(_target$parent82, 'formItemProps')) || {});
+                      if (value === undefined || value === null || value === '') delete fp.maxLength;else fp.maxLength = value;
+                      (_target$parent83 = target.parent) === null || _target$parent83 === void 0 ? void 0 : (_target$parent83$setP = _target$parent83.setPropValue) === null || _target$parent83$setP === void 0 ? void 0 : _target$parent83$setP.call(_target$parent83, 'formItemProps', fp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'NumberSetter',
+                    props: {
+                      min: 0
+                    }
+                  }
+                },
+                // 最小/最大值（NumberPicker）
+                {
+                  title: {
+                    label: '最小数值（校验）',
+                    tip: '数字字段的最小合法值（校验维度）。'
+                  },
+                  name: '!minValue',
+                  condition: function condition(target) {
+                    var _target$parent84, _target$parent84$getP;
+                    return ((_target$parent84 = target.parent) === null || _target$parent84 === void 0 ? void 0 : (_target$parent84$getP = _target$parent84.getPropValue) === null || _target$parent84$getP === void 0 ? void 0 : _target$parent84$getP.call(_target$parent84, 'componentType')) === 'NumberPicker';
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent85, _target$parent85$getP, _target$parent85$getP2;
+                      return (_target$parent85 = target.parent) === null || _target$parent85 === void 0 ? void 0 : (_target$parent85$getP = _target$parent85.getPropValue) === null || _target$parent85$getP === void 0 ? void 0 : (_target$parent85$getP2 = _target$parent85$getP.call(_target$parent85, 'formItemProps')) === null || _target$parent85$getP2 === void 0 ? void 0 : _target$parent85$getP2.min;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent86, _target$parent86$getP, _target$parent87, _target$parent87$setP;
+                      var fp = _extends({}, ((_target$parent86 = target.parent) === null || _target$parent86 === void 0 ? void 0 : (_target$parent86$getP = _target$parent86.getPropValue) === null || _target$parent86$getP === void 0 ? void 0 : _target$parent86$getP.call(_target$parent86, 'formItemProps')) || {});
+                      if (value === undefined || value === null || value === '') delete fp.min;else fp.min = value;
+                      (_target$parent87 = target.parent) === null || _target$parent87 === void 0 ? void 0 : (_target$parent87$setP = _target$parent87.setPropValue) === null || _target$parent87$setP === void 0 ? void 0 : _target$parent87$setP.call(_target$parent87, 'formItemProps', fp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'NumberSetter'
+                  }
+                }, {
+                  title: {
+                    label: '最大数值（校验）',
+                    tip: '数字字段的最大合法值（校验维度）。'
+                  },
+                  name: '!maxValue',
+                  condition: function condition(target) {
+                    var _target$parent88, _target$parent88$getP;
+                    return ((_target$parent88 = target.parent) === null || _target$parent88 === void 0 ? void 0 : (_target$parent88$getP = _target$parent88.getPropValue) === null || _target$parent88$getP === void 0 ? void 0 : _target$parent88$getP.call(_target$parent88, 'componentType')) === 'NumberPicker';
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent89, _target$parent89$getP, _target$parent89$getP2;
+                      return (_target$parent89 = target.parent) === null || _target$parent89 === void 0 ? void 0 : (_target$parent89$getP = _target$parent89.getPropValue) === null || _target$parent89$getP === void 0 ? void 0 : (_target$parent89$getP2 = _target$parent89$getP.call(_target$parent89, 'formItemProps')) === null || _target$parent89$getP2 === void 0 ? void 0 : _target$parent89$getP2.max;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent90, _target$parent90$getP, _target$parent91, _target$parent91$setP;
+                      var fp = _extends({}, ((_target$parent90 = target.parent) === null || _target$parent90 === void 0 ? void 0 : (_target$parent90$getP = _target$parent90.getPropValue) === null || _target$parent90$getP === void 0 ? void 0 : _target$parent90$getP.call(_target$parent90, 'formItemProps')) || {});
+                      if (value === undefined || value === null || value === '') delete fp.max;else fp.max = value;
+                      (_target$parent91 = target.parent) === null || _target$parent91 === void 0 ? void 0 : (_target$parent91$setP = _target$parent91.setPropValue) === null || _target$parent91$setP === void 0 ? void 0 : _target$parent91$setP.call(_target$parent91, 'formItemProps', fp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'NumberSetter'
+                  }
+                },
+                // 正则校验（Input / TextArea）—— 提供预置规则 + 自定义
+                {
+                  title: {
+                    label: '正则校验',
+                    tip: '选择常用的格式校验规则，或选"自定义"后填写自己的正则表达式（无需前后加斜杠）。\n常用示例：\n· 手机号：^1[3-9]\\d{9}$\n· 邮箱：^[\\w.]+@[\\w.]+\\.[a-z]{2,}$\n· 正整数：^\\d+$\n· 身份证号：^\\d{17}[\\dXx]$'
+                  },
+                  name: '!patternPreset',
+                  condition: function condition(target) {
+                    var _target$parent92, _target$parent92$getP;
+                    var t = ((_target$parent92 = target.parent) === null || _target$parent92 === void 0 ? void 0 : (_target$parent92$getP = _target$parent92.getPropValue) === null || _target$parent92$getP === void 0 ? void 0 : _target$parent92$getP.call(_target$parent92, 'componentType')) || 'Input';
+                    return ['Input', 'TextArea'].includes(t);
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent93, _target$parent93$getP, _target$parent93$getP2;
+                      var pattern = (_target$parent93 = target.parent) === null || _target$parent93 === void 0 ? void 0 : (_target$parent93$getP = _target$parent93.getPropValue) === null || _target$parent93$getP === void 0 ? void 0 : (_target$parent93$getP2 = _target$parent93$getP.call(_target$parent93, 'formItemProps')) === null || _target$parent93$getP2 === void 0 ? void 0 : _target$parent93$getP2.pattern;
+                      var presets = {
+                        '^1[3-9]\\d{9}$': 'phone',
+                        '^[\\w.+-]+@[\\w-]+\\.[a-z]{2,}$': 'email',
+                        '^\\d+$': 'integer',
+                        '^\\d+(\\.\\d+)?$': 'number',
+                        '^\\d{17}[\\dXx]$': 'idcard',
+                        "^[\\u4e00-\\u9fa5]+$": 'chinese'
+                      };
+                      return pattern ? presets[pattern] || '__custom__' : '';
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent94, _target$parent94$getP, _target$parent95, _target$parent95$setP;
+                      var patternMap = {
+                        phone: '^1[3-9]\\d{9}$',
+                        email: '^[\\w.+-]+@[\\w-]+\\.[a-z]{2,}$',
+                        integer: '^\\d+$',
+                        number: '^\\d+(\\.\\d+)?$',
+                        idcard: '^\\d{17}[\\dXx]$',
+                        chinese: "^[\\u4e00-\\u9fa5]+$"
+                      };
+                      var fp = _extends({}, ((_target$parent94 = target.parent) === null || _target$parent94 === void 0 ? void 0 : (_target$parent94$getP = _target$parent94.getPropValue) === null || _target$parent94$getP === void 0 ? void 0 : _target$parent94$getP.call(_target$parent94, 'formItemProps')) || {});
+                      if (!value || value === '__none__') {
+                        delete fp.pattern;
+                      } else if (value === '__custom__') {
+                        // 自定义时不修改 pattern，等用户在下方输入框填写
+                      } else {
+                        fp.pattern = patternMap[value];
+                      }
+                      (_target$parent95 = target.parent) === null || _target$parent95 === void 0 ? void 0 : (_target$parent95$setP = _target$parent95.setPropValue) === null || _target$parent95$setP === void 0 ? void 0 : _target$parent95$setP.call(_target$parent95, 'formItemProps', fp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'SelectSetter',
+                    props: {
+                      options: [{
+                        label: '不校验',
+                        value: '__none__'
+                      }, {
+                        label: '手机号（11位）',
+                        value: 'phone'
+                      }, {
+                        label: '邮箱地址',
+                        value: 'email'
+                      }, {
+                        label: '整数',
+                        value: 'integer'
+                      }, {
+                        label: '数字（含小数）',
+                        value: 'number'
+                      }, {
+                        label: '身份证号（15/18位）',
+                        value: 'idcard'
+                      }, {
+                        label: '纯中文',
+                        value: 'chinese'
+                      }, {
+                        label: '自定义正则…',
+                        value: '__custom__'
+                      }]
+                    },
+                    initialValue: '__none__'
+                  }
+                }, {
+                  title: {
+                    label: '自定义正则',
+                    tip: '填写自定义正则表达式（无需前后加斜杠），例如：^1[3-9]\\d{9}$'
+                  },
+                  name: '!pattern',
+                  condition: function condition(target) {
+                    var _target$parent96, _target$parent96$getP, _target$parent97, _target$parent97$getP, _target$parent97$getP2, _target$parent98, _target$parent98$getP, _target$parent98$getP2;
+                    var t = ((_target$parent96 = target.parent) === null || _target$parent96 === void 0 ? void 0 : (_target$parent96$getP = _target$parent96.getPropValue) === null || _target$parent96$getP === void 0 ? void 0 : _target$parent96$getP.call(_target$parent96, 'componentType')) || 'Input';
+                    if (!['Input', 'TextArea'].includes(t)) return false;
+                    var preset = (_target$parent97 = target.parent) === null || _target$parent97 === void 0 ? void 0 : (_target$parent97$getP = _target$parent97.getPropValue) === null || _target$parent97$getP === void 0 ? void 0 : (_target$parent97$getP2 = _target$parent97$getP.call(_target$parent97, 'formItemProps')) === null || _target$parent97$getP2 === void 0 ? void 0 : _target$parent97$getP2.__patternPreset;
+                    // 当预置选择了"自定义"时显示，或者 pattern 已有值但不匹配任何预置时也显示
+                    var pattern = (_target$parent98 = target.parent) === null || _target$parent98 === void 0 ? void 0 : (_target$parent98$getP = _target$parent98.getPropValue) === null || _target$parent98$getP === void 0 ? void 0 : (_target$parent98$getP2 = _target$parent98$getP.call(_target$parent98, 'formItemProps')) === null || _target$parent98$getP2 === void 0 ? void 0 : _target$parent98$getP2.pattern;
+                    var builtinPatterns = ['^1[3-9]\\d{9}$', '^[\\w.+-]+@[\\w-]+\\.[a-z]{2,}$', '^\\d+$', '^\\d+(\\.\\d+)?$', '^\\d{17}[\\dXx]$', "^[\\u4e00-\\u9fa5]+$"];
+                    return preset === '__custom__' || !!pattern && !builtinPatterns.includes(pattern);
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent99, _target$parent99$getP, _target$parent99$getP2;
+                      return (_target$parent99 = target.parent) === null || _target$parent99 === void 0 ? void 0 : (_target$parent99$getP = _target$parent99.getPropValue) === null || _target$parent99$getP === void 0 ? void 0 : (_target$parent99$getP2 = _target$parent99$getP.call(_target$parent99, 'formItemProps')) === null || _target$parent99$getP2 === void 0 ? void 0 : _target$parent99$getP2.pattern;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent100, _target$parent100$get, _target$parent101, _target$parent101$set;
+                      var fp = _extends({}, ((_target$parent100 = target.parent) === null || _target$parent100 === void 0 ? void 0 : (_target$parent100$get = _target$parent100.getPropValue) === null || _target$parent100$get === void 0 ? void 0 : _target$parent100$get.call(_target$parent100, 'formItemProps')) || {});
+                      if (!value) delete fp.pattern;else fp.pattern = value;
+                      (_target$parent101 = target.parent) === null || _target$parent101 === void 0 ? void 0 : (_target$parent101$set = _target$parent101.setPropValue) === null || _target$parent101$set === void 0 ? void 0 : _target$parent101$set.call(_target$parent101, 'formItemProps', fp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'StringSetter'
+                  }
+                }, {
+                  title: {
+                    label: '正则校验失败提示',
+                    tip: '正则不匹配时显示的错误提示文字。'
+                  },
+                  name: '!patternMessage',
+                  condition: function condition(target) {
+                    var _target$parent102, _target$parent102$get, _target$parent103, _target$parent103$get, _target$parent103$get2;
+                    var t = ((_target$parent102 = target.parent) === null || _target$parent102 === void 0 ? void 0 : (_target$parent102$get = _target$parent102.getPropValue) === null || _target$parent102$get === void 0 ? void 0 : _target$parent102$get.call(_target$parent102, 'componentType')) || 'Input';
+                    return ['Input', 'TextArea'].includes(t) && !!((_target$parent103 = target.parent) !== null && _target$parent103 !== void 0 && (_target$parent103$get = _target$parent103.getPropValue) !== null && _target$parent103$get !== void 0 && (_target$parent103$get2 = _target$parent103$get.call(_target$parent103, 'formItemProps')) !== null && _target$parent103$get2 !== void 0 && _target$parent103$get2.pattern);
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent104, _target$parent104$get, _target$parent104$get2;
+                      return (_target$parent104 = target.parent) === null || _target$parent104 === void 0 ? void 0 : (_target$parent104$get = _target$parent104.getPropValue) === null || _target$parent104$get === void 0 ? void 0 : (_target$parent104$get2 = _target$parent104$get.call(_target$parent104, 'formItemProps')) === null || _target$parent104$get2 === void 0 ? void 0 : _target$parent104$get2.patternMessage;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent105, _target$parent105$get, _target$parent106, _target$parent106$set;
+                      var fp = _extends({}, ((_target$parent105 = target.parent) === null || _target$parent105 === void 0 ? void 0 : (_target$parent105$get = _target$parent105.getPropValue) === null || _target$parent105$get === void 0 ? void 0 : _target$parent105$get.call(_target$parent105, 'formItemProps')) || {});
+                      if (!value) delete fp.patternMessage;else fp.patternMessage = value;
+                      (_target$parent106 = target.parent) === null || _target$parent106 === void 0 ? void 0 : (_target$parent106$set = _target$parent106.setPropValue) === null || _target$parent106$set === void 0 ? void 0 : _target$parent106$set.call(_target$parent106, 'formItemProps', fp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'StringSetter'
+                  }
+                },
+                // 格式校验（仅 Input）
+                {
+                  title: {
+                    label: '格式校验',
+                    tip: '快速选择常用格式进行校验：\n· number：必须是数字\n· email：必须是邮箱格式\n· url：必须是网址格式\n· tel：必须是电话格式'
+                  },
+                  name: '!format',
+                  condition: function condition(target) {
+                    var _target$parent107, _target$parent107$get;
+                    return ((_target$parent107 = target.parent) === null || _target$parent107 === void 0 ? void 0 : (_target$parent107$get = _target$parent107.getPropValue) === null || _target$parent107$get === void 0 ? void 0 : _target$parent107$get.call(_target$parent107, 'componentType')) === 'Input';
+                  },
+                  extraProps: {
+                    getValue: function getValue(target) {
+                      var _target$parent108, _target$parent108$get, _target$parent108$get2;
+                      return (_target$parent108 = target.parent) === null || _target$parent108 === void 0 ? void 0 : (_target$parent108$get = _target$parent108.getPropValue) === null || _target$parent108$get === void 0 ? void 0 : (_target$parent108$get2 = _target$parent108$get.call(_target$parent108, 'formItemProps')) === null || _target$parent108$get2 === void 0 ? void 0 : _target$parent108$get2.format;
+                    },
+                    setValue: function setValue(target, value) {
+                      var _target$parent109, _target$parent109$get, _target$parent110, _target$parent110$set;
+                      var fp = _extends({}, ((_target$parent109 = target.parent) === null || _target$parent109 === void 0 ? void 0 : (_target$parent109$get = _target$parent109.getPropValue) === null || _target$parent109$get === void 0 ? void 0 : _target$parent109$get.call(_target$parent109, 'formItemProps')) || {});
+                      if (!value) delete fp.format;else fp.format = value;
+                      (_target$parent110 = target.parent) === null || _target$parent110 === void 0 ? void 0 : (_target$parent110$set = _target$parent110.setPropValue) === null || _target$parent110$set === void 0 ? void 0 : _target$parent110$set.call(_target$parent110, 'formItemProps', fp);
+                    }
+                  },
+                  setter: {
+                    componentName: 'SelectSetter',
+                    props: {
+                      options: [{
+                        label: '不限制',
+                        value: ''
+                      }, {
+                        label: '数字 (number)',
+                        value: 'number'
+                      }, {
+                        label: '邮箱 (email)',
+                        value: 'email'
+                      }, {
+                        label: '网址 (url)',
+                        value: 'url'
+                      }, {
+                        label: '电话 (tel)',
+                        value: 'tel'
+                      }]
+                    },
+                    initialValue: ''
+                  }
+                }]
               }
             }
           }
         },
         initialValue: []
       }
-    }, {
-      title: '显示提交按钮',
-      name: 'showSubmit',
-      setter: {
-        componentName: 'BoolSetter',
-        initialValue: true
-      }
-    }, {
-      title: '提交按钮文字',
-      name: 'submitText',
-      setter: {
-        componentName: 'StringSetter',
-        initialValue: '提交'
-      }
-    }, {
-      title: '提交时校验',
-      name: 'submitValidate',
-      setter: {
-        componentName: 'BoolSetter',
-        initialValue: true
-      }
-    }, {
-      title: '提交数据源',
-      name: 'submitDataSource',
+    },
+    // ─────────────────────────────────────────────────────────────────────
+    // 字段初始化
+    // ─────────────────────────────────────────────────────────────────────
+    {
+      title: {
+        label: '字段初始化',
+        tip: '批量配置表单字段的初始值。\n\n· 字段名：与「表单项」中的「字段名」保持一致，例如 guest_count、user_name\n· 值类型：\n    固定值 — 直接填写静态默认值（字符串/数字/布尔/JSON）\n    变量绑定 — 绑定页面 state 或接口返回的动态变量\n\n💡 设置单个字段默认值时，也可在「表单项」列表中直接配置「默认值」，更快捷。'
+      },
+      name: 'initialValues',
+      extraProps: {
+        getValue: function getValue(target) {
+          var iv = target.getProps().getPropValue('initialValues');
+          if (!iv) return [];
+          if (Array.isArray(iv)) {
+            return iv.map(function (row) {
+              var field = typeof (row === null || row === void 0 ? void 0 : row.field) === 'string' ? row.field.trim() : '';
+              if (!field) return null;
+              var valueType = (row === null || row === void 0 ? void 0 : row.valueType) === 'variable' ? 'variable' : 'fixed';
+              return {
+                field: field,
+                valueType: valueType,
+                value: row === null || row === void 0 ? void 0 : row.value
+              };
+            }).filter(Boolean);
+          }
+          return Object.entries(iv).map(function (_ref) {
+            var field = _ref[0],
+              value = _ref[1];
+            return {
+              field: String(field).trim(),
+              valueType: 'fixed',
+              value: value
+            };
+          }).filter(function (row) {
+            return row.field;
+          });
+        },
+        setValue: function setValue(target, rows) {
+          if (!Array.isArray(rows)) return;
+          var cleanedRows = rows.map(function (row) {
+            var field = typeof (row === null || row === void 0 ? void 0 : row.field) === 'string' ? row.field.trim() : '';
+            if (!field) return null;
+            var valueType = (row === null || row === void 0 ? void 0 : row.valueType) === 'variable' ? 'variable' : 'fixed';
+            return {
+              field: field,
+              valueType: valueType,
+              value: row === null || row === void 0 ? void 0 : row.value
+            };
+          }).filter(Boolean);
+          target.getProps().setPropValue('initialValues', cleanedRows);
+        }
+      },
       setter: {
-        componentName: 'SetterFormVariable',
+        componentName: 'ArraySetter',
         props: {
-          showAttributesPanel: false
-        }
+          itemSetter: {
+            componentName: 'ObjectSetter',
+            props: {
+              config: {
+                items: [{
+                  title: {
+                    label: '字段名',
+                    tip: '与「表单项」中的「字段名」保持一致，例如：guest_count、user_name'
+                  },
+                  name: 'field',
+                  important: true,
+                  display: 'inline',
+                  setter: {
+                    componentName: 'StringSetter',
+                    isRequired: true,
+                    initialValue: ''
+                  }
+                }, {
+                  title: {
+                    label: '值类型',
+                    tip: '· 固定值：静态初始值，例如"待处理"、10、true\n· 变量绑定：绑定页面 state 或动态数据，表单打开时从变量取值'
+                  },
+                  name: 'valueType',
+                  setter: {
+                    componentName: 'RadioGroupSetter',
+                    props: {
+                      options: [{
+                        title: '固定值',
+                        value: 'fixed'
+                      }, {
+                        title: '变量绑定',
+                        value: 'variable'
+                      }]
+                    },
+                    initialValue: 'fixed'
+                  }
+                }, {
+                  title: {
+                    label: '初始值',
+                    tip: '该字段的默认值。\n· 文本类填字符串，例如：待处理\n· 数字类填数字，例如：10\n· 下拉/单选填选项的 value 值，例如：male\n· 复选框填 JSON 数组，例如：["a","b"]'
+                  },
+                  name: 'value',
+                  condition: function condition(target) {
+                    var _target$parent111, _target$parent111$get;
+                    return (((_target$parent111 = target.parent) === null || _target$parent111 === void 0 ? void 0 : (_target$parent111$get = _target$parent111.getPropValue) === null || _target$parent111$get === void 0 ? void 0 : _target$parent111$get.call(_target$parent111, 'valueType')) || 'fixed') === 'fixed';
+                  },
+                  setter: {
+                    componentName: 'MixedSetter',
+                    props: {
+                      setters: [{
+                        componentName: 'StringSetter',
+                        title: '字符串'
+                      }, {
+                        componentName: 'NumberSetter',
+                        title: '数字'
+                      }, {
+                        componentName: 'BoolSetter',
+                        title: '布尔'
+                      }, {
+                        componentName: 'JsonSetter',
+                        title: 'JSON（数组/对象）'
+                      }]
+                    }
+                  }
+                }, {
+                  title: {
+                    label: '变量绑定',
+                    tip: '绑定页面 state 或外部传入的变量，表单打开时从该变量读取初始值。\n例如：绑定 state.selectedPackage 可将上一步选择的套餐自动填入。'
+                  },
+                  name: 'value',
+                  condition: function condition(target) {
+                    var _target$parent112, _target$parent112$get;
+                    return ((_target$parent112 = target.parent) === null || _target$parent112 === void 0 ? void 0 : (_target$parent112$get = _target$parent112.getPropValue) === null || _target$parent112$get === void 0 ? void 0 : _target$parent112$get.call(_target$parent112, 'valueType')) === 'variable';
+                  },
+                  setter: {
+                    componentName: 'VariableSetter'
+                  },
+                  extraProps: {
+                    supportVariable: true
+                  }
+                }]
+              }
+            },
+            initialValue: function initialValue() {
+              return {
+                field: '',
+                valueType: 'fixed',
+                value: ''
+              };
+            }
+          }
+        },
+        initialValue: []
       }
-    }, {
-      title: '显示重置按钮',
-      name: 'showReset',
+    },
+    // ─────────────────────────────────────────────────────────────────────
+    // 计算字段
+    // ─────────────────────────────────────────────────────────────────────
+    {
+      title: {
+        label: '计算字段',
+        tip: '声明由多个表单字段自动拼接/计算出的衍生字段，每行一条规则。\n\n工作原理：每次任意字段值变化时自动重新计算，结果写入目标字段，提交时自动携带。\n\n表达式写法：用 {字段名} 引用表单中其他字段的当前值\n  例如：{package_name}，{package_price}元，预约日期：{banquet_date}\n\n配置步骤：\n  ① 目标字段名 = 要写入的字段名，例如：order_desc\n  ② 表达式 = 输入模板文字，用 {字段名} 插入字段值\n  ③ 保存后切换套餐/填值即可看到目标字段自动更新\n\n无需编写任何 JS 逻辑，配置即生效。'
+      },
+      name: 'computedFields',
+      extraProps: {
+        getValue: function getValue(target) {
+          var cf = target.getProps().getPropValue('computedFields');
+          if (!cf) return [];
+          if (Array.isArray(cf)) return cf;
+          return Object.entries(cf).map(function (_ref2) {
+            var targetField = _ref2[0],
+              template = _ref2[1];
+            return {
+              targetField: targetField,
+              template: template
+            };
+          });
+        },
+        setValue: function setValue(target, value) {
+          if (!Array.isArray(value)) return;
+          target.getProps().setPropValue('computedFields', value.filter(Boolean));
+        }
+      },
       setter: {
-        componentName: 'BoolSetter',
-        initialValue: false
+        componentName: 'ArraySetter',
+        props: {
+          itemSetter: {
+            componentName: 'ObjectSetter',
+            props: {
+              config: {
+                items: [{
+                  title: {
+                    label: '目标字段名',
+                    tip: '计算结果写入的字段名，提交时携带此字段。\n建议取语义化名称，例如：order_desc、booking_summary\n该字段不需要出现在上方「表单项」中，提交时会自动追加到表单值里。'
+                  },
+                  name: 'targetField',
+                  important: true,
+                  display: 'inline',
+                  setter: {
+                    componentName: 'StringSetter',
+                    isRequired: true,
+                    initialValue: ''
+                  }
+                }, {
+                  title: {
+                    label: '表达式',
+                    tip: '用 {字段名} 引用表单字段的当前值，支持任意文字拼接。\n\n示例：{package_name}，{guest_count}人，预订日期：{banquet_date}\n\n操作：先查看「表单项」中的字段名，在此处输入拼接模板，用 {字段名} 插入对应字段值，固定文字直接输入。'
+                  },
+                  name: 'template',
+                  setter: {
+                    componentName: 'StringSetter',
+                    isRequired: true,
+                    initialValue: ''
+                  }
+                }]
+              }
+            },
+            initialValue: function initialValue() {
+              return {
+                targetField: '',
+                template: ''
+              };
+            }
+          }
+        },
+        initialValue: []
       }
-    }, {
-      title: '重置按钮文字',
-      name: 'resetText',
+    },
+    // ─────────────────────────────────────────────────────────────────────
+    // 字段联动
+    // ─────────────────────────────────────────────────────────────────────
+    {
+      title: {
+        label: '字段联动',
+        tip: '配置"某字段变化 → 自动回填其他字段"的联动规则。\n\n【简单模式】适用于：选某个值 → 直接回填固定值或绑定变量\n  例如：选"豪华套餐" → 回填价格=9800\n  · 监听字段：值发生变化时触发检查，填字段名，例如 package_name\n  · 触发值：留空=任何变化都触发；填具体值=精确匹配才触发\n  · 回填字段：要被自动填入值的目标字段名\n  · 回填方式：固定值 或 变量（从 state 中选取）\n\n【数据源模式】适用于：根据所选值从一个列表中查找匹配项，自动回填该项的多个字段\n  典型场景：下拉框绑定了 state.packages（含 name/price/count），选择套餐名后自动回填价格和人数\n    监听字段 = package_name\n    数据源   = state.packages（与 package_name 下拉框的动态选项相同）\n    匹配字段 = value（Select 存储的是选项的 value 字段）\n    回填映射 = {"package_price":"price","guest_count":"count"}（JSON 格式）\n  注意：数据源中的每个对象需要有 matchKey 字段（用于匹配监听字段的值）以及各回填字段对应的属性。'
+      },
+      name: 'fieldLinkage',
       setter: {
-        componentName: 'StringSetter',
-        initialValue: '重置'
+        componentName: 'ArraySetter',
+        props: {
+          itemSetter: {
+            componentName: 'ObjectSetter',
+            props: {
+              config: {
+                items: [
+                // ── 通用：监听字段 ──────────────────────────────────────
+                {
+                  title: {
+                    label: '监听字段',
+                    tip: '当此字段值变化时触发联动检查，填表单项的字段名（field），例如：package_name\n可从上方「表单项」列表中查看各字段名。'
+                  },
+                  name: 'watchField',
+                  important: true,
+                  display: 'inline',
+                  setter: {
+                    componentName: 'StringSetter',
+                    isRequired: true,
+                    initialValue: ''
+                  }
+                },
+                // ── 模式切换 ────────────────────────────────────────────
+                {
+                  title: {
+                    label: '联动模式',
+                    tip: '· 简单：监听字段变化 → 直接设置某个字段的值（固定值或变量）\n· 数据源：监听字段变化 → 在指定数据源中查找匹配项 → 批量回填多个字段\n  （适合"选套餐 → 联动回填价格、人数"等场景）'
+                  },
+                  name: 'linkageMode',
+                  setter: {
+                    componentName: 'RadioGroupSetter',
+                    props: {
+                      options: [{
+                        title: '简单',
+                        value: 'simple'
+                      }, {
+                        title: '数据源',
+                        value: 'dataSource'
+                      }]
+                    },
+                    initialValue: 'simple'
+                  }
+                },
+                // ── 简单模式：触发值 ────────────────────────────────────
+                {
+                  title: {
+                    label: '触发值',
+                    tip: '监听字段的值等于此值时才触发回填。\n· 留空 = 该字段任何变化都触发\n· 填具体值 = 精确匹配后触发，例如：豪华套餐、1、true\n\n多个触发值：添加多条相同监听字段的规则，每条配置不同触发值。'
+                  },
+                  name: 'matchValue',
+                  condition: function condition(target) {
+                    var _target$parent113, _target$parent113$get;
+                    return (((_target$parent113 = target.parent) === null || _target$parent113 === void 0 ? void 0 : (_target$parent113$get = _target$parent113.getPropValue) === null || _target$parent113$get === void 0 ? void 0 : _target$parent113$get.call(_target$parent113, 'linkageMode')) || 'simple') === 'simple';
+                  },
+                  setter: {
+                    componentName: 'StringSetter',
+                    initialValue: ''
+                  }
+                },
+                // ── 简单模式：回填字段 ──────────────────────────────────
+                {
+                  title: {
+                    label: '回填字段',
+                    tip: '触发条件满足后，自动填入值的目标字段名（field），例如：package_price\n可从上方「表单项」列表中查看各字段名。'
+                  },
+                  name: 'fillField',
+                  condition: function condition(target) {
+                    var _target$parent114, _target$parent114$get;
+                    return (((_target$parent114 = target.parent) === null || _target$parent114 === void 0 ? void 0 : (_target$parent114$get = _target$parent114.getPropValue) === null || _target$parent114$get === void 0 ? void 0 : _target$parent114$get.call(_target$parent114, 'linkageMode')) || 'simple') === 'simple';
+                  },
+                  setter: {
+                    componentName: 'StringSetter',
+                    initialValue: ''
+                  }
+                },
+                // ── 简单模式：回填方式 ──────────────────────────────────
+                {
+                  title: {
+                    label: '回填方式',
+                    tip: '· 固定值：直接填写静态回填值，例如 9800、"待处理"\n· 变量：回填值来自页面 state（适合动态数据场景）'
+                  },
+                  name: 'fillValueType',
+                  condition: function condition(target) {
+                    var _target$parent115, _target$parent115$get;
+                    return (((_target$parent115 = target.parent) === null || _target$parent115 === void 0 ? void 0 : (_target$parent115$get = _target$parent115.getPropValue) === null || _target$parent115$get === void 0 ? void 0 : _target$parent115$get.call(_target$parent115, 'linkageMode')) || 'simple') === 'simple';
+                  },
+                  setter: {
+                    componentName: 'RadioGroupSetter',
+                    props: {
+                      options: [{
+                        title: '固定值',
+                        value: 'fixed'
+                      }, {
+                        title: '变量',
+                        value: 'variable'
+                      }]
+                    },
+                    initialValue: 'fixed'
+                  }
+                },
+                // ── 简单模式：回填值（固定）────────────────────────────
+                {
+                  title: {
+                    label: '回填值',
+                    tip: '触发条件满足后填入「回填字段」的具体值。\n· 字符串示例：豪华套餐、待处理\n· 数字示例：9800、10\n如需动态值，请将「回填方式」切换为「变量」。'
+                  },
+                  name: 'fillValue',
+                  condition: function condition(target) {
+                    var _target$parent116, _target$parent116$get, _target$parent117, _target$parent117$get;
+                    return (((_target$parent116 = target.parent) === null || _target$parent116 === void 0 ? void 0 : (_target$parent116$get = _target$parent116.getPropValue) === null || _target$parent116$get === void 0 ? void 0 : _target$parent116$get.call(_target$parent116, 'linkageMode')) || 'simple') === 'simple' && (((_target$parent117 = target.parent) === null || _target$parent117 === void 0 ? void 0 : (_target$parent117$get = _target$parent117.getPropValue) === null || _target$parent117$get === void 0 ? void 0 : _target$parent117$get.call(_target$parent117, 'fillValueType')) || 'fixed') === 'fixed';
+                  },
+                  setter: {
+                    componentName: 'MixedSetter',
+                    props: {
+                      setters: [{
+                        componentName: 'StringSetter',
+                        title: '字符串'
+                      }, {
+                        componentName: 'NumberSetter',
+                        title: '数字'
+                      }, {
+                        componentName: 'BoolSetter',
+                        title: '布尔'
+                      }]
+                    }
+                  }
+                },
+                // ── 简单模式：回填值（变量）────────────────────────────
+                {
+                  title: {
+                    label: '回填变量',
+                    tip: '从页面 state 中选取变量作为回填值，表单联动时实时取该变量的当前值填入目标字段。\n\n如果 state 中没有现成变量，但回填值需要来自某个下拉框选项对象的字段（如选套餐后取价格），请改用「数据源」模式。'
+                  },
+                  name: 'fillValue',
+                  condition: function condition(target) {
+                    var _target$parent118, _target$parent118$get, _target$parent119, _target$parent119$get;
+                    return (((_target$parent118 = target.parent) === null || _target$parent118 === void 0 ? void 0 : (_target$parent118$get = _target$parent118.getPropValue) === null || _target$parent118$get === void 0 ? void 0 : _target$parent118$get.call(_target$parent118, 'linkageMode')) || 'simple') === 'simple' && ((_target$parent119 = target.parent) === null || _target$parent119 === void 0 ? void 0 : (_target$parent119$get = _target$parent119.getPropValue) === null || _target$parent119$get === void 0 ? void 0 : _target$parent119$get.call(_target$parent119, 'fillValueType')) === 'variable';
+                  },
+                  setter: {
+                    componentName: 'VariableSetter'
+                  },
+                  extraProps: {
+                    supportVariable: true
+                  }
+                },
+                // ── 数据源模式：数据源 ──────────────────────────────────
+                {
+                  title: {
+                    label: '数据源',
+                    tip: '从 state 中选取一个数组变量作为查找来源。\n\n典型配置：将 package_name 字段的「动态选项绑定」绑定到 state.packages，然后此处同样选择 state.packages。\n\n这样当 package_name 变化时，会在 state.packages 中找到匹配的项，再按「回填映射」将各字段值填入表单。'
+                  },
+                  name: 'dataSource',
+                  condition: function condition(target) {
+                    var _target$parent120, _target$parent120$get;
+                    return ((_target$parent120 = target.parent) === null || _target$parent120 === void 0 ? void 0 : (_target$parent120$get = _target$parent120.getPropValue) === null || _target$parent120$get === void 0 ? void 0 : _target$parent120$get.call(_target$parent120, 'linkageMode')) === 'dataSource';
+                  },
+                  setter: {
+                    componentName: 'VariableSetter'
+                  },
+                  extraProps: {
+                    supportVariable: true
+                  }
+                },
+                // ── 数据源模式：匹配字段 ────────────────────────────────
+                {
+                  title: {
+                    label: '匹配字段',
+                    tip: '在数据源的每个对象中，用哪个字段的值与监听字段的当前值进行比对。\n\n下拉框（Select）默认存储选项的 value 字段，此处填 value 即可。\n如果下拉框存储的是 label（名称），则填 label。\n\n示例：state.packages = [{value:"A", label:"豪华套餐", price:9800, count:10}, ...]\n则此处填 value（与 package_name 字段存储的选项 value 对应）。'
+                  },
+                  name: 'matchKey',
+                  condition: function condition(target) {
+                    var _target$parent121, _target$parent121$get;
+                    return ((_target$parent121 = target.parent) === null || _target$parent121 === void 0 ? void 0 : (_target$parent121$get = _target$parent121.getPropValue) === null || _target$parent121$get === void 0 ? void 0 : _target$parent121$get.call(_target$parent121, 'linkageMode')) === 'dataSource';
+                  },
+                  setter: {
+                    componentName: 'StringSetter',
+                    initialValue: 'value'
+                  }
+                },
+                // ── 数据源模式：回填映射 ────────────────────────────────
+                {
+                  title: {
+                    label: '回填映射',
+                    tip: '找到匹配项后，将数据源对象中的哪些字段值填入表单的哪些字段。\n\nJSON 格式：{ "表单字段名": "数据源字段名", ... }\n\n示例（state.packages 中每项有 price 和 count 属性）：\n  {"package_price":"price","guest_count":"count"}\n\n效果：匹配到套餐后，自动将 price 回填到 package_price 字段，count 回填到 guest_count 字段。'
+                  },
+                  name: 'fillFields',
+                  condition: function condition(target) {
+                    var _target$parent122, _target$parent122$get;
+                    return ((_target$parent122 = target.parent) === null || _target$parent122 === void 0 ? void 0 : (_target$parent122$get = _target$parent122.getPropValue) === null || _target$parent122$get === void 0 ? void 0 : _target$parent122$get.call(_target$parent122, 'linkageMode')) === 'dataSource';
+                  },
+                  setter: {
+                    componentName: 'JsonSetter',
+                    initialValue: {}
+                  }
+                }]
+              }
+            },
+            initialValue: function initialValue() {
+              return {
+                watchField: '',
+                linkageMode: 'simple',
+                matchValue: '',
+                fillField: '',
+                fillValueType: 'fixed',
+                fillValue: ''
+              };
+            }
+          }
+        },
+        initialValue: []
       }
+    },
+    // ─────────────────────────────────────────────────────────────────────
+    // 分组六：操作按钮
+    // ─────────────────────────────────────────────────────────────────────
+    {
+      type: 'group',
+      title: '操作按钮',
+      name: 'actionGroup',
+      display: 'accordion',
+      items: [
+      // ── 对齐方式 ──────────────────────────────────────────────────────
+      {
+        title: {
+          label: '对齐方式',
+          tip: '表单底部操作按钮区域的水平对齐方式。\n· 居左：按钮靠左排列\n· 居中：按钮居中排列（默认）\n· 居右：按钮靠右排列'
+        },
+        name: 'operationAlign',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [{
+              title: '居左',
+              value: 'left'
+            }, {
+              title: '居中',
+              value: 'center'
+            }, {
+              title: '居右',
+              value: 'right'
+            }]
+          },
+          initialValue: 'center'
+        }
+      },
+      // ── 按钮列表 ──────────────────────────────────────────────────────
+      {
+        title: {
+          label: '按钮列表',
+          tip: '配置表单底部的操作按钮。\n\n默认包含「立即预订」（提交，primary 样式）和「重置」（重置，normal 样式）两个按钮，可按需增删改。\n\n字段说明：\n· 按钮文字：按钮显示的文字，例如：立即预订、保存草稿、取消\n· 操作类型：\n    提交表单 → 校验通过后收集字段值 → 调用「提交数据源（Fetch）」接口 → 触发 onSubmit 事件\n    重置表单 → 清空所有字段值，触发 onReset 事件\n    自定义   → 直接触发「点击事件」，不操作表单\n· 按钮样式：主要（primary 蓝色）/ 次要（secondary）/ 普通（normal 灰色）\n· 提交数据源（Fetch）：仅「提交表单」类型生效。点击后弹出 Fetch 数据源配置面板，选择接口地址和请求参数，请求参数支持绑定到表单字段值，提交时自动携带表单数据发起请求。\n· 提交时校验：关闭后跳过必填校验直接提交（适合草稿保存）\n· 点击事件：仅「自定义」类型生效\n\n不配置任何按钮时表单不显示按钮区域。'
+        },
+        name: 'operations',
+        setter: {
+          componentName: 'ArraySetter',
+          props: {
+            itemSetter: {
+              componentName: 'ObjectSetter',
+              props: {
+                config: {
+                  items: [
+                  // ── 按钮文字
+                  {
+                    title: {
+                      label: '按钮文字',
+                      tip: '按钮上显示的文字，例如：立即预订、保存草稿、取消'
+                    },
+                    name: 'text',
+                    important: true,
+                    display: 'inline',
+                    setter: {
+                      componentName: 'StringSetter',
+                      isRequired: true,
+                      initialValue: '立即预订'
+                    }
+                  },
+                  // ── 操作类型
+                  {
+                    title: {
+                      label: '操作类型',
+                      tip: '· 提交表单：校验 → 收集字段值 → 调用「提交数据源（Fetch）」 → 触发 onSubmit 事件\n· 重置表单：清空所有字段，触发 onReset 事件\n· 自定义：直接调用「点击事件」函数，不涉及表单操作'
+                    },
+                    name: 'action',
+                    important: true,
+                    display: 'inline',
+                    setter: {
+                      componentName: 'SelectSetter',
+                      props: {
+                        options: [{
+                          label: '提交表单',
+                          value: 'submit'
+                        }, {
+                          label: '重置表单',
+                          value: 'reset'
+                        }, {
+                          label: '自定义',
+                          value: 'custom'
+                        }]
+                      },
+                      initialValue: 'submit'
+                    },
+                    extraProps: {
+                      setValue: function setValue(target, value) {
+                        var _target$parent123, _target$parent123$get, _target$parent125, _target$parent125$get, _target$parent127, _target$parent127$set;
+                        // 根据操作类型自动填充默认文字（仅当文字为空时）
+                        var textMap = {
+                          submit: '立即预订',
+                          reset: '重置',
+                          custom: '按钮'
+                        };
+                        if (!((_target$parent123 = target.parent) !== null && _target$parent123 !== void 0 && (_target$parent123$get = _target$parent123.getPropValue) !== null && _target$parent123$get !== void 0 && _target$parent123$get.call(_target$parent123, 'text'))) {
+                          var _target$parent124, _target$parent124$set;
+                          (_target$parent124 = target.parent) === null || _target$parent124 === void 0 ? void 0 : (_target$parent124$set = _target$parent124.setPropValue) === null || _target$parent124$set === void 0 ? void 0 : _target$parent124$set.call(_target$parent124, 'text', textMap[value] || '按钮');
+                        }
+                        // 根据操作类型自动设置默认样式
+                        if (!((_target$parent125 = target.parent) !== null && _target$parent125 !== void 0 && (_target$parent125$get = _target$parent125.getPropValue) !== null && _target$parent125$get !== void 0 && _target$parent125$get.call(_target$parent125, 'type'))) {
+                          var _target$parent126, _target$parent126$set;
+                          var typeMap = {
+                            submit: 'primary',
+                            reset: 'normal',
+                            custom: 'normal'
+                          };
+                          (_target$parent126 = target.parent) === null || _target$parent126 === void 0 ? void 0 : (_target$parent126$set = _target$parent126.setPropValue) === null || _target$parent126$set === void 0 ? void 0 : _target$parent126$set.call(_target$parent126, 'type', typeMap[value] || 'normal');
+                        }
+                        (_target$parent127 = target.parent) === null || _target$parent127 === void 0 ? void 0 : (_target$parent127$set = _target$parent127.setPropValue) === null || _target$parent127$set === void 0 ? void 0 : _target$parent127$set.call(_target$parent127, 'action', value);
+                      }
+                    }
+                  },
+                  // ── 按钮样式
+                  {
+                    title: {
+                      label: '按钮样式',
+                      tip: '· 主要（primary）：蓝色高亮，适合提交等主操作\n· 次要（secondary）：灰白色，适合次要操作\n· 普通（normal）：普通灰色样式，适合重置等辅助操作'
+                    },
+                    name: 'type',
+                    setter: {
+                      componentName: 'SelectSetter',
+                      props: {
+                        options: [{
+                          label: '主要 (primary)',
+                          value: 'primary'
+                        }, {
+                          label: '次要 (secondary)',
+                          value: 'secondary'
+                        }, {
+                          label: '普通 (normal)',
+                          value: 'normal'
+                        }]
+                      },
+                      initialValue: 'normal'
+                    }
+                  },
+                  // ── 提交时校验（仅 submit）
+                  {
+                    title: {
+                      label: '提交时校验',
+                      tip: '开启后点击此按钮时先执行必填校验，校验不通过则不触发提交。\n关闭后跳过校验，直接提交（适合"草稿保存"等场景）。\n仅对「提交表单」类型按钮生效。'
+                    },
+                    name: 'submitValidate',
+                    condition: function condition(target) {
+                      var _target$parent128, _target$parent128$get;
+                      return ((_target$parent128 = target.parent) === null || _target$parent128 === void 0 ? void 0 : (_target$parent128$get = _target$parent128.getPropValue) === null || _target$parent128$get === void 0 ? void 0 : _target$parent128$get.call(_target$parent128, 'action')) === 'submit';
+                    },
+                    setter: {
+                      componentName: 'BoolSetter',
+                      initialValue: true
+                    }
+                  },
+                  // ── 提交数据源（Fetch，仅 submit）
+                  {
+                    title: {
+                      label: '提交数据源（Fetch）',
+                      tip: '点击后弹出 Fetch 数据源配置面板，配置表单提交的接口信息：\n\n· 请求地址（URL）：后端接口地址，例如 /api/booking/create\n· 请求方式：POST / PUT / PATCH 等\n· 请求参数：支持绑定到表单字段值，提交时自动携带当前填写的数据\n  例如：将 body.user_name 绑定到表单字段 user_name 的值\n\n配置完成后，点击此按钮（立即预订）校验通过时，会自动发起该接口请求，无需在 onSubmit 事件中手写调用逻辑。\n\n多按钮场景：每个提交按钮可配置独立的接口（如"保存草稿"和"正式提交"对应不同接口）。\n\n仅对「提交表单」类型按钮生效。'
+                    },
+                    name: 'fetchConfig',
+                    condition: function condition(target) {
+                      var _target$parent129, _target$parent129$get;
+                      return ((_target$parent129 = target.parent) === null || _target$parent129 === void 0 ? void 0 : (_target$parent129$get = _target$parent129.getPropValue) === null || _target$parent129$get === void 0 ? void 0 : _target$parent129$get.call(_target$parent129, 'action')) === 'submit';
+                    },
+                    setter: {
+                      componentName: 'DataSourceSetter',
+                      props: {
+                        buttonText: '配置提交接口'
+                      }
+                    }
+                  },
+                  // ── 点击事件（仅 custom）
+                  {
+                    title: {
+                      label: '点击事件',
+                      tip: '自定义按钮被点击时调用的函数，例如：跳转页面、打开弹窗。\n仅对「自定义」类型按钮生效。'
+                    },
+                    name: 'onClick',
+                    condition: function condition(target) {
+                      var _target$parent130, _target$parent130$get;
+                      return ((_target$parent130 = target.parent) === null || _target$parent130 === void 0 ? void 0 : (_target$parent130$get = _target$parent130.getPropValue) === null || _target$parent130$get === void 0 ? void 0 : _target$parent130$get.call(_target$parent130, 'action')) === 'custom';
+                    },
+                    setter: {
+                      componentName: 'FunctionSetter'
+                    },
+                    extraProps: {
+                      supportVariable: true
+                    }
+                  }]
+                }
+              },
+              initialValue: function initialValue() {
+                return {
+                  text: '立即预订',
+                  action: 'submit',
+                  type: 'primary',
+                  submitValidate: true
+                };
+              }
+            }
+          },
+          initialValue: [{
+            text: '立即预订',
+            action: 'submit',
+            type: 'primary',
+            submitValidate: true
+          }, {
+            text: '重置',
+            action: 'reset',
+            type: 'normal'
+          }]
+        }
+      }]
     }],
     supports: {
       style: true,
       events: [{
+        name: 'onReset',
+        template: "onReset(${extParams}){\n// \u70B9\u51FB\u91CD\u7F6E\u6309\u94AE\u540E\u89E6\u53D1\n// \u53EF\u5728\u6B64\u5904\u540C\u6B65\u9875\u9762 state \u6216\u6267\u884C\u5176\u4ED6\u6E05\u7A7A\u903B\u8F91\nconsole.log('[CustomForm] onReset');\n}"
+      }, {
+        name: 'onChange',
+        template: "onChange(field, value, allValues,\${extParams}){\n// 任意字段值变化时触发\n// field     = 变化的字段名（字符串）\n// value     = 该字段的最新值\n// allValues = 当前所有字段值（含 computedFields 计算字段）\n// 常见用法：将字段值同步到页面 state\n// this.setState({ [field]: value })\nconsole.log('[CustomForm] onChange', field, value, allValues);\n}"
+      }, {
         name: 'onSubmit',
-        template: "onSubmit(values, errors, field,${extParams}){\n// 提交成功（无校验错误）\nconsole.log('onSubmit', values, errors, field);\n}"
+        template: "onSubmit(values, errors, field,\${extParams}){\n// 提交成功（校验通过）时触发\n// values = 所有字段的当前值（含 computedFields 计算字段）\n// 无需再手动组装字段，直接使用 values 对象即可\nconsole.log('[CustomForm] onSubmit', values);\n}"
       }, {
         name: 'onSubmitFailed',
-        template: "onSubmitFailed(values, errors, field,${extParams}){\n// 提交失败（校验错误）\nconsole.log('onSubmitFailed', values, errors, field);\n}"
+        template: "onSubmitFailed(values, errors, field,\${extParams}){\n// 提交失败（校验未通过）时触发\n// errors = 校验错误信息对象，key 为字段名\nconsole.log('[CustomForm] onSubmitFailed', errors);\n}"
       }]
     }
   }
 };
 var snippets = [{
-  title: '自定义表单',
+  title: '自定义表单（完整示例）',
   screenshot: '',
   schema: {
     componentName: 'CustomForm',
     props: {
-      columns: 1,
+      columns: 2,
+      initialValues: [{
+        field: 'guest_count',
+        valueType: 'fixed',
+        value: 10
+      }],
+      computedFields: [{
+        targetField: 'order_desc',
+        template: '{package_name},{package_price}元，预订日期：{banquet_date}，人数：{guest_count}人'
+      }],
       formItems: [{
-        field: 'name',
-        label: '姓名',
+        field: 'banquet_date',
+        label: '宴请日期',
         required: true,
-        componentType: 'Input',
+        placeholder: '请选择日期时间',
+        componentType: 'DateTimePicker',
         componentProps: {
-          placeholder: '请输入姓名'
+          format: 'YYYY-MM-DD HH:mm'
         }
       }, {
-        field: 'gender',
-        label: '性别',
-        componentType: 'RadioGroup',
-        options: [{
-          label: '男',
-          value: 'male'
-        }, {
-          label: '女',
-          value: 'female'
-        }]
+        field: 'guest_count',
+        label: '宴请人数',
+        required: true,
+        placeholder: '请输入人数',
+        componentType: 'NumberPicker'
+      }, {
+        field: 'package_name',
+        label: '套餐名称',
+        required: true,
+        componentType: 'Select',
+        placeholder: '请选择套餐',
+        options: []
+      }, {
+        field: 'package_price',
+        label: '套餐价格',
+        componentType: 'Input',
+        componentProps: {
+          readOnly: true
+        },
+        extra: '选择套餐后自动填入'
+      }, {
+        field: 'user_name',
+        label: '预订人姓名',
+        required: true,
+        placeholder: '请输入姓名',
+        componentType: 'Input'
+      }, {
+        field: 'user_mobile',
+        label: '联系方式',
+        required: true,
+        placeholder: '请输入手机号',
+        componentType: 'Input'
+      }, {
+        field: 'memo',
+        label: '备注',
+        placeholder: '请输入备注（选填）',
+        componentType: 'TextArea',
+        columnSpan: 2
       }],
-      showSubmit: true,
-      submitText: '提交'
+      fieldLinkage: [{
+        watchField: 'package_name',
+        linkageMode: 'simple',
+        matchValue: '豪华套餐',
+        fillField: 'package_price',
+        fillValueType: 'fixed',
+        fillValue: 9800
+      }],
+      operations: [{
+        text: '立即预订',
+        action: 'submit',
+        type: 'primary',
+        submitValidate: true
+      }, {
+        text: '重置',
+        action: 'reset',
+        type: 'normal'
+      }]
     }
   }
 }];