element-less 0.0.73 → 0.0.74

package/{index-C0SJ8qh4.js → index-BkcWYzI_.js}

@@ -42503,6 +42503,13 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
       tableData.push(newRow);
       emits2("update:editStatus", true);
     }
+    function handleEditCellChange(column, row, val) {
+      const syncTo = column.syncTo;
+      if (syncTo && (!row[syncTo] || row[syncTo] === row[column.prop])) {
+        row[syncTo] = val;
+      }
+      row[column.prop] = val;
+    }
     setValue({
       "menuClick": handleMenuCommand,
       setEditData,
@@ -42633,7 +42640,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
                         requiredMessage: column.requiredMessage,
                         prop: column.prop,
                         modelValue: slotProps.row[column.prop],
-                        "onUpdate:modelValue": ($event) => slotProps.row[column.prop] = $event
+                        "onUpdate:modelValue": (val) => handleEditCellChange(column, slotProps.row, val)
                       }, { ref_for: true }, (column.editComponent || {}).props || {}, {
                         aIndex: slotProps.$index
                       }), null, 16, ["required", "requiredMessage", "prop", "modelValue", "onUpdate:modelValue", "aIndex"]))
@@ -42812,7 +42819,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Table$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$1_, [["__scopeId", "data-v-3219fa3f"]]);
+const Table$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$1_, [["__scopeId", "data-v-b7ccc2a8"]]);
 const ElsTable = withInstall$1(Table$1);
 const treeProps = buildProps({
   ...formItemProps$1,
@@ -51808,6 +51815,7 @@ const property_radio = [
                         "id": "label",
                         "label": "Label",
                         "prop": "label",
+                        "syncTo": "value",
                         "width": "",
                         "showSummary": false,
                         "sortable": false,
@@ -52014,6 +52022,7 @@ const property_radio = [
                         "id": "label",
                         "label": "Label",
                         "prop": "label",
+                        "syncTo": "value",
                         "width": "",
                         "showSummary": false,
                         "sortable": false,
@@ -52219,6 +52228,7 @@ const property_radio = [
                         "id": "label",
                         "label": "Label",
                         "prop": "label",
+                        "syncTo": "value",
                         "width": "",
                         "showSummary": false,
                         "sortable": false,
@@ -52840,6 +52850,7 @@ const property_checkbox = [
                       {
                         "label": "Label",
                         "prop": "label",
+                        "syncTo": "value",
                         "width": "",
                         "showSummary": false,
                         "sortable": false,
@@ -53341,6 +53352,7 @@ const property_select = [
                         "id": "label",
                         "label": "Label",
                         "prop": "label",
+                        "syncTo": "value",
                         "width": "",
                         "showSummary": false,
                         "sortable": false,
@@ -53547,6 +53559,7 @@ const property_select = [
                         "id": "label",
                         "label": "Label",
                         "prop": "label",
+                        "syncTo": "value",
                         "width": "",
                         "showSummary": false,
                         "sortable": false,
@@ -53752,6 +53765,7 @@ const property_select = [
                         "id": "label",
                         "label": "Label",
                         "prop": "label",
+                        "syncTo": "value",
                         "width": "",
                         "showSummary": false,
                         "sortable": false,
@@ -67138,45 +67152,109 @@ const property_table = [
             "name": "default",
             "children": [
               {
-                "keyID": "key_92800",
+                "keyID": "key_data_tip_nocolumns",
+                "keyName": "",
+                "keyCode": "",
+                "children": [],
+                "dataType": "None",
+                "dataTypeName": "None",
+                "arrayDataTypeName": "",
+                "arrayDataType": "",
+                "componentGroup": "Show",
+                "componentTypeLabel": "页面提示",
+                "componentTypeName": "Tip",
+                "componentName": "ElsTip",
+                "componentType": "Tip",
+                "formItem": false,
+                "componentShow": true,
+                "icon": "tips",
+                "slots": [],
+                "config": {
+                  "formConfig": {},
+                  "baseConfig": {
+                    "title": "请先配置列",
+                    "content": "请先在「列配置」中添加列，然后再配置数据列表"
+                  },
+                  "advancedConfig": {
+                    "style": "",
+                    "vif": "!globalData._parentGlobalData?.config?.baseConfig?.columns?.length",
+                    "disabled": "",
+                    "eventChange": ""
+                  },
+                  "arrayConfig": {}
+                }
+              },
+              {
+                "keyID": "key_data_table",
                 "keyName": "数据列表",
                 "keyCode": "default",
                 "children": [],
-                "dataType": "Object",
-                "dataTypeName": "Object",
+                "dataType": "Array",
+                "dataTypeName": "Array",
                 "arrayDataTypeName": "",
                 "arrayDataType": "",
-                "componentGroup": "Form",
-                "componentTypeLabel": "Json编辑器",
-                "componentTypeName": "JsonEditor",
-                "componentName": "ElsJsonEditor",
-                "componentType": "JsonEditor",
+                "componentGroup": "Show",
+                "componentTypeLabel": "Table表格",
+                "componentTypeName": "Table",
+                "componentName": "ElsTable",
+                "componentType": "Table",
                 "formItem": true,
                 "componentShow": true,
-                "icon": "text-style",
+                "icon": "table",
                 "slots": [],
                 "config": {
-                  "formConfig": {
-                    "labelWidth": "",
-                    "suffixContent": "",
-                    "required": false,
-                    "requiredMessage": "",
-                    "tip": "",
-                    "tipPosition": "left",
-                    "validType": "",
-                    "validMessage": "",
-                    "validExpression": "",
-                    "validMethod": ""
+                  "formConfig": {},
+                  "baseConfig": {
+                    "rowKey": "_id",
+                    "columns": [],
+                    "re_columns": ":globalData._parentGlobalData?.config?.baseConfig?.columns?.map(c=>({label:c.label,prop:c.prop,isEdit:true,editComponent:{name:'els-input',props:{}}}))||[]",
+                    "height": "",
+                    "maxHeight": "400",
+                    "align": "center",
+                    "isEdit": true,
+                    "dragRow": true,
+                    "hasPage": false
+                  },
+                  "advancedConfig": {
+                    "style": "",
+                    "vif": "globalData._parentGlobalData?.config?.baseConfig?.columns?.length",
+                    "disabled": "",
+                    "eventChange": ""
                   },
+                  "arrayConfig": {}
+                },
+                "value": []
+              },
+              {
+                "keyID": "key_data_addrow_btn",
+                "keyName": "Button按钮",
+                "keyCode": "",
+                "children": [],
+                "dataType": "None",
+                "dataTypeName": "None",
+                "arrayDataTypeName": "",
+                "arrayDataType": "",
+                "componentGroup": "Show",
+                "componentTypeLabel": "Button按钮",
+                "componentTypeName": "Button",
+                "componentName": "ElButton",
+                "componentType": "Button",
+                "formItem": false,
+                "componentShow": true,
+                "icon": "button",
+                "slots": [],
+                "config": {
+                  "formConfig": {},
                   "baseConfig": {
-                    "navigationBar": true,
-                    "mainMenuBar": true,
-                    "readOnly": false,
-                    "statusBar": true
+                    "innerContent": "新增行",
+                    "type": "info",
+                    "text": true,
+                    "bg": true,
+                    "eventClick": "const cols=globalData._parentGlobalData?.config?.baseConfig?.columns||[];const row={_id:utils.shortid()};cols.forEach(c=>{row[c.prop]=''});refs['key_data_table']?.addRow(row)"
                   },
                   "advancedConfig": {
-                    "style": "height:450px",
-                    "vif": "",
+                    "style": "margin-top:8px",
+                    "vif": "globalData._parentGlobalData?.config?.baseConfig?.columns?.length",
                     "disabled": "",
                     "eventChange": ""
                   },
@@ -67215,7 +67293,8 @@ const property_table = [
               "bg": true,
               "type": "info"
             },
-            "function_confirm": ""
+            "function_confirm": "const rows=slotValue?.default?.default;if(Array.isArray(rows)){globalData.config.baseConfig.data=rows.map(({_id:_,...r})=>r)}return Promise.resolve(true)",
+            "function_open": "if(slotValue)slotValue['default']={default:(globalData.config.baseConfig.data||[]).map(r=>({...r,_id:utils.shortid()}))}"
           },
           "advancedConfig": {},
           "arrayConfig": {
@@ -67273,6 +67352,7 @@ const property_table = [
                         "id": "label",
                         "label": "列名称",
                         "prop": "label",
+                        "syncTo": "prop",
                         "width": "",
                         "showSummary": false,
                         "sortable": false,
@@ -74975,7 +75055,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["removeItem"], ["update:children"]),
   setup(__props, { emit: __emit }) {
     const DynamicDesignerInnerItem = defineAsyncComponent(() => {
-      return import("./innerItem-COru-kKY.js");
+      return import("./innerItem-5Au5l5Jf.js");
     });
     const { getValue: getValue2 } = useProps();
     const tagID = getValue2("tagID");
@@ -76013,10 +76093,10 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DynamicRenderInner = defineAsyncComponent(() => {
-      return import("./inner-BVkvNO8N.js").then((n) => n.i);
+      return import("./inner-Ba84wZRD.js").then((n) => n.i);
     });
     const DynamicRenderForm = defineAsyncComponent(() => {
-      return import("./inner-BVkvNO8N.js").then((n) => n.f);
+      return import("./inner-Ba84wZRD.js").then((n) => n.f);
     });
     const props2 = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props2);
@@ -76256,10 +76336,10 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const DynamicRenderInnerAsync = defineAsyncComponent(() => {
-      return import("./inner-BVkvNO8N.js").then((n) => n.i);
+      return import("./inner-Ba84wZRD.js").then((n) => n.i);
     });
     const DynamicRenderFormAsync = defineAsyncComponent(() => {
-      return import("./inner-BVkvNO8N.js").then((n) => n.f);
+      return import("./inner-Ba84wZRD.js").then((n) => n.f);
     });
     const props2 = __props;
     const { getValue: getValue2, setValue, formNodeProps } = useProps(props2);
@@ -78630,6 +78710,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     });
     const setSlotVisible = getValue2("setSlotVisible", () => {
     });
+    const triggerAiGenerate = getValue2("triggerAiGenerate", () => {
+    });
+    const aiUrl = getValue2("aiUrl", "");
     const slotVisible = ref();
     function handleRemove(item) {
       removeItem(item);
@@ -78639,21 +78722,34 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       setSlotVisible();
       slotVisible.value = !slotVisible.value;
     }
+    const arrayTypeLabelMap = {
+      String: "字符串数组",
+      Number: "数字数组",
+      Bool: "Bool数组",
+      Object: "对象数组"
+    };
+    function formatDataTypeLabel(item) {
+      if (item.dataTypeName === "Array") {
+        return item.arrayDataTypeName ? arrayTypeLabelMap[item.arrayDataTypeName] || `${item.arrayDataTypeName}数组` : "数组";
+      }
+      if (item.dataTypeName === "Object") return "对象表单";
+      return item.dataTypeName;
+    }
     return (_ctx, _cache) => {
       const _component_View = resolveComponent("View");
       const _component_el_icon = resolveComponent("el-icon");
       const _component_ArrowDown = resolveComponent("ArrowDown");
       const _component_ArrowUp = resolveComponent("ArrowUp");
+      const _component_MagicStick = resolveComponent("MagicStick");
       const _component_Delete = resolveComponent("Delete");
       const _component_Rank = resolveComponent("Rank");
       return openBlock(), createElementBlock(Fragment$1, null, [
         !__props.nodeItem.excludeFromResult && (__props.nodeItem.componentGroup == "Form" || __props.nodeItem.formItem && __props.nodeItem.keyCode) ? (openBlock(), createElementBlock("span", _hoisted_1$l, [
           createElementVNode("span", null, toDisplayString(__props.nodeItem.keyCode), 1),
-          createElementVNode("span", null, toDisplayString(__props.nodeItem.dataTypeName === "Array" && !__props.nodeItem.componentType || __props.nodeItem.arrayDataTypeName ? `Array
-            <${__props.nodeItem.arrayDataTypeName ? __props.nodeItem.arrayDataTypeName : "T"}>` : __props.nodeItem.dataTypeName), 1)
+          createElementVNode("span", null, toDisplayString(formatDataTypeLabel(__props.nodeItem)), 1)
         ])) : createCommentVNode("", true),
         createElementVNode("span", _hoisted_2$e, [
-          __props.nodeItem.componentTypeLabel != "Object" && __props.nodeItem.componentTypeLabel != "Array<T>" ? (openBlock(), createElementBlock("span", _hoisted_3$d, toDisplayString(__props.nodeItem.componentTypeLabel), 1)) : createCommentVNode("", true),
+          __props.nodeItem.componentTypeLabel != "对象表单" && __props.nodeItem.componentTypeLabel != "数组" ? (openBlock(), createElementBlock("span", _hoisted_3$d, toDisplayString(__props.nodeItem.componentTypeLabel), 1)) : createCommentVNode("", true),
           __props.nodeItem.config.advancedConfig.vif ? (openBlock(), createBlock(_component_el_icon, {
             key: 1,
             title: "v-if:" + __props.nodeItem.config.advancedConfig.vif
@@ -78667,7 +78763,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             key: 2,
             onClick: handleSetSlotVisible
           }, [
-            _cache[1] || (_cache[1] = createTextVNode("插槽", -1)),
+            _cache[2] || (_cache[2] = createTextVNode("插槽", -1)),
             !slotVisible.value ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
               default: withCtx(() => [
                 createVNode(_component_ArrowDown)
@@ -78680,9 +78776,19 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               _: 1
             }))
           ])) : createCommentVNode("", true),
+          unref(aiUrl) && __props.nodeItem.componentGroup === "Container" ? (openBlock(), createBlock(_component_el_icon, {
+            key: 3,
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(triggerAiGenerate)(__props.nodeItem)),
+            title: "AI生成"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_MagicStick)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
           createVNode(_component_el_icon, {
             class: "el-icon-remove",
-            onClick: _cache[0] || (_cache[0] = ($event) => handleRemove(__props.nodeItem))
+            onClick: _cache[1] || (_cache[1] = ($event) => handleRemove(__props.nodeItem))
           }, {
             default: withCtx(() => [
               createVNode(_component_Delete)
@@ -78700,7 +78806,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DynamicDesignerViewOperate = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__scopeId", "data-v-7cc3e387"]]);
+const DynamicDesignerViewOperate = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__scopeId", "data-v-5b4a8315"]]);
 const _hoisted_1$k = { key: 1 };
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "wrap",
@@ -79074,7 +79180,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_2$d, [
                         createElementVNode("div", _hoisted_3$c, [
-                          createVNode(_sfc_main$u, {
+                          createVNode(DynamicDesignerViewBody, {
                             renderData: slot.children,
                             minHeight: "100",
                             isMobile: unref(isMobile)
@@ -79212,7 +79318,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               createVNode(unref(draggable), mergeProps({
-                class: [{ "els-dynamic-designer-empty": nodeItem.value.children.length == 0 }],
+                class: [{ "els-dynamic-designer-empty": nodeItem.value.children.length == 0 && nodeItem.value.componentTypeName !== "Form" }, { "els-dynamic-array-undetermined": nodeItem.value.dataTypeName === "Array" && !nodeItem.value.arrayDataTypeName }],
                 list: nodeItem.value.children
               }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
                 style: [{ "min-height": "50px" }],
@@ -79239,7 +79345,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DynamicDesignerViewForm = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__scopeId", "data-v-d9daae7f"]]);
+const DynamicDesignerViewForm = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__scopeId", "data-v-d658c3e9"]]);
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "body",
   props: /* @__PURE__ */ mergeModels({
@@ -79331,6 +79437,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const DynamicDesignerViewBody = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-82f9f850"]]);
 const designerViewProps = buildProps({
   ...formItemProps$1,
   /**
@@ -79427,6 +79534,14 @@ const designerViewProps = buildProps({
   toolbar: {
     type: Array
   },
+  /** AI 生成接口地址，有值时显示 AI 按钮 */
+  aiUrl: { type: String },
+  /** AI 系统提示词（不传则用内置默认） */
+  aiSystemPrompt: { type: String },
+  /** 自定义 AI 请求体构造 (systemPrompt, userPrompt) => body */
+  aiBuildRequest: { type: Function },
+  /** 自定义 AI 响应提取 (responseData) => string */
+  aiPickResponse: { type: Function },
   /**
    * @description 左侧宽度
    */
@@ -79469,6 +79584,496 @@ const designerViewProps = buildProps({
     default: () => []
   }
 });
+const AI_SYSTEM_PROMPT = `你是一个低代码表单配置生成器。根据用户描述，输出符合以下格式的 JSON 数组。只输出 JSON，不要有任何额外文字、注释或代码块标记。
+
+# 节点结构
+
+每个节点必须包含以下字段：
+- keyID: 唯一ID，格式 "key_" + 6位数字（如 "key_123456"）
+- keyName: 显示名称（中文）
+- keyCode: 字段名（小驼峰，容器类节点为空字符串""）
+- componentType: 组件类型（见下方清单；Object/Array 数据节点不填此字段）
+- dataType: 数据类型（String/Number/Bool/Object/Array/None）
+- arrayDataType: 数组元素类型，仅当 dataType="Array" 时填写（Object/String/Number/Bool）
+- children: 子节点数组（叶子节点为 []）
+- config: 包含 formConfig、baseConfig、advancedConfig、arrayConfig 四个对象
+
+不要输出 componentName、componentGroup、dataTypeName、formItem 等字段（由系统自动填充）。
+
+# 组件清单
+
+## 表单组件（有字段值输出，需填 keyCode）
+
+| componentType | dataType | 说明 | 常用 baseConfig |
+|---|---|---|---|
+| Input | String | 单行输入框 | placeholder, clearable, maxlength, showWordLimit, isTrim, width, prefixIcon, suffixIcon |
+| Textarea | String | 多行文本 | placeholder, rows, maxlength, clearable, resize, width |
+| InputNumber | Number | 数字输入框 | min, max, step, precision, controls-position, width |
+| Slider | Number | 滑块 | min, max, step, showInput |
+| Switch | Bool/String/Number | 开关 | active-text, inactive-text, active-value, inactive-value |
+| Select | String/Number/Bool | 下拉选择 | data[{label,value}], multiple, filterable, clearable, placeholder, width, url, labelField, valueField |
+| Radio | String/Number/Bool | 单选 | type(radio/button), data[{label,value}], width, url |
+| Checkbox | String | 多选 | type(checkbox/button), data[{label,value}], width, url |
+| Cascader | String | 级联选择 | url, labelField, valueField, childrenField, clearable, multiple |
+| Datepicker | String/Number | 日期选择 | type(date/daterange/datetime/datetimerange/year/month/monthrange), format, valueFormat, clearable, width |
+| Timepicker | String/Number | 时间选择 | format, valueFormat, clearable, width |
+| Switch | Bool | 开关 | active-text, inactive-text |
+| Tree | String/Number | 树形选择 | url, labelField, valueField, clearable, multiple |
+| ColorPicker | String | 取色器 | showAlpha |
+| UploadPic | String | 上传图片 | width, height, limit |
+| UploadMutiPic | String | 上传图集（多图）| width, height, limit |
+| UploadFile | String | 上传文件 | accept, limit |
+| WangEditor | String | 富文本编辑器 | height |
+| AceEditor | String | 代码编辑器 | mode(javascript/json/html/css/python/sql), height |
+| JsonEditor | String/Object | JSON 编辑器 | height |
+| DataModal | String/Object/Array | 弹窗选择 | title, width, buttonLabel |
+| Caption | None/String | 分隔描述（formItem:true）| title, description, type(primary/success/warning/danger) |
+| Table | Array | 数据表格（formItem:true）| columns[{label,prop,width,sortable}], data, hasPage, maxHeight, url |
+
+## 容器组件（不含字段值，keyCode 为 ""，dataType 为 None）
+
+| componentType | 说明 | 主要 baseConfig |
+|---|---|---|
+| Row | 栅格行，子节点必须是 Col | gutter(默认10), justify(start/end/center/space-between/space-around), align(top/middle/bottom) |
+| Col | 栅格列，必须在 Row 内 | span(1-24，合计24), offset |
+| Card | 卡片容器 | header, shadow(always/hover/never) |
+| Collapse | 折叠面板，子节点是 CollapseItem | accordion |
+| CollapseItem | 折叠节点，必须在 Collapse 内 | title, name |
+| Tabs | 标签页，子节点是 TabPane | type(border-card/card), tabPosition(top/right/bottom/left) |
+| TabPane | 标签选项，必须在 Tabs 内 | label, name |
+| Dialog | 对话框 | title, width, fullscreen |
+| Drawer | 抽屉 | title, size, direction(rtl/ltr/ttb/btt) |
+| Html | 通用 div | display(flex), flex-wrap, justify-content, align-items, width, height, padding, background |
+| FormItem | 表单项容器 | label, labelWidth |
+| FormQuery | 查询表单（Object类型） | labelWidth |
+| RequestForm | 接口请求表单 | url, method(GET/POST), buttonLabel |
+
+## 展示组件（不含字段值，keyCode 为 ""）
+
+| componentType | 说明 | 主要 baseConfig |
+|---|---|---|
+| Button | 普通按钮 | innerContent, type(primary/success/warning/danger/info), plain, text, round, eventClick |
+| ButtonSearch | 查询按钮 | innerContent |
+| ButtonExport | 导出按钮 | innerContent |
+| Tip | 提示块 | title, content, type(primary/warning) |
+| Alert | 警告提示 | title, type(success/warning/info/error), description, closable |
+| Tag | 标签 | innerContent, type(success/info/warning/danger) |
+| Link | 链接 | innerContent, href, type, underline |
+| Text | 文本 | innerContent, type, size |
+| Image | 图片 | src, width, height, fit(fill/contain/cover/none) |
+| Tooltip | 文字提示 | content, placement(top/bottom/left/right), effect(dark/light) |
+
+## Object/Array 数据节点（无 componentType，由 dataType 驱动）
+
+- dataType="Object"：对象节点，children 放子字段，输出 {keyCode: {子字段...}}
+- dataType="Array" + arrayDataType="Object"：对象数组节点（不含 componentType），children 定义数组元素的字段结构，每个子节点就是一行数据的字段
+- dataType="Array" + arrayDataType="String/Number"：简单值数组
+- 这类节点没有 componentType 字段
+
+## Table 可编辑表格（推荐用于对象数组）
+
+当需要让用户在表格中编辑多行数据时，使用 componentType="Table"，dataType="Array"。
+Table 通过 baseConfig.columns 定义列，每列需要 id（随机字符串）、label（列标题）、prop（字段名）、editComponent（编辑组件）。
+设置 isEdit:true 开启行内编辑，canAddRow:true 允许新增行。
+
+Table 节点的 slots 数组中每个 slot 对应一列的编辑插槽（name 格式为 "edit-{列id}"），slot.children 为空时使用 editComponent 默认编辑器，也可以在 children 中放入自定义组件。
+
+Table 节点格式：
+\`\`\`json
+{
+  "keyID": "key_xxxxxx",
+  "keyCode": "列表字段名",
+  "keyName": "显示名称",
+  "dataType": "Array",
+  "arrayDataType": "",
+  "componentType": "Table",
+  "children": [],
+  "slots": [
+    { "name": "edit-{列id1}", "label": "{列1标题} 编辑", "children": [] },
+    { "name": "edit-{列id2}", "label": "{列2标题} 编辑", "children": [] }
+  ],
+  "config": {
+    "formConfig": {},
+    "baseConfig": {
+      "rowKey": "",
+      "url": "",
+      "data": {},
+      "columns": [
+        { "id": "{列id1}", "label": "{列1标题}", "prop": "{字段名1}", "type": "default", "width": "", "editComponent": { "name": "els-input", "props": {} } },
+        { "id": "{列id2}", "label": "{列2标题}", "prop": "{字段名2}", "type": "default", "width": "", "editComponent": { "name": "els-input", "props": {} } }
+      ],
+      "align": "center",
+      "isEdit": true,
+      "canAddRow": true,
+      "hasPage": false,
+      "maxHeight": ""
+    },
+    "advancedConfig": {},
+    "arrayConfig": {}
+  }
+}
+\`\`\`
+列 id 使用8位随机字母数字串，slot name 格式必须与列 id 保持一致（"edit-" + 列id）。
+
+# 配置说明
+
+## formConfig（字段级表单配置）
+- re_required: 必填表达式（"" 不必填，"true" 始终必填，"currNode['field']?.value=='A'" 条件必填）
+- requiredMessage: 必填提示文字
+- validType: 内置验证（email/phone/idcard/url）
+- validExpression: 自定义验证表达式
+- validMessage: 验证失败提示
+- tip: 字段提示文字
+- tipPosition: 提示位置（left/right/top）
+
+## advancedConfig（高级配置，所有组件均支持）
+- vif: 条件显示表达式（true显示，false隐藏）。访问其他字段用 currNode['keyCode'].value
+- disabled: 禁用表达式，同上
+- eventChange: 值变化时触发的 JS 代码
+- style: 动态样式字符串
+
+# 配置案例
+
+## 案例1 - 基本表单
+\`\`\`json
+[
+  {
+    "keyID": "key_001001",
+    "keyCode": "username",
+    "keyName": "用户名",
+    "componentType": "Input",
+    "dataType": "String",
+    "arrayDataType": "",
+    "children": [],
+    "config": {
+      "formConfig": { "re_required": "true", "requiredMessage": "请输入用户名" },
+      "baseConfig": { "placeholder": "请输入用户名", "clearable": true, "maxlength": "50" },
+      "advancedConfig": { "style": "", "vif": "", "disabled": "", "eventChange": "" },
+      "arrayConfig": {}
+    }
+  },
+  {
+    "keyID": "key_001002",
+    "keyCode": "gender",
+    "keyName": "性别",
+    "componentType": "Radio",
+    "dataType": "String",
+    "arrayDataType": "",
+    "children": [],
+    "config": {
+      "formConfig": {},
+      "baseConfig": { "type": "radio", "data": [{"label": "男", "value": "male"}, {"label": "女", "value": "female"}] },
+      "advancedConfig": { "style": "", "vif": "", "disabled": "", "eventChange": "" },
+      "arrayConfig": {}
+    }
+  },
+  {
+    "keyID": "key_001003",
+    "keyCode": "role",
+    "keyName": "角色",
+    "componentType": "Select",
+    "dataType": "String",
+    "arrayDataType": "",
+    "children": [],
+    "config": {
+      "formConfig": {},
+      "baseConfig": { "data": [{"label": "管理员", "value": "admin"}, {"label": "普通用户", "value": "user"}], "placeholder": "请选择角色", "clearable": true },
+      "advancedConfig": { "style": "", "vif": "", "disabled": "", "eventChange": "" },
+      "arrayConfig": {}
+    }
+  }
+]
+\`\`\`
+
+## 案例2 - 栅格布局（Row + Col）
+\`\`\`json
+[
+  {
+    "keyID": "row_002001",
+    "keyCode": "",
+    "keyName": "栅格行",
+    "componentType": "Row",
+    "dataType": "None",
+    "arrayDataType": "",
+    "children": [
+      {
+        "keyID": "col_002001",
+        "keyCode": "",
+        "keyName": "左列",
+        "componentType": "Col",
+        "dataType": "None",
+        "arrayDataType": "",
+        "children": [
+          {
+            "keyID": "key_002001",
+            "keyCode": "startDate",
+            "keyName": "开始日期",
+            "componentType": "Datepicker",
+            "dataType": "String",
+            "arrayDataType": "",
+            "children": [],
+            "config": { "formConfig": {}, "baseConfig": { "type": "date", "valueFormat": "YYYY-MM-DD", "clearable": true }, "advancedConfig": { "style": "", "vif": "", "disabled": "", "eventChange": "" }, "arrayConfig": {} }
+          }
+        ],
+        "config": { "formConfig": {}, "baseConfig": { "span": 12 }, "advancedConfig": {}, "arrayConfig": {} }
+      },
+      {
+        "keyID": "col_002002",
+        "keyCode": "",
+        "keyName": "右列",
+        "componentType": "Col",
+        "dataType": "None",
+        "arrayDataType": "",
+        "children": [
+          {
+            "keyID": "key_002002",
+            "keyCode": "endDate",
+            "keyName": "结束日期",
+            "componentType": "Datepicker",
+            "dataType": "String",
+            "arrayDataType": "",
+            "children": [],
+            "config": { "formConfig": {}, "baseConfig": { "type": "date", "valueFormat": "YYYY-MM-DD", "clearable": true }, "advancedConfig": { "style": "", "vif": "", "disabled": "", "eventChange": "" }, "arrayConfig": {} }
+          }
+        ],
+        "config": { "formConfig": {}, "baseConfig": { "span": 12 }, "advancedConfig": {}, "arrayConfig": {} }
+      }
+    ],
+    "config": { "formConfig": {}, "baseConfig": { "gutter": 10 }, "advancedConfig": {}, "arrayConfig": {} }
+  }
+]
+\`\`\`
+
+## 案例3 - Object 嵌套对象
+\`\`\`json
+[
+  {
+    "keyID": "key_003001",
+    "keyCode": "address",
+    "keyName": "地址",
+    "dataType": "Object",
+    "arrayDataType": "",
+    "children": [
+      {
+        "keyID": "key_003002",
+        "keyCode": "province",
+        "keyName": "省份",
+        "componentType": "Input",
+        "dataType": "String",
+        "arrayDataType": "",
+        "children": [],
+        "config": { "formConfig": {}, "baseConfig": { "placeholder": "请输入省份" }, "advancedConfig": { "style": "", "vif": "", "disabled": "", "eventChange": "" }, "arrayConfig": {} }
+      },
+      {
+        "keyID": "key_003003",
+        "keyCode": "city",
+        "keyName": "城市",
+        "componentType": "Input",
+        "dataType": "String",
+        "arrayDataType": "",
+        "children": [],
+        "config": { "formConfig": {}, "baseConfig": { "placeholder": "请输入城市" }, "advancedConfig": { "style": "", "vif": "", "disabled": "", "eventChange": "" }, "arrayConfig": {} }
+      }
+    ],
+    "config": { "formConfig": {}, "baseConfig": {}, "advancedConfig": {}, "arrayConfig": {} }
+  }
+]
+\`\`\`
+
+## 案例4 - 普通对象数组（无 componentType，dataType=Array + arrayDataType=Object）
+
+这种方式生成嵌套表单，每行数据是一个对象，children 定义每个对象的字段：
+\`\`\`json
+[
+  {
+    "keyID": "key_arr001",
+    "keyCode": "members",
+    "keyName": "成员列表",
+    "dataType": "Array",
+    "arrayDataType": "Object",
+    "children": [
+      {
+        "keyID": "key_arr002",
+        "keyCode": "name",
+        "keyName": "姓名",
+        "componentType": "Input",
+        "dataType": "String",
+        "arrayDataType": "",
+        "children": [],
+        "config": { "formConfig": {}, "baseConfig": { "placeholder": "请输入姓名" }, "advancedConfig": { "style": "", "vif": "", "disabled": "", "eventChange": "" }, "arrayConfig": {} }
+      },
+      {
+        "keyID": "key_arr003",
+        "keyCode": "age",
+        "keyName": "年龄",
+        "componentType": "InputNumber",
+        "dataType": "Number",
+        "arrayDataType": "",
+        "children": [],
+        "config": { "formConfig": {}, "baseConfig": { "min": "0", "max": "150" }, "advancedConfig": { "style": "", "vif": "", "disabled": "", "eventChange": "" }, "arrayConfig": {} }
+      }
+    ],
+    "config": { "formConfig": {}, "baseConfig": {}, "advancedConfig": {}, "arrayConfig": {} }
+  }
+]
+\`\`\`
+
+## 案例5 - Table 可编辑表格（推荐，比对象数组更直观）
+
+Table 表格适合需要用户编辑多行数据的场景，isEdit:true 开启行内编辑，canAddRow:true 允许新增行：
+\`\`\`json
+[
+  {
+    "keyID": "key_tbl001",
+    "keyCode": "users",
+    "keyName": "用户列表",
+    "dataType": "Array",
+    "arrayDataType": "",
+    "componentType": "Table",
+    "children": [],
+    "slots": [
+      { "name": "edit-AbC12345", "label": "姓名 编辑", "children": [] },
+      { "name": "edit-DeF67890", "label": "年龄 编辑", "children": [] },
+      { "name": "edit-GhI11223", "label": "部门 编辑", "children": [] }
+    ],
+    "config": {
+      "formConfig": {},
+      "baseConfig": {
+        "rowKey": "",
+        "url": "",
+        "data": {},
+        "columns": [
+          { "id": "AbC12345", "label": "姓名", "prop": "name", "type": "default", "width": "", "editComponent": { "name": "els-input", "props": {} } },
+          { "id": "DeF67890", "label": "年龄", "prop": "age", "type": "default", "width": "100", "editComponent": { "name": "els-input-number", "props": { "min": 0 } } },
+          { "id": "GhI11223", "label": "部门", "prop": "dept", "type": "default", "width": "", "editComponent": { "name": "els-input", "props": {} } }
+        ],
+        "align": "center",
+        "isEdit": true,
+        "canAddRow": true,
+        "hasPage": false,
+        "maxHeight": ""
+      },
+      "advancedConfig": {},
+      "arrayConfig": {}
+    }
+  }
+]
+\`\`\`
+
+## 案例6 - 条件显示/禁用（advancedConfig.vif / disabled）
+\`\`\`json
+[
+  {
+    "keyID": "key_004001",
+    "keyCode": "isVip",
+    "keyName": "是否VIP",
+    "componentType": "Switch",
+    "dataType": "Bool",
+    "arrayDataType": "",
+    "children": [],
+    "config": {
+      "formConfig": {},
+      "baseConfig": { "active-text": "是", "inactive-text": "否" },
+      "advancedConfig": { "style": "", "vif": "", "disabled": "", "eventChange": "" },
+      "arrayConfig": {}
+    }
+  },
+  {
+    "keyID": "key_004002",
+    "keyCode": "vipLevel",
+    "keyName": "VIP等级",
+    "componentType": "Select",
+    "dataType": "String",
+    "arrayDataType": "",
+    "children": [],
+    "config": {
+      "formConfig": {},
+      "baseConfig": { "data": [{"label": "黄金", "value": "gold"}, {"label": "铂金", "value": "platinum"}, {"label": "钻石", "value": "diamond"}], "placeholder": "请选择VIP等级" },
+      "advancedConfig": { "style": "", "vif": "currNode['isVip']?.value == true", "disabled": "", "eventChange": "" },
+      "arrayConfig": {}
+    }
+  },
+  {
+    "keyID": "key_004003",
+    "keyCode": "country",
+    "keyName": "国家",
+    "componentType": "Select",
+    "dataType": "String",
+    "arrayDataType": "",
+    "children": [],
+    "config": {
+      "formConfig": {},
+      "baseConfig": { "data": [{"label": "中国", "value": "CN"}, {"label": "美国", "value": "US"}], "clearable": true, "placeholder": "请选择国家" },
+      "advancedConfig": { "style": "", "vif": "", "disabled": "", "eventChange": "" },
+      "arrayConfig": {}
+    }
+  },
+  {
+    "keyID": "key_004004",
+    "keyCode": "province",
+    "keyName": "省份",
+    "componentType": "Input",
+    "dataType": "String",
+    "arrayDataType": "",
+    "children": [],
+    "config": {
+      "formConfig": { "re_required": "currNode['country']?.value == 'CN'", "requiredMessage": "请输入省份" },
+      "baseConfig": { "placeholder": "请输入省份" },
+      "advancedConfig": { "style": "", "vif": "currNode['country']?.value == 'CN'", "disabled": "", "eventChange": "" },
+      "arrayConfig": {}
+    }
+  }
+]
+\`\`\`
+
+## 案例5 - 必填验证与格式校验
+\`\`\`json
+[
+  {
+    "keyID": "key_005001",
+    "keyCode": "email",
+    "keyName": "邮箱",
+    "componentType": "Input",
+    "dataType": "String",
+    "arrayDataType": "",
+    "children": [],
+    "config": {
+      "formConfig": { "re_required": "true", "requiredMessage": "请输入邮箱", "validType": "email", "validMessage": "请输入正确的邮箱格式", "tip": "用于接收通知", "tipPosition": "right" },
+      "baseConfig": { "placeholder": "请输入邮箱地址", "clearable": true },
+      "advancedConfig": { "style": "", "vif": "", "disabled": "", "eventChange": "" },
+      "arrayConfig": {}
+    }
+  },
+  {
+    "keyID": "key_005002",
+    "keyCode": "phone",
+    "keyName": "手机号",
+    "componentType": "Input",
+    "dataType": "String",
+    "arrayDataType": "",
+    "children": [],
+    "config": {
+      "formConfig": { "re_required": "true", "requiredMessage": "请输入手机号", "validType": "phone", "validMessage": "请输入正确的11位手机号" },
+      "baseConfig": { "placeholder": "请输入手机号", "maxlength": "11" },
+      "advancedConfig": { "style": "", "vif": "", "disabled": "", "eventChange": "" },
+      "arrayConfig": {}
+    }
+  }
+]
+\`\`\``;
+async function callAI(url, userPrompt, options2) {
+  var _a, _b, _c;
+  const sys = (options2 == null ? void 0 : options2.systemPrompt) || AI_SYSTEM_PROMPT;
+  const body = (options2 == null ? void 0 : options2.buildRequest) ? options2.buildRequest(sys, userPrompt) : { system: sys, user: userPrompt };
+  const res = await fetch(url, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body)
+  });
+  const data = await res.json();
+  const text = (options2 == null ? void 0 : options2.pickResponse) ? options2.pickResponse(data) : ((_c = (_b = (_a = data == null ? void 0 : data.choices) == null ? void 0 : _a[0]) == null ? void 0 : _b.message) == null ? void 0 : _c.content) ?? (data == null ? void 0 : data.content) ?? (data == null ? void 0 : data.data) ?? "";
+  return JSON.parse(text);
+}
 const useDesign = defineStore("dynamic-design", () => {
   const queue = ref([]);
   const pointer = ref(-1);
@@ -79694,7 +80299,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     const objectData = ref([
       {
         keyID: "id_" + utils.randomNumber().toString(),
-        keyName: "Object",
+        keyName: "对象表单",
         keyCode: "key_" + utils.randomNumber().toString(),
         children: [],
         dataType: (_a = currDynamicDataType.value.find((cele) => cele.type == "Object")) == null ? void 0 : _a.value,
@@ -79703,7 +80308,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         arrayDataType: "",
         componentGroup: "Form",
         componentTypeName: "",
-        componentTypeLabel: "Object",
+        componentTypeLabel: "对象表单",
         componentName: "",
         componentType: "",
         formItem: true,
@@ -79722,14 +80327,14 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       },
       {
         keyID: "id_" + utils.randomNumber().toString(),
-        keyName: "Array",
+        keyName: "数组",
         keyCode: "key_" + utils.randomNumber().toString(),
         children: [],
         dataType: (_b = currDynamicDataType.value.find((cele) => cele.type == "Array")) == null ? void 0 : _b.value,
         dataTypeName: "Array",
         componentGroup: "Form",
         componentTypeName: "",
-        componentTypeLabel: "Array<T>",
+        componentTypeLabel: "数组",
         componentName: "",
         componentType: "",
         arrayDataTypeName: "",
@@ -80364,8 +80969,46 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         const parentSiblings = ((parentCtx == null ? void 0 : parentCtx.siblings) || []).filter(isFormField).map(toFieldItem);
         const parentSelf = isFormField(ctx.parent) ? [toFieldItem(ctx.parent)] : [];
         return [...parentSelf, ...parentSiblings];
+      },
+      triggerAiGenerate: (targetNode) => handleAiGenerate(targetNode),
+      get aiUrl() {
+        return props2.aiUrl;
+      }
+    });
+    const aiPrompt = ref("");
+    const aiGenerating = ref(false);
+    const showAiDialog = ref(false);
+    const aiTargetNode = ref(null);
+    function handleAiGenerate(targetNode) {
+      aiTargetNode.value = targetNode;
+      showAiDialog.value = true;
+    }
+    async function confirmAiGenerate() {
+      if (!aiPrompt.value.trim()) return;
+      aiGenerating.value = true;
+      try {
+        const nodes = await callAI(props2.aiUrl, aiPrompt.value, {
+          systemPrompt: props2.aiSystemPrompt,
+          buildRequest: props2.aiBuildRequest,
+          pickResponse: props2.aiPickResponse
+        });
+        const processed = dynamicHandler.compatibleVersion(nodes);
+        dynamicHandler.initConfig(processed);
+        dynamicHandler.initConfigType(processed);
+        if (aiTargetNode.value) {
+          aiTargetNode.value.children.push(...processed);
+        } else {
+          renderData.value.length = 0;
+          renderData.value.push(...processed);
+        }
+        showAiDialog.value = false;
+        aiPrompt.value = "";
+      } catch (e) {
+        ProxyElsMessage.error("AI 生成失败，请检查接口地址或重试");
+      } finally {
+        aiGenerating.value = false;
       }
-    });
+    }
     function handleMenuCommand(menu) {
       if (menu.Action === "copy") {
         handleCopyNode();
@@ -80398,6 +81041,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_link = resolveComponent("el-link");
       const _component_Delete = resolveComponent("Delete");
+      const _component_MagicStick = resolveComponent("MagicStick");
       const _component_ElsJsonEditor = resolveComponent("ElsJsonEditor");
       const _component_els_data_modal = resolveComponent("els-data-modal");
       const _component_View = resolveComponent("View");
@@ -80414,6 +81058,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       const _component_ElsJsonViewer = resolveComponent("ElsJsonViewer");
       const _component_els_dialog = resolveComponent("els-dialog");
       const _component_els_menu_context = resolveComponent("els-menu-context");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_dialog = resolveComponent("el-dialog");
       return openBlock(), createElementBlock(Fragment$1, null, [
         createElementVNode("div", mergeProps({
           ref_key: "designer",
@@ -80761,13 +81407,13 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                       }, {
                         default: withCtx(() => [
                           createVNode(_component_els_option, null, {
-                            default: withCtx(() => [..._cache[21] || (_cache[21] = [
+                            default: withCtx(() => [..._cache[25] || (_cache[25] = [
                               createTextVNode("PC", -1)
                             ])]),
                             _: 1
                           }),
                           createVNode(_component_els_option, null, {
-                            default: withCtx(() => [..._cache[22] || (_cache[22] = [
+                            default: withCtx(() => [..._cache[26] || (_cache[26] = [
                               createTextVNode("H5", -1)
                             ])]),
                             _: 1
@@ -80789,7 +81435,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 1
                           }),
-                          _cache[23] || (_cache[23] = createTextVNode("返回 ", -1))
+                          _cache[27] || (_cache[27] = createTextVNode("返回 ", -1))
                         ]),
                         _: 1
                       })) : createCommentVNode("", true),
@@ -80805,12 +81451,28 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 1
                           }),
-                          _cache[24] || (_cache[24] = createTextVNode("清空 ", -1))
+                          _cache[28] || (_cache[28] = createTextVNode("清空 ", -1))
                         ]),
                         _: 1
                       })) : createCommentVNode("", true),
-                      !_ctx.toolbar || _ctx.toolbar.includes("import") ? (openBlock(), createBlock(_component_els_data_modal, {
+                      props2.aiUrl && (!_ctx.toolbar || _ctx.toolbar.includes("ai")) ? (openBlock(), createBlock(_component_el_link, {
                         key: 2,
+                        type: "primary",
+                        onClick: _cache[3] || (_cache[3] = ($event) => handleAiGenerate(null))
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_el_icon, null, {
+                            default: withCtx(() => [
+                              createVNode(_component_MagicStick)
+                            ]),
+                            _: 1
+                          }),
+                          _cache[29] || (_cache[29] = createTextVNode("AI生成 ", -1))
+                        ]),
+                        _: 1
+                      })) : createCommentVNode("", true),
+                      !_ctx.toolbar || _ctx.toolbar.includes("import") ? (openBlock(), createBlock(_component_els_data_modal, {
+                        key: 3,
                         title: "导入配置",
                         open: handleOpenImport,
                         componentName: "el-link",
@@ -80823,16 +81485,16 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(_component_ElsJsonEditor, {
                             modelValue: importJSON.value,
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => importJSON.value = $event),
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => importJSON.value = $event),
                             style: { "height": "500px" }
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
                       })) : createCommentVNode("", true),
                       !_ctx.toolbar || _ctx.toolbar.includes("preview") ? (openBlock(), createBlock(_component_el_link, {
-                        key: 3,
+                        key: 4,
                         type: "primary",
-                        onClick: _cache[4] || (_cache[4] = ($event) => viewPriview.value = !viewPriview.value)
+                        onClick: _cache[5] || (_cache[5] = ($event) => viewPriview.value = !viewPriview.value)
                       }, {
                         default: withCtx(() => [
                           createVNode(_component_el_icon, null, {
@@ -80841,12 +81503,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 1
                           }),
-                          _cache[25] || (_cache[25] = createTextVNode("预览 ", -1))
+                          _cache[30] || (_cache[30] = createTextVNode("预览 ", -1))
                         ]),
                         _: 1
                       })) : createCommentVNode("", true),
                       _ctx.onSave && (!_ctx.toolbar || _ctx.toolbar.includes("save")) ? (openBlock(), createBlock(_component_el_link, {
-                        key: 4,
+                        key: 5,
                         type: "primary",
                         onClick: handleSave
                       }, {
@@ -80857,7 +81519,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 1
                           }),
-                          _cache[26] || (_cache[26] = createTextVNode("保存 ", -1))
+                          _cache[31] || (_cache[31] = createTextVNode("保存 ", -1))
                         ]),
                         _: 1
                       })) : createCommentVNode("", true)
@@ -80886,15 +81548,15 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                                   })
                                 ]),
                                 createElementVNode("div", _hoisted_15$2, [
-                                  _cache[28] || (_cache[28] = createElementVNode("div", null, "页面已有Form表单", -1)),
+                                  _cache[33] || (_cache[33] = createElementVNode("div", null, "页面已有Form表单", -1)),
                                   createElementVNode("div", null, [
                                     createVNode(_component_el_button, {
                                       type: "info",
-                                      onClick: _cache[5] || (_cache[5] = ($event) => {
+                                      onClick: _cache[6] || (_cache[6] = ($event) => {
                                         startCreate.value = true;
                                       })
                                     }, {
-                                      default: withCtx(() => [..._cache[27] || (_cache[27] = [
+                                      default: withCtx(() => [..._cache[32] || (_cache[32] = [
                                         createTextVNode("直接进入", -1)
                                       ])]),
                                       _: 1
@@ -80915,13 +81577,13 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                                   })
                                 ]),
                                 createElementVNode("div", _hoisted_17$1, [
-                                  _cache[30] || (_cache[30] = createElementVNode("div", null, " 没有Form表单创建一个 ", -1)),
+                                  _cache[35] || (_cache[35] = createElementVNode("div", null, " 没有Form表单创建一个 ", -1)),
                                   createElementVNode("div", null, [
                                     createVNode(_component_el_button, {
                                       type: "primary",
                                       onClick: createRootForm
                                     }, {
-                                      default: withCtx(() => [..._cache[29] || (_cache[29] = [
+                                      default: withCtx(() => [..._cache[34] || (_cache[34] = [
                                         createTextVNode("创建表单", -1)
                                       ])]),
                                       _: 1
@@ -80934,17 +81596,17 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                           ])
                         ])
                       ])) : (openBlock(), createElementBlock("div", _hoisted_18$1, [
-                        deviceType.value == "H5" ? (openBlock(), createBlock(_sfc_main$u, {
+                        deviceType.value == "H5" ? (openBlock(), createBlock(DynamicDesignerViewBody, {
                           key: 0,
                           isMobile: true,
                           renderData: renderData.value
-                        }, null, 8, ["renderData"])) : (openBlock(), createBlock(_sfc_main$u, {
+                        }, null, 8, ["renderData"])) : (openBlock(), createBlock(DynamicDesignerViewBody, {
                           key: 1,
                           type: deviceType.value,
                           renderData: renderData.value
                         }, null, 8, ["type", "renderData"])),
                         !renderData.value.length || renderData.value.length && renderData.value[0].componentType === "Form" && !renderData.value[0].children.length ? (openBlock(), createBlock(_component_el_empty, { key: 2 }, {
-                          description: withCtx(() => [..._cache[31] || (_cache[31] = [
+                          description: withCtx(() => [..._cache[36] || (_cache[36] = [
                             createTextVNode("请点击拖动", -1),
                             createElementVNode("span", { class: "txt-red" }, "左侧", -1),
                             createTextVNode("组件到此处", -1)
@@ -80960,7 +81622,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                     key: 0,
                     stretch: "",
                     modelValue: selectProperty.value,
-                    "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => selectProperty.value = $event)
+                    "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => selectProperty.value = $event)
                   }, {
                     default: withCtx(() => [
                       !_ctx.rightToolbar || _ctx.rightToolbar.includes("base") ? (openBlock(), createBlock(_component_el_tab_pane, {
@@ -80995,7 +81657,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                             default: withCtx(() => [
                               createVNode(DynamicRenderAsync, {
                                 modelValue: currSelectItem.value.config.baseConfig,
-                                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => currSelectItem.value.config.baseConfig = $event),
+                                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => currSelectItem.value.config.baseConfig = $event),
                                 globalData: currSelectItem.value,
                                 defaultValueConfig: { "Number": void 0, "Bool": void 0 },
                                 isMobile: false,
@@ -81022,7 +81684,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                             default: withCtx(() => [
                               createVNode(DynamicRenderAsync, {
                                 modelValue: currSelectItem.value.config.arrayConfig,
-                                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => currSelectItem.value.config.arrayConfig = $event),
+                                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => currSelectItem.value.config.arrayConfig = $event),
                                 defaultValueConfig: { "Number": void 0, "Bool": void 0 },
                                 isMobile: false,
                                 config: unref(property_array),
@@ -81047,7 +81709,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                             default: withCtx(() => [
                               createVNode(DynamicRenderAsync, {
                                 modelValue: currSelectItem.value.config.formConfig,
-                                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => currSelectItem.value.config.formConfig = $event),
+                                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => currSelectItem.value.config.formConfig = $event),
                                 defaultValueConfig: { "Number": void 0, "Bool": void 0 },
                                 isMobile: false,
                                 config: unref(property_formItem),
@@ -81073,12 +81735,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                             default: withCtx(() => [
                               createVNode(SpacingEditor, {
                                 modelValue: currSelectItem.value.config.advancedConfig,
-                                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => currSelectItem.value.config.advancedConfig = $event)
+                                "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => currSelectItem.value.config.advancedConfig = $event)
                               }, null, 8, ["modelValue"]),
                               createVNode(_component_el_divider, { style: { "margin": "4px 0 8px" } }),
                               createVNode(DynamicRenderAsync, {
                                 modelValue: currSelectItem.value.config.advancedConfig,
-                                "onUpdate:modelValue": _cache[10] || (_cache[10] = (v) => Object.assign(currSelectItem.value.config.advancedConfig, v)),
+                                "onUpdate:modelValue": _cache[11] || (_cache[11] = (v) => Object.assign(currSelectItem.value.config.advancedConfig, v)),
                                 isMobile: false,
                                 config: unref(property_advanced),
                                 appendComponentTypes: conditionBuilderTypes,
@@ -81104,10 +81766,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         ], 16),
         createVNode(_component_els_dialog, {
           modelValue: viewPriview.value,
-          "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => viewPriview.value = $event),
+          "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => viewPriview.value = $event),
           class: "preview-dialog",
           "destroy-on-close": "",
-          onClose: _cache[19] || (_cache[19] = ($event) => {
+          onClose: _cache[20] || (_cache[20] = ($event) => {
             formValue.value = {};
           }),
           width: deviceType.value == "PC" ? "1300" : "500px",
@@ -81117,11 +81779,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         }, {
           header: withCtx(() => [
             createElementVNode("div", _hoisted_20$1, [
-              _cache[34] || (_cache[34] = createElementVNode("div", null, null, -1)),
+              _cache[39] || (_cache[39] = createElementVNode("div", null, null, -1)),
               createElementVNode("div", _hoisted_21$1, [
                 createElementVNode("div", {
                   class: normalizeClass(["tab-item", { active: previewTab.value === "preview" }]),
-                  onClick: _cache[12] || (_cache[12] = ($event) => previewTab.value = "preview")
+                  onClick: _cache[13] || (_cache[13] = ($event) => previewTab.value = "preview")
                 }, [
                   createVNode(_component_el_icon, null, {
                     default: withCtx(() => [
@@ -81129,11 +81791,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  _cache[32] || (_cache[32] = createTextVNode(" 效果预览 ", -1))
+                  _cache[37] || (_cache[37] = createTextVNode(" 效果预览 ", -1))
                 ], 2),
                 createElementVNode("div", {
                   class: normalizeClass(["tab-item", { active: previewTab.value === "properties" }]),
-                  onClick: _cache[13] || (_cache[13] = ($event) => previewTab.value = "properties")
+                  onClick: _cache[14] || (_cache[14] = ($event) => previewTab.value = "properties")
                 }, [
                   createVNode(_component_el_icon, null, {
                     default: withCtx(() => [
@@ -81141,10 +81803,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  _cache[33] || (_cache[33] = createTextVNode(" 数据模型 ", -1))
+                  _cache[38] || (_cache[38] = createTextVNode(" 数据模型 ", -1))
                 ], 2)
               ]),
-              _cache[35] || (_cache[35] = createElementVNode("div", { class: "header-actions" }, null, -1))
+              _cache[40] || (_cache[40] = createElementVNode("div", { class: "header-actions" }, null, -1))
             ])
           ]),
           default: withCtx(() => [
@@ -81155,8 +81817,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 withDirectives(createElementVNode("div", _hoisted_23, [
                   deviceType.value === "H5" ? (openBlock(), createElementBlock("div", _hoisted_24, [
                     createElementVNode("div", _hoisted_25, [
-                      _cache[36] || (_cache[36] = createElementVNode("span", { class: "time" }, "10:40", -1)),
-                      _cache[37] || (_cache[37] = createElementVNode("div", { class: "camera" }, null, -1)),
+                      _cache[41] || (_cache[41] = createElementVNode("span", { class: "time" }, "10:40", -1)),
+                      _cache[42] || (_cache[42] = createElementVNode("div", { class: "camera" }, null, -1)),
                       createElementVNode("div", _hoisted_26, [
                         createVNode(_component_el_icon, null, {
                           default: withCtx(() => [
@@ -81177,9 +81839,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(DynamicRender, {
                             modelValue: formValue.value,
-                            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => formValue.value = $event),
+                            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => formValue.value = $event),
                             "label-value": labelValue.value,
-                            "onUpdate:labelValue": _cache[15] || (_cache[15] = ($event) => labelValue.value = $event),
+                            "onUpdate:labelValue": _cache[16] || (_cache[16] = ($event) => labelValue.value = $event),
                             defaultValueConfig: { "Number": void 0, "Bool": void 0 },
                             config: renderData.value,
                             isMobile: true
@@ -81188,7 +81850,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                         _: 1
                       })
                     ]),
-                    _cache[38] || (_cache[38] = createElementVNode("div", { class: "mobile-home-bar" }, null, -1))
+                    _cache[43] || (_cache[43] = createElementVNode("div", { class: "mobile-home-bar" }, null, -1))
                   ])) : (openBlock(), createElementBlock("div", _hoisted_28, [
                     createElementVNode("div", _hoisted_29, [
                       createVNode(_component_el_scrollbar, null, {
@@ -81196,9 +81858,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                           createElementVNode("div", _hoisted_30, [
                             createVNode(DynamicRender, {
                               modelValue: formValue.value,
-                              "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => formValue.value = $event),
+                              "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => formValue.value = $event),
                               "label-value": labelValue.value,
-                              "onUpdate:labelValue": _cache[17] || (_cache[17] = ($event) => labelValue.value = $event),
+                              "onUpdate:labelValue": _cache[18] || (_cache[18] = ($event) => labelValue.value = $event),
                               defaultValueConfig: { "Number": void 0, "Bool": void 0 },
                               config: renderData.value,
                               isMobile: false
@@ -81234,16 +81896,55 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           ref: "contentMenu",
           data: unref(contextMenus),
           modelValue: unref(contextMenuVisible),
-          "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => isRef(contextMenuVisible) ? contextMenuVisible.value = $event : contextMenuVisible = $event),
+          "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => isRef(contextMenuVisible) ? contextMenuVisible.value = $event : contextMenuVisible = $event),
           positionLeft: unref(contextMenuPositionLeft),
           positionTop: unref(contextMenuPositionTop),
           onClick: handleMenuCommand
-        }, null, 8, ["data", "modelValue", "positionLeft", "positionTop"])
+        }, null, 8, ["data", "modelValue", "positionLeft", "positionTop"]),
+        createVNode(_component_el_dialog, {
+          modelValue: showAiDialog.value,
+          "onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => showAiDialog.value = $event),
+          title: "AI 生成表单",
+          width: "500px",
+          "close-on-click-modal": false,
+          "append-to-body": ""
+        }, {
+          footer: withCtx(() => [
+            createVNode(_component_el_button, {
+              onClick: _cache[23] || (_cache[23] = ($event) => showAiDialog.value = false)
+            }, {
+              default: withCtx(() => [..._cache[44] || (_cache[44] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(_component_el_button, {
+              type: "primary",
+              loading: aiGenerating.value,
+              onClick: confirmAiGenerate
+            }, {
+              default: withCtx(() => [..._cache[45] || (_cache[45] = [
+                createTextVNode("生成", -1)
+              ])]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_el_input, {
+              modelValue: aiPrompt.value,
+              "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => aiPrompt.value = $event),
+              type: "textarea",
+              rows: 5,
+              placeholder: "描述要生成的表单，例如：用户注册表单，包含姓名、手机号、邮箱、密码字段，其中手机号和邮箱必填"
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
       ], 64);
     };
   }
 });
-const DesignerView = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__scopeId", "data-v-5db89a7f"]]);
+const DesignerView = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__scopeId", "data-v-4d6c4873"]]);
 const ElsDesignerView = withInstall$1(DesignerView);
 (function(Prism2) {
   var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
@@ -81982,31 +82683,31 @@ let AceEditor$1 = class AceEditor extends TBaseFormItem {
     __publicField(this, "editor", ref());
     onMounted(() => {
       if (props2.language === "json") {
-        const currModule = import("./mode-json-DoxC9nzJ.js").then((n) => n.m);
+        const currModule = import("./mode-json-B_6Rc56R.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/json", res);
           this.init();
         });
       } else if (props2.language === "javascript") {
-        const currModule = import("./mode-javascript-8sxvp2xm.js").then((n) => n.m);
+        const currModule = import("./mode-javascript-B4nfmHwI.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/javascript", res);
           this.init();
         });
       } else if (props2.language === "csharp") {
-        const currModule = import("./mode-csharp-D6MaIFhw.js").then((n) => n.m);
+        const currModule = import("./mode-csharp-DpcfdC7v.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/csharp", res);
           this.init();
         });
       } else if (props2.language === "mysql") {
-        const currModule = import("./mode-mysql-B7vGuPt6.js").then((n) => n.m);
+        const currModule = import("./mode-mysql-D25NsOyA.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/mysql", res);
           this.init();
         });
       } else if (props2.language === "css") {
-        const currModule = import("./mode-css-Dy8BzF_i.js").then((n) => n.m);
+        const currModule = import("./mode-css-Bw3HxevP.js").then((n) => n.m);
         currModule.then((res) => {
           ace.config.setModuleUrl("ace/mode/css", res);
           this.init();