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

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;
   }
@@ -1558,103 +1558,132 @@ class HeaderToolbar$1 extends JSONWatch {
     return this.data || [];
   }
 }
-/*! js-cookie v3.0.5 | MIT */
-function assign(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
-    for (var key in source) {
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-var defaultConverter = {
-  read: function(value) {
-    if (value[0] === '"') {
-      value = value.slice(1, -1);
-    }
-    return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
-  },
-  write: function(value) {
-    return encodeURIComponent(value).replace(
-      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
-      decodeURIComponent
-    );
-  }
-};
-function init$1(converter, defaultAttributes) {
-  function set(name, value, attributes) {
-    if (typeof document === "undefined") {
-      return;
-    }
-    attributes = assign({}, defaultAttributes, attributes);
-    if (typeof attributes.expires === "number") {
-      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
-    }
-    if (attributes.expires) {
-      attributes.expires = attributes.expires.toUTCString();
+var js_cookie = { exports: {} };
+/*!
+ * JavaScript Cookie v2.2.1
+ * https://github.com/js-cookie/js-cookie
+ *
+ * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
+ * Released under the MIT license
+ */
+(function(module, exports) {
+  (function(factory) {
+    var registeredInModuleLoader;
+    {
+      module.exports = factory();
+      registeredInModuleLoader = true;
+    }
+    if (!registeredInModuleLoader) {
+      var OldCookies = window.Cookies;
+      var api = window.Cookies = factory();
+      api.noConflict = function() {
+        window.Cookies = OldCookies;
+        return api;
+      };
     }
-    name = encodeURIComponent(name).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-    var stringifiedAttributes = "";
-    for (var attributeName in attributes) {
-      if (!attributes[attributeName]) {
-        continue;
-      }
-      stringifiedAttributes += "; " + attributeName;
-      if (attributes[attributeName] === true) {
-        continue;
+  })(function() {
+    function extend() {
+      var i = 0;
+      var result = {};
+      for (; i < arguments.length; i++) {
+        var attributes = arguments[i];
+        for (var key in attributes) {
+          result[key] = attributes[key];
+        }
       }
-      stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
+      return result;
     }
-    return document.cookie = name + "=" + converter.write(value, name) + stringifiedAttributes;
-  }
-  function get2(name) {
-    if (typeof document === "undefined" || arguments.length && !name) {
-      return;
+    function decode(s) {
+      return s.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent);
     }
-    var cookies = document.cookie ? document.cookie.split("; ") : [];
-    var jar = {};
-    for (var i = 0; i < cookies.length; i++) {
-      var parts = cookies[i].split("=");
-      var value = parts.slice(1).join("=");
-      try {
-        var found = decodeURIComponent(parts[0]);
-        jar[found] = converter.read(value, found);
-        if (name === found) {
-          break;
+    function init2(converter) {
+      function api() {
+      }
+      function set(key, value, attributes) {
+        if (typeof document === "undefined") {
+          return;
         }
-      } catch (e) {
+        attributes = extend({
+          path: "/"
+        }, api.defaults, attributes);
+        if (typeof attributes.expires === "number") {
+          attributes.expires = new Date(new Date() * 1 + attributes.expires * 864e5);
+        }
+        attributes.expires = attributes.expires ? attributes.expires.toUTCString() : "";
+        try {
+          var result = JSON.stringify(value);
+          if (/^[\{\[]/.test(result)) {
+            value = result;
+          }
+        } catch (e) {
+        }
+        value = converter.write ? converter.write(value, key) : encodeURIComponent(String(value)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
+        key = encodeURIComponent(String(key)).replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent).replace(/[\(\)]/g, escape);
+        var stringifiedAttributes = "";
+        for (var attributeName in attributes) {
+          if (!attributes[attributeName]) {
+            continue;
+          }
+          stringifiedAttributes += "; " + attributeName;
+          if (attributes[attributeName] === true) {
+            continue;
+          }
+          stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
+        }
+        return document.cookie = key + "=" + value + stringifiedAttributes;
       }
-    }
-    return name ? jar[name] : jar;
-  }
-  return Object.create(
-    {
-      set,
-      get: get2,
-      remove: function(name, attributes) {
-        set(
-          name,
-          "",
-          assign({}, attributes, {
-            expires: -1
-          })
-        );
-      },
-      withAttributes: function(attributes) {
-        return init$1(this.converter, assign({}, this.attributes, attributes));
-      },
-      withConverter: function(converter2) {
-        return init$1(assign({}, this.converter, converter2), this.attributes);
+      function get2(key, json) {
+        if (typeof document === "undefined") {
+          return;
+        }
+        var jar = {};
+        var cookies = document.cookie ? document.cookie.split("; ") : [];
+        var i = 0;
+        for (; i < cookies.length; i++) {
+          var parts = cookies[i].split("=");
+          var cookie = parts.slice(1).join("=");
+          if (!json && cookie.charAt(0) === '"') {
+            cookie = cookie.slice(1, -1);
+          }
+          try {
+            var name = decode(parts[0]);
+            cookie = (converter.read || converter)(cookie, name) || decode(cookie);
+            if (json) {
+              try {
+                cookie = JSON.parse(cookie);
+              } catch (e) {
+              }
+            }
+            jar[name] = cookie;
+            if (key === name) {
+              break;
+            }
+          } catch (e) {
+          }
+        }
+        return key ? jar[key] : jar;
       }
-    },
-    {
-      attributes: { value: Object.freeze(defaultAttributes) },
-      converter: { value: Object.freeze(converter) }
+      api.set = set;
+      api.get = function(key) {
+        return get2(key, false);
+      };
+      api.getJSON = function(key) {
+        return get2(key, true);
+      };
+      api.remove = function(key, attributes) {
+        set(key, "", extend(attributes, {
+          expires: -1
+        }));
+      };
+      api.defaults = {};
+      api.withConverter = init2;
+      return api;
     }
-  );
-}
-var api = init$1(defaultConverter, { path: "/" });
+    return init2(function() {
+    });
+  });
+})(js_cookie);
+var Cookies = js_cookie.exports;
 const calcWordWidth = (str) => {
   const Min_Width = 50;
   if (!str || typeof str !== "string")
@@ -1674,7 +1703,7 @@ const upperFirst$1 = (str) => {
   return str.slice(0, 1).toUpperCase() + temp;
 };
 const getGlobalSizeFromCookie = () => {
-  return api == null ? void 0 : api.get("CNUICOOKIESIZE");
+  return Cookies == null ? void 0 : Cookies.get("CNUICOOKIESIZE");
 };
 const getDefaultFomrLabelAlign = () => {
   const globalSize = getGlobalSizeFromCookie();
@@ -1971,29 +2000,29 @@ const openApi3Support = (apiInfo) => {
     responses: res
   };
 };
-var buildSwaggerApiJson = (api2, apiMeta) => {
-  if (!api2 || !apiMeta) {
+var buildSwaggerApiJson = (api, apiMeta) => {
+  if (!api || !apiMeta) {
     throw Error("mdd-tool columns complier error: api or api meta is null");
   }
   const { paths, definitions } = apiMeta || {};
-  if (!paths[api2]) {
-    throw Error(`mdd-tool columns complier error: api meta has not api: ${api2}`);
+  if (!paths[api]) {
+    throw Error(`mdd-tool columns complier error: api meta has not api: ${api}`);
   }
   let method = "";
   let apiInfo = null;
-  if (Object.prototype.hasOwnProperty.call(paths[api2], "post")) {
+  if (Object.prototype.hasOwnProperty.call(paths[api], "post")) {
     method = "post";
-    apiInfo = paths[api2]["post"];
-  } else if (Object.prototype.hasOwnProperty.call(paths[api2], "get")) {
+    apiInfo = paths[api]["post"];
+  } else if (Object.prototype.hasOwnProperty.call(paths[api], "get")) {
     method = "get";
-    apiInfo = paths[api2]["get"];
+    apiInfo = paths[api]["get"];
   } else {
     throw Error("mdd-tool columns complier error: api method not support");
   }
   const { summary } = apiInfo;
   const { parameters = [], responses } = openApi3Support(apiInfo);
   return {
-    api: api2,
+    api,
     method,
     summary,
     parameters: transfer$refToJson("parameters", parameters, definitions),
@@ -2122,11 +2151,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) {
@@ -2432,11 +2461,11 @@ function handleDefinitions(obj, map, depth) {
 function getSwaggerInfoFromJson(swaggerJson) {
   return jsonSchemaRefParser(transferOpenAPI3ToSwagger2$1(swaggerJson));
 }
-function getApiInfo(api2, swaggerInfo) {
+function getApiInfo(api, swaggerInfo) {
   const realSwaggerInfo = jsonSchemaRefParser(transferOpenAPI3ToSwagger2$1(swaggerInfo));
-  return buildSwaggerApiJson(api2, realSwaggerInfo);
+  return buildSwaggerApiJson(api, realSwaggerInfo);
 }
-function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {}) {
+function api2SchemaFromSwaggerApiInfo(api, schemaType, apiInfo, extraSchema = {}) {
   const { parameters = [], responses = [], method = "" } = apiInfo || {};
   const methodUpperCase = method.toUpperCase();
   const result = {
@@ -2459,8 +2488,8 @@ function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {
           tableColumns: "$RET.data.tableColumns",
           totalCount: "$RET.data.paging.totalCount"
         },
-        value: api2,
-        url: api2
+        value: api,
+        url: api
       },
       filter: {
         maxVisibleRow: 2,
@@ -2505,8 +2534,8 @@ function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {
         watch: [],
         params: {},
         formatResponseData: {},
-        value: api2,
-        url: api2
+        value: api,
+        url: api
       },
       initApi: [],
       effectApi: [],
@@ -2545,7 +2574,7 @@ function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {
           label: "\u57FA\u7840\u4FE1\u606F",
           source: [
             {
-              url: api2,
+              url: api,
               method: methodUpperCase,
               type: "ajax",
               formatResponseData: {
@@ -2578,8 +2607,8 @@ function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {
         formatResponseData: {
           tableData: "$RET.data.tableData"
         },
-        value: api2,
-        url: api2
+        value: api,
+        url: api
       },
       submitApi: {
         type: "ajax",
@@ -2611,9 +2640,9 @@ function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {
   }
   return merge_1(result, extraSchema);
 }
-function api2SchemaFromSwagger(api2, schemaType, swaggerInfo, extraSchema = {}) {
-  const apiInfo = getApiInfo(api2, swaggerInfo);
-  return api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema);
+function api2SchemaFromSwagger(api, schemaType, swaggerInfo, extraSchema = {}) {
+  const apiInfo = getApiInfo(api, swaggerInfo);
+  return api2SchemaFromSwaggerApiInfo(api, schemaType, apiInfo, extraSchema);
 }
 function transferOpenAPI3ToSwagger2$1(data) {
   if (data && data.components && data.components.schemas) {
@@ -2749,10 +2778,10 @@ class MiddleItem extends JSONWatch {
 }
 class FtpSchema$1 extends Schema {
   constructor(props, isCompleteSchema = false) {
-    const { api: api2, filter, headerToolbar, table, tabs, middleModules, ...more2 } = isCompleteSchema ? props.body : props;
+    const { api, filter, headerToolbar, table, tabs, middleModules, ...more2 } = isCompleteSchema ? props.body : props;
     super(more2);
     this.type = "ftp";
-    this.api = new AjaxSchema(api2);
+    this.api = new AjaxSchema(api);
     this.filter = new Filter(filter);
     this.headerToolbar = new HeaderToolbar$1(headerToolbar);
     this.table = new TableSchema$1(table);
@@ -2826,12 +2855,12 @@ class FtpSchema$1 extends Schema {
   }
   initFromCache(schema) {
     const { body, ...more2 } = schema;
-    const { api: api2, filter, headerToolbar, table, tabs, middleModules } = body;
+    const { api, filter, headerToolbar, table, tabs, middleModules } = body;
     if (this.willDetach) {
       this.willDetach();
     }
     this.init(more2);
-    this.api.updateAll(api2);
+    this.api.updateAll(api);
     this.filter.updateAll(filter);
     this.headerToolbar.updateAll(headerToolbar);
     this.table.updateAll(this.compatTableHandle(table));
@@ -3084,11 +3113,11 @@ function getWatchByRequest(params) {
 }
 class FormilyFormV2Schema extends Schema {
   constructor(props, isCompleteSchema = false) {
-    const { api: api2, initApi, effectApi, baseInfo, fields: fields2, ...more2 } = isCompleteSchema ? props.body : props;
+    const { api, initApi, effectApi, baseInfo, fields: fields2, ...more2 } = isCompleteSchema ? props.body : props;
     super(more2);
     this.type = "formily-form-v2";
     this.baseInfo = new FormInfo(baseInfo);
-    this.api = new AjaxSchema(api2);
+    this.api = new AjaxSchema(api);
     if (!initApi) {
       this.initApi = new AjaxSchemaQueue([]);
     } else {
@@ -3130,12 +3159,12 @@ class FormilyFormV2Schema extends Schema {
   }
   initFromCache(schema) {
     const { body, ...more2 } = schema;
-    const { api: api2, initApi = [], effectApi = [], baseInfo, fields: fields2 } = body;
+    const { api, initApi = [], effectApi = [], baseInfo, fields: fields2 } = body;
     if (this.willDetach) {
       this.willDetach();
     }
     this.init(more2);
-    this.api.updateAll(api2);
+    this.api.updateAll(api);
     if (!initApi) {
       this.initApi.updateAll([]);
     } else {
@@ -3203,6 +3232,9 @@ class DetailItemSchema extends JSONWatch {
       pagination,
       actions = [],
       current = 1,
+      columnsDirection = "row",
+      columnsBoxes = [],
+      hideCardTitle = false,
       ...more2
     } = props || {};
     super({
@@ -3221,6 +3253,9 @@ class DetailItemSchema extends JSONWatch {
       pagination,
       actions,
       current,
+      columnsDirection,
+      columnsBoxes,
+      hideCardTitle,
       ...more2
     });
   }
@@ -3299,7 +3334,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 +7723,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,
@@ -13059,23 +13094,23 @@ function useSwagger() {
     }
   };
 }
-function createApiSelectItem(summary, api2, method, request = []) {
+function createApiSelectItem(summary, api, method, request = []) {
   return {
     summary,
-    label: `${summary} - ${method} ${api2}`,
-    value: api2,
-    url: api2,
+    label: `${summary} - ${method} ${api}`,
+    value: api,
+    url: api,
     method,
     request,
-    parameters: api2.parameters
+    parameters: api.parameters
   };
 }
 const getDataSourceArray$1 = (paths = {}) => {
   try {
     return Object.keys(paths).map((key) => {
-      const api2 = paths[key];
-      const apiPost = api2.post || api2.POST;
-      const apiGet = api2.get || api2.GET;
+      const api = paths[key];
+      const apiPost = api.post || api.POST;
+      const apiGet = api.get || api.GET;
       if (apiPost) {
         return createApiSelectItem(apiPost.summary, key, "POST");
       } else if (apiGet) {
@@ -13148,8 +13183,8 @@ class PersistentStorage {
 }
 var storage = new PersistentStorage();
 class DataSourceSchema extends JSONWatch {
-  constructor(api2) {
-    const { url, method = "get", ...more2 } = api2 || {};
+  constructor(api) {
+    const { url, method = "get", ...more2 } = api || {};
     super({
       url,
       method,
@@ -13861,10 +13896,10 @@ function emitterVSCodeMessage(action, content2) {
 function emitSave(fileMapContent) {
   emitterVSCodeMessage(EMIT_EVENT_ACTION_SAVE, fileMapContent);
 }
-const buildSchema = (schemaType, api2, mainDataSource, moreProps) => {
+const buildSchema = (schemaType, api, mainDataSource, moreProps) => {
   let schemaObj = null;
   if (schemaType === "ftp") {
-    schemaObj = new FtpSchema$1({ host: api2, title: "" });
+    schemaObj = new FtpSchema$1({ host: api, title: "" });
     const realDataSource = {
       ...mainDataSource,
       type: "ajax",
@@ -13877,14 +13912,14 @@ const buildSchema = (schemaType, api2, mainDataSource, moreProps) => {
     };
     schemaObj.getDataSourcePanel().update(realDataSource);
   } else if (schemaType === "formily-form") {
-    schemaObj = new FormilyFormSchema({ host: api2, title: "" });
+    schemaObj = new FormilyFormSchema({ host: api, title: "" });
     const realDataSource = {
       ...mainDataSource,
       type: "ajax"
     };
     schemaObj.getDataSourcePanel().update(realDataSource);
   } else if (schemaType === "formily-form-v2") {
-    schemaObj = new FormilyFormV2Schema({ host: api2, title: "" });
+    schemaObj = new FormilyFormV2Schema({ host: api, title: "" });
     const realDataSource = {
       ...mainDataSource,
       type: "ajax"
@@ -13892,7 +13927,7 @@ const buildSchema = (schemaType, api2, mainDataSource, moreProps) => {
     schemaObj.getApiPanel().update(realDataSource);
   } else if (schemaType === "detail") {
     if (moreProps == null ? void 0 : moreProps.children) {
-      schemaObj = new DetailSchema({ host: api2, title: "", ...moreProps });
+      schemaObj = new DetailSchema({ host: api, title: "", ...moreProps });
     } else {
       const realDataSource = {
         ...mainDataSource,
@@ -13901,10 +13936,10 @@ const buildSchema = (schemaType, api2, mainDataSource, moreProps) => {
           detailData: "$RET.data"
         }
       };
-      schemaObj = new DetailSchema({ host: api2, title: "", initDataSource: realDataSource });
+      schemaObj = new DetailSchema({ host: api, title: "", initDataSource: realDataSource });
     }
   } else if (schemaType === "edit-table") {
-    schemaObj = new FtpSchema({ host: api2, title: "", ...moreProps });
+    schemaObj = new FtpSchema({ host: api, title: "", ...moreProps });
     const realDataSource = {
       ...mainDataSource,
       type: "ajax",
@@ -13931,8 +13966,8 @@ const buildSchema = (schemaType, api2, mainDataSource, moreProps) => {
       }
     }, 500)
   );
-  if (api2.indexOf("?") === -1 && api2.indexOf("mocks") === -1) {
-    axios.defaults.baseURL = api2;
+  if (api.indexOf("?") === -1 && api.indexOf("mocks") === -1) {
+    axios.defaults.baseURL = api;
   }
   return schemaObj;
 };
@@ -13941,11 +13976,11 @@ const buildSchemaObjFromSchema = (schema) => {
     return null;
   }
   const { host, body } = schema;
-  const { type, api: api2, ...more2 } = body || {};
+  const { type, api, ...more2 } = body || {};
   if (!host || !type) {
     return null;
   }
-  return buildSchema(type, host, api2, more2);
+  return buildSchema(type, host, api, more2);
 };
 function useSchema() {
   const { fetchSwaggerInfo } = useSwagger$1();
@@ -14588,7 +14623,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 +14634,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 +14645,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 +14656,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 +14685,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 +14724,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 +15004,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 +15015,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 +15026,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 +15037,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 +15048,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 +15086,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 +15118,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 +15150,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 +15165,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 +15198,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 +15561,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 +15572,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 +15583,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 +15594,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 +15605,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 +15634,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 +15662,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 +15838,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 +15938,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 +16414,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 +16434,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,
@@ -16468,9 +16503,9 @@ function AjaxFormDialog({ title = "\u6570\u636E\u6E90\u914D\u7F6E", schema: oldS
     dataSource: swagger.apiList,
     defaultValue: schema.get("url"),
     onChange: (value) => {
-      const api2 = swagger.getApi(value);
-      if (api2) {
-        schema.setAjaxRequest(value, api2.method);
+      const api = swagger.getApi(value);
+      if (api) {
+        schema.setAjaxRequest(value, api.method);
       } else {
         schema.set("url", value);
       }
@@ -17326,7 +17361,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 +23792,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 +23806,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 +23870,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 +23886,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 +23907,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 +23918,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 +23928,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 +23970,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 +23978,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 +24045,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 +24081,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 +24099,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 +24139,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 +24169,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 +24177,7 @@ const ContentRender = (props) => {
 };
 function MddForm(props) {
   const {
-    title = "\u914D\u7F6E\u5206\u9875",
+    title: title2 = "\u914D\u7F6E\u5206\u9875",
     help,
     data = {},
     type,
@@ -24154,16 +24189,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,
@@ -24897,7 +24932,7 @@ var _immutabilityHelper_3_1_1_immutabilityHelper = { exports: {} };
   function type(obj) {
     return toString2.call(obj).slice(8, -1);
   }
-  var assign2 = Object.assign || function(target, source) {
+  var assign = Object.assign || function(target, source) {
     getAllKeys2(source).forEach(function(key) {
       if (hasOwnProperty2.call(source, key)) {
         target[key] = source[key];
@@ -24911,11 +24946,11 @@ var _immutabilityHelper_3_1_1_immutabilityHelper = { exports: {} };
     return Object.keys(obj);
   };
   function copy(object) {
-    return Array.isArray(object) ? assign2(object.constructor(object.length), object) : type(object) === "Map" ? new Map(object) : type(object) === "Set" ? new Set(object) : object && typeof object === "object" ? assign2(Object.create(Object.getPrototypeOf(object)), object) : object;
+    return Array.isArray(object) ? assign(object.constructor(object.length), object) : type(object) === "Map" ? new Map(object) : type(object) === "Set" ? new Set(object) : object && typeof object === "object" ? assign(Object.create(Object.getPrototypeOf(object)), object) : object;
   }
   var Context = function() {
     function Context2() {
-      this.commands = assign2({}, defaultCommands);
+      this.commands = assign({}, defaultCommands);
       this.update = this.update.bind(this);
       this.update.extend = this.extend = this.extend.bind(this);
       this.update.isEquals = function(x, y) {
@@ -25074,7 +25109,7 @@ var _immutabilityHelper_3_1_1_immutabilityHelper = { exports: {} };
   exports.isEquals = defaultContext.update.isEquals;
   exports.extend = defaultContext.extend;
   exports.default = defaultContext.update;
-  exports.default.default = module.exports = assign2(exports.default, exports);
+  exports.default.default = module.exports = assign(exports.default, exports);
   function invariantPushAndUnshift(value, spec, command) {
     invariant2(Array.isArray(value), function() {
       return "update(): expected target of " + stringifiable(command) + " to be an array; got " + stringifiable(value) + ".";
@@ -25130,7 +25165,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 +25177,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 +25210,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 +25220,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 +25260,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 +25289,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 +25304,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 +25344,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 +25353,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 +25365,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 +25418,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 +25491,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 +25503,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 +25534,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 +25547,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 +25561,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 +25591,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 +25603,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 +25617,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 +26128,199 @@ 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(CnRadio, {
+    value: "column"
+  }, "\u4E0A\u4E0B\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 +26372,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 +26473,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 +26483,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 +26771,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 +26781,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 +26792,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 +27026,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 +27035,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 +27047,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 +27057,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 +27510,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 +27520,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, {