@cniot/mdd-editor 0.2.0-beta.4 → 0.2.0-beta.40

package/build/index.es.js

@@ -7,7 +7,7 @@ var __publicField = (obj, key, value) => {
 var _a, _b;
 import React$1, { createContext, memo, useEffect, useLayoutEffect, useState, useCallback, useMemo, isValidElement, cloneElement, useContext, useRef, forwardRef, useImperativeHandle } from "react";
 import EventEmitter from "EventEmitter";
-import { Message, Radio, Select as Select$2, Checkbox, Grid, Button, Table, Input as Input$1, formilyReact, Icon, TimePicker2, ConfigProvider, formilyCore, CnForm, Range, Rating, componentMap, Card, Form, Dialog, CnAsyncSelect, Box, Collapse, Balloon, NumberPicker, Switch, Tab, CnSwitch, CnNumberPicker, CnRadioGroup, CnRadio, CnMessage, CnTooltip, CnButton, CnIcon, CnDrawer, CnCard, CnTab, CnTabItem } from "@cainiaofe/cn-ui";
+import { Message, Radio, Select as Select$2, Checkbox, Grid, Button, Table, Input as Input$1, formilyReact, Icon, TimePicker2, ConfigProvider, formilyCore, CnForm, Range, Rating, componentMap, Card, Form, Dialog, CnAsyncSelect, Box, Collapse, Balloon, NumberPicker, CnSwitch, CnTooltip, Switch, Tab, CnNumberPicker, CnRadioGroup, CnRadio, CnMessage, CnButton, CnIcon, CnDrawer, CnCard, CnTab, CnTabItem } from "@cainiaofe/cn-ui";
 import { isArray as isArray$6, isObject as isObject$e, keys as keys$4, isString, remove } from "lodash";
 import axios from "axios";
 import { useDebounceFn, useToggle } from "ahooks";
@@ -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;
   }
@@ -1430,16 +1430,19 @@ function object2Array(obj, pre = "") {
     };
   }).flat(Infinity);
 }
-class TableSchema$1 extends JSONWatch {
+class TableSchema$2 extends JSONWatch {
   constructor(props) {
     const {
       columns = [],
+      rowDoubleClick = [],
       actionColumns = [],
       bulkActions = [],
       primaryKey = "id",
       tree = false,
+      treeLinkageCheck = false,
       showIndex = false,
       hideCommonToolbar = false,
+      actionMaxCharNum,
       actionWidth,
       showSelect = false,
       remoteSort = false,
@@ -1459,6 +1462,7 @@ class TableSchema$1 extends JSONWatch {
     } = props || {};
     super({
       columns,
+      rowDoubleClick,
       actionColumns,
       bulkActions,
       primaryKey,
@@ -1466,12 +1470,14 @@ class TableSchema$1 extends JSONWatch {
       tree,
       showIndex,
       hideCommonToolbar,
+      actionMaxCharNum,
       actionWidth,
       showSelect,
       rowDetailModule,
       remoteSort,
       useVirtual,
       columnsAutoWidth,
+      treeLinkageCheck,
       ...more2
     });
     this.initAjaxSchemaData(loadChildrenDataApi);
@@ -1500,7 +1506,7 @@ class TableSchema$1 extends JSONWatch {
     this.emit("$updated", null, ignoreUpdate);
   }
   update(index2, data, key = "columns", ignoreUpdate = false) {
-    if (["columns", "actionColumns", "bulkActions"].includes(key)) {
+    if (["columns", "actionColumns", "bulkActions", "rowDoubleClick"].includes(key)) {
       this.data[key].splice(index2, 1, data);
     } else {
       this.data[key] = data;
@@ -1558,103 +1564,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 +1709,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 +2006,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),
@@ -2005,7 +2040,7 @@ const propFields = {
   "cncard-sub": ["icon", "transparent"],
   batchInput: ["defaultValue", "placeholder", "name", "hasClear", "inputProps", "trim"],
   input: ["defaultValue", "placeholder", "maxLength", "name", "hasClear", "trim"],
-  "input-textarea": ["defaultValue", "placeholder", "maxLength", "name", "hasClear"],
+  "input-textarea": ["defaultValue", "placeholder", "maxLength", "name", "hasClear", "rows"],
   "input-password": ["defaultValue", "placeholder", "maxLength", "name", "hasClear"],
   "number-picker": ["defaultValue", "placeholder", "max", "min", "name", "hasClear", "precision", "step"],
   "number-range-picker": ["defaultValue", "placeholder", "max", "min", "name", "hasClear", "precision", "step"],
@@ -2062,6 +2097,8 @@ const propFields = {
     "showTopLevel",
     "iso"
   ],
+  "global-phone-picker": ["name", "defaultValue", "placeholder", "hasClear", "defaultCountryCode", "hasFlag"],
+  "message": ["name"],
   upload: [
     "name",
     "defaultValue",
@@ -2122,11 +2159,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 +2469,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 +2496,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 +2542,8 @@ function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {
         watch: [],
         params: {},
         formatResponseData: {},
-        value: api2,
-        url: api2
+        value: api,
+        url: api
       },
       initApi: [],
       effectApi: [],
@@ -2545,7 +2582,7 @@ function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {
           label: "\u57FA\u7840\u4FE1\u606F",
           source: [
             {
-              url: api2,
+              url: api,
               method: methodUpperCase,
               type: "ajax",
               formatResponseData: {
@@ -2578,8 +2615,8 @@ function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {
         formatResponseData: {
           tableData: "$RET.data.tableData"
         },
-        value: api2,
-        url: api2
+        value: api,
+        url: api
       },
       submitApi: {
         type: "ajax",
@@ -2604,16 +2641,22 @@ function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {
         },
         tree: false,
         showIndex: false,
-        hideCommonToolbar: false
+        hideCommonToolbar: true
       },
       headerToolbar: []
     };
+  } else if (schemaType == null ? void 0 : schemaType.startsWith("blocks-")) {
+    result.type = "blocks";
+    result.body = {
+      type: schemaType,
+      blocks: []
+    };
   }
   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) {
@@ -2747,15 +2790,15 @@ class MiddleItem extends JSONWatch {
   delete() {
   }
 }
-class FtpSchema$1 extends Schema {
+class FtpSchema 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);
+    this.table = new TableSchema$2(table);
     this.initChildren(middleModules, tabs);
     this.willDetach = this.initChangeListener();
   }
@@ -2826,12 +2869,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));
@@ -2920,9 +2963,229 @@ class FtpSchema$1 extends Schema {
     super.emit(EVENT_KEY.SCHEMA_UPDATE, { schemaJson: this.getAllJSON(), schema: this });
   }
 }
-__publicField(FtpSchema$1, "Filter", Filter);
-__publicField(FtpSchema$1, "HeaderToolbar", HeaderToolbar$1);
-__publicField(FtpSchema$1, "Table", TableSchema$1);
+__publicField(FtpSchema, "Filter", Filter);
+__publicField(FtpSchema, "HeaderToolbar", HeaderToolbar$1);
+__publicField(FtpSchema, "Table", TableSchema$2);
+class TableSchema$1 extends JSONWatch {
+  constructor(props) {
+    super({
+      columns: props
+    });
+  }
+  setFieldsAll(columns, ignoreUpdate = false) {
+    this.set("columns", columns, ignoreUpdate);
+  }
+  setItemAll(value, type = "columns", ignoreUpdate = false) {
+    this.set(type, value, ignoreUpdate);
+  }
+  add(field, key = "columns", ignoreUpdate = false) {
+    this.data[key].push(field);
+    this.emit("$updated", null, ignoreUpdate);
+  }
+  remove(index2, key = "columns", ignoreUpdate = false) {
+    this.data[key].splice(index2, 1);
+    this.emit("$updated", null, ignoreUpdate);
+  }
+  update(index2, data, key = "columns", ignoreUpdate = false) {
+    if (["columns", "actionColumns", "bulkActions"].includes(key)) {
+      this.data[key].splice(index2, 1, data);
+    } else {
+      this.data[key] = data;
+    }
+    this.emit("$updated", null, ignoreUpdate);
+  }
+  updateAll(data) {
+    this.data = data;
+    this.emit("$updated");
+  }
+  delete() {
+  }
+  getJSON() {
+    return super.getJSON();
+  }
+}
+class FilterSchema extends JSONWatch {
+  constructor(props) {
+    super({
+      fields: props
+    });
+  }
+  setFieldsAll(fields2, ignoreUpdate = false) {
+    this.set("fields", fields2, ignoreUpdate);
+  }
+  setItemAll(value, type = "fields", ignoreUpdate = false) {
+    this.set(type, value, ignoreUpdate);
+  }
+  add(field, key = "fields", ignoreUpdate = false) {
+    this.data[key].push(field);
+    this.emit("$updated", null, ignoreUpdate);
+  }
+  remove(index2, key = "fields", ignoreUpdate = false) {
+    this.data[key].splice(index2, 1);
+    this.emit("$updated", null, ignoreUpdate);
+  }
+  update(index2, data, key = "fields", ignoreUpdate = false) {
+    if (["fields"].includes(key)) {
+      this.data[key].splice(index2, 1, data);
+    } else {
+      this.data[key] = data;
+    }
+    this.emit("$updated", null, ignoreUpdate);
+  }
+  updateAll(data) {
+    this.data = data;
+    this.emit("$updated");
+  }
+  delete() {
+  }
+  getJSON() {
+    return super.getJSON();
+  }
+}
+class FormSchema$1 extends JSONWatch {
+  constructor(props) {
+    super({
+      fields: props
+    });
+  }
+  setFieldsAll(fields2, ignoreUpdate = false) {
+    this.set("fields", fields2, ignoreUpdate);
+  }
+  setItemAll(value, type = "fields", ignoreUpdate = false) {
+    this.set(type, value, ignoreUpdate);
+  }
+  add(field, key = "fields", ignoreUpdate = false) {
+    this.data[key].push(field);
+    this.emit("$updated", null, ignoreUpdate);
+  }
+  remove(index2, key = "fields", ignoreUpdate = false) {
+    this.data[key].splice(index2, 1);
+    this.emit("$updated", null, ignoreUpdate);
+  }
+  update(index2, data, key = "fields", ignoreUpdate = false) {
+    if (["fields"].includes(key)) {
+      this.data[key].splice(index2, 1, data);
+    } else {
+      this.data[key] = data;
+    }
+    this.emit("$updated", null, ignoreUpdate);
+  }
+  updateAll(data) {
+    this.data = data;
+    this.emit("$updated");
+  }
+  delete() {
+  }
+  getJSON() {
+    return super.getJSON();
+  }
+}
+class EditTableSchema$1 extends JSONWatch {
+  constructor(props) {
+    super({
+      columns: props
+    });
+  }
+  setFieldsAll(columns, ignoreUpdate = false) {
+    this.set("columns", columns, ignoreUpdate);
+  }
+  setItemAll(value, type = "columns", ignoreUpdate = false) {
+    this.set(type, value, ignoreUpdate);
+  }
+  add(field, key = "columns", ignoreUpdate = false) {
+    this.data[key].push(field);
+    this.emit("$updated", null, ignoreUpdate);
+  }
+  remove(index2, key = "columns", ignoreUpdate = false) {
+    this.data[key].splice(index2, 1);
+    this.emit("$updated", null, ignoreUpdate);
+  }
+  update(index2, data, key = "columns", ignoreUpdate = false) {
+    if (["columns", "actionColumns", "bulkActions"].includes(key)) {
+      this.data[key].splice(index2, 1, data);
+    } else {
+      this.data[key] = data;
+    }
+    this.emit("$updated", null, ignoreUpdate);
+  }
+  updateAll(data) {
+    this.data = data;
+    this.emit("$updated");
+  }
+  delete() {
+  }
+  getJSON() {
+    return super.getJSON();
+  }
+}
+const _BlocksSchema = class extends Schema {
+  constructor(props, isCompleteSchema = false) {
+    const { type, blocks = [], ...more2 } = isCompleteSchema ? props.body : props;
+    super(more2);
+    this.type = type;
+    const RealSchema = _BlocksSchema.BlocksInfoMap[type].schema;
+    this.blocks = new RealSchema(blocks);
+    this.willDetach = this.initChangeListener();
+  }
+  initChangeListener() {
+    const fun = () => {
+      super.emit(EVENT_KEY.SCHEMA_UPDATE, { schemaJson: this.getAllJSON(), schema: this });
+    };
+    this.blocks.on("$updated", fun);
+    return () => {
+      this.blocks.off("$updated", fun);
+    };
+  }
+  initFromCache(schema) {
+    const { body, ...more2 } = schema;
+    const { blocks } = body;
+    if (this.willDetach) {
+      this.willDetach();
+    }
+    this.init(more2);
+    this.blocks.updateAll(blocks);
+    this.willDetach = this.initChangeListener();
+  }
+  getSchemaType() {
+    return this.type;
+  }
+  getPanel() {
+    return this.blocks;
+  }
+  getAllJSON() {
+    const res = super.getAllJSON();
+    return { ...res, type: "blocks" };
+  }
+  toJSON() {
+    const toJSONKey = _BlocksSchema.BlocksInfoMap[this.type].toJSONKey;
+    return {
+      type: this.type,
+      blocks: this.blocks.getJSON()[toJSONKey]
+    };
+  }
+  setBlocks(blocks) {
+    this.blocks = blocks;
+  }
+};
+let BlocksSchema = _BlocksSchema;
+__publicField(BlocksSchema, "BlocksInfoMap", {
+  "blocks-table": {
+    schema: TableSchema$1,
+    toJSONKey: "columns"
+  },
+  "blocks-edit-table": {
+    schema: EditTableSchema$1,
+    toJSONKey: "columns"
+  },
+  "blocks-filter": {
+    schema: FilterSchema,
+    toJSONKey: "fields"
+  },
+  "blocks-form": {
+    schema: FormSchema$1,
+    toJSONKey: "fields"
+  }
+});
 class FormInfo extends JSONWatch {
   constructor(props) {
     const {
@@ -3084,11 +3347,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 +3393,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 +3466,10 @@ class DetailItemSchema extends JSONWatch {
       pagination,
       actions = [],
       current = 1,
+      columnsDirection = "row",
+      columnsBoxes = [],
+      height = 100,
+      hideCard = true,
       ...more2
     } = props || {};
     super({
@@ -3221,6 +3488,10 @@ class DetailItemSchema extends JSONWatch {
       pagination,
       actions,
       current,
+      columnsDirection,
+      columnsBoxes,
+      height,
+      hideCard,
       ...more2
     });
   }
@@ -3299,7 +3570,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;
@@ -3352,6 +3623,8 @@ class DetailSchema extends Schema {
       hasAnchor = false,
       children,
       initDataSource,
+      fullHeight,
+      whiteBackground,
       ...more2
     } = isCompleteSchema ? props.body : props;
     super(more2);
@@ -3359,6 +3632,8 @@ class DetailSchema extends Schema {
     this.hasBackBtn = hasBackBtn;
     this.backText = backText;
     this.hasAnchor = hasAnchor;
+    this.fullHeight = fullHeight;
+    this.whiteBackground = whiteBackground;
     this.initChildren(children, initDataSource);
     this.initDataSource = initDataSource ? new AjaxSchema(initDataSource) : {};
     this.willDetach = this.initChangeListener();
@@ -3432,11 +3707,13 @@ class DetailSchema extends Schema {
   }
   initFromCache(schema) {
     const { body, ...more2 } = schema;
-    const { hasBackBtn, backText, hasAnchor, children } = body;
+    const { hasBackBtn, backText, hasAnchor, fullHeight, whiteBackground, children } = body;
     this.init(more2);
     this.baseInfoChange("hasBackBtn", hasBackBtn);
     this.baseInfoChange("backText", backText);
     this.baseInfoChange("hasAnchor", hasAnchor);
+    this.baseInfoChange("fullHeight,", fullHeight);
+    this.baseInfoChange("whiteBackground,", whiteBackground);
     this.initChildren(children);
     this.refreshChildrenListener();
   }
@@ -3481,6 +3758,8 @@ class DetailSchema extends Schema {
       hasBackBtn: this.hasBackBtn,
       backText: this.backText,
       hasAnchor: this.hasAnchor,
+      fullHeight: this.fullHeight,
+      whiteBackground: this.whiteBackground,
       children: this.children.map((item) => item.getJSON())
     };
   }
@@ -3496,12 +3775,16 @@ class TableSchema extends JSONWatch {
       primaryKey = "id",
       tree = false,
       showIndex = false,
-      hideCommonToolbar = false,
+      hideCommonToolbar = true,
+      useVirtual = true,
+      columnsAutoWidth = true,
       pagination = {
         defaultPageSize: 20,
         paging: true,
         disableGlobalConfig: false
-      }
+      },
+      maxHeight,
+      storageKey = Date.now()
     } = props || {};
     super({
       columns,
@@ -3510,7 +3793,11 @@ class TableSchema extends JSONWatch {
       pagination,
       tree,
       showIndex,
-      hideCommonToolbar
+      hideCommonToolbar,
+      useVirtual,
+      columnsAutoWidth,
+      maxHeight,
+      storageKey
     });
   }
   setFieldsAll(columns, ignoreUpdate = false) {
@@ -3572,7 +3859,7 @@ class HeaderToolbar extends JSONWatch {
     return this.data || [];
   }
 }
-class FtpSchema extends Schema {
+class EditTableSchema extends Schema {
   constructor(props, isCompleteSchema = false) {
     const {
       initApi,
@@ -3839,7 +4126,7 @@ function shouldUseNative() {
     return false;
   }
 }
-var _objectAssign_4_1_1_objectAssign = shouldUseNative() ? Object.assign : function(target, source) {
+var objectAssign = shouldUseNative() ? Object.assign : function(target, source) {
   var from;
   var to = toObject(target);
   var symbols;
@@ -5231,7 +5518,7 @@ function createSingletonDndContext(backend, context = getGlobalContext(), option
 function getGlobalContext() {
   return typeof global !== "undefined" ? global : window;
 }
-var _fastDeepEqual_3_1_3_fastDeepEqual = function equal(a, b) {
+var fastDeepEqual = function equal(a, b) {
   if (a === b)
     return true;
   if (a && b && typeof a == "object" && typeof b == "object") {
@@ -5276,7 +5563,7 @@ function useCollector(monitor, collect, onUpdate) {
   );
   const updateCollected = useCallback(() => {
     const nextValue = collect(monitor);
-    if (!_fastDeepEqual_3_1_3_fastDeepEqual(collected, nextValue)) {
+    if (!fastDeepEqual(collected, nextValue)) {
       setCollected(nextValue);
       if (onUpdate) {
         onUpdate();
@@ -7688,7 +7975,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$e = {
   dsType: dsType$1,
   dsJSONContent: dsJSONContent$1,
   dsJSONContentTip: dsJSONContentTip$1,
@@ -7735,7 +8022,7 @@ const schemaScenarioList = async (params) => {
     return null;
   return res;
 };
-var _hox_1_1_6_hox = {};
+var hox = {};
 var createModel$2 = {};
 var container$1 = {};
 var __values$1 = commonjsGlobal && commonjsGlobal.__values || function(o) {
@@ -7800,9 +8087,9 @@ function Executor(props) {
 }
 executor.Executor = Executor;
 var renderer = {};
-var _reactReconciler_0_26_2_reactReconciler = { exports: {} };
+var reactReconciler = { exports: {} };
 var reactReconciler_production_min = { exports: {} };
-var _scheduler_0_20_2_scheduler = { exports: {} };
+var scheduler = { exports: {} };
 var scheduler_production_min = {};
 /** @license React v0.20.2
  * scheduler.production.min.js
@@ -8086,7 +8373,7 @@ var scheduler_production_min = {};
   };
 })(scheduler_production_min);
 {
-  _scheduler_0_20_2_scheduler.exports = scheduler_production_min;
+  scheduler.exports = scheduler_production_min;
 }
 /** @license React v0.26.2
  * react-reconciler.production.min.js
@@ -8099,7 +8386,7 @@ var scheduler_production_min = {};
 (function(module) {
   module.exports = function $$$reconciler($$$hostConfig) {
     var exports = {};
-    var aa = _objectAssign_4_1_1_objectAssign, ba = React$1, m2 = _scheduler_0_20_2_scheduler.exports;
+    var aa = objectAssign, ba = React$1, m2 = scheduler.exports;
     function q2(a) {
       for (var b = "https://reactjs.org/docs/error-decoder.html?invariant=" + a, c = 1; c < arguments.length; c++)
         b += "&args[]=" + encodeURIComponent(arguments[c]);
@@ -12742,13 +13029,13 @@ var scheduler_production_min = {};
   };
 })(reactReconciler_production_min);
 {
-  _reactReconciler_0_26_2_reactReconciler.exports = reactReconciler_production_min.exports;
+  reactReconciler.exports = reactReconciler_production_min.exports;
 }
 var __importDefault$1 = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
   return mod && mod.__esModule ? mod : { "default": mod };
 };
 Object.defineProperty(renderer, "__esModule", { value: true });
-var react_reconciler_1 = __importDefault$1(_reactReconciler_0_26_2_reactReconciler.exports);
+var react_reconciler_1 = __importDefault$1(reactReconciler.exports);
 var reconciler = react_reconciler_1.default({
   now: Date.now,
   getRootHostContext: function() {
@@ -12993,12 +13280,12 @@ function withModel(useModelOrUseModels, mapModelToProps) {
   };
 }
 withModel$1.withModel = withModel;
-Object.defineProperty(_hox_1_1_6_hox, "__esModule", { value: true });
+Object.defineProperty(hox, "__esModule", { value: true });
 var create_model_1 = createModel$2;
-var createModel = _hox_1_1_6_hox.createModel = create_model_1.createModel;
-_hox_1_1_6_hox.createLazyModel = create_model_1.createLazyModel;
+var createModel = hox.createModel = create_model_1.createModel;
+hox.createLazyModel = create_model_1.createLazyModel;
 var with_model_1 = withModel$1;
-_hox_1_1_6_hox.withModel = with_model_1.withModel;
+hox.withModel = with_model_1.withModel;
 function useSwagger() {
   const [apiList, setApiList] = useState([]);
   const [swaggerInfo, setSwaggerInfo] = useState(null);
@@ -13059,23 +13346,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 +13435,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 +14148,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({ host: api, title: "" });
     const realDataSource = {
       ...mainDataSource,
       type: "ajax",
@@ -13877,14 +14164,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 +14179,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 +14188,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 EditTableSchema({ host: api, title: "", ...moreProps });
     const realDataSource = {
       ...mainDataSource,
       type: "ajax",
@@ -13931,8 +14218,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 +14228,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 +14875,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$e.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 +14886,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$e.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 +14897,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$e.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 +14908,7 @@ function DataSourceSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$e.staticValueOkBtn,
         size: "small",
         onClick: onOkStatic
       }, "\u786E\u5B9A")) : null) : null);
@@ -14650,12 +14937,12 @@ function DataSourceSelect(props) {
         type: "primary",
         text: true,
         size: "small",
-        className: styles$c.tableDeleteBtn,
+        className: styles$e.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$e.dsTitle
     }, "\u5165\u53C2:"), /* @__PURE__ */ React$1.createElement("div", {
       style: { marginBottom: 8 }
     }, /* @__PURE__ */ React$1.createElement(Button, {
@@ -14689,9 +14976,9 @@ function DataSourceSelect(props) {
   };
   const renderWatch = () => {
     return /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$c.watchContainer
+      className: styles$e.watchContainer
     }, /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$c.dsTitleWatch
+      className: styles$e.dsTitleWatch
     }, "\u89E6\u53D1\u65F6\u673A:"), /* @__PURE__ */ React$1.createElement(Select$2, {
       mode: "multiple",
       showSearch: true,
@@ -14969,7 +15256,7 @@ function DataSourceSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$e.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 +15267,7 @@ function DataSourceSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$e.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 +15278,7 @@ function DataSourceSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$e.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 +15289,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$e.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 +15300,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$e.staticValueOkBtn,
         size: "small",
         onClick: onOkRecordData
       }, "\u786E\u5B9A")) : null) : null);
@@ -15051,9 +15338,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$e.dsTitle
     }, "\u683C\u5F0F\u5316\u51FA\u53C2:"), /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$c.actionButton
+      className: styles$e.actionButton
     }, /* @__PURE__ */ React$1.createElement(Button, {
       onClick: onResponseAdd,
       size: "small"
@@ -15083,9 +15370,9 @@ function DataSourceSelect(props) {
     })));
   };
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$c.dsContainer
+    className: styles$e.dsContainer
   }, hasExtra && !defaultAjax ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$c.dsType
+    className: styles$e.dsType
   }, /* @__PURE__ */ React$1.createElement(RadioGroup$1, {
     value: typeValue,
     onChange: onTypeChange,
@@ -15115,9 +15402,9 @@ function DataSourceSelect(props) {
     filter: mainDataSourceFilter,
     ...selectProps
   }) : null, hasExtra && typeValue === "json" ? /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$c.dsJSONContent
+    className: styles$e.dsJSONContent
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$c.dsJSONContentTip
+    className: styles$e.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 +15417,9 @@ function DataSourceSelect(props) {
       }
     }
   })) : null, hasExtra && typeValue === "ajax" ? /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$c.dsAjaxContent
+    className: styles$e.dsAjaxContent
   }, showWatch && !defaultAjax && renderWatch(), renderParamsTable(), renderFormatResponse()) : null, hasExtra && showSecondConfirm && typeValue === "ajax" ? /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$c.secondConfirm
+    className: styles$e.secondConfirm
   }, /* @__PURE__ */ React$1.createElement(Checkbox, {
     checked: secondConfirmValue,
     onChange: secondConfirmChange
@@ -15163,7 +15450,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$d = {
   dsType,
   dsJSONContent,
   dsJSONContentTip,
@@ -15526,7 +15813,7 @@ function ParamsSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$b.staticValueOkBtn,
+        className: styles$d.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 +15824,7 @@ function ParamsSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$b.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, {
@@ -15548,7 +15835,7 @@ function ParamsSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$b.staticValueOkBtn,
+        className: styles$d.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 +15846,7 @@ function ParamsSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$b.staticValueOkBtn,
+        className: styles$d.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 +15857,7 @@ function ParamsSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$b.staticValueOkBtn,
+        className: styles$d.staticValueOkBtn,
         size: "small",
         onClick: onOkStatic
       }, "\u786E\u5B9A")) : null) : null);
@@ -15599,7 +15886,7 @@ function ParamsSelect(props) {
         type: "primary",
         text: true,
         size: "small",
-        className: styles$b.tableDeleteBtn,
+        className: styles$d.tableDeleteBtn,
         onClick: () => commonTableDelete(value2, index2, record, "params")
       }, "\u5220\u9664"));
     };
@@ -15627,9 +15914,9 @@ function ParamsSelect(props) {
     })));
   };
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$b.dsContainer
+    className: styles$d.dsContainer
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$b.dsAjaxContent
+    className: styles$d.dsAjaxContent
   }, renderParamsTable()));
 }
 const { connect: connect$7, mapReadPretty: mapReadPretty$6, mapProps: mapProps$7 } = formilyReact;
@@ -15748,11 +16035,12 @@ const mapStatus = (props, field) => {
 };
 const patchDataSource = (dataSource = []) => {
   const removeEmptyChildren = (data) => {
+    var _a2, _b2;
     const result = { ...data };
     if (!result.children || result.children.length === 0) {
       delete result.children;
     } else {
-      result.children = result.children.map(removeEmptyChildren);
+      result.children = (_b2 = (_a2 = result.children) == null ? void 0 : _a2.map) == null ? void 0 : _b2.call(_a2, removeEmptyChildren);
     }
     return result;
   };
@@ -15803,7 +16091,7 @@ Select$1.AutoComplete = connect$4(
 );
 const container = "_container_t9q14_1";
 const footer = "_footer_t9q14_8";
-var styles$a = {
+var styles$c = {
   container,
   footer
 };
@@ -15903,14 +16191,14 @@ const FormilyForm = (props) => {
         fixedSpan: 8
       },
       size: "small",
-      className: styles$a.container
+      className: styles$c.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$c.footer
   }, /* @__PURE__ */ React$1.createElement(Submit, {
     ...SubmitProps
   }, "\u63D0\u4EA4")));
@@ -16379,7 +16667,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 +16687,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 +16756,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);
       }
@@ -16904,8 +17192,13 @@ const formilySchema = ({ moduleDataSource = {} }) => {
                 },
                 {
                   children: [],
-                  label: "\u81EA\u5B9A\u4E49",
-                  value: "custom"
+                  label: "onePage \u6253\u5F00\u5206\u680F",
+                  value: "onePage"
+                },
+                {
+                  children: [],
+                  label: "\u81EA\u5B9A\u4E49",
+                  value: "custom"
                 },
                 {
                   children: [],
@@ -17004,6 +17297,37 @@ const formilySchema = ({ moduleDataSource = {} }) => {
               },
               "x-designable-id": "9ifgulzttsh"
             },
+            cols: {
+              title: "\u5360\u5217\u5BBD",
+              "x-decorator": "CnFormItem",
+              "x-component": "NumberPicker",
+              "x-component-props": {
+                step: 1,
+                min: 1,
+                max: 23
+              },
+              "x-decorator-props": {
+                tip: "\u6700\u5C0F\u4E3A 1\uFF0C\u6700\u5927\u4E3A 23\uFF0C\u9ED8\u8BA4 \u4E3A6\uFF0C\u4E3B\u9875\u9762\u5360\u5217\u5BBD \u4F1A\u81EA\u52A8\u51CF\u53BB\u5F53\u524D cols"
+              },
+              name: "cols",
+              default: "",
+              "x-reactions": {
+                dependencies: [
+                  {
+                    property: "value",
+                    type: "any",
+                    source: "action.type",
+                    name: "type"
+                  }
+                ],
+                fulfill: {
+                  state: {
+                    visible: "{{$deps.type === 'onePage'}}"
+                  }
+                }
+              },
+              "x-designable-id": "9efgulzttsh"
+            },
             selectValue: {
               title: "\u6A21\u5757\u5730\u5740",
               "x-decorator": "CnFormItem",
@@ -17032,7 +17356,7 @@ const formilySchema = ({ moduleDataSource = {} }) => {
                 ],
                 fulfill: {
                   state: {
-                    visible: "{{$deps.type === 'dialog' || $deps.type === 'drawer' || $deps.type === 'custom'}}"
+                    visible: "{{$deps.type === 'dialog' || $deps.type === 'drawer' || $deps.type === 'onePage' || $deps.type === 'custom'}}"
                   }
                 }
               },
@@ -17326,7 +17650,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 === 'onePage' || $deps.type === 'url' || $deps.type === 'custom' || $deps.type === 'updateOtherColumns' }}"
                   }
                 }
               }
@@ -17352,7 +17676,7 @@ const formilySchema = ({ moduleDataSource = {} }) => {
                 ],
                 fulfill: {
                   state: {
-                    visible: "{{$deps.type === 'dialog' || $deps.type === 'drawer'}}"
+                    visible: "{{$deps.type === 'dialog' || $deps.type === 'drawer' || $deps.type === 'onePage'}}"
                   }
                 }
               },
@@ -17430,6 +17754,33 @@ const formilySchema = ({ moduleDataSource = {} }) => {
               },
               "x-designable-id": "jtknf7sgpow"
             },
+            parentRefreshWhenClose: {
+              type: "boolean",
+              title: "\u5173\u95ED\u65F6\u5237\u65B0\u7236\u7EA7\u5217\u8868",
+              "x-decorator": "CnFormItem",
+              "x-component": "Switch",
+              "x-validator": [],
+              "x-component-props": {},
+              "x-decorator-props": {
+                tip: "\u4EC5\u5728 \u5173\u95ED onePage \u5206\u680F\u65F6\u3001\u6216 \u901A\u8FC7\u3010\u5173\u95ED\u6309\u94AE X\u3011\u3010\u70B9\u51FBmask\u533A\u57DF\u3011\u3010\u952E\u76D8esc\u6309\u952E\u3011\u5173\u95ED\u5F39\u7A97\u65F6 \u5237\u65B0\u7236\u7EA7\u5217\u8868"
+              },
+              name: "parentRefreshWhenClose",
+              "x-reactions": {
+                dependencies: [
+                  {
+                    property: "value",
+                    type: "string | number",
+                    source: "action.type",
+                    name: "type"
+                  }
+                ],
+                fulfill: {
+                  state: {
+                    visible: "{{$deps.type === 'dialog' || $deps.type === 'drawer' || $deps.type === 'onePage'}}"
+                  }
+                }
+              }
+            },
             size: {
               type: "string",
               title: "\u5F39\u7A97\u5C3A\u5BF8",
@@ -17481,7 +17832,9 @@ const formilySchema = ({ moduleDataSource = {} }) => {
               "x-decorator": "CnFormItem",
               "x-component": "Input",
               "x-validator": [],
-              "x-component-props": {},
+              "x-component-props": {
+                hasClear: true
+              },
               "x-decorator-props": {},
               name: "width",
               default: "50%",
@@ -17508,7 +17861,9 @@ const formilySchema = ({ moduleDataSource = {} }) => {
               "x-decorator": "CnFormItem",
               "x-component": "Input",
               "x-validator": [],
-              "x-component-props": {},
+              "x-component-props": {
+                hasClear: true
+              },
               "x-decorator-props": {},
               name: "height",
               "x-reactions": {
@@ -17622,6 +17977,58 @@ const formilySchema = ({ moduleDataSource = {} }) => {
               },
               "x-designable-id": "9if44453estsh"
             },
+            successMessage: {
+              type: "string",
+              title: "\u81EA\u5B9A\u4E49\u6210\u529F\u6587\u6848",
+              "x-decorator": "CnFormItem",
+              "x-component": "Input",
+              "x-validator": [],
+              "x-component-props": {},
+              "x-decorator-props": {},
+              name: "successMessage",
+              "x-reactions": {
+                dependencies: [
+                  {
+                    property: "value",
+                    type: "string | number",
+                    source: "action.type",
+                    name: "type"
+                  }
+                ],
+                fulfill: {
+                  state: {
+                    visible: "{{$deps.type === 'ajax'}}"
+                  }
+                }
+              },
+              "x-designable-id": "9ifgjasdussstsh"
+            },
+            errorMessage: {
+              type: "string",
+              title: "\u81EA\u5B9A\u4E49\u5931\u8D25\u6587\u6848",
+              "x-decorator": "CnFormItem",
+              "x-component": "Input",
+              "x-validator": [],
+              "x-component-props": {},
+              "x-decorator-props": {},
+              name: "errorMessage",
+              "x-reactions": {
+                dependencies: [
+                  {
+                    property: "value",
+                    type: "string | number",
+                    source: "action.type",
+                    name: "type"
+                  }
+                ],
+                fulfill: {
+                  state: {
+                    visible: "{{$deps.type === 'ajax'}}"
+                  }
+                }
+              },
+              "x-designable-id": "9ifgja09sdussstsh"
+            },
             shouldRender: {
               title: "\u6761\u4EF6\u6E32\u67D3",
               "x-decorator": "CnFormItem",
@@ -17689,6 +18096,38 @@ const formilySchema = ({ moduleDataSource = {} }) => {
                 }
               },
               "x-designable-id": "jtknf7sgpow"
+            },
+            delayLoadingMessageDuration: {
+              type: "string",
+              title: "loading\u63D0\u793A\u6700\u957F\u65F6\u957F",
+              "x-decorator": "CnFormItem",
+              "x-component": "NumberPicker",
+              "x-validator": [],
+              "x-component-props": {
+                innerAfter: "\u6BEB\u79D2",
+                step: 1e3,
+                min: 1e3
+              },
+              "x-decorator-props": {
+                tip: "\u4EC5\u5F53 \u8BE5\u63A5\u53E3 \u54CD\u5E94\u65F6\u95F4 \u8FC7\u957F(\u4F8B\u5982 \u8D85\u8FC710\u79D2)\u65F6\u4F7F\u7528\uFF0C\u5176\u4ED6\u60C5\u51B5\u4E0D\u63A8\u8350\u4F7F\u7528\u3002key\uFF1AdelayLoadingMessageDuration"
+              },
+              name: "delayLoadingMessageDuration",
+              "x-reactions": {
+                dependencies: [
+                  {
+                    property: "value",
+                    type: "string | number",
+                    source: "action.type",
+                    name: "type"
+                  }
+                ],
+                fulfill: {
+                  state: {
+                    visible: "{{$deps.type === 'ajax'}}"
+                  }
+                }
+              },
+              "x-designable-id": "9ifgussstsh"
             }
           }
         },
@@ -17771,6 +18210,10 @@ const dataAdaptor$2 = (data, isValue) => {
     secondConfirm: secondConfirm2,
     secondConfirmTitle,
     secondConfirmContent,
+    isDisabled,
+    successMessage,
+    errorMessage,
+    delayLoadingMessageDuration,
     ...otherAction
   } = action || {};
   if (type === "ajax") {
@@ -17782,6 +18225,10 @@ const dataAdaptor$2 = (data, isValue) => {
         secondConfirm: secondConfirm2,
         secondConfirmTitle,
         secondConfirmContent,
+        isDisabled,
+        successMessage,
+        errorMessage,
+        delayLoadingMessageDuration,
         ...dataSource
       };
     } else {
@@ -17792,9 +18239,13 @@ const dataAdaptor$2 = (data, isValue) => {
           ...otherAction
         },
         shouldRender,
+        isDisabled,
         secondConfirm: secondConfirm2,
         secondConfirmTitle,
         secondConfirmContent,
+        successMessage,
+        delayLoadingMessageDuration,
+        errorMessage,
         ...otherAction
       };
     }
@@ -18105,8 +18556,12 @@ var PrimaryKey = {
     "x-designable-id": "c1f6xiczrp8"
   }
 };
-var commonColumnProps = () => {
+var commonColumnProps = ({ listSchema = [] }) => {
   var _a2;
+  const columnsOpts = (listSchema == null ? void 0 : listSchema.map((item) => ({
+    ...item,
+    value: item.name || item.label
+  }))) || [];
   return {
     width: {
       type: "number",
@@ -18284,6 +18739,25 @@ var commonColumnProps = () => {
       },
       name: "tooltip",
       "x-designable-id": "sxbti21112zmzk"
+    },
+    parentHeaderColumn: {
+      type: "string",
+      title: "\u8868\u5934\u5206\u7EC4\u7236\u7EA7\u5217",
+      "x-decorator": "CnFormItem",
+      "x-component": "FormilySelect.AutoComplete",
+      "x-validator": [],
+      "x-component-props": {
+        style: {
+          width: "200px"
+        },
+        size: "small"
+      },
+      "x-decorator-props": {
+        tip: "\u8BBE\u7F6E\u7236\u7EA7\u540E\uFF0C\u5F53\u524D\u5217\u8868\u5934\u4F1A\u663E\u793A\u5728\u7236\u7EA7\u5217\u7684\u4E0B\u9762"
+      },
+      enum: columnsOpts,
+      name: "parentHeaderColumn",
+      "x-designable-id": "sxbti11221112zmzk"
     }
   };
 };
@@ -18302,7 +18776,7 @@ const shouldCopyClipboard = {
     "x-designable-id": "sxbti22331112zmzk"
   }
 };
-var TextSchema = () => {
+var TextSchema = (params) => {
   return {
     form: {
       labelCol: 6,
@@ -18311,14 +18785,14 @@ var TextSchema = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps(),
+        ...commonColumnProps(params),
         ...shouldCopyClipboard
       },
       "x-designable-id": "j744a1rk494"
     }
   };
 };
-var TplSchema = () => {
+var TplSchema = (params) => {
   return {
     form: {
       labelCol: 6,
@@ -18327,7 +18801,7 @@ var TplSchema = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps(),
+        ...commonColumnProps(params),
         tpl: {
           type: "string",
           title: "\u6A21\u677F\u8868\u8FBE\u5F0F",
@@ -18353,7 +18827,7 @@ var TplSchema = () => {
     }
   };
 };
-var TagSchema = () => {
+var TagSchema = (params) => {
   return {
     form: {
       labelCol: 4,
@@ -18362,7 +18836,7 @@ var TagSchema = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps(),
+        ...commonColumnProps(params),
         dataSource: {
           type: "array",
           title: "\u6807\u7B7E\u9879",
@@ -18566,7 +19040,7 @@ var TagSchema = () => {
     }
   };
 };
-var DateSchema = () => {
+var DateSchema = (params) => {
   return {
     form: {
       labelCol: 6,
@@ -18575,7 +19049,7 @@ var DateSchema = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps(),
+        ...commonColumnProps(params),
         format: {
           type: "string",
           title: "\u65E5\u671F\u663E\u793A\u683C\u5F0F",
@@ -18606,6 +19080,18 @@ var DateSchema = () => {
             {
               label: "YYYY-MM-DD HH:mm:ss",
               value: "YYYY-MM-DD HH:mm:ss"
+            },
+            {
+              label: "DD/MM/YYYY",
+              value: "DD/MM/YYYY"
+            },
+            {
+              label: "DD/MM/YYYY HH:mm",
+              value: "DD/MM/YYYY HH:mm"
+            },
+            {
+              label: "DD/MM/YYYY HH:mm:ss",
+              value: "DD/MM/YYYY HH:mm:ss"
             }
           ],
           "x-designable-id": "sxb8qjazmzk",
@@ -18617,7 +19103,8 @@ var DateSchema = () => {
     }
   };
 };
-var CustomSchema = ({ moduleDataSource = {} }) => {
+var CustomSchema = (params) => {
+  const { moduleDataSource = {} } = params || {};
   return {
     form: {
       labelCol: 6,
@@ -18626,7 +19113,7 @@ var CustomSchema = ({ moduleDataSource = {} }) => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps(),
+        ...commonColumnProps(params),
         customType: {
           title: "\u81EA\u5B9A\u4E49\u7C7B\u578B",
           "x-decorator": "CnFormItem",
@@ -18689,7 +19176,7 @@ var CustomSchema = ({ moduleDataSource = {} }) => {
     }
   };
 };
-var EnumSchema = () => {
+var EnumSchema = (params) => {
   return {
     form: {
       labelCol: 4,
@@ -18698,7 +19185,7 @@ var EnumSchema = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps(),
+        ...commonColumnProps(params),
         dataSource: {
           type: "array",
           title: "\u679A\u4E3E\u9879",
@@ -18815,7 +19302,7 @@ var EnumSchema = () => {
     }
   };
 };
-var NumSchema = () => {
+var NumSchema = (params) => {
   return {
     form: {
       labelCol: 6,
@@ -18824,7 +19311,7 @@ var NumSchema = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps(),
+        ...commonColumnProps(params),
         format: {
           title: "\u6570\u503C\u683C\u5F0F",
           "x-decorator": "CnFormItem",
@@ -18863,7 +19350,7 @@ var NumSchema = () => {
     }
   };
 };
-var ClipboardSchema = () => {
+var ClipboardSchema = (params) => {
   return {
     form: {
       labelCol: 6,
@@ -18872,13 +19359,13 @@ var ClipboardSchema = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps()
+        ...commonColumnProps(params)
       },
       "x-designable-id": "j741121rk494"
     }
   };
 };
-var ListSchema = () => {
+var ListSchema = (params) => {
   return {
     form: {
       labelCol: 6,
@@ -18887,7 +19374,7 @@ var ListSchema = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps(),
+        ...commonColumnProps(params),
         showNum: {
           type: "number",
           title: "\u663E\u793A\u5728\u8868\u683C\u5217\u7684\u6761\u6570",
@@ -18948,7 +19435,7 @@ var ListSchema = () => {
     }
   };
 };
-var TooltipText = () => {
+var TooltipText = (params) => {
   return {
     form: {
       labelCol: 6,
@@ -18957,7 +19444,7 @@ var TooltipText = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps(),
+        ...commonColumnProps(params),
         align: {
           title: "\u6D6E\u5C42\u65B9\u5411",
           "x-decorator": "CnFormItem",
@@ -18998,7 +19485,7 @@ var TooltipText = () => {
     }
   };
 };
-var Images = () => {
+var Images = (params) => {
   return {
     form: {
       labelCol: 6,
@@ -19007,7 +19494,7 @@ var Images = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps(),
+        ...commonColumnProps(params),
         isFile: {
           type: "boolean",
           title: "\u662F\u5426\u662F\u9644\u4EF6",
@@ -19105,7 +19592,7 @@ var Images = () => {
     }
   };
 };
-var CnTag = () => {
+var CnTag = (params) => {
   return {
     form: {
       labelCol: 6,
@@ -19114,13 +19601,13 @@ var CnTag = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps()
+        ...commonColumnProps(params)
       },
       "x-designable-id": "kv084cg1qw7"
     }
   };
 };
-var CnNumber = () => {
+var CnNumber = (params) => {
   return {
     form: {
       labelCol: 6,
@@ -19129,13 +19616,13 @@ var CnNumber = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps()
+        ...commonColumnProps(params)
       },
       "x-designable-id": "kv084cg1qw7"
     }
   };
 };
-var CnBank = () => {
+var CnBank = (params) => {
   return {
     form: {
       labelCol: 6,
@@ -19144,13 +19631,13 @@ var CnBank = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps()
+        ...commonColumnProps(params)
       },
       "x-designable-id": "kv084cg1qw7"
     }
   };
 };
-var CnImageText = () => {
+var CnImageText = (params) => {
   return {
     form: {
       labelCol: 6,
@@ -19159,13 +19646,13 @@ var CnImageText = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps()
+        ...commonColumnProps(params)
       },
       "x-designable-id": "kv084cg1qw7"
     }
   };
 };
-var CnProgress = () => {
+var CnProgress = (params) => {
   return {
     form: {
       labelCol: 6,
@@ -19174,13 +19661,13 @@ var CnProgress = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps()
+        ...commonColumnProps(params)
       },
       "x-designable-id": "kv084cg1qw7"
     }
   };
 };
-var cnGraphicsPercent = () => {
+var cnGraphicsPercent = (params) => {
   return {
     form: {
       labelCol: 6,
@@ -19189,173 +19676,49 @@ var cnGraphicsPercent = () => {
     schema: {
       type: "object",
       properties: {
-        ...commonColumnProps()
+        ...commonColumnProps(params)
       },
       "x-designable-id": "kv084cg3331qw7"
     }
   };
 };
-var Columns = {
-  text: TextSchema,
-  tpl: TplSchema,
-  tag: TagSchema,
-  "single-enum": EnumSchema,
-  date: DateSchema,
-  custom: CustomSchema,
-  num: NumSchema,
-  clipboard: ClipboardSchema,
-  list: ListSchema,
-  "tooltip-text": TooltipText,
-  images: Images,
-  "cn-tag": CnTag,
-  "cn-number": CnNumber,
-  "cn-bank": CnBank,
-  "cn-image-text": CnImageText,
-  "cn-progress": CnProgress,
-  "cn-graphics-percent": cnGraphicsPercent
-};
-var TablePagination = {
-  form: {
-    labelCol: 6,
-    wrapperCol: 16
-  },
-  schema: {
-    type: "object",
-    properties: {
-      paging: {
-        type: "boolean",
-        title: "\u5F00\u542F\u5206\u9875",
-        "x-decorator": "CnFormItem",
-        "x-component": "Switch",
-        "x-validator": [],
-        "x-component-props": {},
-        "x-decorator-props": {},
-        name: "paging",
-        default: true,
-        "x-designable-id": "v80d32s7cnp"
+var formCommon = () => {
+  var _a2;
+  return {
+    hasClear: {
+      type: "boolean",
+      title: "\u6709\u6E05\u9664\u6309\u94AE",
+      "x-decorator": "CnFormItem",
+      "x-component": "Switch",
+      name: "hasClear",
+      "x-validator": [],
+      default: true,
+      "x-component-props": {},
+      "x-decorator-props": {},
+      "x-designable-id": "r52k3272222"
+    },
+    tooltip: {
+      type: "string",
+      title: "\u63D0\u793A",
+      "x-decorator": "CnFormItem",
+      "x-component": "Input",
+      "x-validator": [],
+      "x-component-props": {},
+      "x-decorator-props": {
+        tip: "\u8868\u5355\u9879\u63D0\u793A\u4FE1\u606F"
       },
-      disableGlobalConfig: {
-        type: "boolean",
-        title: "\u7981\u7528\u5168\u5C40\u914D\u7F6E",
-        "x-decorator": "CnFormItem",
-        "x-component": "Switch",
-        "x-validator": [],
-        "x-component-props": {},
-        "x-decorator-props": {
-          tip: "\u5F00\u542F\u7981\u7528\u5168\u5C40\u914D\u7F6E\u540E\uFF0C\u624D\u80FD\u8BBE\u7F6E\u9ED8\u8BA4\u6BCF\u9875\u6761\u6570"
-        },
-        name: "disableGlobalConfig",
-        default: false,
-        "x-designable-id": "v80d22232s7cnp"
-      },
-      defaultPageSize: {
-        type: "number",
-        title: "\u6BCF\u9875\u6570\u91CF",
-        "x-decorator": "CnFormItem",
-        "x-component": "CnNumberPicker",
-        "x-validator": [],
-        "x-component-props": {
-          placeholder: "\u8BF7\u8F93\u5165\u6BCF\u9875\u6570\u91CF"
-        },
-        "x-decorator-props": {
-          tip: ""
-        },
-        default: "20",
-        "x-designable-id": "ecc63shkjtk",
-        description: "",
-        name: "defaultPageSize",
-        "x-reactions": {
-          dependencies: [
-            {
-              property: "value",
-              type: "any",
-              source: "paging",
-              name: "paging"
-            },
-            {
-              property: "value",
-              type: "any",
-              source: "disableGlobalConfig",
-              name: "disableGlobalConfig"
-            }
-          ],
-          fulfill: {
-            state: {
-              hidden: "{{$deps.paging === false || $deps.disableGlobalConfig === false}}"
-            }
-          }
-        }
-      },
-      pageSizeList: {
-        type: "string",
-        title: "\u5206\u9875\u53EF\u9009\u5927\u5C0F",
-        "x-decorator": "CnFormItem",
-        "x-component": "Input",
-        "x-validator": [],
-        "x-component-props": {
-          placeholder: "\u8BF7\u8F93\u5165\u5206\u9875\u6570\u503C\uFF0C\u9017\u53F7\u9694\u5F00\uFF0C eg: 10,20,30,50"
-        },
-        default: "",
-        "x-decorator-props": {},
-        name: "pageSizeList",
-        "x-designable-id": "v80d22232s7cnp222",
-        "x-reactions": {
-          dependencies: [
-            {
-              property: "value",
-              type: "any",
-              source: "paging",
-              name: "paging"
-            }
-          ],
-          fulfill: {
-            state: {
-              hidden: "{{$deps.paging === false }}"
-            }
-          }
-        }
-      }
-    },
-    "x-designable-id": "c1f6xiczrp8"
-  }
-};
-var formCommon = () => {
-  var _a2;
-  return {
-    hasClear: {
-      type: "boolean",
-      title: "\u6709\u6E05\u9664\u6309\u94AE",
-      "x-decorator": "CnFormItem",
-      "x-component": "Switch",
-      name: "hasClear",
-      "x-validator": [],
-      default: true,
-      "x-component-props": {},
-      "x-decorator-props": {},
-      "x-designable-id": "r52k3272222"
-    },
-    tooltip: {
-      type: "string",
-      title: "\u63D0\u793A",
-      "x-decorator": "CnFormItem",
-      "x-component": "Input",
-      "x-validator": [],
-      "x-component-props": {},
-      "x-decorator-props": {
-        tip: "\u8868\u5355\u9879\u63D0\u793A\u4FE1\u606F"
-      },
-      name: "tooltip",
-      "x-designable-id": "sxbtip2222mzk"
-    },
-    serverI18nKey: {
-      type: "string",
-      title: "\u56FD\u9645\u5316KEY",
-      "x-decorator": "CnFormItem",
-      "x-component": "Input",
-      "x-validator": [],
-      "x-component-props": {},
-      "x-decorator-props": {
-        tip: "\u56FD\u9645\u5316KEY\uFF0C\u9700\u8981\u5168\u5C40\u552F\u4E00\uFF0C\u6700\u597D\u5B9A\u4E49key\u65F6\u52A0\u4E0A\u4E1A\u52A1\u524D\u7F00,eg: tms_shipping_order_code"
+      name: "tooltip",
+      "x-designable-id": "sxbtip2222mzk"
+    },
+    serverI18nKey: {
+      type: "string",
+      title: "\u56FD\u9645\u5316KEY",
+      "x-decorator": "CnFormItem",
+      "x-component": "Input",
+      "x-validator": [],
+      "x-component-props": {},
+      "x-decorator-props": {
+        tip: "\u56FD\u9645\u5316KEY\uFF0C\u9700\u8981\u5168\u5C40\u552F\u4E00\uFF0C\u6700\u597D\u5B9A\u4E49key\u65F6\u52A0\u4E0A\u4E1A\u52A1\u524D\u7F00,eg: tms_shipping_order_code"
       },
       name: "serverI18nKey",
       "x-designable-id": "sxbtip22223122mzk"
@@ -19398,8 +19761,229 @@ var formCommon = () => {
           }
         }
       }
-    }
-  };
+    }
+  };
+};
+var messageSchema = () => {
+  return {
+    form: {
+      labelCol: 6,
+      wrapperCol: 16
+    },
+    schema: {
+      type: "object",
+      properties: {
+        messageType: {
+          type: "string",
+          title: "\u7C7B\u578B",
+          "x-decorator": "CnFormItem",
+          "x-component": "Select",
+          "x-validator": [],
+          "x-component-props": {},
+          "x-decorator-props": {},
+          default: "success",
+          name: "messageType",
+          enum: [
+            { label: "loading", value: "loading" },
+            { label: "warning", value: "warning" },
+            { label: "error", value: "error" },
+            { label: "success", value: "success" },
+            { label: "help", value: "help" },
+            { label: "notice", value: "notice" }
+          ]
+        },
+        title: {
+          type: "string",
+          title: "\u6807\u9898",
+          "x-decorator": "CnFormItem",
+          "x-component": "Input",
+          "x-validator": [],
+          "x-component-props": {},
+          "x-decorator-props": {
+            tip: "\u53EF\u4EE5\u662F \u51FD\u6570\u540D\uFF0C\u5982 _customRenderMessageTitle\uFF0C\u5199\u6CD5\u7C7B\u4F3C\u4E8E \u81EA\u5B9A\u4E49\u6E32\u67D3\u7684\u51FD\u6570\u5199\u6CD5\uFF1B\u5426\u5219\u76F4\u63A5\u4F5C\u4E3A\u5B57\u7B26\u4E32\u8D4B\u7ED9 message.title"
+          },
+          default: "",
+          name: "title"
+        },
+        messageChildren: {
+          type: "string",
+          title: "\u5185\u5BB9",
+          "x-decorator": "CnFormItem",
+          "x-component": "Input",
+          "x-validator": [],
+          "x-component-props": {},
+          "x-decorator-props": {
+            tip: "\u53EF\u4EE5\u662F \u51FD\u6570\u540D\uFF0C\u5982 _customRenderMessageChildren\uFF0C\u5199\u6CD5\u7C7B\u4F3C\u4E8E \u81EA\u5B9A\u4E49\u6E32\u67D3\u7684\u51FD\u6570\u5199\u6CD5\uFF1B\u5426\u5219\u76F4\u63A5\u4F5C\u4E3A\u5B57\u7B26\u4E32\u8D4B\u7ED9 message.children"
+          },
+          default: "",
+          name: "messageChildren"
+        },
+        iconType: {
+          type: "string",
+          title: "\u56FE\u6807\u7C7B\u578B",
+          "x-decorator": "CnFormItem",
+          "x-component": "Input",
+          "x-validator": [],
+          "x-component-props": {},
+          "x-decorator-props": {
+            tip: "\u4F1A\u8986\u76D6\u5185\u90E8\u8BBE\u7F6E\u7684IconType\uFF0C\u4E00\u822C\u60C5\u51B5\u4E0B\u4E0D\u5EFA\u8BAE\u4F7F\u7528\uFF0Cfalse\u8868\u793A\u4E0D\u663E\u793A\u56FE\u6807\u3002\u586B\u5199\u5185\u5BB9\u53C2\u8003\uFF1Ahttps://dsm.cone.cainiao-inc.com/components/cnui/CnIcon?device=pc\uFF0C\u5982\uFF1Acomplete-r-fill"
+          },
+          default: "",
+          name: "iconType"
+        }
+      },
+      "x-designable-id": "loa7444w8t3"
+    }
+  };
+};
+var Columns = {
+  text: TextSchema,
+  tpl: TplSchema,
+  tag: TagSchema,
+  "single-enum": EnumSchema,
+  date: DateSchema,
+  custom: CustomSchema,
+  num: NumSchema,
+  clipboard: ClipboardSchema,
+  list: ListSchema,
+  "tooltip-text": TooltipText,
+  images: Images,
+  message: (...args) => {
+    const _schema = messageSchema(...args);
+    _schema.schema.properties = {
+      colSpan: {
+        type: "number",
+        title: "\u8DE8\u5217\u8BBE\u7F6E",
+        "x-decorator": "CnFormItem",
+        "x-component": "CnNumberPicker",
+        "x-validator": [],
+        "x-component-props": {
+          placeholder: "\u8BF7\u8F93\u5165",
+          style: {
+            width: "200px"
+          }
+        },
+        "x-decorator-props": {
+          tip: "\u5355\u4E2A\u8868\u5355\u9879\u4E00\u884C\u8DE8\u51E0\u5217\uFF0C\u9ED8\u8BA4\u4E09\u5217"
+        },
+        default: 3,
+        "x-designable-id": "r52k327v2zu"
+      },
+      ..._schema.schema.properties
+    };
+    return _schema;
+  },
+  "cn-tag": CnTag,
+  "cn-number": CnNumber,
+  "cn-bank": CnBank,
+  "cn-image-text": CnImageText,
+  "cn-progress": CnProgress,
+  "cn-graphics-percent": cnGraphicsPercent
+};
+var TablePagination = {
+  form: {
+    labelCol: 6,
+    wrapperCol: 16
+  },
+  schema: {
+    type: "object",
+    properties: {
+      paging: {
+        type: "boolean",
+        title: "\u5F00\u542F\u5206\u9875",
+        "x-decorator": "CnFormItem",
+        "x-component": "Switch",
+        "x-validator": [],
+        "x-component-props": {},
+        "x-decorator-props": {},
+        name: "paging",
+        default: true,
+        "x-designable-id": "v80d32s7cnp"
+      },
+      disableGlobalConfig: {
+        type: "boolean",
+        title: "\u7981\u7528\u5168\u5C40\u914D\u7F6E",
+        "x-decorator": "CnFormItem",
+        "x-component": "Switch",
+        "x-validator": [],
+        "x-component-props": {},
+        "x-decorator-props": {
+          tip: "\u5F00\u542F\u7981\u7528\u5168\u5C40\u914D\u7F6E\u540E\uFF0C\u624D\u80FD\u8BBE\u7F6E\u9ED8\u8BA4\u6BCF\u9875\u6761\u6570"
+        },
+        name: "disableGlobalConfig",
+        default: false,
+        "x-designable-id": "v80d22232s7cnp"
+      },
+      defaultPageSize: {
+        type: "number",
+        title: "\u6BCF\u9875\u6570\u91CF",
+        "x-decorator": "CnFormItem",
+        "x-component": "CnNumberPicker",
+        "x-validator": [],
+        "x-component-props": {
+          placeholder: "\u8BF7\u8F93\u5165\u6BCF\u9875\u6570\u91CF"
+        },
+        "x-decorator-props": {
+          tip: ""
+        },
+        default: "20",
+        "x-designable-id": "ecc63shkjtk",
+        description: "",
+        name: "defaultPageSize",
+        "x-reactions": {
+          dependencies: [
+            {
+              property: "value",
+              type: "any",
+              source: "paging",
+              name: "paging"
+            },
+            {
+              property: "value",
+              type: "any",
+              source: "disableGlobalConfig",
+              name: "disableGlobalConfig"
+            }
+          ],
+          fulfill: {
+            state: {
+              hidden: "{{$deps.paging === false || $deps.disableGlobalConfig === false}}"
+            }
+          }
+        }
+      },
+      pageSizeList: {
+        type: "string",
+        title: "\u5206\u9875\u53EF\u9009\u5927\u5C0F",
+        "x-decorator": "CnFormItem",
+        "x-component": "Input",
+        "x-validator": [],
+        "x-component-props": {
+          placeholder: "\u8BF7\u8F93\u5165\u5206\u9875\u6570\u503C\uFF0C\u9017\u53F7\u9694\u5F00\uFF0C eg: 10,20,30,50"
+        },
+        default: "",
+        "x-decorator-props": {},
+        name: "pageSizeList",
+        "x-designable-id": "v80d22232s7cnp222",
+        "x-reactions": {
+          dependencies: [
+            {
+              property: "value",
+              type: "any",
+              source: "paging",
+              name: "paging"
+            }
+          ],
+          fulfill: {
+            state: {
+              hidden: "{{$deps.paging === false }}"
+            }
+          }
+        }
+      }
+    },
+    "x-designable-id": "c1f6xiczrp8"
+  }
 };
 const getEditCommonColumnProps = () => {
   return {
@@ -21983,6 +22567,18 @@ var DatePicker2Schema = () => {
             {
               label: "YYYY-MM-DD HH:mm:ss",
               value: "YYYY-MM-DD HH:mm:ss"
+            },
+            {
+              label: "DD/MM/YYYY",
+              value: "DD/MM/YYYY"
+            },
+            {
+              label: "DD/MM/YYYY HH:mm",
+              value: "DD/MM/YYYY HH:mm"
+            },
+            {
+              label: "DD/MM/YYYY HH:mm:ss",
+              value: "DD/MM/YYYY HH:mm:ss"
             }
           ],
           "x-designable-id": "sxb8qjzzmzk"
@@ -22035,6 +22631,18 @@ var DatePicker2Schema = () => {
               label: "YYYY-MM-DD HH:mm:ss",
               value: "YYYY-MM-DD HH:mm:ss"
             },
+            {
+              label: "DD/MM/YYYY",
+              value: "DD/MM/YYYY"
+            },
+            {
+              label: "DD/MM/YYYY HH:mm",
+              value: "DD/MM/YYYY HH:mm"
+            },
+            {
+              label: "DD/MM/YYYY HH:mm:ss",
+              value: "DD/MM/YYYY HH:mm:ss"
+            },
             {
               label: "\u65F6\u95F4\u6233",
               value: "timestamp"
@@ -22577,6 +23185,18 @@ var DateRangePickerSchema = () => {
             {
               label: "YYYY-MM-DD HH:mm:ss",
               value: "YYYY-MM-DD HH:mm:ss"
+            },
+            {
+              label: "DD/MM/YYYY",
+              value: "DD/MM/YYYY"
+            },
+            {
+              label: "DD/MM/YYYY HH:mm",
+              value: "DD/MM/YYYY HH:mm"
+            },
+            {
+              label: "DD/MM/YYYY HH:mm:ss",
+              value: "DD/MM/YYYY HH:mm:ss"
             }
           ],
           "x-designable-id": "sxb8qjzzmzk",
@@ -22632,6 +23252,18 @@ var DateRangePickerSchema = () => {
               label: "YYYY-MM-DD HH:mm:ss",
               value: "YYYY-MM-DD HH:mm:ss"
             },
+            {
+              label: "DD/MM/YYYY",
+              value: "DD/MM/YYYY"
+            },
+            {
+              label: "DD/MM/YYYY HH:mm",
+              value: "DD/MM/YYYY HH:mm"
+            },
+            {
+              label: "DD/MM/YYYY HH:mm:ss",
+              value: "DD/MM/YYYY HH:mm:ss"
+            },
             {
               label: "\u65F6\u95F4\u6233",
               value: "timestamp"
@@ -23202,15 +23834,282 @@ var AddressSelectSchema = () => {
           "x-validator": [],
           "x-component-props": {},
           "x-decorator-props": {},
-          name: "required",
-          "x-designable-id": "ff3dus7pijt"
-        }
-      },
-      "x-designable-id": "yk7opli2cp8"
+          name: "required",
+          "x-designable-id": "ff3dus7pijt"
+        }
+      },
+      "x-designable-id": "yk7opli2cp8"
+    }
+  };
+};
+var ImportComponentSchema = ({ moduleDataSource = {} }) => {
+  return {
+    form: {
+      labelCol: 6,
+      wrapperCol: 16
+    },
+    schema: {
+      type: "object",
+      properties: {
+        ...formCommon(),
+        defaultValue: {
+          type: "string",
+          title: "\u9ED8\u8BA4\u503C",
+          "x-decorator": "CnFormItem",
+          "x-component": "FormilyDynamicValueBase",
+          "x-validator": [],
+          "x-component-props": {
+            placeholder: "\u8BF7\u8F93\u5165"
+          },
+          "x-decorator-props": {},
+          name: "defaultValue",
+          "x-designable-id": "hso2223bll3"
+        },
+        placeholder: {
+          type: "string",
+          title: "\u8F93\u5165\u63D0\u793A",
+          "x-decorator": "CnFormItem",
+          "x-component": "Input",
+          "x-validator": [],
+          "x-component-props": {
+            placeholder: "\u8BF7\u8F93\u5165"
+          },
+          "x-decorator-props": {},
+          default: "\u8BF7\u8F93\u5165",
+          name: "placeholder",
+          "x-designable-id": "f8sf666"
+        },
+        required: {
+          type: "boolean",
+          title: "\u662F\u5426\u5FC5\u586B",
+          "x-decorator": "CnFormItem",
+          "x-component": "Switch",
+          "x-validator": [],
+          "x-component-props": {},
+          "x-decorator-props": {},
+          name: "required",
+          "x-designable-id": "3hv88e2efyl"
+        },
+        path: {
+          title: "\u6A21\u5757\u5730\u5740",
+          "x-decorator": "CnFormItem",
+          "x-component": "FormilySelect.AutoComplete",
+          "x-validator": [],
+          "x-component-props": {
+            placeholder: "\u8BF7\u9009\u62E9\u6216\u8005\u8F93\u5165\u6A21\u5757\u5730\u5740",
+            hasClear: true,
+            size: "small",
+            style: {
+              width: "100%"
+            }
+          },
+          "x-decorator-props": {},
+          name: "path",
+          enum: (moduleDataSource == null ? void 0 : moduleDataSource.l4ModuleOptions) || [],
+          default: "",
+          "x-designable-id": "9efgu22662lzttsh"
+        },
+        params: {
+          type: "string",
+          title: "\u53C2\u6570",
+          "x-decorator": "CnFormItem",
+          "x-component": "FormilyTableFormProxy",
+          "x-validator": [],
+          "x-component-props": {
+            showFastList: true
+          },
+          "x-decorator-props": {},
+          name: "params",
+          "x-designable-id": "t0uv42662o8e9uy"
+        }
+      },
+      "x-designable-id": "loa748844w8t3"
+    }
+  };
+};
+const fields = {
+  input: InputSchema,
+  batchInput: BatchInputSchema,
+  "input-textarea": addProperties(InputSchema, {
+    rows: {
+      type: "number",
+      title: "\u884C\u6570",
+      "x-decorator": "CnFormItem",
+      "x-component": "CnNumberPicker",
+      "x-component-props": {
+        placeholder: "\u8BF7\u8F93\u5165",
+        min: 1,
+        step: 1,
+        style: {
+          width: "200px"
+        }
+      },
+      name: "rows"
+    }
+  }),
+  "input-password": InputSchema,
+  "number-picker": NumberPickerSchema,
+  "number-range-picker": NumberRangePickerSchema,
+  select: SelectSchema,
+  "time-picker2": TimePicker2Schema,
+  "date-picker2": DatePicker2Schema,
+  switch: SwitchSchema,
+  radio: radioSchema,
+  "check-box": CheckboxSchema,
+  "cascader-select": CascadSelectSchema,
+  "date-range-picker": DateRangePickerSchema,
+  "time-range-picker": TimeRangePickerSchema,
+  "address-select": AddressSelectSchema,
+  "import-component": ImportComponentSchema
+};
+const copyFields$1 = cloneDeep_1(fields);
+const filterItems = Object.keys(copyFields$1).reduce((result, key) => {
+  var _a2, _b2, _c;
+  const field = copyFields$1[key];
+  if ((_a2 = field == null ? void 0 : field.schema) == null ? void 0 : _a2.properties) {
+    field.schema.properties = {
+      ...filterCommon,
+      ...field.schema.properties
+    };
+  }
+  if ((_c = (_b2 = field == null ? void 0 : field.formilySchema) == null ? void 0 : _b2.schema) == null ? void 0 : _c.properties) {
+    field.formilySchema.schema.properties = {
+      ...filterCommon,
+      ...field.formilySchema.schema.properties
+    };
+  }
+  return {
+    ...result,
+    [key]: field
+  };
+}, {});
+var BlocksTable = (params) => {
+  const { blocksDataSource = [] } = params || {};
+  return {
+    form: {
+      labelCol: 6,
+      wrapperCol: 16
+    },
+    schema: {
+      type: "object",
+      properties: {
+        blockPath: {
+          title: "\u533A\u5757\u5730\u5740",
+          "x-decorator": "CnFormItem",
+          "x-component": "FormilySelect.AutoComplete",
+          "x-validator": [],
+          "x-component-props": {
+            placeholder: "\u8BF7\u9009\u62E9\u6216\u8005\u8F93\u5165\u533A\u5757\u5730\u5740",
+            hasClear: true,
+            size: "small",
+            style: {
+              width: "100%"
+            }
+          },
+          "x-decorator-props": {},
+          name: "blockPath",
+          enum: (blocksDataSource == null ? void 0 : blocksDataSource.filter((b) => b.mddTemplateType === "blocks-table")) || [],
+          default: "",
+          "x-designable-id": "9efgulzttsh"
+        },
+        parentDataIndex: {
+          type: "string",
+          title: "\u7236\u7EA7 dataIndex",
+          "x-decorator": "CnFormItem",
+          "x-component": "Input",
+          "x-validator": [],
+          "x-component-props": {},
+          "x-decorator-props": {
+            tip: "\u6E32\u67D3\u533A\u5757\u7684\u6BCF\u4E2A\u5217\u65F6\uFF0C\u6307\u5B9A\u7236\u7EA7\u53D6\u503C\u7684key\u3002\u4F18\u5148\u7EA7 \u5927\u4E8E \u5F53\u524D\u5217\u914D\u7F6E\u7684dataIndex\u3002\u82E5\u5747\u4E3A\u914D\u7F6E \u5219\u9ED8\u8BA4\u5E73\u94FA\u3002\u4F8B\u5982\uFF1A\u533A\u5757\u5217\u4E2D\u7B2C\u4E00\u5217 \u7684 dataIndex \u4E3A name\uFF0CparentDataIndex \u4E3A ownerDto\uFF0C\u5219\u8BE5\u5217\u6E32\u67D3\u65F6\u7684\u5B9E\u9645 dataIndex \u4E3A ownerDto.name"
+          },
+          name: "parentDataIndex",
+          "x-designable-id": "sxbti2p222233122mzk"
+        },
+        shouldRender: {
+          title: "\u6761\u4EF6\u6E32\u67D3",
+          "x-decorator": "CnFormItem",
+          "x-component": "Input",
+          "x-validator": [],
+          "x-component-props": {
+            placeholder: "\u6839\u636E\u6761\u4EF6\u5224\u65AD \u6574\u4E2A\u533A\u5757 \u662F\u5426\u6E32\u67D3"
+          },
+          name: "shouldRender"
+        },
+        "x-designable-id": "loa5555d8t3"
+      }
+    }
+  };
+};
+var BlocksFilter = (params) => {
+  const { blocksDataSource = [] } = params || {};
+  return {
+    form: {
+      labelCol: 6,
+      wrapperCol: 16
+    },
+    schema: {
+      type: "object",
+      properties: {
+        blockPath: {
+          title: "\u533A\u5757\u5730\u5740",
+          "x-decorator": "CnFormItem",
+          "x-component": "FormilySelect.AutoComplete",
+          "x-validator": [],
+          "x-component-props": {
+            placeholder: "\u8BF7\u9009\u62E9\u6216\u8005\u8F93\u5165\u533A\u5757\u5730\u5740",
+            hasClear: true,
+            size: "small",
+            style: {
+              width: "100%"
+            }
+          },
+          "x-decorator-props": {},
+          name: "blockPath",
+          enum: (blocksDataSource == null ? void 0 : blocksDataSource.filter((b) => b.mddTemplateType === "blocks-filter")) || [],
+          default: "",
+          "x-designable-id": "9efgulzttsh"
+        },
+        "x-designable-id": "loa5555d8t3"
+      }
+    }
+  };
+};
+var BlocksForm = (params) => {
+  const { blocksDataSource = [] } = params || {};
+  return {
+    form: {
+      labelCol: 6,
+      wrapperCol: 16
+    },
+    schema: {
+      type: "object",
+      properties: {
+        blockPath: {
+          title: "\u533A\u5757\u5730\u5740",
+          "x-decorator": "CnFormItem",
+          "x-component": "FormilySelect.AutoComplete",
+          "x-validator": [],
+          "x-component-props": {
+            placeholder: "\u8BF7\u9009\u62E9\u6216\u8005\u8F93\u5165\u533A\u5757\u5730\u5740",
+            hasClear: true,
+            size: "small",
+            style: {
+              width: "100%"
+            }
+          },
+          "x-decorator-props": {},
+          name: "blockPath",
+          enum: (blocksDataSource == null ? void 0 : blocksDataSource.filter((b) => b.mddTemplateType === "blocks-form")) || [],
+          default: "",
+          "x-designable-id": "9efgulzttsh"
+        },
+        "x-designable-id": "loa5555d8t3"
+      }
     }
   };
 };
-var ImportComponentSchema = ({ moduleDataSource = {} }) => {
+var BlocksEditTable = (params) => {
+  const { blocksDataSource = [] } = params || {};
   return {
     form: {
       labelCol: 6,
@@ -23219,52 +24118,13 @@ var ImportComponentSchema = ({ moduleDataSource = {} }) => {
     schema: {
       type: "object",
       properties: {
-        ...formCommon(),
-        defaultValue: {
-          type: "string",
-          title: "\u9ED8\u8BA4\u503C",
-          "x-decorator": "CnFormItem",
-          "x-component": "FormilyDynamicValueBase",
-          "x-validator": [],
-          "x-component-props": {
-            placeholder: "\u8BF7\u8F93\u5165"
-          },
-          "x-decorator-props": {},
-          name: "defaultValue",
-          "x-designable-id": "hso2223bll3"
-        },
-        placeholder: {
-          type: "string",
-          title: "\u8F93\u5165\u63D0\u793A",
-          "x-decorator": "CnFormItem",
-          "x-component": "Input",
-          "x-validator": [],
-          "x-component-props": {
-            placeholder: "\u8BF7\u8F93\u5165"
-          },
-          "x-decorator-props": {},
-          default: "\u8BF7\u8F93\u5165",
-          name: "placeholder",
-          "x-designable-id": "f8sf666"
-        },
-        required: {
-          type: "boolean",
-          title: "\u662F\u5426\u5FC5\u586B",
-          "x-decorator": "CnFormItem",
-          "x-component": "Switch",
-          "x-validator": [],
-          "x-component-props": {},
-          "x-decorator-props": {},
-          name: "required",
-          "x-designable-id": "3hv88e2efyl"
-        },
-        path: {
-          title: "\u6A21\u5757\u5730\u5740",
+        blockPath: {
+          title: "\u533A\u5757\u5730\u5740",
           "x-decorator": "CnFormItem",
           "x-component": "FormilySelect.AutoComplete",
           "x-validator": [],
           "x-component-props": {
-            placeholder: "\u8BF7\u9009\u62E9\u6216\u8005\u8F93\u5165\u6A21\u5757\u5730\u5740",
+            placeholder: "\u8BF7\u9009\u62E9\u6216\u8005\u8F93\u5165\u533A\u5757\u5730\u5740",
             hasClear: true,
             size: "small",
             style: {
@@ -23272,69 +24132,22 @@ var ImportComponentSchema = ({ moduleDataSource = {} }) => {
             }
           },
           "x-decorator-props": {},
-          name: "path",
-          enum: (moduleDataSource == null ? void 0 : moduleDataSource.l4ModuleOptions) || [],
+          name: "blockPath",
+          enum: (blocksDataSource == null ? void 0 : blocksDataSource.filter((b) => b.mddTemplateType === "blocks-edit-table")) || [],
           default: "",
-          "x-designable-id": "9efgu22662lzttsh"
+          "x-designable-id": "9efgulzttsh"
         },
-        params: {
-          type: "string",
-          title: "\u53C2\u6570",
-          "x-decorator": "CnFormItem",
-          "x-component": "FormilyTableFormProxy",
-          "x-validator": [],
-          "x-component-props": {
-            showFastList: true
-          },
-          "x-decorator-props": {},
-          name: "params",
-          "x-designable-id": "t0uv42662o8e9uy"
-        }
-      },
-      "x-designable-id": "loa748844w8t3"
+        "x-designable-id": "loa5555d8t3"
+      }
     }
   };
 };
-const fields = {
-  input: InputSchema,
-  batchInput: BatchInputSchema,
-  "input-textarea": InputSchema,
-  "input-password": InputSchema,
-  "number-picker": NumberPickerSchema,
-  "number-range-picker": NumberRangePickerSchema,
-  select: SelectSchema,
-  "time-picker2": TimePicker2Schema,
-  "date-picker2": DatePicker2Schema,
-  switch: SwitchSchema,
-  radio: radioSchema,
-  "check-box": CheckboxSchema,
-  "cascader-select": CascadSelectSchema,
-  "date-range-picker": DateRangePickerSchema,
-  "time-range-picker": TimeRangePickerSchema,
-  "address-select": AddressSelectSchema,
-  "import-component": ImportComponentSchema
+var BlocksSchemaSet = {
+  "blocks-table": BlocksTable,
+  "blocks-filter": BlocksFilter,
+  "blocks-form": BlocksForm,
+  "blocks-edit-table": BlocksEditTable
 };
-const copyFields$1 = cloneDeep_1(fields);
-const filterItems = Object.keys(copyFields$1).reduce((result, key) => {
-  var _a2, _b2, _c;
-  const field = copyFields$1[key];
-  if ((_a2 = field == null ? void 0 : field.schema) == null ? void 0 : _a2.properties) {
-    field.schema.properties = {
-      ...filterCommon,
-      ...field.schema.properties
-    };
-  }
-  if ((_c = (_b2 = field == null ? void 0 : field.formilySchema) == null ? void 0 : _b2.schema) == null ? void 0 : _c.properties) {
-    field.formilySchema.schema.properties = {
-      ...filterCommon,
-      ...field.formilySchema.schema.properties
-    };
-  }
-  return {
-    ...result,
-    [key]: field
-  };
-}, {});
 var CnFormItem = {
   f_gridSpan: {
     type: "number",
@@ -23465,6 +24278,78 @@ var cncardSubSchema = {
     "x-designable-id": "loa7444w8t3"
   }
 };
+var GlobalPhonePickerSchema = () => {
+  return {
+    form: {
+      labelCol: 6,
+      wrapperCol: 16
+    },
+    schema: {
+      type: "object",
+      properties: {
+        ...formCommon(),
+        defaultValue: {
+          type: "number",
+          title: "\u9ED8\u8BA4\u503C",
+          "x-decorator": "CnFormItem",
+          "x-component": "FormilyDynamicValueBase",
+          "x-validator": [],
+          "x-component-props": {
+            placeholder: "\u8BF7\u8F93\u5165",
+            style: {
+              width: "200px"
+            }
+          },
+          "x-decorator-props": {},
+          name: "defaultValue",
+          "x-designable-id": "t0uv4o8e9uy"
+        },
+        placeholder: {
+          type: "string",
+          title: "\u8F93\u5165\u63D0\u793A",
+          "x-decorator": "CnFormItem",
+          "x-component": "Input",
+          "x-validator": [],
+          "x-component-props": {
+            placeholder: "\u8BF7\u8F93\u5165"
+          },
+          default: "\u8BF7\u8F93\u5165",
+          "x-decorator-props": {},
+          name: "placeholder",
+          "x-designable-id": "bt66ecxl3px"
+        },
+        defaultCountryCode: {
+          type: "string",
+          title: "\u9ED8\u8BA4\u56FD\u5BB6\u533A\u53F7",
+          "x-decorator": "CnFormItem",
+          "x-component": "Input",
+          "x-validator": [],
+          default: "86",
+          "x-component-props": {
+            placeholder: "\u8BF7\u8F93\u5165",
+            style: {
+              width: "200px"
+            }
+          },
+          "x-decorator-props": {},
+          "x-designable-id": "jl0fyw111xdg12353m"
+        },
+        required: {
+          type: "boolean",
+          title: "\u662F\u5426\u5FC5\u586B",
+          "x-decorator": "CnFormItem",
+          "x-component": "Switch",
+          "x-validator": [],
+          "x-component-props": {},
+          "x-decorator-props": {},
+          name: "required",
+          "x-designable-id": "jl0fywxdg3m"
+        }
+      },
+      "x-designable-id": "loa7444w8t3"
+    }
+  };
+};
 var uploadSchema = {
   form: {
     labelCol: 6,
@@ -23657,7 +24542,12 @@ var uploadSchema = {
     "x-designable-id": "loa7444w8t3"
   }
 };
-const copyFields = cloneDeep_1(fields);
+const copyFields = {
+  ...cloneDeep_1(fields),
+  "global-phone-picker": GlobalPhonePickerSchema,
+  message: messageSchema,
+  upload: uploadSchema
+};
 const formItems = Object.keys(copyFields).reduce((result, key) => {
   const field = copyFields[key];
   if (typeof field === "function") {
@@ -23693,12 +24583,19 @@ function fillFormSchema(field) {
 }
 formItems.cncard = cncardSchema;
 formItems["cncard-sub"] = cncardSubSchema;
-formItems.upload = uploadSchema;
 var CompSchema = {
   ...filterItems,
   ...OperationsSchemaSet,
-  ...TableSchemaSet
+  ...TableSchemaSet,
+  ...BlocksSchemaSet
 };
+function addProperties(schema, properties) {
+  const _schema = JSON.parse(JSON.stringify(schema()));
+  Object.entries(properties).forEach(([key, value]) => {
+    _schema.schema.properties[key] = value;
+  });
+  return () => _schema;
+}
 function useModule() {
   const [dataMap, setDataMap] = useState({});
   const getModule = (key) => {
@@ -23729,7 +24626,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$b = {
   mddTableForm,
   tableFormTitle,
   tableFormContent,
@@ -23743,7 +24640,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);
@@ -23757,7 +24654,8 @@ const TitleRender$2 = (props) => {
     componentOptions: componentOptions2,
     titleType = ["label", "name", "type"],
     penetrateType,
-    swaggerFieldDataSource
+    swaggerFieldDataSource,
+    customRender
   } = props;
   const [value, setValue] = useState(data);
   const { label, name, type, groupKey } = value || {};
@@ -23807,7 +24705,7 @@ const TitleRender$2 = (props) => {
     setValue({ ...value });
     onChange(value, key);
   };
-  const cls = classnames.bind(styles$9)({
+  const cls = classnames.bind(styles$b)({
     itemTitle: "itemTitle",
     "drop-over-upward": isOver && index2 < sourceItem.index,
     "drop-over-downward": isOver && index2 > sourceItem.index
@@ -23816,16 +24714,16 @@ const TitleRender$2 = (props) => {
     ref,
     className: cls,
     style: { cursor: draggable ? "move" : "default", opacity },
-    onClick: (e) => e.stopPropagation()
-  }, titleType.includes("label") && /* @__PURE__ */ React$1.createElement(Input$1, {
+    onClick: (e) => draggable && e.stopPropagation()
+  }, customRender == null ? void 0 : customRender(props), titleType.includes("label") && /* @__PURE__ */ React$1.createElement(Input$1, {
     size: "small",
     value: label,
     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$b.itemComponent
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$9.itemLabel
+    className: styles$b.itemLabel
   }, "\u7EC4\u4EF6: "), /* @__PURE__ */ React$1.createElement(Select$2, {
     size: "small",
     autoWidth: false,
@@ -23844,9 +24742,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$b.itemComponent
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$9.itemLabel
+    className: styles$b.itemLabel
   }, "\u5206\u7EC4: "), /* @__PURE__ */ React$1.createElement(Input$1, {
     size: "small",
     value: groupKey,
@@ -23855,20 +24753,29 @@ const TitleRender$2 = (props) => {
   })), /* @__PURE__ */ React$1.createElement(Icon, {
     type: "close",
     size: "small",
-    className: styles$9.itemClose,
+    className: styles$b.itemClose,
     onClick: onRemove
   }));
 };
-const ContentRender$1 = (props) => {
-  const { values, effects, onChange, schema, index: index2, extraFieldSchema: extraFieldSchema2, updateForceFLag } = props;
+const ContentRender$2 = (props) => {
+  var _a2, _b2;
+  const { values, effects, onChange, schema, index: index2, extraFieldSchema: extraFieldSchema2, updateForceFLag, listSchema } = props;
   const { type, label, name } = values;
   const { formilySchema: formilySchema2, dataAdaptor: dataAdaptor2 } = schema || {};
+  const [uuid, setUuid] = useState(uuidv4());
   const { dataMap, getModule } = useModule$1();
   const moduleDataSource = getModule("$ModuleDataSource");
+  const blocksDataSource = getModule("$BlocksDataSource");
+  React$1.useEffect(
+    debounce_1(() => {
+      setUuid(uuidv4());
+    }, 500),
+    [`${(_a2 = props == null ? void 0 : props.values) == null ? void 0 : _a2.label}_${(_b2 = props == null ? void 0 : props.values) == null ? void 0 : _b2.name}`]
+  );
   const realSchema = useMemo(() => {
-    const srcSchema = getRealSchema(formilySchema2 || schema, { moduleDataSource });
+    const srcSchema = getRealSchema(formilySchema2 || schema, { moduleDataSource, listSchema, blocksDataSource });
     return getRealCompSchema(srcSchema, extraFieldSchema2);
-  }, [formilySchema2, schema, extraFieldSchema2, moduleDataSource]);
+  }, [formilySchema2, schema, extraFieldSchema2, moduleDataSource, uuid, listSchema]);
   const formilyForm = useMemo(() => {
     const realValues = dataAdaptor2 ? dataAdaptor2(values, true) : values;
     return {
@@ -23894,7 +24801,7 @@ const ContentRender$1 = (props) => {
     };
   }, [type, updateForceFLag, realSchema]);
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.collapseContent
+    className: styles$b.collapseContent
   }, /* @__PURE__ */ React$1.createElement(FormilyForm$1, {
     ...formilyForm,
     hiddenSubmit: true
@@ -23902,7 +24809,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 = [],
@@ -23917,7 +24824,9 @@ function MddTableForm(props, ref) {
     penetrateType,
     effects = {},
     swaggerFieldDataSource = [],
-    extraFieldSchema: extraFieldSchema2
+    extraFieldSchema: extraFieldSchema2,
+    titleRender,
+    hideAddButton
   } = props;
   const [_2, _update] = useState(0);
   const [sortUpdateFlag, setSortUpdateFlag] = useState({});
@@ -23969,26 +24878,26 @@ function MddTableForm(props, ref) {
     forceUpdate();
   };
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.mddTableForm
+    className: styles$b.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$b.tableFormTitle
+  }, /* @__PURE__ */ React$1.createElement("div", null, typeof title2 === "function" ? title2() : 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$b.tableFormAction
   }, actionContent)), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.tableFormContent
+    className: styles$b.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,
@@ -24003,15 +24912,17 @@ function MddTableForm(props, ref) {
         onSortUpdate,
         penetrateType,
         titleType,
-        componentOptions: props.componentOptions
+        componentOptions: props.componentOptions,
+        customRender: titleRender
       })
-    }, /* @__PURE__ */ React$1.createElement(ContentRender$1, {
+    }, /* @__PURE__ */ React$1.createElement(ContentRender$2, {
       updateForceFLag: sortUpdateFlag[idx],
       values: item,
       index: idx,
       schema: CompSchemaMap[item.type],
       extraFieldSchema: extraFieldSchema2,
       effects,
+      listSchema: dataRef.current,
       onChange: ({ record }) => {
         const { type, name, label, groupKey, ...otherProps } = dataRef.current[idx];
         const newRecord = { ...record, label, name, groupKey };
@@ -24021,8 +24932,8 @@ function MddTableForm(props, ref) {
         onTableFormChange({ index: idx, record: newRecord });
       }
     }));
-  })))), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.tableFormBottom
+  })))), !hideAddButton && /* @__PURE__ */ React$1.createElement("div", {
+    className: styles$b.tableFormBottom
   }, /* @__PURE__ */ React$1.createElement(Button, {
     onClick: onAddHandle,
     style: { padding: "0 48px" }
@@ -24046,6 +24957,12 @@ function getRealCompSchema(srcSchema, extraFieldSchema2) {
   }
   return srcSchema;
 }
+function uuidv4() {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
+    var r = Math.random() * 16 | 0, v2 = c == "x" ? r : r & 3 | 8;
+    return v2.toString(16);
+  });
+}
 const PenetrateTypes = {
   FILTER: "filter",
   FORM: "form"
@@ -24056,14 +24973,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$a = {
   mddForm,
   FormTitle,
   FormTitleHelp,
   FormContent,
   content
 };
-const ContentRender = (props) => {
+const ContentRender$1 = (props) => {
   const { values, index: index2, effects, onChange, schema } = props;
   const formilyForm = useMemo(() => {
     return {
@@ -24086,7 +25003,7 @@ const ContentRender = (props) => {
     };
   }, [schema]);
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$8.content
+    className: styles$a.content
   }, /* @__PURE__ */ React$1.createElement(FormilyForm$1, {
     ...formilyForm,
     hiddenSubmit: true
@@ -24094,7 +25011,7 @@ const ContentRender = (props) => {
 };
 function MddForm(props) {
   const {
-    title = "\u914D\u7F6E\u5206\u9875",
+    title: title2 = "\u914D\u7F6E\u5206\u9875",
     help,
     data = {},
     type,
@@ -24106,16 +25023,16 @@ function MddForm(props) {
     contentStyle
   } = props;
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$8.mddForm,
+    className: styles$a.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$a.FormTitle
+  }, title2), help && /* @__PURE__ */ React$1.createElement("div", {
+    className: styles$a.FormTitleHelp
   }, help), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$8.FormContent,
+    className: styles$a.FormContent,
     style: contentStyle
-  }, children || /* @__PURE__ */ React$1.createElement(ContentRender, {
+  }, children || /* @__PURE__ */ React$1.createElement(ContentRender$1, {
     values: data,
     schema: CompSchema[type],
     effects,
@@ -24200,6 +25117,10 @@ const componentOptions = [
     label: "\u81EA\u5B9A\u4E49\u6A21\u5757"
   }
 ];
+const FormComponentOptions = [...componentOptions];
+FormComponentOptions.splice(3, 0, { value: "input-password", label: "\u5BC6\u7801\u8F93\u5165\u6846" });
+FormComponentOptions.splice(3, 0, { value: "message", label: "\u4FE1\u606F\u63D0\u793A" });
+FormComponentOptions.splice(3, 0, { value: "global-phone-picker", label: "\u56FD\u9645\u7535\u8BDD\u8F93\u5165\u6846" });
 const columnsTypeOptions = [
   {
     value: "text",
@@ -24267,6 +25188,10 @@ const columnsTypeOptionsWithCnTable = [
   {
     value: "cn-bank",
     label: "\u94F6\u884C\u5361\u53F7"
+  },
+  {
+    value: "blocks-table",
+    label: "\u5217\u8868\u533A\u5757"
   }
 ];
 const columnsTypeOptionsWithEditCnTable = [
@@ -24306,6 +25231,14 @@ const columnsTypeOptionsWithEditCnTable = [
     value: "edit-cascader-select",
     label: "\u7EA7\u8054\u9009\u62E9\u5668"
   },
+  {
+    value: "blocks-table",
+    label: "\u5217\u8868\u533A\u5757"
+  },
+  {
+    value: "blocks-edit-table",
+    label: "\u53EF\u7F16\u8F91\u8868\u683C\u533A\u5757"
+  },
   {
     value: "edit-custom",
     label: "\u81EA\u5B9A\u4E49"
@@ -24321,7 +25254,7 @@ const labelDataSource$1 = [
     value: "left"
   }
 ];
-const Default_Add_Schema = {
+const Default_Add_Schema$2 = {
   type: "input",
   label: "\u8F93\u5165\u6846",
   name: "",
@@ -24379,7 +25312,7 @@ const FormColOpts$1 = [
     value: 8
   }
 ];
-function FilterPanel({ schema, swaggerFields = [] }) {
+function FilterPanel$2({ schema, swaggerFields = [] }) {
   const mddFormRef = React$1.useRef();
   const [_2, forceUpdate] = React$1.useState({});
   React$1.useEffect(() => {
@@ -24393,7 +25326,7 @@ function FilterPanel({ schema, swaggerFields = [] }) {
     (_a2 = mddFormRef.current) == null ? void 0 : _a2.updateData(schema.get("fields"));
   };
   const onAddHandle = () => {
-    schema.add(Default_Add_Schema, true);
+    schema.add(Default_Add_Schema$2, true);
     refreshMddTableForm();
   };
   const onRemoveHandle = (index2) => {
@@ -24412,7 +25345,7 @@ function FilterPanel({ schema, swaggerFields = [] }) {
     ref: mddFormRef,
     data: fields2,
     penetrateType: PenetrateTypes.FILTER,
-    componentOptions,
+    componentOptions: [...componentOptions, { value: "blocks-filter", label: "\u7B5B\u9009\u9879\u533A\u5757" }],
     title: "\u914D\u7F6E\u67E5\u8BE2\u6761\u4EF6",
     onAdd: onAddHandle,
     onRemove: onRemoveHandle,
@@ -24526,34 +25459,38 @@ function HeaderToolbarPanel$1({ schema, moduleMap }) {
     }
   }));
 }
-function TablePanel$2({ schema, swaggerFields = [] }) {
+function TablePanel$3({ schema, swaggerFields = [] }) {
   var _a2;
   const columnMddFormRef = React$1.useRef();
   const bulkMddFormRef = React$1.useRef();
   const operateMddFormRef = React$1.useRef();
+  const rowDoubleClickRef = React$1.useRef();
   const [_2, forceUpdate] = useState({});
   const [visibleRowDetail, setVisibleRowDetail] = useState(!!((_a2 = schema.get("rowDetailModule")) == null ? void 0 : _a2.path));
   useEffect(() => {
     schema.on("$updated", (changeData, ignoreUpdate) => {
       !ignoreUpdate && forceUpdate({});
     });
-    hackRowDetail(schema);
+    hackRowDetail$1(schema);
   }, []);
   const primaryKey = schema.get("primaryKey");
   const bulkActions = schema.get("bulkActions");
   const columns = schema.get("columns");
   const actionColumns = schema.get("actionColumns");
+  const rowDoubleClick = schema.get("rowDoubleClick");
   const pagination = schema.get("pagination");
   const tree = schema.get("tree");
   const showIndex = schema.get("showIndex");
   const hideCommonToolbar = schema.get("hideCommonToolbar");
+  const actionMaxCharNum = schema.get("actionMaxCharNum");
   const actionWidth = schema.get("actionWidth");
   const showSelect = schema.get("showSelect");
   const rowDetailModule = schema.get("rowDetailModule");
   const remoteSort = schema.get("remoteSort");
+  const treeLinkageCheck = schema.get("treeLinkageCheck");
   const loadChildrenDataApiPanel = schema.getLoadChildrenDataApiPanel();
   const onAddHandle = (key) => {
-    var _a3, _b2, _c;
+    var _a3, _b2, _c, _d;
     switch (key) {
       case "bulkActions":
         schema.add(
@@ -24603,10 +25540,26 @@ function TablePanel$2({ schema, swaggerFields = [] }) {
         );
         (_c = operateMddFormRef.current) == null ? void 0 : _c.updateData(schema.get("actionColumns"));
         break;
+      case "rowDoubleClick":
+        schema.add(
+          {
+            type: "button",
+            action: {
+              type: "url",
+              params: {
+                record: "$TABLE.RECORD_DATA"
+              }
+            }
+          },
+          "rowDoubleClick",
+          true
+        );
+        (_d = rowDoubleClickRef.current) == null ? void 0 : _d.updateData(schema.get("rowDoubleClick"));
+        break;
     }
   };
   const onRemoveHandle = (index2, key) => {
-    var _a3, _b2, _c;
+    var _a3, _b2, _c, _d;
     schema.remove(index2, key, true);
     if (key === "bulkActions") {
       (_a3 = bulkMddFormRef.current) == null ? void 0 : _a3.updateData(schema.get("bulkActions"));
@@ -24614,11 +25567,16 @@ function TablePanel$2({ schema, swaggerFields = [] }) {
       (_b2 = columnMddFormRef.current) == null ? void 0 : _b2.updateData(schema.get("columns"));
     } else if (key === "actionColumns") {
       (_c = operateMddFormRef.current) == null ? void 0 : _c.updateData(schema.get("actionColumns"));
+    } else if (key === "rowDoubleClick") {
+      (_d = rowDoubleClickRef.current) == null ? void 0 : _d.updateData(schema.get("rowDoubleClick"));
     }
   };
   const onChangeHandle = ({ index: index2, record }, key) => {
     schema.update(index2, record, key, true);
   };
+  const onActionMaxCharNum = (value) => {
+    schema.update("", value ? Number(value) : "", "actionMaxCharNum");
+  };
   const onActionWidthChange = (value) => {
     schema.update("", value ? Number(value) : "", "actionWidth");
   };
@@ -24671,8 +25629,48 @@ function TablePanel$2({ schema, swaggerFields = [] }) {
     onSort: (newList) => {
       schema.setItemAll(newList, "actionColumns", true);
     }
+  }), /* @__PURE__ */ React$1.createElement(MddTableForm$1, {
+    ref: rowDoubleClickRef,
+    data: rowDoubleClick,
+    title: () => {
+      var _a3;
+      return /* @__PURE__ */ React$1.createElement("div", {
+        style: { display: "flex", alignItems: "center", gap: 6 }
+      }, "\u914D\u7F6E\u884C\u53CC\u51FB\u4E8B\u4EF6", /* @__PURE__ */ React$1.createElement(CnSwitch, {
+        size: "small",
+        checked: ((_a3 = schema.get("rowDoubleClick")) == null ? void 0 : _a3.length) > 0,
+        onChange: (checked) => {
+          if (checked)
+            onAddHandle("rowDoubleClick");
+          else
+            onRemoveHandle(0, "rowDoubleClick");
+        }
+      }), /* @__PURE__ */ React$1.createElement(CnTooltip, {
+        trigger: /* @__PURE__ */ React$1.createElement(Icon, {
+          type: "prompt"
+        })
+      }, "\u884C\u53CC\u51FB\u4E8B\u4EF6 \u548C \u64CD\u4F5C\u5217\u6309\u94AE \u914D\u7F6E\u4FDD\u6301\u4E00\u81F4\uFF0C\u4E0B\u9762 \u5173\u4E8E\u6309\u94AE\u7684\u914D\u7F6E \u5747\u4F1A\u5931\u6548\uFF0C\u8BF7\u53EA\u5173\u6CE8 \u53CC\u51FB \u8981\u6267\u884C\u7684\u4E8B\u4EF6\u672C\u8EAB"));
+    },
+    titleType: [],
+    draggable: false,
+    titleRender: () => "\u884C\u53CC\u51FB \u4E8B\u4EF6\u914D\u7F6E",
+    onRemove: () => {
+    },
+    onChange: ({ index: index2, record }) => onChangeHandle({ index: index2, record }, "rowDoubleClick")
   }), /* @__PURE__ */ React$1.createElement("div", {
     style: { marginLeft: "10px", marginBottom: 8 }
+  }, /* @__PURE__ */ React$1.createElement("label", null, "\u64CD\u4F5C\u5217\u6309\u94AE\u6700\u957F\u5B57\u7B26\u6570\uFF1A"), /* @__PURE__ */ React$1.createElement(NumberPicker, {
+    value: actionMaxCharNum,
+    size: "small",
+    onChange: onActionMaxCharNum,
+    min: 1,
+    max: 10
+  }), /* @__PURE__ */ React$1.createElement("span", {
+    className: "mdd-tip"
+  }, /* @__PURE__ */ React$1.createElement(Icon, {
+    type: "prompt"
+  }), " \u8D85\u957F\u90E8\u5206\u4F1A\u663E\u793A\u4E3A\u201C...\u201D[\u6CE8\u610F\uFF1A\u9700\u5168\u5C40\u5F00\u542F\u914D\u7F6E\u540E \u6B64\u9879\u751F\u6548\uFF1B\u5728\u4F4E\u7248\u672C CN-UI \u4E0A\u4E0D\u751F\u6548\uFF0C\u5982 \u5B9E\u65BD\u5DE5\u4F5C\u53F0\uFF1B\u53EF\u80FD\u4F1A\u5BF9\u4E00\u7801\u591A\u7AEF\u6548\u679C\u9020\u6210\u5F71\u54CD\uFF0C\u614E\u7528]")), /* @__PURE__ */ React$1.createElement("div", {
+    style: { marginLeft: "10px", marginBottom: 8 }
   }, /* @__PURE__ */ React$1.createElement("label", null, "\u64CD\u4F5C\u5217\u5BBD\u5EA6\uFF1A"), /* @__PURE__ */ React$1.createElement(Input$1, {
     value: actionWidth,
     size: "small",
@@ -24683,10 +25681,11 @@ function TablePanel$2({ schema, swaggerFields = [] }) {
     type: "prompt"
   }), " \u9ED8\u8BA4\u4E0D\u8BBE\u7F6E\u662F\u81EA\u52A8\u8BA1\u7B97\uFF0C\u4E5F\u53EF\u4EE5\u624B\u52A8\u6307\u5B9A\u5BBD\u5EA6")), /* @__PURE__ */ React$1.createElement("div", {
     style: { marginLeft: "10px", marginBottom: 8 }
-  }, /* @__PURE__ */ React$1.createElement("label", null, "\u6700\u5927\u9AD8\u5EA6\uFF1A"), /* @__PURE__ */ React$1.createElement(Input$1, {
+  }, /* @__PURE__ */ React$1.createElement("label", null, "\u6700\u5927\u9AD8\u5EA6\uFF1A"), /* @__PURE__ */ React$1.createElement(NumberPicker, {
     value: schema.get("maxHeight"),
     size: "small",
-    onChange: (v2) => onBaseInfoChange("maxHeight", v2)
+    onChange: (v2) => onBaseInfoChange("maxHeight", v2),
+    min: 0
   }), /* @__PURE__ */ React$1.createElement("span", {
     className: "mdd-tip"
   }, /* @__PURE__ */ React$1.createElement(Icon, {
@@ -24726,7 +25725,18 @@ function TablePanel$2({ schema, swaggerFields = [] }) {
   }, /* @__PURE__ */ React$1.createElement(Icon, {
     type: "prompt"
   }), " \u6811\u5F62\u7ED3\u6784\u9ED8\u8BA4\u5B50\u8282\u70B9KEY\u4E3Achildren , \u5F00\u542F\u540E\u4E5F\u53EF\u901A\u8FC7\u4E0B\u9762\u7684\u61D2\u52A0\u8F7D\u8BBE\u7F6E\u6539\u6210\u61D2\u52A0\u8F7D\u6A21\u5F0F\uFF0C\u4E0D\u914D\u7F6E\u5219\u9700\u8981\u4E00\u6B21\u6027\u8FD4\u56DE\u6811\u5F62\u6570\u636E")), tree && /* @__PURE__ */ React$1.createElement("div", {
-    style: { marginLeft: "10px", marginBottom: 8, display: "flex" }
+    style: { marginLeft: "20px", marginBottom: 8, display: "flex" }
+  }, /* @__PURE__ */ React$1.createElement("label", null, "\u7236\u5B50\u8282\u70B9\u7EA7\u8054\u52FE\u9009\uFF1A"), /* @__PURE__ */ React$1.createElement(Switch, {
+    autoWidth: true,
+    checked: treeLinkageCheck,
+    size: "small",
+    onChange: (v2) => onBaseInfoChange("treeLinkageCheck", v2)
+  }), /* @__PURE__ */ React$1.createElement("span", {
+    className: "mdd-tip"
+  }, /* @__PURE__ */ React$1.createElement(Icon, {
+    type: "prompt"
+  }), " ", "\u7236\u8282\u70B9\u52FE\u9009\u9ED8\u8BA4\u4F1A\u52FE\u9009\u6240\u6709\u5B50\u8282\u70B9,\u5B50\u8282\u70B9\u52FE\u9009\u9ED8\u8BA4\u4F1A\u52FE\u4E0A\u7236\u8282\u70B9\u3010\u5FC5\u987B\u914D\u7F6E\u552F\u4E00\u4E3B\u952E\uFF0C\u4E0D\u652F\u6301\u5F02\u6B65\u6570\u636E\u3011")), tree && /* @__PURE__ */ React$1.createElement("div", {
+    style: { marginLeft: "20px", marginBottom: 8, display: "flex" }
   }, /* @__PURE__ */ React$1.createElement("label", null, "\u5B50\u8282\u70B9\u61D2\u52A0\u8F7D\u914D\u7F6E\uFF1A"), /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement(AjaxSchemaForm, {
     schema: loadChildrenDataApiPanel,
     isSelectType: false
@@ -24748,7 +25758,7 @@ function TablePanel$2({ schema, swaggerFields = [] }) {
     type: "prompt"
   }), " \u7EAF\u524D\u7AEF\u81EA\u52A8\u5E8F\u53F7", " ")), /* @__PURE__ */ React$1.createElement("div", {
     style: { marginLeft: "10px", marginBottom: 8 }
-  }, /* @__PURE__ */ React$1.createElement("label", null, "\u662F\u5426\u5F71\u85CF\u901A\u7528\u9876\u90E8\u64CD\u4F5C\u533A\uFF1A"), /* @__PURE__ */ React$1.createElement(Switch, {
+  }, /* @__PURE__ */ React$1.createElement("label", null, "\u662F\u5426\u9690\u85CF\u901A\u7528\u9876\u90E8\u64CD\u4F5C\u533A\uFF1A"), /* @__PURE__ */ React$1.createElement(Switch, {
     autoWidth: true,
     checked: hideCommonToolbar,
     size: "small",
@@ -24757,7 +25767,7 @@ function TablePanel$2({ schema, swaggerFields = [] }) {
     className: "mdd-tip"
   }, /* @__PURE__ */ React$1.createElement(Icon, {
     type: "prompt"
-  }), " \u662F\u5426\u5F71\u85CFtable\u9876\u90E8\u64CD\u4F5C\u533A\u7684\u901A\u7528\u64CD\u4F5C\u6309\u94AE\uFF0C\u6BD4\u5982\u5168\u5C4F\u3001\u6591\u9A6C\u7EBF\u3001\u5217\u8BBE\u7F6E\u3001\u5C3A\u5BF8\u7B49")), /* @__PURE__ */ React$1.createElement("div", {
+  }), " \u662F\u5426\u9690\u85CFtable\u9876\u90E8\u64CD\u4F5C\u533A\u7684\u901A\u7528\u64CD\u4F5C\u6309\u94AE\uFF0C\u6BD4\u5982\u5168\u5C4F\u3001\u6591\u9A6C\u7EBF\u3001\u5217\u8BBE\u7F6E\u3001\u5C3A\u5BF8\u7B49")), /* @__PURE__ */ React$1.createElement("div", {
     style: { marginLeft: "10px", marginBottom: 8 }
   }, /* @__PURE__ */ React$1.createElement("label", null, "\u662F\u5426\u53EF\u9009\u62E9\uFF1A"), /* @__PURE__ */ React$1.createElement(Switch, {
     autoWidth: true,
@@ -24821,13 +25831,13 @@ function TablePanel$2({ schema, swaggerFields = [] }) {
     type: "prompt"
   }), " \u5982\u679C\u6709\u6027\u80FD\u95EE\u9898\u53EF\u4EE5\u5173\u95ED\u8BE5\u5C5E\u6027\uFF0C\u540C\u65F6\u624B\u52A8\u8BBE\u7F6E\u5217\u5BBD")));
 }
-function hackRowDetail(schema) {
+function hackRowDetail$1(schema) {
   const rowDetail = schema.get("rowDetail");
   if (rowDetail) {
     schema.set("rowDetail", void 0);
   }
 }
-var _immutabilityHelper_3_1_1_immutabilityHelper = { exports: {} };
+var immutabilityHelper = { exports: {} };
 (function(module, exports) {
   Object.defineProperty(exports, "__esModule", { value: true });
   function stringifiable(obj) {
@@ -24849,7 +25859,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];
@@ -24863,11 +25873,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) {
@@ -25026,7 +26036,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) + ".";
@@ -25073,8 +26083,8 @@ var _immutabilityHelper_3_1_1_immutabilityHelper = { exports: {} };
       return "update(): " + stringifiable(command) + " expects a target of type Set or Map; got " + stringifiable(typeOfTarget);
     });
   }
-})(_immutabilityHelper_3_1_1_immutabilityHelper, _immutabilityHelper_3_1_1_immutabilityHelper.exports);
-var update = /* @__PURE__ */ getDefaultExportFromCjs(_immutabilityHelper_3_1_1_immutabilityHelper.exports);
+})(immutabilityHelper, immutabilityHelper.exports);
+var update = /* @__PURE__ */ getDefaultExportFromCjs(immutabilityHelper.exports);
 const mddTableArray$1 = "_mddTableArray_16ght_1";
 const tableArrayTitle$1 = "_tableArrayTitle_16ght_14";
 const tableArrayContent$1 = "_tableArrayContent_16ght_18";
@@ -25082,7 +26092,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$9 = {
   mddTableArray: mddTableArray$1,
   tableArrayTitle: tableArrayTitle$1,
   tableArrayContent: tableArrayContent$1,
@@ -25094,11 +26104,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;
+  }, otherInfo } = props;
+  const { dataMap, getModule } = useModule$1();
+  const moduleDataSource = getModule("$ModuleDataSource");
   const [{ isOver }, drop] = useDrop({
     accept: DRAG_KEY$1,
     collect(monitor) {
@@ -25125,7 +26137,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$9)({
     itemTitle: "itemTitle",
     "drop-over-upward": isOver && index2 < sourceItem.index,
     "drop-over-downward": isOver && index2 > sourceItem.index
@@ -25135,16 +26147,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, otherInfo }), /* @__PURE__ */ React$1.createElement(Icon, {
     type: "close",
     size: "small",
-    className: styles$7.itemClose,
+    className: styles$9.itemClose,
     onClick: onRemove
   }));
 };
 function MddTableSimpleArray(props) {
+  var _a2;
   const {
-    title = "",
+    title: title2 = "",
+    tip,
     data = [],
     onChange = () => {
     },
@@ -25154,7 +26168,8 @@ function MddTableSimpleArray(props) {
     onRemove,
     draggable = true,
     titleRender,
-    contentRender: contentRender2
+    contentRender: contentRender2,
+    otherInfo
   } = props;
   const onSortUpdate = useCallback(
     (dragIndex, hoverIndex) => {
@@ -25173,17 +26188,23 @@ function MddTableSimpleArray(props) {
     onChange({ record, index: index2, data });
   };
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.mddTableArray
+    className: styles$9.mddTableArray
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.tableArrayTitle
-  }, title), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.tableArrayContent
+    className: styles$9.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$9.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,
@@ -25193,31 +26214,32 @@ function MddTableSimpleArray(props) {
         onRemove: () => onRemove(idx),
         data: item,
         onSortUpdate,
-        customRender: titleRender
+        customRender: titleRender,
+        otherInfo
       })
     }, /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$7.collapseContent
-    }, contentRender2({ data: item, index: idx, onChange: onTableArrayChange })));
+      className: styles$9.collapseContent
+    }, contentRender2({ data: item, index: idx, onChange: onTableArrayChange, otherInfo })));
   })))), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.tableArrayBottom
+    className: styles$9.tableArrayBottom
   }, /* @__PURE__ */ React$1.createElement(Button, {
     onClick: onAdd,
     style: { padding: "0 48px" }
   }, "\u6DFB\u52A0\u9879")));
 }
-const customTabItem$4 = "_customTabItem_119xt_1";
-const tabTitle$4 = "_tabTitle_119xt_5";
-const tabLabel$4 = "_tabLabel_119xt_9";
-const middleBox = "_middleBox_119xt_20";
-const middleBoxLeft = "_middleBoxLeft_119xt_26";
-const middleBoxRight = "_middleBoxRight_119xt_31";
-var styles$6 = {
-  customTabItem: customTabItem$4,
-  tabTitle: tabTitle$4,
-  tabLabel: tabLabel$4,
-  middleBox,
-  middleBoxLeft,
-  middleBoxRight
+const customTabItem$5 = "_customTabItem_119xt_1";
+const tabTitle$5 = "_tabTitle_119xt_5";
+const tabLabel$5 = "_tabLabel_119xt_9";
+const middleBox$1 = "_middleBox_119xt_20";
+const middleBoxLeft$1 = "_middleBoxLeft_119xt_26";
+const middleBoxRight$1 = "_middleBoxRight_119xt_31";
+var styles$8 = {
+  customTabItem: customTabItem$5,
+  tabTitle: tabTitle$5,
+  tabLabel: tabLabel$5,
+  middleBox: middleBox$1,
+  middleBoxLeft: middleBoxLeft$1,
+  middleBoxRight: middleBoxRight$1
 };
 const Middle_Module_Opts = [
   {
@@ -25251,8 +26273,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,
@@ -25260,11 +26282,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);
@@ -25272,47 +26294,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$8.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$6.middleBoxLeft
+    className: styles$8.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$8.middleBoxRight,
     value: moduleValue,
     onChange: (val) => onBaseInfoChange("value", val)
   })), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$6.middleBox
+    className: styles$8.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$6.middleBoxLeft
+    className: styles$8.middleBoxLeft
   }, "\u6A21\u5757\u53C2\u6570\uFF1A"), /* @__PURE__ */ React$1.createElement(TableFormProxy, {
-    className: styles$6.middleBoxRight,
+    className: styles$8.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$8.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$6.middleBoxLeft
+    className: styles$8.middleBoxLeft
   }, "\u63A5\u53E3\u8BF7\u6C42KEY\uFF1A"), /* @__PURE__ */ React$1.createElement(Input$1, {
-    className: styles$6.middleBoxRight,
+    className: styles$8.middleBoxRight,
     value: schema.get("dataIndex"),
     size: "small",
     onChange: (v2) => onBaseInfoChange("dataIndex", v2)
   })), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$6.middleBox
+    className: styles$8.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$6.middleBoxLeft
+    className: styles$8.middleBoxLeft
   }, "\u9ED8\u8BA4\u503C\uFF1A"), /* @__PURE__ */ React$1.createElement(DynamicValueBase, {
-    className: styles$6.middleBoxRight,
+    className: styles$8.middleBoxRight,
     value: schema.get("defaultTabValue"),
     size: "small",
     onChange: (v2) => onBaseInfoChange("defaultTabValue", v2)
   })), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$6.middleBox
+    className: styles$8.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$6.middleBoxLeft
+    className: styles$8.middleBoxLeft
   }, "\u591A\u6807\u7B7E\u6570\u636E\u6E90\uFF1A"), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$6.middleBoxRight
+    className: styles$8.middleBoxRight
   }, /* @__PURE__ */ React$1.createElement(AjaxSchemaForm, {
     schema: schema.getSourcePanel(),
     isSelectType: false
@@ -25325,24 +26347,317 @@ function contentRender(props) {
     href: "https://alidocs.dingtalk.com/i/nodes/dpYLaezmVNRMGX56C1ZxqyYdVrMqPxX6"
   }, "\u6587\u6863"))))));
 }
-const CustomTabItem$4 = ({ title, icon }) => {
+const CustomTabItem$5 = ({ title: title2, icon }) => {
+  return /* @__PURE__ */ React$1.createElement("div", {
+    className: styles$8.customTabItem
+  }, /* @__PURE__ */ React$1.createElement("div", {
+    className: styles$8.tabTitle
+  }, /* @__PURE__ */ React$1.createElement(Icon, {
+    type: icon,
+    size: "small"
+  }), /* @__PURE__ */ React$1.createElement("span", {
+    className: styles$8.tabLabel
+  }, title2)));
+};
+function FtpBuild$1({ schema, moduleMap }) {
+  const { getApiFields } = useSwagger$1();
+  const apiSchema = schema.getDataSourcePanel();
+  const { parameterFields = [], responseFields = [] } = React$1.useMemo(() => {
+    return getApiFields(apiSchema == null ? void 0 : apiSchema.getApiUrl(), "ftp") || {};
+  }, [apiSchema, getApiFields]);
+  return /* @__PURE__ */ React$1.createElement(Tab, {
+    animation: false,
+    lazyLoad: false,
+    shape: "wrapped",
+    tabPosition: "left",
+    className: "build-page-tab",
+    tabRender: (key, props) => /* @__PURE__ */ React$1.createElement(CustomTabItem$5, {
+      key,
+      ...props
+    })
+  }, /* @__PURE__ */ React$1.createElement(Tab.Item, {
+    title: "\u641C\u7D22\u533A",
+    icon: "search"
+  }, /* @__PURE__ */ React$1.createElement(FilterPanel$2, {
+    schema: schema.getFilterPanel(),
+    swaggerFields: parameterFields
+  })), /* @__PURE__ */ React$1.createElement(Tab.Item, {
+    title: "\u4E2D\u95F4\u6A21\u5757\u533A",
+    icon: "flag"
+  }, /* @__PURE__ */ React$1.createElement(Middle, {
+    schema,
+    moduleMap
+  })), /* @__PURE__ */ React$1.createElement(Tab.Item, {
+    title: "\u9876\u90E8\u64CD\u4F5C\u533A",
+    icon: "set"
+  }, /* @__PURE__ */ React$1.createElement(HeaderToolbarPanel$1, {
+    schema: schema.getHeaderToolbarPanel(),
+    moduleMap
+  })), /* @__PURE__ */ React$1.createElement(Tab.Item, {
+    title: "\u5185\u5BB9\u533A",
+    icon: "detail"
+  }, /* @__PURE__ */ React$1.createElement(TablePanel$3, {
+    schema: schema.getTablePanel(),
+    swaggerFields: responseFields,
+    moduleMap
+  })), /* @__PURE__ */ React$1.createElement(Tab.Item, {
+    title: "\u4E3B\u6570\u636E\u6E90",
+    icon: "filter"
+  }, /* @__PURE__ */ React$1.createElement("div", {
+    style: { marginLeft: "10px" }
+  }, /* @__PURE__ */ React$1.createElement("div", {
+    style: { marginBottom: 8 }
+  }, /* @__PURE__ */ React$1.createElement("label", null, "\u5217\u8868\u6570\u636E\u6E90\uFF1A")), /* @__PURE__ */ React$1.createElement(AjaxSchemaForm, {
+    hasDelete: true,
+    schema: schema.getDataSourcePanel(),
+    isSelectType: false
+  }))));
+}
+function TablePanel$2({ schema }) {
+  const columnMddFormRef = React$1.useRef();
+  const [_2, forceUpdate] = useState({});
+  useEffect(() => {
+    schema.on("$updated", (changeData, ignoreUpdate) => {
+      !ignoreUpdate && forceUpdate({});
+    });
+    hackRowDetail(schema);
+  }, []);
+  const columns = schema.get("columns");
+  const onAddHandle = (key) => {
+    var _a2;
+    switch (key) {
+      case "columns":
+        schema.add(
+          {
+            type: "text",
+            label: "\u5C55\u793A\u9879",
+            name: ""
+          },
+          "columns",
+          true
+        );
+        (_a2 = columnMddFormRef.current) == null ? void 0 : _a2.updateData(schema.get("columns"));
+        break;
+    }
+  };
+  const onRemoveHandle = (index2, key) => {
+    var _a2;
+    schema.remove(index2, key, true);
+    if (key === "columns") {
+      (_a2 = columnMddFormRef.current) == null ? void 0 : _a2.updateData(schema.get("columns"));
+    }
+  };
+  const onChangeHandle = ({ index: index2, record }, key) => {
+    schema.update(index2, record, key, true);
+  };
+  return /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement(MddTableForm$1, {
+    ref: columnMddFormRef,
+    data: columns,
+    title: "\u914D\u7F6E\u8868\u683C\u5217",
+    componentOptions: columnsTypeOptionsWithCnTable.filter((col) => col.value !== "blocks-table"),
+    onAdd: () => onAddHandle("columns"),
+    onRemove: (index2) => onRemoveHandle(index2, "columns"),
+    onChange: ({ index: index2, record }) => onChangeHandle({ index: index2, record }, "columns"),
+    onSort: (newList) => {
+      schema.setItemAll(newList, "columns", true);
+    }
+  }));
+}
+function hackRowDetail(schema) {
+  const rowDetail = schema.get("rowDetail");
+  if (rowDetail) {
+    schema.set("rowDetail", void 0);
+  }
+}
+const Default_Add_Schema$1 = {
+  type: "input",
+  label: "\u8F93\u5165\u6846",
+  name: "",
+  input: propFields.input
+};
+function FilterPanel$1({ schema, swaggerFields = [] }) {
+  const mddFormRef = React$1.useRef();
+  const [_2, forceUpdate] = React$1.useState({});
+  React$1.useEffect(() => {
+    schema.on("$updated", (changeData, ignoreUpdate) => {
+      !ignoreUpdate && forceUpdate({});
+    });
+  }, []);
+  const fields2 = schema.get("fields");
+  const refreshMddTableForm = () => {
+    var _a2;
+    (_a2 = mddFormRef.current) == null ? void 0 : _a2.updateData(schema.get("fields"));
+  };
+  const onAddHandle = () => {
+    schema.add(Default_Add_Schema$1, "fields", true);
+    refreshMddTableForm();
+  };
+  const onRemoveHandle = (index2) => {
+    schema.remove(index2, "fields", true);
+    refreshMddTableForm();
+  };
+  const onChangeHandle = ({ index: index2, record }) => {
+    for (const k2 in propFields) {
+      if (record.type !== k2) {
+        !["name"].includes(k2) && delete record[k2];
+      }
+    }
+    schema.update(index2, record, "fields", true);
+  };
+  return /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement(MddTableForm$1, {
+    ref: mddFormRef,
+    data: fields2,
+    penetrateType: PenetrateTypes.FILTER,
+    componentOptions,
+    title: "\u914D\u7F6E\u67E5\u8BE2\u6761\u4EF6",
+    onAdd: onAddHandle,
+    onRemove: onRemoveHandle,
+    onChange: onChangeHandle,
+    swaggerFieldDataSource: swaggerFields,
+    onSort: (newList) => {
+      schema.setFieldsAll(newList, true);
+    }
+  }));
+}
+const Default_Add_Schema = {
+  type: "input",
+  label: "\u8F93\u5165\u6846",
+  name: "",
+  input: propFields.input
+};
+function FilterPanel({ schema, swaggerFields = [] }) {
+  const mddFormRef = React$1.useRef();
+  const [_2, forceUpdate] = React$1.useState({});
+  React$1.useEffect(() => {
+    schema.on("$updated", (changeData, ignoreUpdate) => {
+      !ignoreUpdate && forceUpdate({});
+    });
+  }, []);
+  const fields2 = schema.get("fields");
+  const refreshMddTableForm = () => {
+    var _a2;
+    (_a2 = mddFormRef.current) == null ? void 0 : _a2.updateData(schema.get("fields"));
+  };
+  const onAddHandle = () => {
+    schema.add(Default_Add_Schema, "fields", true);
+    refreshMddTableForm();
+  };
+  const onRemoveHandle = (index2) => {
+    schema.remove(index2, "fields", true);
+    refreshMddTableForm();
+  };
+  const onChangeHandle = ({ index: index2, record }) => {
+    for (const k2 in propFields) {
+      if (record.type !== k2) {
+        !["name"].includes(k2) && delete record[k2];
+      }
+    }
+    schema.update(index2, record, "fields", true);
+  };
+  return /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement(MddTableForm$1, {
+    ref: mddFormRef,
+    data: fields2,
+    penetrateType: PenetrateTypes.FORM,
+    componentOptions: FormComponentOptions,
+    title: "\u914D\u7F6E\u8868\u5355\u9879",
+    onAdd: onAddHandle,
+    onRemove: onRemoveHandle,
+    onChange: onChangeHandle,
+    swaggerFieldDataSource: swaggerFields,
+    onSort: (newList) => {
+      schema.setFieldsAll(newList, true);
+    }
+  }));
+}
+function EditTablePanel({ schema }) {
+  const columnMddFormRef = React$1.useRef();
+  const [_2, forceUpdate] = useState({});
+  useEffect(() => {
+    schema.on("$updated", (changeData, ignoreUpdate) => {
+      !ignoreUpdate && forceUpdate({});
+    });
+  }, []);
+  const columns = schema.get("columns");
+  const onAddHandle = (key) => {
+    var _a2;
+    switch (key) {
+      case "columns":
+        schema.add(
+          {
+            type: "text",
+            label: "\u5C55\u793A\u9879",
+            name: ""
+          },
+          "columns",
+          true
+        );
+        (_a2 = columnMddFormRef.current) == null ? void 0 : _a2.updateData(schema.get("columns"));
+        break;
+    }
+  };
+  const onRemoveHandle = (index2, key) => {
+    var _a2;
+    schema.remove(index2, key, true);
+    (_a2 = columnMddFormRef.current) == null ? void 0 : _a2.updateData(schema.get("columns"));
+  };
+  const onChangeHandle = ({ index: index2, record }, key) => {
+    schema.update(index2, record, key, true);
+  };
+  return /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement(MddTableForm$1, {
+    ref: columnMddFormRef,
+    data: columns,
+    title: "\u914D\u7F6E\u53EF\u7F16\u8F91\u8868\u683C\u5217",
+    componentOptions: columnsTypeOptionsWithEditCnTable.filter(
+      (col) => !["blocks-edit-table", "blocks-table"].includes(col.value)
+    ),
+    onAdd: () => onAddHandle("columns"),
+    onRemove: (index2) => onRemoveHandle(index2, "columns"),
+    onChange: ({ index: index2, record }) => onChangeHandle({ index: index2, record }, "columns"),
+    onSort: (newList) => {
+      schema.setItemAll(newList, "columns", true);
+    }
+  }));
+}
+const customTabItem$4 = "_customTabItem_119xt_1";
+const tabTitle$4 = "_tabTitle_119xt_5";
+const tabLabel$4 = "_tabLabel_119xt_9";
+const middleBox = "_middleBox_119xt_20";
+const middleBoxLeft = "_middleBoxLeft_119xt_26";
+const middleBoxRight = "_middleBoxRight_119xt_31";
+var styles$7 = {
+  customTabItem: customTabItem$4,
+  tabTitle: tabTitle$4,
+  tabLabel: tabLabel$4,
+  middleBox,
+  middleBoxLeft,
+  middleBoxRight
+};
+const PanelComMap = {
+  "blocks-table": TablePanel$2,
+  "blocks-filter": FilterPanel$1,
+  "blocks-form": FilterPanel,
+  "blocks-edit-table": EditTablePanel
+};
+const TitleMap = {
+  "blocks-table": "\u5217\u8868\u9879",
+  "blocks-filter": "\u641C\u7D22\u9879",
+  "blocks-form": "\u8868\u5355\u9879",
+  "blocks-edit-table": "\u53EF\u7F16\u8F91\u8868\u683C\u9879"
+};
+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();
-  const apiSchema = schema.getDataSourcePanel();
-  const { parameterFields = [], responseFields = [] } = React$1.useMemo(() => {
-    return getApiFields(apiSchema == null ? void 0 : apiSchema.getApiUrl(), "ftp") || {};
-  }, [apiSchema, getApiFields]);
+function BlocksBuild({ schema, moduleMap }) {
+  const Panel2 = PanelComMap[schema.type];
   return /* @__PURE__ */ React$1.createElement(Tab, {
     animation: false,
     lazyLoad: false,
@@ -25354,42 +26669,11 @@ function FtpBuild$1({ schema, moduleMap }) {
       ...props
     })
   }, /* @__PURE__ */ React$1.createElement(Tab.Item, {
-    title: "\u641C\u7D22\u533A",
-    icon: "search"
-  }, /* @__PURE__ */ React$1.createElement(FilterPanel, {
-    schema: schema.getFilterPanel(),
-    swaggerFields: parameterFields
-  })), /* @__PURE__ */ React$1.createElement(Tab.Item, {
-    title: "\u4E2D\u95F4\u6A21\u5757\u533A",
-    icon: "flag"
-  }, /* @__PURE__ */ React$1.createElement(Middle, {
-    schema,
-    moduleMap
-  })), /* @__PURE__ */ React$1.createElement(Tab.Item, {
-    title: "\u9876\u90E8\u64CD\u4F5C\u533A",
-    icon: "set"
-  }, /* @__PURE__ */ React$1.createElement(HeaderToolbarPanel$1, {
-    schema: schema.getHeaderToolbarPanel(),
-    moduleMap
-  })), /* @__PURE__ */ React$1.createElement(Tab.Item, {
-    title: "\u5185\u5BB9\u533A",
+    title: TitleMap[schema.type],
     icon: "detail"
-  }, /* @__PURE__ */ React$1.createElement(TablePanel$2, {
-    schema: schema.getTablePanel(),
-    swaggerFields: responseFields,
-    moduleMap
-  })), /* @__PURE__ */ React$1.createElement(Tab.Item, {
-    title: "\u4E3B\u6570\u636E\u6E90",
-    icon: "filter"
-  }, /* @__PURE__ */ React$1.createElement("div", {
-    style: { marginLeft: "10px" }
-  }, /* @__PURE__ */ React$1.createElement("div", {
-    style: { marginBottom: 8 }
-  }, /* @__PURE__ */ React$1.createElement("label", null, "\u5217\u8868\u6570\u636E\u6E90\uFF1A")), /* @__PURE__ */ React$1.createElement(AjaxSchemaForm, {
-    hasDelete: true,
-    schema: schema.getDataSourcePanel(),
-    isSelectType: false
-  }))));
+  }, /* @__PURE__ */ React$1.createElement(Panel2, {
+    schema: schema.getPanel()
+  })));
 }
 const mddTableArray = "_mddTableArray_16ght_1";
 const tableArrayTitle = "_tableArrayTitle_16ght_14";
@@ -25398,7 +26682,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,
@@ -25410,7 +26694,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 = () => {
@@ -25441,7 +26725,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
@@ -25454,7 +26738,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
   }));
 };
@@ -25468,7 +26752,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 = () => {
     },
@@ -25498,11 +26782,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, {
@@ -25510,7 +26794,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,
@@ -25524,10 +26808,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" }
@@ -25630,6 +26914,8 @@ function ActionsPanel({ schema }) {
     }
   }));
 }
+const _columnsTypeOptions = [...columnsTypeOptions];
+_columnsTypeOptions.splice(5, 0, { value: "message", label: "\u4FE1\u606F\u63D0\u793A" });
 const extraFieldSchema = {
   renderToTitle: {
     title: "\u6E32\u67D3\u5230\u6807\u9898",
@@ -25759,7 +27045,7 @@ function DetailCard(props) {
     title: "",
     extraFieldSchema,
     swaggerFieldDataSource: responseFields,
-    componentOptions: columnsTypeOptions,
+    componentOptions: _columnsTypeOptions,
     onAdd: () => onAddHandle(),
     onRemove: (index2) => onRemoveHandle(index2),
     onChange: ({ index: index2, record }) => onChangeHandle({ index: index2, record }),
@@ -25949,7 +27235,7 @@ function DetailTable(props) {
     onChange: ({ index: index2, record }) => onPaginationChangeHandle({ index: index2, record })
   }), /* @__PURE__ */ React$1.createElement(Form.Item, {
     labelAlign: "left",
-    label: "\u662F\u5426\u5F71\u85CF\u901A\u7528\u9876\u90E8\u64CD\u4F5C\u533A:",
+    label: "\u662F\u5426\u9690\u85CF\u901A\u7528\u9876\u90E8\u64CD\u4F5C\u533A:",
     name: "hideCommonToolbar"
   }, /* @__PURE__ */ React$1.createElement(Switch, {
     autoWidth: true,
@@ -25957,10 +27243,11 @@ function DetailTable(props) {
     defaultChecked: data.get("hideCommonToolbar")
   })), /* @__PURE__ */ React$1.createElement("div", {
     style: { marginLeft: "10px", marginBottom: 8 }
-  }, /* @__PURE__ */ React$1.createElement("label", null, "\u6700\u5927\u9AD8\u5EA6\uFF1A"), /* @__PURE__ */ React$1.createElement(Input$1, {
+  }, /* @__PURE__ */ React$1.createElement("label", null, "\u6700\u5927\u9AD8\u5EA6\uFF1A"), /* @__PURE__ */ React$1.createElement(NumberPicker, {
     value: data.get("maxHeight"),
     size: "small",
-    onChange: (v2) => tablePropsChange("maxHeight", v2)
+    onChange: (v2) => tablePropsChange("maxHeight", v2),
+    min: 0
   }), /* @__PURE__ */ React$1.createElement("span", {
     className: "mdd-tip"
   }, /* @__PURE__ */ React$1.createElement(Icon, {
@@ -26035,6 +27322,246 @@ 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: "",
+        hideSelfCard: true,
+        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: "\u9AD8\u5EA6",
+    name: "height"
+  }, /* @__PURE__ */ React$1.createElement(CnNumberPicker, {
+    defaultValue: data.get("height"),
+    min: 0,
+    max: 100,
+    innerAfter: "%",
+    style: { width: 90 }
+  }), /* @__PURE__ */ React$1.createElement(CnTooltip, {
+    trigger: /* @__PURE__ */ React$1.createElement(Icon, {
+      type: "prompt",
+      style: { marginLeft: 6 }
+    })
+  }, "0-100 \u7684\u6574\u6570\uFF0C0 \u8868\u793A\u81EA\u52A8\u9AD8\u5EA6")), /* @__PURE__ */ React$1.createElement(Form.Item, {
+    labelAlign: "left",
+    label: "\u9690\u85CF\u7236\u7EA7\u5361\u7247",
+    name: "hideCard"
+  }, /* @__PURE__ */ React$1.createElement(CnSwitch, {
+    checked: data.get("hideCard")
+  })), !data.get("hideCard") && /* @__PURE__ */ React$1.createElement(Form.Item, {
+    labelAlign: "left",
+    label: "\u9690\u85CF\u7236\u7EA7\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),
+    otherInfo: { columnsDirection: data.get("columnsDirection") }
+  })), data.get("hideCardTitle") ? null : /* @__PURE__ */ React$1.createElement(ActionsPanel, {
+    schema: data
+  }));
+}
+function customTitleRender$1(props) {
+  const { data, index: index2, onChange, moduleDataSource, otherInfo = {} } = 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 })
+  })), (otherInfo == null ? void 0 : otherInfo.columnsDirection) === "row" && /* @__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, otherInfo = {} } = props;
+  return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, (otherInfo == null ? void 0 : otherInfo.columnsDirection) === "column" && /* @__PURE__ */ React$1.createElement(Form.Item, {
+    wrapperCol: { span: 20 },
+    labelCol: { span: 4 },
+    label: "\u9AD8\u5EA6",
+    name: ""
+  }, /* @__PURE__ */ React$1.createElement(CnNumberPicker, {
+    min: 0,
+    max: 100,
+    innerAfter: "%",
+    style: { width: 90 },
+    defaultValue: data == null ? void 0 : data.height,
+    onChange: (v2) => onChange({ index: index2, record: { ...data, height: v2 } })
+  }), /* @__PURE__ */ React$1.createElement(CnTooltip, {
+    trigger: /* @__PURE__ */ React$1.createElement(Icon, {
+      type: "prompt",
+      style: { marginLeft: 6 }
+    })
+  }, "\u4EC5\u5728\u4E0A\u4E0B\u5E03\u5C40\u4E2D\u751F\u6548\uFF1A0-100 \u7684\u6574\u6570\uFF0C0 \u8868\u793A\u81EA\u52A8\u9AD8\u5EA6")), /* @__PURE__ */ React$1.createElement(Form.Item, {
+    name: "",
+    wrapperCol: { span: 20 },
+    labelCol: { span: 4 },
+    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(Form.Item, {
+    wrapperCol: { span: 20 },
+    labelCol: { span: 4 },
+    label: "\u9690\u85CF \u5F53\u524D\u680F \u5361\u7247",
+    name: ""
+  }, /* @__PURE__ */ React$1.createElement(CnSwitch, {
+    defaultChecked: data == null ? void 0 : data.hideSelfCard,
+    onChange: (v2) => onChange({ index: index2, record: { ...data, hideSelfCard: 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";
@@ -26086,6 +27613,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",
@@ -26178,7 +27714,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", {
@@ -26188,7 +27724,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, {
@@ -26232,6 +27768,18 @@ function DetailBuild({ schema }) {
   }, /* @__PURE__ */ React$1.createElement(Switch, {
     autoWidth: true,
     defaultChecked: schema.get("hasAnchor")
+  })), /* @__PURE__ */ React$1.createElement(Form.Item, {
+    label: "\u662F\u5426\u6491\u6EE1\u7236\u5BB9\u5668:",
+    name: "fullHeight"
+  }, /* @__PURE__ */ React$1.createElement(Switch, {
+    autoWidth: true,
+    defaultChecked: schema.get("fullHeight")
+  })), /* @__PURE__ */ React$1.createElement(Form.Item, {
+    label: "\u662F\u5426\u5E26\u6709\u767D\u8272\u80CC\u666F:",
+    name: "whiteBackground"
+  }, /* @__PURE__ */ React$1.createElement(Switch, {
+    autoWidth: true,
+    defaultChecked: schema.get("whiteBackground")
   }))))), /* @__PURE__ */ React$1.createElement(Tab.Item, {
     title: "\u5185\u5BB9\u533A",
     icon: "detail"
@@ -26414,8 +27962,6 @@ function FormInfoPanel({ schema }) {
     defaultValue: schema.get("cancelText")
   })))));
 }
-const FormComponentOptions = [...componentOptions];
-FormComponentOptions.splice(3, 0, { value: "input-password", label: "\u5BC6\u7801\u8F93\u5165\u6846" });
 function FormItemsPanel({ schema, swaggerFields = [] }) {
   const mddFormRef = React$1.useRef();
   const [_2, forceUpdate] = React$1.useState({});
@@ -26457,7 +28003,7 @@ function FormItemsPanel({ schema, swaggerFields = [] }) {
     ref: mddFormRef,
     data: fields2 || [],
     penetrateType: PenetrateTypes.FORM,
-    componentOptions: FormComponentOptions,
+    componentOptions: [...FormComponentOptions, , { value: "blocks-form", label: "\u8868\u5355\u533A\u5757" }],
     swaggerFieldDataSource: swaggerFields,
     title: "\u914D\u7F6E\u8868\u5355\u9879",
     onAdd: onAddHandle,
@@ -26476,7 +28022,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", {
@@ -26486,9 +28032,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, {
@@ -26497,7 +28043,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));
 };
@@ -26615,6 +28161,7 @@ function TablePanel$1({ schema, swaggerFields = [] }) {
   }, []);
   const primaryKey = schema.get("primaryKey");
   const columns = schema.get("columns");
+  const showIndex = schema.get("showIndex");
   const onAddHandle = (key) => {
     var _a2;
     switch (key) {
@@ -26643,6 +28190,9 @@ function TablePanel$1({ schema, swaggerFields = [] }) {
   const onPrimaryKeyChange = (value) => {
     schema.update("", value, "primaryKey");
   };
+  const onBaseInfoChange = (key, value) => {
+    schema.update("", value, key);
+  };
   return /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("div", {
     style: { marginLeft: "10px", marginBottom: 8 }
   }, /* @__PURE__ */ React$1.createElement("label", null, "\u4E3B\u952E\uFF1A"), /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -26663,15 +28213,56 @@ function TablePanel$1({ schema, swaggerFields = [] }) {
     }
   }), /* @__PURE__ */ React$1.createElement("div", {
     style: { marginLeft: "10px", marginBottom: 8 }
-  }, /* @__PURE__ */ React$1.createElement("label", null, "\u6700\u5927\u9AD8\u5EA6\uFF1A"), /* @__PURE__ */ React$1.createElement(Input$1, {
+  }, /* @__PURE__ */ React$1.createElement("label", null, "\u6700\u5927\u9AD8\u5EA6\uFF1A"), /* @__PURE__ */ React$1.createElement(NumberPicker, {
     value: schema.get("maxHeight"),
     size: "small",
-    onChange: (v2) => schema.update("", v2, "maxHeight")
+    onChange: (v2) => schema.update("", v2, "maxHeight"),
+    min: 0
   }), /* @__PURE__ */ React$1.createElement("span", {
     className: "mdd-tip"
   }, /* @__PURE__ */ React$1.createElement(Icon, {
     type: "prompt"
-  }), " \u8BE5\u5C5E\u6027\u53EF\u4EE5\u5B9E\u73B0\u4E00\u5C4F\u5C55\u793A\uFF0C\u652F\u6301calc\u51FD\u6570,eg\uFF1A calc(100vh - 100px)")));
+  }), " \u8BE5\u5C5E\u6027\u53EF\u4EE5\u5B9E\u73B0\u4E00\u5C4F\u5C55\u793A\uFF0C\u652F\u6301calc\u51FD\u6570,eg\uFF1A calc(100vh - 100px)")), /* @__PURE__ */ React$1.createElement("div", {
+    style: { marginLeft: "10px", marginBottom: 8 }
+  }, /* @__PURE__ */ React$1.createElement("label", null, "\u662F\u5426\u663E\u793A\u5E8F\u53F7\uFF1A"), /* @__PURE__ */ React$1.createElement(Switch, {
+    autoWidth: true,
+    checked: showIndex,
+    size: "small",
+    onChange: (v2) => onBaseInfoChange("showIndex", v2)
+  }), /* @__PURE__ */ React$1.createElement("span", {
+    className: "mdd-tip"
+  }, /* @__PURE__ */ React$1.createElement(Icon, {
+    type: "prompt"
+  }), " \u7EAF\u524D\u7AEF\u81EA\u52A8\u5E8F\u53F7", " ")), /* @__PURE__ */ React$1.createElement("div", {
+    style: { marginLeft: "10px", marginBottom: 8 }
+  }, /* @__PURE__ */ React$1.createElement("label", null, "\u662F\u5426\u5F00\u542F\u865A\u62DF\u6EDA\u52A8\uFF1A"), /* @__PURE__ */ React$1.createElement(Switch, {
+    autoWidth: true,
+    checked: schema.get("useVirtual"),
+    size: "small",
+    onChange: (v2) => onBaseInfoChange("useVirtual", v2)
+  })), /* @__PURE__ */ React$1.createElement("div", {
+    style: { marginLeft: "10px", marginBottom: 8 }
+  }, /* @__PURE__ */ React$1.createElement("label", null, "\u662F\u5426\u5F00\u542F\u81EA\u52A8\u5217\u5BBD\uFF1A"), /* @__PURE__ */ React$1.createElement(Switch, {
+    autoWidth: true,
+    checked: schema.get("columnsAutoWidth"),
+    size: "small",
+    onChange: (v2) => onBaseInfoChange("columnsAutoWidth", v2)
+  }), /* @__PURE__ */ React$1.createElement("span", {
+    className: "mdd-tip"
+  }, /* @__PURE__ */ React$1.createElement(Icon, {
+    type: "prompt"
+  }), " \u5982\u679C\u6709\u6027\u80FD\u95EE\u9898\u53EF\u4EE5\u5173\u95ED\u8BE5\u5C5E\u6027\uFF0C\u540C\u65F6\u624B\u52A8\u8BBE\u7F6E\u5217\u5BBD")), /* @__PURE__ */ React$1.createElement("div", {
+    style: { marginLeft: "10px", marginBottom: 8 }
+  }, /* @__PURE__ */ React$1.createElement("label", null, "\u662F\u5426\u9690\u85CF\u901A\u7528\u9876\u90E8\u64CD\u4F5C\u533A\uFF1A"), /* @__PURE__ */ React$1.createElement(Switch, {
+    autoWidth: true,
+    checked: schema.get("hideCommonToolbar"),
+    size: "small",
+    onChange: (v2) => onBaseInfoChange("hideCommonToolbar", v2)
+  }), /* @__PURE__ */ React$1.createElement("span", {
+    className: "mdd-tip"
+  }, /* @__PURE__ */ React$1.createElement(Icon, {
+    type: "prompt"
+  }), " \u662F\u5426\u9690\u85CFtable\u9876\u90E8\u64CD\u4F5C\u533A\u7684\u901A\u7528\u64CD\u4F5C\u6309\u94AE\uFF0C\u6BD4\u5982\u5168\u5C4F\u3001\u6591\u9A6C\u7EBF\u3001\u5217\u8BBE\u7F6E\u3001\u5C3A\u5BF8\u7B49")));
 }
 function HeaderToolbarPanel({ schema }) {
   const mddFormRef = React$1.useRef();
@@ -26731,7 +28322,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, {
@@ -26740,7 +28331,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));
 };
@@ -26752,7 +28343,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", {
@@ -26762,7 +28353,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({});
@@ -27002,6 +28593,7 @@ function MDDEditor(props) {
     customSchema,
     moduleDataSource,
     refreshModuleDataSource,
+    blocksDataSource,
     moduleMap = /* @__PURE__ */ new Map(),
     scriptTopButtons = []
   } = props;
@@ -27012,7 +28604,8 @@ function MDDEditor(props) {
   React$1.useEffect(() => {
     setModules({
       $ModuleDataSource: moduleDataSource,
-      $RefreshModuleDataSource: refreshModuleDataSource
+      $RefreshModuleDataSource: refreshModuleDataSource,
+      $BlocksDataSource: blocksDataSource
     });
     console.log("moduleDataSource: ", moduleDataSource);
     window.__MDD_ModuleDataSource = moduleDataSource;
@@ -27112,7 +28705,7 @@ function getCompAndSchemaFromSchemaJson(schemaJson, customComponent, customSchem
   }
   switch (schemaJson.body.type) {
     case "ftp": {
-      return [customComponent || FtpBuild$1, customSchema || FtpSchema$1];
+      return [customComponent || FtpBuild$1, customSchema || FtpSchema];
     }
     case "formily-form-v2": {
       return [customComponent || FormBuild, customSchema || FormilyFormV2Schema];
@@ -27121,7 +28714,19 @@ function getCompAndSchemaFromSchemaJson(schemaJson, customComponent, customSchem
       return [customComponent || DetailBuild, customSchema || DetailSchema];
     }
     case "edit-table": {
-      return [customComponent || FtpBuild, customSchema || FtpSchema];
+      return [customComponent || FtpBuild, customSchema || EditTableSchema];
+    }
+    case "blocks-table": {
+      return [customComponent || BlocksBuild, customSchema || BlocksSchema];
+    }
+    case "blocks-filter": {
+      return [customComponent || BlocksBuild, customSchema || BlocksSchema];
+    }
+    case "blocks-form": {
+      return [customComponent || BlocksBuild, customSchema || BlocksSchema];
+    }
+    case "blocks-edit-table": {
+      return [customComponent || BlocksBuild, customSchema || BlocksSchema];
     }
     default:
       return null;
@@ -27215,7 +28820,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", {
@@ -27225,7 +28830,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, {
@@ -27241,7 +28846,7 @@ function SimpleFtp({ schema }) {
   }, /* @__PURE__ */ React$1.createElement(Tab.Item, {
     title: "\u641C\u7D22\u533A",
     icon: "search"
-  }, /* @__PURE__ */ React$1.createElement(FilterPanel, {
+  }, /* @__PURE__ */ React$1.createElement(FilterPanel$2, {
     schema: schema.getFilterPanel()
   })), /* @__PURE__ */ React$1.createElement(Tab.Item, {
     title: "\u9876\u90E8\u64CD\u4F5C\u533A",
@@ -27327,4 +28932,4 @@ function getDefaultIndexStyle() {
   // }
   `;
 }
-export { DetailBuild, DetailSchema, EVENT_KEY, FtpBuild as EditTableBuild, FtpSchema as EditTableSchema, FormBuild, FormilyFormV2Schema, FtpBuild$1 as FtpBuild, FtpSchema$1 as FtpSchema, MDD_SCHEMA_LS_KEY, PERSISTENT_STORE_LS_KEY, SWAGGER_DT, SWAGGER_FT, SimpleFtp, api2SchemaFromSwagger, api2SchemaFromSwaggerApiInfo, buildFieldsToCompJson, buildSwaggerApiJson, calcWordWidth, MDDEditor as default, getApiInfo, getDefaultFomrLabelAlign, getDefaultIndexScript, getDefaultIndexStyle, getGlobalSizeFromCookie, getLocalProjectSwaggerOpts, getSwaggerInfoFromJson, upperFirst$1 as upperFirst, useModule$1 as useModule, useSchema$1 as useSchema, useSwagger$1 as useSwagger };
+export { DetailBuild, DetailSchema, EVENT_KEY, FtpBuild as EditTableBuild, EditTableSchema, FormBuild, FormilyFormV2Schema, FtpBuild$1 as FtpBuild, FtpSchema, MDD_SCHEMA_LS_KEY, PERSISTENT_STORE_LS_KEY, SWAGGER_DT, SWAGGER_FT, SimpleFtp, api2SchemaFromSwagger, api2SchemaFromSwaggerApiInfo, buildFieldsToCompJson, buildSwaggerApiJson, calcWordWidth, MDDEditor as default, getApiInfo, getDefaultFomrLabelAlign, getDefaultIndexScript, getDefaultIndexStyle, getGlobalSizeFromCookie, getLocalProjectSwaggerOpts, getSwaggerInfoFromJson, upperFirst$1 as upperFirst, useModule$1 as useModule, useSchema$1 as useSchema, useSwagger$1 as useSwagger };