@cniot/mdd-editor 0.2.0-beta.5 → 0.2.0-beta.6

package/build/index.es.js

@@ -1225,8 +1225,8 @@ const CURRENT_EDITOR_VERSION = "0.1.15";
 class Schema extends EventEmitter {
   constructor(props) {
     super();
-    const { title = "", host = "https://mock.alibaba-inc.com", editorVersion = "" } = props || {};
-    this.title = title;
+    const { title: title2 = "", host = "https://mock.alibaba-inc.com", editorVersion = "" } = props || {};
+    this.title = title2;
     this.host = host;
     this.type = "page";
     this.editorVersion = editorVersion ? editorVersion : CURRENT_EDITOR_VERSION;
@@ -1245,8 +1245,8 @@ class Schema extends EventEmitter {
     this.host = host;
   }
   init(data) {
-    const { title, host, editorVersion } = data || {};
-    this.title = title;
+    const { title: title2, host, editorVersion } = data || {};
+    this.title = title2;
     this.host = host;
     this.editorVersion = editorVersion;
   }
@@ -2122,11 +2122,11 @@ const disabled = (key) => {
 const Default_Column_Type = "text";
 const Default_Edit_Column_Type = "edit-input";
 const buildCompProps = (key, obj, buildType, templateType) => {
-  const { title, description, required, nullable, type, items, enum: enumVal, format, properties, ...more2 } = obj;
+  const { title: title2, description, required, nullable, type, items, enum: enumVal, format, properties, ...more2 } = obj;
   if (REMOVE_FIELDS_NAME.includes(key)) {
     return null;
   }
-  const label = title || description || key;
+  const label = title2 || description || key;
   const isReq = buildType === "parameters";
   let result = null;
   if (isReq) {
@@ -3203,6 +3203,9 @@ class DetailItemSchema extends JSONWatch {
       pagination,
       actions = [],
       current = 1,
+      columnsDirection = "row",
+      columnsBoxes = [],
+      hideCardTitle = false,
       ...more2
     } = props || {};
     super({
@@ -3221,6 +3224,9 @@ class DetailItemSchema extends JSONWatch {
       pagination,
       actions,
       current,
+      columnsDirection,
+      columnsBoxes,
+      hideCardTitle,
       ...more2
     });
   }
@@ -3299,7 +3305,7 @@ class DetailItemSchema extends JSONWatch {
     this.emit("$updated", null, ignoreUpdate);
   }
   update(index2, record, key = "columns", ignoreUpdate = false) {
-    if (["columns", "actionColumns", "bulkActions"].includes(key)) {
+    if (["columnsBoxes", "columns", "actionColumns", "bulkActions"].includes(key)) {
       this.data[key].splice(index2, 1, record);
     } else {
       this.data[key] = record;
@@ -7688,7 +7694,7 @@ const dsTitleWatch$1 = "_dsTitleWatch_mxilv_32";
 const staticValueOkBtn$1 = "_staticValueOkBtn_mxilv_37";
 const tableDeleteBtn$1 = "_tableDeleteBtn_mxilv_41";
 const secondConfirm$1 = "_secondConfirm_mxilv_45";
-var styles$c = {
+var styles$d = {
   dsType: dsType$1,
   dsJSONContent: dsJSONContent$1,
   dsJSONContentTip: dsJSONContentTip$1,
@@ -14588,7 +14594,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$d.staticValueOkBtn,
         size: "small",
         onClick: onOkQuery
       }, "\u786E\u5B9A")) : null, panelSelectValue === "$TABLE.RECORD_DATA" ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -14599,7 +14605,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$d.staticValueOkBtn,
         size: "small",
         onClick: onOkRecordData
       }, "\u786E\u5B9A")) : null, panelSelectValue === "$PARAMS" ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -14610,7 +14616,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$d.staticValueOkBtn,
         size: "small",
         onClick: onOkParams
       }, "\u786E\u5B9A")) : null, panelSelectValue === "staticValue" ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -14621,7 +14627,7 @@ function DataSourceSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$d.staticValueOkBtn,
         size: "small",
         onClick: onOkStatic
       }, "\u786E\u5B9A")) : null) : null);
@@ -14650,12 +14656,12 @@ function DataSourceSelect(props) {
         type: "primary",
         text: true,
         size: "small",
-        className: styles$c.tableDeleteBtn,
+        className: styles$d.tableDeleteBtn,
         onClick: () => commonTableDelete(value2, index2, record, "params")
       }, "\u5220\u9664"));
     };
     return /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$c.dsTitle
+      className: styles$d.dsTitle
     }, "\u5165\u53C2:"), /* @__PURE__ */ React$1.createElement("div", {
       style: { marginBottom: 8 }
     }, /* @__PURE__ */ React$1.createElement(Button, {
@@ -14689,9 +14695,9 @@ function DataSourceSelect(props) {
   };
   const renderWatch = () => {
     return /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$c.watchContainer
+      className: styles$d.watchContainer
     }, /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$c.dsTitleWatch
+      className: styles$d.dsTitleWatch
     }, "\u89E6\u53D1\u65F6\u673A:"), /* @__PURE__ */ React$1.createElement(Select$2, {
       mode: "multiple",
       showSearch: true,
@@ -14969,7 +14975,7 @@ function DataSourceSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$d.staticValueOkBtn,
         size: "small",
         onClick: onOkQuery
       }, "\u786E\u5B9A")) : null, panelSelectValue === "staticValue" ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -14980,7 +14986,7 @@ function DataSourceSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$d.staticValueOkBtn,
         size: "small",
         onClick: onOkStatic
       }, "\u786E\u5B9A")) : null, panelSelectValue === "$RET" ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -14991,7 +14997,7 @@ function DataSourceSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$d.staticValueOkBtn,
         size: "small",
         onClick: onOkRet
       }, "\u786E\u5B9A")) : null, panelSelectValue === "$PARAMS" ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -15002,7 +15008,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$d.staticValueOkBtn,
         size: "small",
         onClick: onOkParams
       }, "\u786E\u5B9A")) : null, panelSelectValue === "$TABLE.RECORD_DATA" ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -15013,7 +15019,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$d.staticValueOkBtn,
         size: "small",
         onClick: onOkRecordData
       }, "\u786E\u5B9A")) : null) : null);
@@ -15051,9 +15057,9 @@ function DataSourceSelect(props) {
       }, "\u5220\u9664");
     };
     return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$c.dsTitle
+      className: styles$d.dsTitle
     }, "\u683C\u5F0F\u5316\u51FA\u53C2:"), /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$c.actionButton
+      className: styles$d.actionButton
     }, /* @__PURE__ */ React$1.createElement(Button, {
       onClick: onResponseAdd,
       size: "small"
@@ -15083,9 +15089,9 @@ function DataSourceSelect(props) {
     })));
   };
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$c.dsContainer
+    className: styles$d.dsContainer
   }, hasExtra && !defaultAjax ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$c.dsType
+    className: styles$d.dsType
   }, /* @__PURE__ */ React$1.createElement(RadioGroup$1, {
     value: typeValue,
     onChange: onTypeChange,
@@ -15115,9 +15121,9 @@ function DataSourceSelect(props) {
     filter: mainDataSourceFilter,
     ...selectProps
   }) : null, hasExtra && typeValue === "json" ? /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$c.dsJSONContent
+    className: styles$d.dsJSONContent
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$c.dsJSONContentTip
+    className: styles$d.dsJSONContentTip
   }, "\u8BF7\u8F93\u5165json(\u63D0\u793A\uFF1Ajson\u7684key\u9700\u8981\u52A0\u4E0A\u53CC\u5F15\u53F7)"), /* @__PURE__ */ React$1.createElement(MonacoEditor, {
     value: codeMirrorJsonObj,
     onChange: (v2, viewUpdate) => {
@@ -15130,9 +15136,9 @@ function DataSourceSelect(props) {
       }
     }
   })) : null, hasExtra && typeValue === "ajax" ? /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$c.dsAjaxContent
+    className: styles$d.dsAjaxContent
   }, showWatch && !defaultAjax && renderWatch(), renderParamsTable(), renderFormatResponse()) : null, hasExtra && showSecondConfirm && typeValue === "ajax" ? /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$c.secondConfirm
+    className: styles$d.secondConfirm
   }, /* @__PURE__ */ React$1.createElement(Checkbox, {
     checked: secondConfirmValue,
     onChange: secondConfirmChange
@@ -15163,7 +15169,7 @@ const dsTitleWatch = "_dsTitleWatch_1islj_28";
 const staticValueOkBtn = "_staticValueOkBtn_1islj_33";
 const tableDeleteBtn = "_tableDeleteBtn_1islj_37";
 const secondConfirm = "_secondConfirm_1islj_41";
-var styles$b = {
+var styles$c = {
   dsType,
   dsJSONContent,
   dsJSONContentTip,
@@ -15526,7 +15532,7 @@ function ParamsSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$b.staticValueOkBtn,
+        className: styles$c.staticValueOkBtn,
         size: "small",
         onClick: onOkQuery
       }, "\u786E\u5B9A")) : null, panelSelectValue === "$PARAMS" ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -15537,7 +15543,7 @@ function ParamsSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$b.staticValueOkBtn,
+        className: styles$c.staticValueOkBtn,
         size: "small",
         onClick: onOkParams
       }, "\u786E\u5B9A")) : null, panelSelectValue === "$TABLE.RECORD_DATA" ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -15548,7 +15554,7 @@ function ParamsSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$b.staticValueOkBtn,
+        className: styles$c.staticValueOkBtn,
         size: "small",
         onClick: onOkRecordData
       }, "\u786E\u5B9A")) : null, panelSelectValue === "$FORM" ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -15559,7 +15565,7 @@ function ParamsSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$b.staticValueOkBtn,
+        className: styles$c.staticValueOkBtn,
         size: "small",
         onClick: onOkForm
       }, "\u786E\u5B9A")) : null, panelSelectValue === "staticValue" ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -15570,7 +15576,7 @@ function ParamsSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$b.staticValueOkBtn,
+        className: styles$c.staticValueOkBtn,
         size: "small",
         onClick: onOkStatic
       }, "\u786E\u5B9A")) : null) : null);
@@ -15599,7 +15605,7 @@ function ParamsSelect(props) {
         type: "primary",
         text: true,
         size: "small",
-        className: styles$b.tableDeleteBtn,
+        className: styles$c.tableDeleteBtn,
         onClick: () => commonTableDelete(value2, index2, record, "params")
       }, "\u5220\u9664"));
     };
@@ -15627,9 +15633,9 @@ function ParamsSelect(props) {
     })));
   };
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$b.dsContainer
+    className: styles$c.dsContainer
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$b.dsAjaxContent
+    className: styles$c.dsAjaxContent
   }, renderParamsTable()));
 }
 const { connect: connect$7, mapReadPretty: mapReadPretty$6, mapProps: mapProps$7 } = formilyReact;
@@ -15803,7 +15809,7 @@ Select$1.AutoComplete = connect$4(
 );
 const container = "_container_t9q14_1";
 const footer = "_footer_t9q14_8";
-var styles$a = {
+var styles$b = {
   container,
   footer
 };
@@ -15903,14 +15909,14 @@ const FormilyForm = (props) => {
         fixedSpan: 8
       },
       size: "small",
-      className: styles$a.container
+      className: styles$b.container
     },
     ...restProps
   }, /* @__PURE__ */ React$1.createElement(SchemaField, {
     components,
     schema: schema == null ? void 0 : schema.schema
   }), children, !hiddenSubmit && /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$a.footer
+    className: styles$b.footer
   }, /* @__PURE__ */ React$1.createElement(Submit, {
     ...SubmitProps
   }, "\u63D0\u4EA4")));
@@ -16379,7 +16385,7 @@ function AjaxSchemaForm(props) {
     generateFastJson
   }) : null);
 }
-function AjaxFormDialog({ title = "\u6570\u636E\u6E90\u914D\u7F6E", schema: oldSchema, visible, onClose, selectTypes, generateFastJson }) {
+function AjaxFormDialog({ title: title2 = "\u6570\u636E\u6E90\u914D\u7F6E", schema: oldSchema, visible, onClose, selectTypes, generateFastJson }) {
   const swagger = useSwagger$1();
   const schema = React$1.useMemo(() => {
     return oldSchema.clone();
@@ -16399,7 +16405,7 @@ function AjaxFormDialog({ title = "\u6570\u636E\u6E90\u914D\u7F6E", schema: oldS
   const type = schema.getViewType();
   return /* @__PURE__ */ React$1.createElement(Dialog, {
     footerActions: ["cancel", "ok"],
-    title,
+    title: title2,
     v2: true,
     visible,
     centered: true,
@@ -17326,7 +17332,7 @@ const formilySchema = ({ moduleDataSource = {} }) => {
                 ],
                 fulfill: {
                   state: {
-                    visible: "{{$deps.type === 'dialog' || $deps.type === 'drawer' || $deps.type === 'url' || $deps.type === 'custom' }}"
+                    visible: "{{$deps.type === 'dialog' || $deps.type === 'drawer' || $deps.type === 'url' || $deps.type === 'custom' || $deps.type === 'updateOtherColumns' }}"
                   }
                 }
               }
@@ -23757,7 +23763,7 @@ const itemComponent$1 = "_itemComponent_tl8oe_70";
 const itemLabel$1 = "_itemLabel_tl8oe_76";
 const collapseContent$2 = "_collapseContent_tl8oe_81";
 const itemClose$2 = "_itemClose_tl8oe_85";
-var styles$9 = {
+var styles$a = {
   mddTableForm,
   tableFormTitle,
   tableFormContent,
@@ -23771,7 +23777,7 @@ var styles$9 = {
   itemClose: itemClose$2
 };
 const DRAG_KEY$2 = "PanelTitle";
-const { Panel: Panel$2 } = Collapse;
+const { Panel: Panel$3 } = Collapse;
 const { Tooltip } = Balloon;
 const TitleRender$2 = (props) => {
   const ref = useRef(null);
@@ -23835,7 +23841,7 @@ const TitleRender$2 = (props) => {
     setValue({ ...value });
     onChange(value, key);
   };
-  const cls = classnames.bind(styles$9)({
+  const cls = classnames.bind(styles$a)({
     itemTitle: "itemTitle",
     "drop-over-upward": isOver && index2 < sourceItem.index,
     "drop-over-downward": isOver && index2 > sourceItem.index
@@ -23851,9 +23857,9 @@ const TitleRender$2 = (props) => {
     onChange: (v2) => titleChange("label", v2),
     placeholder: "\u8F93\u5165\u4E2D\u6587\u540D"
   }), titleType.includes("type") && /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.itemComponent
+    className: styles$a.itemComponent
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$9.itemLabel
+    className: styles$a.itemLabel
   }, "\u7EC4\u4EF6: "), /* @__PURE__ */ React$1.createElement(Select$2, {
     size: "small",
     autoWidth: false,
@@ -23872,9 +23878,9 @@ const TitleRender$2 = (props) => {
     onChange: (v2) => titleChange("name", v2),
     placeholder: "\u8BF7\u9009\u62E9\u6216\u8005\u8F93\u5165\u53D8\u91CF\u540D"
   }), titleType.includes("groupKey") && /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.itemComponent
+    className: styles$a.itemComponent
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$9.itemLabel
+    className: styles$a.itemLabel
   }, "\u5206\u7EC4: "), /* @__PURE__ */ React$1.createElement(Input$1, {
     size: "small",
     value: groupKey,
@@ -23883,7 +23889,7 @@ const TitleRender$2 = (props) => {
   })), /* @__PURE__ */ React$1.createElement(Icon, {
     type: "close",
     size: "small",
-    className: styles$9.itemClose,
+    className: styles$a.itemClose,
     onClick: onRemove
   }));
 };
@@ -23893,7 +23899,7 @@ const watchFields = (listSchema) => {
   });
   return fieldStringArray.join(",");
 };
-const ContentRender$1 = (props) => {
+const ContentRender$2 = (props) => {
   const { values, effects, onChange, schema, index: index2, extraFieldSchema: extraFieldSchema2, updateForceFLag, listSchema } = props;
   const { type, label, name } = values;
   const { formilySchema: formilySchema2, dataAdaptor: dataAdaptor2 } = schema || {};
@@ -23935,7 +23941,7 @@ const ContentRender$1 = (props) => {
     };
   }, [type, updateForceFLag, realSchema]);
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.collapseContent
+    className: styles$a.collapseContent
   }, /* @__PURE__ */ React$1.createElement(FormilyForm$1, {
     ...formilyForm,
     hiddenSubmit: true
@@ -23943,7 +23949,7 @@ const ContentRender$1 = (props) => {
 };
 function MddTableForm(props, ref) {
   const {
-    title = "\u914D\u7F6E\u67E5\u8BE2\u6761\u4EF6",
+    title: title2 = "\u914D\u7F6E\u67E5\u8BE2\u6761\u4EF6",
     tip = "",
     actionContent = null,
     data = [],
@@ -24010,26 +24016,26 @@ function MddTableForm(props, ref) {
     forceUpdate();
   };
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.mddTableForm
+    className: styles$a.mddTableForm
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.tableFormTitle
-  }, /* @__PURE__ */ React$1.createElement("div", null, title, tip && /* @__PURE__ */ React$1.createElement(Tooltip, {
+    className: styles$a.tableFormTitle
+  }, /* @__PURE__ */ React$1.createElement("div", null, title2, tip && /* @__PURE__ */ React$1.createElement(Tooltip, {
     trigger: /* @__PURE__ */ React$1.createElement(Icon, {
       type: "help",
       size: "small"
     }),
     align: "t"
   }, tip)), actionContent && /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.tableFormAction
+    className: styles$a.tableFormAction
   }, actionContent)), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.tableFormContent
+    className: styles$a.tableFormContent
   }, /* @__PURE__ */ React$1.createElement(DndProvider, {
     backend: HTML5Backend
   }, /* @__PURE__ */ React$1.createElement(Collapse, {
     accordion: true
   }, dataRef.current.map((item, idx) => {
-    item.name || item.dataIndex || `${title}_${idx}`;
-    return /* @__PURE__ */ React$1.createElement(Panel$2, {
+    item.name || item.dataIndex || `${title2}_${idx}`;
+    return /* @__PURE__ */ React$1.createElement(Panel$3, {
       title: /* @__PURE__ */ React$1.createElement(TitleRender$2, {
         index: idx,
         draggable,
@@ -24046,7 +24052,7 @@ function MddTableForm(props, ref) {
         titleType,
         componentOptions: props.componentOptions
       })
-    }, /* @__PURE__ */ React$1.createElement(ContentRender$1, {
+    }, /* @__PURE__ */ React$1.createElement(ContentRender$2, {
       updateForceFLag: sortUpdateFlag[idx],
       values: item,
       index: idx,
@@ -24064,7 +24070,7 @@ function MddTableForm(props, ref) {
       }
     }));
   })))), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.tableFormBottom
+    className: styles$a.tableFormBottom
   }, /* @__PURE__ */ React$1.createElement(Button, {
     onClick: onAddHandle,
     style: { padding: "0 48px" }
@@ -24104,14 +24110,14 @@ const FormTitle = "_FormTitle_1e2nn_20";
 const FormTitleHelp = "_FormTitleHelp_1e2nn_24";
 const FormContent = "_FormContent_1e2nn_30";
 const content = "_content_1e2nn_35";
-var styles$8 = {
+var styles$9 = {
   mddForm,
   FormTitle,
   FormTitleHelp,
   FormContent,
   content
 };
-const ContentRender = (props) => {
+const ContentRender$1 = (props) => {
   const { values, index: index2, effects, onChange, schema } = props;
   const formilyForm = useMemo(() => {
     return {
@@ -24134,7 +24140,7 @@ const ContentRender = (props) => {
     };
   }, [schema]);
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$8.content
+    className: styles$9.content
   }, /* @__PURE__ */ React$1.createElement(FormilyForm$1, {
     ...formilyForm,
     hiddenSubmit: true
@@ -24142,7 +24148,7 @@ const ContentRender = (props) => {
 };
 function MddForm(props) {
   const {
-    title = "\u914D\u7F6E\u5206\u9875",
+    title: title2 = "\u914D\u7F6E\u5206\u9875",
     help,
     data = {},
     type,
@@ -24154,16 +24160,16 @@ function MddForm(props) {
     contentStyle
   } = props;
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$8.mddForm,
+    className: styles$9.mddForm,
     style: style2
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$8.FormTitle
-  }, title), help && /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$8.FormTitleHelp
+    className: styles$9.FormTitle
+  }, title2), help && /* @__PURE__ */ React$1.createElement("div", {
+    className: styles$9.FormTitleHelp
   }, help), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$8.FormContent,
+    className: styles$9.FormContent,
     style: contentStyle
-  }, children || /* @__PURE__ */ React$1.createElement(ContentRender, {
+  }, children || /* @__PURE__ */ React$1.createElement(ContentRender$1, {
     values: data,
     schema: CompSchema[type],
     effects,
@@ -25130,7 +25136,7 @@ const tableArrayBottom$1 = "_tableArrayBottom_16ght_32";
 const itemTitle$1 = "_itemTitle_16ght_39";
 const collapseContent$1 = "_collapseContent_16ght_69";
 const itemClose$1 = "_itemClose_16ght_73";
-var styles$7 = {
+var styles$8 = {
   mddTableArray: mddTableArray$1,
   tableArrayTitle: tableArrayTitle$1,
   tableArrayContent: tableArrayContent$1,
@@ -25142,11 +25148,13 @@ var styles$7 = {
   itemClose: itemClose$1
 };
 const DRAG_KEY$1 = "TableArrayPanelTitle";
-const { Panel: Panel$1 } = Collapse;
+const { Panel: Panel$2 } = Collapse;
 const TitleRender$1 = (props) => {
   const ref = useRef(null);
   const { data, onSortUpdate, index: index2, draggable, onRemove, onChange, customRender = () => {
   } } = props;
+  const { dataMap, getModule } = useModule$1();
+  const moduleDataSource = getModule("$ModuleDataSource");
   const [{ isOver }, drop] = useDrop({
     accept: DRAG_KEY$1,
     collect(monitor) {
@@ -25173,7 +25181,7 @@ const TitleRender$1 = (props) => {
   });
   const opacity = isDragging ? 0 : 1;
   draggable && drag(drop(ref));
-  const cls = classnames.bind(styles$7)({
+  const cls = classnames.bind(styles$8)({
     itemTitle: "itemTitle",
     "drop-over-upward": isOver && index2 < sourceItem.index,
     "drop-over-downward": isOver && index2 > sourceItem.index
@@ -25183,16 +25191,18 @@ const TitleRender$1 = (props) => {
     className: cls,
     style: { cursor: draggable ? "move" : "default", opacity },
     onClick: (e) => e.stopPropagation()
-  }, customRender && customRender({ data, index: index2, onChange }), /* @__PURE__ */ React$1.createElement(Icon, {
+  }, customRender && customRender({ data, index: index2, onChange, moduleDataSource }), /* @__PURE__ */ React$1.createElement(Icon, {
     type: "close",
     size: "small",
-    className: styles$7.itemClose,
+    className: styles$8.itemClose,
     onClick: onRemove
   }));
 };
 function MddTableSimpleArray(props) {
+  var _a2;
   const {
-    title = "",
+    title: title2 = "",
+    tip,
     data = [],
     onChange = () => {
     },
@@ -25221,17 +25231,23 @@ function MddTableSimpleArray(props) {
     onChange({ record, index: index2, data });
   };
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.mddTableArray
+    className: styles$8.mddTableArray
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.tableArrayTitle
-  }, title), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.tableArrayContent
+    className: styles$8.tableArrayTitle
+  }, title2, tip && /* @__PURE__ */ React$1.createElement(Balloon, {
+    trigger: /* @__PURE__ */ React$1.createElement(Icon, {
+      type: "help",
+      size: "small"
+    }),
+    align: "t"
+  }, tip)), /* @__PURE__ */ React$1.createElement("div", {
+    className: styles$8.tableArrayContent
   }, /* @__PURE__ */ React$1.createElement(DndProvider, {
     backend: HTML5Backend
   }, /* @__PURE__ */ React$1.createElement(Collapse, {
     accordion: true
-  }, data.map((item, idx) => {
-    return /* @__PURE__ */ React$1.createElement(Panel$1, {
+  }, (_a2 = data == null ? void 0 : data.map) == null ? void 0 : _a2.call(data, (item, idx) => {
+    return /* @__PURE__ */ React$1.createElement(Panel$2, {
       title: /* @__PURE__ */ React$1.createElement(TitleRender$1, {
         index: idx,
         draggable,
@@ -25244,10 +25260,10 @@ function MddTableSimpleArray(props) {
         customRender: titleRender
       })
     }, /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$7.collapseContent
+      className: styles$8.collapseContent
     }, contentRender2({ data: item, index: idx, onChange: onTableArrayChange })));
   })))), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.tableArrayBottom
+    className: styles$8.tableArrayBottom
   }, /* @__PURE__ */ React$1.createElement(Button, {
     onClick: onAdd,
     style: { padding: "0 48px" }
@@ -25259,7 +25275,7 @@ const tabLabel$4 = "_tabLabel_119xt_9";
 const middleBox = "_middleBox_119xt_20";
 const middleBoxLeft = "_middleBoxLeft_119xt_26";
 const middleBoxRight = "_middleBoxRight_119xt_31";
-var styles$6 = {
+var styles$7 = {
   customTabItem: customTabItem$4,
   tabTitle: tabTitle$4,
   tabLabel: tabLabel$4,
@@ -25299,8 +25315,8 @@ function Middle(props) {
   };
   return /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement(MddTableSimpleArray, {
     data: schema.getMiddlePanel(),
-    titleRender: customTitleRender$1,
-    contentRender,
+    titleRender: customTitleRender$2,
+    contentRender: contentRender$1,
     title: "\u914D\u7F6E\u4E2D\u95F4\u6A21\u5757\u533A\u57DF",
     onChange: onChangeHandle,
     onSort: onSortHandle,
@@ -25308,11 +25324,11 @@ function Middle(props) {
     onRemove: onRemoveHandle
   }));
 }
-function customTitleRender$1(props) {
+function customTitleRender$2(props) {
   const { data, index: index2 } = props;
   return /* @__PURE__ */ React$1.createElement("div", null, "\u4E2D\u95F4\u6A21\u5757", index2 + 1);
 }
-function contentRender(props) {
+function contentRender$1(props) {
   const { data: schema, index: index2, onChange } = props;
   const onBaseInfoChange = (key, value) => {
     schema.set(key, value);
@@ -25320,47 +25336,47 @@ function contentRender(props) {
   };
   const moduleValue = schema.get("value");
   return /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$6.middleBox
+    className: styles$7.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$6.middleBoxLeft
+    className: styles$7.middleBoxLeft
   }, "\u6E32\u67D3\u6A21\u5757\uFF1A"), /* @__PURE__ */ React$1.createElement(Select$2.AutoComplete, {
     dataSource: Middle_Module_Opts,
     size: "small",
-    className: styles$6.middleBoxRight,
+    className: styles$7.middleBoxRight,
     value: moduleValue,
     onChange: (val) => onBaseInfoChange("value", val)
   })), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$6.middleBox
+    className: styles$7.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$6.middleBoxLeft
+    className: styles$7.middleBoxLeft
   }, "\u6A21\u5757\u53C2\u6570\uFF1A"), /* @__PURE__ */ React$1.createElement(TableFormProxy, {
-    className: styles$6.middleBoxRight,
+    className: styles$7.middleBoxRight,
     value: schema.get("params"),
     onChange: (v2) => onBaseInfoChange("params", v2)
   })), moduleValue === "ftp-tabs" && /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$6.middleBox
+    className: styles$7.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$6.middleBoxLeft
+    className: styles$7.middleBoxLeft
   }, "\u63A5\u53E3\u8BF7\u6C42KEY\uFF1A"), /* @__PURE__ */ React$1.createElement(Input$1, {
-    className: styles$6.middleBoxRight,
+    className: styles$7.middleBoxRight,
     value: schema.get("dataIndex"),
     size: "small",
     onChange: (v2) => onBaseInfoChange("dataIndex", v2)
   })), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$6.middleBox
+    className: styles$7.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$6.middleBoxLeft
+    className: styles$7.middleBoxLeft
   }, "\u9ED8\u8BA4\u503C\uFF1A"), /* @__PURE__ */ React$1.createElement(DynamicValueBase, {
-    className: styles$6.middleBoxRight,
+    className: styles$7.middleBoxRight,
     value: schema.get("defaultTabValue"),
     size: "small",
     onChange: (v2) => onBaseInfoChange("defaultTabValue", v2)
   })), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$6.middleBox
+    className: styles$7.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$6.middleBoxLeft
+    className: styles$7.middleBoxLeft
   }, "\u591A\u6807\u7B7E\u6570\u636E\u6E90\uFF1A"), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$6.middleBoxRight
+    className: styles$7.middleBoxRight
   }, /* @__PURE__ */ React$1.createElement(AjaxSchemaForm, {
     schema: schema.getSourcePanel(),
     isSelectType: false
@@ -25373,17 +25389,17 @@ function contentRender(props) {
     href: "https://alidocs.dingtalk.com/i/nodes/dpYLaezmVNRMGX56C1ZxqyYdVrMqPxX6"
   }, "\u6587\u6863"))))));
 }
-const CustomTabItem$4 = ({ title, icon }) => {
+const CustomTabItem$4 = ({ title: title2, icon }) => {
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$6.customTabItem
+    className: styles$7.customTabItem
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$6.tabTitle
+    className: styles$7.tabTitle
   }, /* @__PURE__ */ React$1.createElement(Icon, {
     type: icon,
     size: "small"
   }), /* @__PURE__ */ React$1.createElement("span", {
-    className: styles$6.tabLabel
-  }, title)));
+    className: styles$7.tabLabel
+  }, title2)));
 };
 function FtpBuild$1({ schema, moduleMap }) {
   const { getApiFields } = useSwagger$1();
@@ -25446,7 +25462,7 @@ const tableArrayBottom = "_tableArrayBottom_16ght_32";
 const itemTitle = "_itemTitle_16ght_39";
 const collapseContent = "_collapseContent_16ght_69";
 const itemClose = "_itemClose_16ght_73";
-var styles$5 = {
+var styles$6 = {
   mddTableArray,
   tableArrayTitle,
   tableArrayContent,
@@ -25458,7 +25474,7 @@ var styles$5 = {
   itemClose
 };
 const DRAG_KEY = "TableArrayPanelTitle";
-const { Panel } = Collapse;
+const { Panel: Panel$1 } = Collapse;
 const TitleRender = (props) => {
   const ref = useRef(null);
   const { data, onSortUpdate, index: index2, draggable, onRemove, onChange, customRender = () => {
@@ -25489,7 +25505,7 @@ const TitleRender = (props) => {
   });
   const opacity = isDragging ? 0 : 1;
   draggable && drag(drop(ref));
-  const cls = classnames.bind(styles$5)({
+  const cls = classnames.bind(styles$6)({
     itemTitle: "itemTitle",
     "drop-over-upward": isOver && index2 < sourceItem.index,
     "drop-over-downward": isOver && index2 > sourceItem.index
@@ -25502,7 +25518,7 @@ const TitleRender = (props) => {
   }, customRender && customRender({ data, index: index2, onChange }), /* @__PURE__ */ React$1.createElement(Icon, {
     type: "close",
     size: "small",
-    className: styles$5.itemClose,
+    className: styles$6.itemClose,
     onClick: onRemove
   }));
 };
@@ -25516,7 +25532,7 @@ const getTypeContentMap = (typeContent2) => {
 };
 function MddTableArray(props) {
   const {
-    title = "\u914D\u7F6E\u67E5\u8BE2\u6761\u4EF6",
+    title: title2 = "\u914D\u7F6E\u67E5\u8BE2\u6761\u4EF6",
     data = [],
     onChange = () => {
     },
@@ -25546,11 +25562,11 @@ function MddTableArray(props) {
     onChange({ record, index: index2, data });
   };
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$5.mddTableArray
+    className: styles$6.mddTableArray
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$5.tableArrayTitle
-  }, title), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$5.tableArrayContent
+    className: styles$6.tableArrayTitle
+  }, title2), /* @__PURE__ */ React$1.createElement("div", {
+    className: styles$6.tableArrayContent
   }, /* @__PURE__ */ React$1.createElement(DndProvider, {
     backend: HTML5Backend
   }, /* @__PURE__ */ React$1.createElement(Collapse, {
@@ -25558,7 +25574,7 @@ function MddTableArray(props) {
   }, data.map((item, idx) => {
     var _a2;
     const type = item instanceof JSONWatch ? item.get("type") : item == null ? void 0 : item.type;
-    return /* @__PURE__ */ React$1.createElement(Panel, {
+    return /* @__PURE__ */ React$1.createElement(Panel$1, {
       title: /* @__PURE__ */ React$1.createElement(TitleRender, {
         index: idx,
         draggable,
@@ -25572,10 +25588,10 @@ function MddTableArray(props) {
         customRender: titleRender
       })
     }, /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$5.collapseContent
+      className: styles$6.collapseContent
     }, (_a2 = typeContentMap[type]) == null ? void 0 : _a2.contentRender({ data: item, index: idx, onChange: onTableArrayChange })));
   })))), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$5.tableArrayBottom
+    className: styles$6.tableArrayBottom
   }, /* @__PURE__ */ React$1.createElement(Button, {
     onClick: onAdd,
     style: { padding: "0 48px" }
@@ -26083,6 +26099,197 @@ function DetailStaticStep(props) {
     single: true
   })));
 }
+const title = "_title_10adh_1";
+const titleItem = "_titleItem_10adh_7";
+const titleItemLabel = "_titleItemLabel_10adh_12";
+var styles$5 = {
+  title,
+  titleItem,
+  titleItemLabel
+};
+const { Panel } = Collapse;
+function DetailColumns(props) {
+  const { data, index: idx, onChange } = props;
+  const [_2, forceUpdate] = React$1.useState({});
+  React$1.useEffect(() => {
+    data.set("hideCardTitle", true);
+    forceUpdate();
+    return () => {
+      data.set("hideCardTitle", false);
+      forceUpdate();
+    };
+  }, []);
+  const onAddHandle = () => {
+    data.add(
+      {
+        moduleName: "",
+        cols: 1,
+        params: [],
+        canUpdateOtherColumns: true,
+        canBeUpdated: true
+      },
+      "columnsBoxes"
+    );
+    forceUpdate({});
+  };
+  const onRemoveHandle = (index2) => {
+    data.remove(index2, "columnsBoxes");
+    forceUpdate({});
+  };
+  const onChangeHandle = ({ index: index2, record }) => {
+    data.update(index2, record, "columnsBoxes");
+    forceUpdate({});
+  };
+  return /* @__PURE__ */ React$1.createElement(Form, {
+    labelCol: { span: 4 },
+    wrapperCol: { span: 19 },
+    size: "small",
+    onChange: (values, item) => {
+      data.set(item.name, item.value);
+      onChange({ index: idx, record: data });
+    }
+  }, /* @__PURE__ */ React$1.createElement(Form.Item, {
+    labelAlign: "left",
+    label: "\u5E03\u5C40\u65B9\u5F0F",
+    name: "columnsDirection"
+  }, /* @__PURE__ */ React$1.createElement(CnRadioGroup, {
+    defaultValue: data.get("columnsDirection")
+  }, /* @__PURE__ */ React$1.createElement(CnRadio, {
+    value: "row"
+  }, "\u5DE6\u53F3\u5E03\u5C40"))), /* @__PURE__ */ React$1.createElement(Form.Item, {
+    labelAlign: "left",
+    label: "\u9690\u85CF\u5361\u7247\u5934\u90E8",
+    name: "hideCardTitle"
+  }, /* @__PURE__ */ React$1.createElement(CnSwitch, {
+    checked: data.get("hideCardTitle")
+  })), /* @__PURE__ */ React$1.createElement(Form.Item, {
+    labelAlign: "top",
+    label: ""
+  }, /* @__PURE__ */ React$1.createElement(MddTableSimpleArray, {
+    data: data.get("columnsBoxes"),
+    titleRender: customTitleRender$1,
+    contentRender,
+    title: "\u914D\u7F6E\u5206\u680F\u4FE1\u606F",
+    tip: "\u5DE6\u53F3\u5E03\u5C40\u65F6\uFF0C\u5360\u5217\u6570\u4E4B\u548C\u5E94\u4E3A24",
+    onChange: onChangeHandle,
+    onSort: (newList) => {
+      data.setItemAll(newList, "columnsBoxes");
+      forceUpdate({});
+    },
+    onAdd: onAddHandle,
+    onRemove: (index2) => onRemoveHandle(index2)
+  })), data.get("hideCardTitle") ? null : /* @__PURE__ */ React$1.createElement(ActionsPanel, {
+    schema: data
+  }));
+}
+function customTitleRender$1(props) {
+  const { data, index: index2, onChange, moduleDataSource } = props;
+  return /* @__PURE__ */ React$1.createElement("div", {
+    className: styles$5.title
+  }, /* @__PURE__ */ React$1.createElement("div", {
+    className: styles$5.titleItem
+  }, /* @__PURE__ */ React$1.createElement("label", {
+    className: styles$5.titleItemLabel
+  }, "\u6A21\u5757\u5730\u5740"), /* @__PURE__ */ React$1.createElement(Select$2.AutoComplete, {
+    placeholder: "\u8BF7\u9009\u62E9\u6216\u8005\u8F93\u5165\u6A21\u5757\u5730\u5740",
+    hasClear: true,
+    size: "small",
+    style: {
+      minWidth: 280
+    },
+    dataSource: (moduleDataSource == null ? void 0 : moduleDataSource.l4ModuleOptions) || moduleDataSource || [],
+    value: data == null ? void 0 : data.moduleName,
+    onChange: (v2) => onChange({ ...data, moduleName: v2 })
+  })), /* @__PURE__ */ React$1.createElement("div", {
+    className: styles$5.titleItem
+  }, /* @__PURE__ */ React$1.createElement("label", {
+    className: styles$5.titleItemLabel
+  }, /* @__PURE__ */ React$1.createElement(Balloon, {
+    trigger: /* @__PURE__ */ React$1.createElement("div", {
+      style: { display: "flex", alignItems: "center" }
+    }, "\u5360\u5217\u6570 ", /* @__PURE__ */ React$1.createElement(Icon, {
+      type: "help",
+      size: "small"
+    })),
+    align: "t"
+  }, /* @__PURE__ */ React$1.createElement("b", null, "\u5DE6\u53F3\u5E03\u5C40\u65F6\uFF0C\u5360\u5217\u6570\u4E4B\u548C\u5E94\u4E3A24"))), /* @__PURE__ */ React$1.createElement(CnNumberPicker, {
+    size: "small",
+    min: 0,
+    max: 24,
+    value: data == null ? void 0 : data.cols,
+    onChange: (v2) => onChange({ ...data, cols: v2 }),
+    placeholder: "\u5360\u5217\u6570 \u4E4B\u548C\u5E94\u4E3A24"
+  })));
+}
+const layoutConfig = {
+  wrapperCol: { span: 16 },
+  labelCol: { span: 8 }
+};
+function contentRender(props) {
+  return /* @__PURE__ */ React$1.createElement(ContentRender, {
+    ...props
+  });
+}
+const ContentRender = (props) => {
+  const { data, index: index2, onChange } = props;
+  return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Form.Item, {
+    name: "",
+    wrapperCol: { span: 22 },
+    labelCol: { span: 2 },
+    style: { position: "relative" },
+    label: /* @__PURE__ */ React$1.createElement("div", null, "\u53C2\u6570", /* @__PURE__ */ React$1.createElement("a", {
+      rel: "noreferrer",
+      target: "_blank",
+      href: "https://yuque.antfin.com/docs/share/b146be2b-dec0-4f0d-80e4-c11a34a701bc",
+      title: "\u5728vscode\u63D2\u4EF6\u4E2D\u6309\u4F4Fctrl\u518D\u70B9\u51FB\u67E5\u770B",
+      className: "help-link"
+    }, "\u5E2E\u52A9"))
+  }, /* @__PURE__ */ React$1.createElement(FormilyTableFormProxy, {
+    keyTitle: "key(\u53C2\u6570\u540D)",
+    valueTitle: "value(\u53C2\u6570\u503C) - .$ALL \u53EF\u83B7\u53D6\u6574\u4E2A\u52A8\u6001\u5BF9\u8C61",
+    value: data == null ? void 0 : data.params,
+    onChange: (v2) => onChange({ index: index2, record: { ...data, params: v2 } })
+  })), /* @__PURE__ */ React$1.createElement(Collapse, {
+    accordion: true
+  }, /* @__PURE__ */ React$1.createElement(Panel, {
+    title: /* @__PURE__ */ React$1.createElement(Balloon, {
+      trigger: /* @__PURE__ */ React$1.createElement("div", {
+        style: { width: "fit-content", display: "flex", alignItems: "center" }
+      }, "\u5176\u4ED6\u914D\u7F6E\uFF1A", /* @__PURE__ */ React$1.createElement(Icon, {
+        type: "help",
+        size: "small"
+      })),
+      align: "t"
+    }, "\u914D\u7F6E\u4EE5\u4E0B\u5C5E\u6027\u540E\uFF0C\u65B9\u53EF\u5728\u6BCF\u4E2A\u5206\u680F\u4E2D \u4F7F\u7528\u3010\u89E6\u53D1\u5176\u4ED6\u5206\u680F\u5237\u65B0\u3011\u4E8B\u4EF6\uFF0C\u5F15\u64CE\u4F1A\u76D1\u542C \u5E76\u81EA\u52A8\u66F4\u65B0\u5176\u4ED6\u5206\u680F\uFF08\u89E6\u53D1\u4E00\u4E2A detail:updateColumns \u4E8B\u4EF6\u3002\u82E5\u5206\u680F\u4E3A FTP \u7C7B\u578B \u5219\u652F\u6301\u81EA\u52A8\u5237\u65B0\uFF0C\u5176\u4ED6\u9875\u9762\u7C7B\u578B\u6682\u4E0D\u652F\u6301\uFF09\u3002", /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("b", null, "\u5EFA\u8BAE\u5728\u6BCF\u4E2A\u5206\u680F\u6A21\u5757\u4E2D\u5199\u80F6\u6C34\u4EE3\u7801\uFF0C\u624B\u52A8\u63A7\u5236\u5176\u4ED6\u5206\u680F\u5237\u65B0\u3002")))
+  }, /* @__PURE__ */ React$1.createElement(Form.Item, {
+    ...layoutConfig,
+    label: "\u53EF\u4EE5\u89E6\u53D1\u5176\u4ED6\u5206\u680F\u5237\u65B0",
+    name: ""
+  }, /* @__PURE__ */ React$1.createElement(CnSwitch, {
+    defaultChecked: data == null ? void 0 : data.canUpdateOtherColumns,
+    onChange: (v2) => onChange({ index: index2, record: { ...data, canUpdateOtherColumns: v2 } })
+  })), /* @__PURE__ */ React$1.createElement(Form.Item, {
+    ...layoutConfig,
+    label: "\u53EF\u88AB\u5176\u4ED6\u5206\u680F\u5237\u65B0",
+    name: ""
+  }, /* @__PURE__ */ React$1.createElement(CnSwitch, {
+    defaultChecked: data == null ? void 0 : data.canBeUpdated,
+    onChange: (v2) => onChange({ index: index2, record: { ...data, canBeUpdated: v2 } })
+  })), /* @__PURE__ */ React$1.createElement(Form.Item, {
+    ...layoutConfig,
+    label: /* @__PURE__ */ React$1.createElement(Balloon, {
+      trigger: /* @__PURE__ */ React$1.createElement("div", null, "\u5F53\u524D\u5206\u680F\u4E3AFTP\u65F6\u81EA\u52A8\u5237\u65B0", /* @__PURE__ */ React$1.createElement(Icon, {
+        type: "help",
+        size: "small"
+      })),
+      align: "t"
+    }, /* @__PURE__ */ React$1.createElement("b", null, "\u4EE5FTP\u9875\u9762\u683C\u5F0F \u88AB\u66F4\u65B0\uFF0C\u5176\u4ED6\u9875\u9762\u7C7B\u578B\u6682\u4E0D\u652F\u6301")),
+    name: ""
+  }, /* @__PURE__ */ React$1.createElement(CnSwitch, {
+    defaultChecked: data == null ? void 0 : data.autoUpdateWhenIsFTP,
+    onChange: (v2) => onChange({ index: index2, record: { ...data, autoUpdateWhenIsFTP: v2 } })
+  })))));
+};
 const customTabItem$3 = "_customTabItem_1lh1l_1";
 const tabTitle$3 = "_tabTitle_1lh1l_5";
 const tabLabel$3 = "_tabLabel_1lh1l_9";
@@ -26134,6 +26341,15 @@ const typeContent = [
       });
     }
   },
+  {
+    label: "\u5E03\u5C40",
+    value: "detail-columns",
+    contentRender: (props) => {
+      return /* @__PURE__ */ React$1.createElement(DetailColumns, {
+        ...props
+      });
+    }
+  },
   {
     label: "\u5185\u5D4C\u9875\u9762",
     value: "import-component",
@@ -26226,7 +26442,7 @@ function DetailItems({ schema = {} }) {
     onRemove: onRemoveHandle
   }));
 }
-const CustomTabItem$3 = ({ title, icon }) => {
+const CustomTabItem$3 = ({ title: title2, icon }) => {
   return /* @__PURE__ */ React$1.createElement("div", {
     className: styles$4.customTabItem
   }, /* @__PURE__ */ React$1.createElement("div", {
@@ -26236,7 +26452,7 @@ const CustomTabItem$3 = ({ title, icon }) => {
     size: "small"
   }), /* @__PURE__ */ React$1.createElement("span", {
     className: styles$4.tabLabel
-  }, title)));
+  }, title2)));
 };
 function DetailBuild({ schema }) {
   return /* @__PURE__ */ React$1.createElement(Tab, {
@@ -26524,7 +26740,7 @@ var styles$3 = {
   tabTitle: tabTitle$2,
   tabLabel: tabLabel$2
 };
-const CustomTabItem$2 = ({ title, icon }) => {
+const CustomTabItem$2 = ({ title: title2, icon }) => {
   return /* @__PURE__ */ React$1.createElement("div", {
     className: styles$3.customTabItem
   }, /* @__PURE__ */ React$1.createElement("div", {
@@ -26534,9 +26750,9 @@ const CustomTabItem$2 = ({ title, icon }) => {
     size: "small"
   }), /* @__PURE__ */ React$1.createElement("span", {
     className: styles$3.tabLabel
-  }, title)));
+  }, title2)));
 };
-const CustomKV$1 = ({ title = "", subTitle = "", children }) => {
+const CustomKV$1 = ({ title: title2 = "", subTitle = "", children }) => {
   return /* @__PURE__ */ React$1.createElement("div", {
     className: "formily-form-v2-kv"
   }, /* @__PURE__ */ React$1.createElement(Box, {
@@ -26545,7 +26761,7 @@ const CustomKV$1 = ({ title = "", subTitle = "", children }) => {
     className: "formily-form-v2-title-wrapper"
   }, /* @__PURE__ */ React$1.createElement("label", {
     className: "title"
-  }, title), /* @__PURE__ */ React$1.createElement("label", {
+  }, title2), /* @__PURE__ */ React$1.createElement("label", {
     className: "subTitle"
   }, subTitle)), /* @__PURE__ */ React$1.createElement("div", null, children));
 };
@@ -26779,7 +26995,7 @@ var styles$2 = {
   kvTitle,
   kvSubTitle
 };
-var CustomKV = ({ title = "", subTitle = "", children }) => {
+var CustomKV = ({ title: title2 = "", subTitle = "", children }) => {
   return /* @__PURE__ */ React$1.createElement("div", {
     className: styles$2.kvContainer
   }, /* @__PURE__ */ React$1.createElement(Box, {
@@ -26788,7 +27004,7 @@ var CustomKV = ({ title = "", subTitle = "", children }) => {
     className: styles$2.kvWrapper
   }, /* @__PURE__ */ React$1.createElement("label", {
     className: styles$2.kvTitle
-  }, title), /* @__PURE__ */ React$1.createElement("label", {
+  }, title2), /* @__PURE__ */ React$1.createElement("label", {
     className: styles$2.kvSubTitle
   }, subTitle)), /* @__PURE__ */ React$1.createElement("div", null, children));
 };
@@ -26800,7 +27016,7 @@ var styles$1 = {
   tabTitle: tabTitle$1,
   tabLabel: tabLabel$1
 };
-const CustomTabItem$1 = ({ title, icon }) => {
+const CustomTabItem$1 = ({ title: title2, icon }) => {
   return /* @__PURE__ */ React$1.createElement("div", {
     className: styles$1.customTabItem
   }, /* @__PURE__ */ React$1.createElement("div", {
@@ -26810,7 +27026,7 @@ const CustomTabItem$1 = ({ title, icon }) => {
     size: "small"
   }), /* @__PURE__ */ React$1.createElement("span", {
     className: styles$1.tabLabel
-  }, title)));
+  }, title2)));
 };
 function FtpBuild({ schema }) {
   const [_2, forceUpdate] = React$1.useState({});
@@ -27263,7 +27479,7 @@ var styles = {
   tabTitle,
   tabLabel
 };
-const CustomTabItem = ({ title, icon }) => {
+const CustomTabItem = ({ title: title2, icon }) => {
   return /* @__PURE__ */ React$1.createElement("div", {
     className: styles.customTabItem
   }, /* @__PURE__ */ React$1.createElement("div", {
@@ -27273,7 +27489,7 @@ const CustomTabItem = ({ title, icon }) => {
     size: "small"
   }), /* @__PURE__ */ React$1.createElement("span", {
     className: styles.tabLabel
-  }, title)));
+  }, title2)));
 };
 function SimpleFtp({ schema }) {
   return /* @__PURE__ */ React$1.createElement(Tab, {