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

package/build/index.es.js

@@ -1430,7 +1430,7 @@ function object2Array(obj, pre = "") {
     };
   }).flat(Infinity);
 }
-class TableSchema$1 extends JSONWatch {
+class TableSchema$2 extends JSONWatch {
   constructor(props) {
     const {
       columns = [],
@@ -1558,103 +1558,132 @@ class HeaderToolbar$1 extends JSONWatch {
     return this.data || [];
   }
 }
-/*! js-cookie v3.0.5 | MIT */
-function assign(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
-    for (var key in source) {
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-var defaultConverter = {
-  read: function(value) {
-    if (value[0] === '"') {
-      value = value.slice(1, -1);
-    }
-    return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
-  },
-  write: function(value) {
-    return encodeURIComponent(value).replace(
-      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
-      decodeURIComponent
-    );
-  }
-};
-function init$1(converter, defaultAttributes) {
-  function set(name, value, attributes) {
-    if (typeof document === "undefined") {
-      return;
-    }
-    attributes = assign({}, defaultAttributes, attributes);
-    if (typeof attributes.expires === "number") {
-      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
-    }
-    if (attributes.expires) {
-      attributes.expires = attributes.expires.toUTCString();
+var js_cookie = { exports: {} };
+/*!
+ * JavaScript Cookie v2.2.1
+ * https://github.com/js-cookie/js-cookie
+ *
+ * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
+ * Released under the MIT license
+ */
+(function(module, exports) {
+  (function(factory) {
+    var registeredInModuleLoader;
+    {
+      module.exports = factory();
+      registeredInModuleLoader = true;
+    }
+    if (!registeredInModuleLoader) {
+      var OldCookies = window.Cookies;
+      var api = window.Cookies = factory();
+      api.noConflict = function() {
+        window.Cookies = OldCookies;
+        return api;
+      };
     }
-    name = encodeURIComponent(name).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-    var stringifiedAttributes = "";
-    for (var attributeName in attributes) {
-      if (!attributes[attributeName]) {
-        continue;
-      }
-      stringifiedAttributes += "; " + attributeName;
-      if (attributes[attributeName] === true) {
-        continue;
+  })(function() {
+    function extend() {
+      var i = 0;
+      var result = {};
+      for (; i < arguments.length; i++) {
+        var attributes = arguments[i];
+        for (var key in attributes) {
+          result[key] = attributes[key];
+        }
       }
-      stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
+      return result;
     }
-    return document.cookie = name + "=" + converter.write(value, name) + stringifiedAttributes;
-  }
-  function get2(name) {
-    if (typeof document === "undefined" || arguments.length && !name) {
-      return;
+    function decode(s) {
+      return s.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent);
     }
-    var cookies = document.cookie ? document.cookie.split("; ") : [];
-    var jar = {};
-    for (var i = 0; i < cookies.length; i++) {
-      var parts = cookies[i].split("=");
-      var value = parts.slice(1).join("=");
-      try {
-        var found = decodeURIComponent(parts[0]);
-        jar[found] = converter.read(value, found);
-        if (name === found) {
-          break;
+    function init2(converter) {
+      function api() {
+      }
+      function set(key, value, attributes) {
+        if (typeof document === "undefined") {
+          return;
         }
-      } catch (e) {
+        attributes = extend({
+          path: "/"
+        }, api.defaults, attributes);
+        if (typeof attributes.expires === "number") {
+          attributes.expires = new Date(new Date() * 1 + attributes.expires * 864e5);
+        }
+        attributes.expires = attributes.expires ? attributes.expires.toUTCString() : "";
+        try {
+          var result = JSON.stringify(value);
+          if (/^[\{\[]/.test(result)) {
+            value = result;
+          }
+        } catch (e) {
+        }
+        value = converter.write ? converter.write(value, key) : encodeURIComponent(String(value)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
+        key = encodeURIComponent(String(key)).replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent).replace(/[\(\)]/g, escape);
+        var stringifiedAttributes = "";
+        for (var attributeName in attributes) {
+          if (!attributes[attributeName]) {
+            continue;
+          }
+          stringifiedAttributes += "; " + attributeName;
+          if (attributes[attributeName] === true) {
+            continue;
+          }
+          stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
+        }
+        return document.cookie = key + "=" + value + stringifiedAttributes;
       }
-    }
-    return name ? jar[name] : jar;
-  }
-  return Object.create(
-    {
-      set,
-      get: get2,
-      remove: function(name, attributes) {
-        set(
-          name,
-          "",
-          assign({}, attributes, {
-            expires: -1
-          })
-        );
-      },
-      withAttributes: function(attributes) {
-        return init$1(this.converter, assign({}, this.attributes, attributes));
-      },
-      withConverter: function(converter2) {
-        return init$1(assign({}, this.converter, converter2), this.attributes);
+      function get2(key, json) {
+        if (typeof document === "undefined") {
+          return;
+        }
+        var jar = {};
+        var cookies = document.cookie ? document.cookie.split("; ") : [];
+        var i = 0;
+        for (; i < cookies.length; i++) {
+          var parts = cookies[i].split("=");
+          var cookie = parts.slice(1).join("=");
+          if (!json && cookie.charAt(0) === '"') {
+            cookie = cookie.slice(1, -1);
+          }
+          try {
+            var name = decode(parts[0]);
+            cookie = (converter.read || converter)(cookie, name) || decode(cookie);
+            if (json) {
+              try {
+                cookie = JSON.parse(cookie);
+              } catch (e) {
+              }
+            }
+            jar[name] = cookie;
+            if (key === name) {
+              break;
+            }
+          } catch (e) {
+          }
+        }
+        return key ? jar[key] : jar;
       }
-    },
-    {
-      attributes: { value: Object.freeze(defaultAttributes) },
-      converter: { value: Object.freeze(converter) }
+      api.set = set;
+      api.get = function(key) {
+        return get2(key, false);
+      };
+      api.getJSON = function(key) {
+        return get2(key, true);
+      };
+      api.remove = function(key, attributes) {
+        set(key, "", extend(attributes, {
+          expires: -1
+        }));
+      };
+      api.defaults = {};
+      api.withConverter = init2;
+      return api;
     }
-  );
-}
-var api = init$1(defaultConverter, { path: "/" });
+    return init2(function() {
+    });
+  });
+})(js_cookie);
+var Cookies = js_cookie.exports;
 const calcWordWidth = (str) => {
   const Min_Width = 50;
   if (!str || typeof str !== "string")
@@ -1674,7 +1703,7 @@ const upperFirst$1 = (str) => {
   return str.slice(0, 1).toUpperCase() + temp;
 };
 const getGlobalSizeFromCookie = () => {
-  return api == null ? void 0 : api.get("CNUICOOKIESIZE");
+  return Cookies == null ? void 0 : Cookies.get("CNUICOOKIESIZE");
 };
 const getDefaultFomrLabelAlign = () => {
   const globalSize = getGlobalSizeFromCookie();
@@ -1971,29 +2000,29 @@ const openApi3Support = (apiInfo) => {
     responses: res
   };
 };
-var buildSwaggerApiJson = (api2, apiMeta) => {
-  if (!api2 || !apiMeta) {
+var buildSwaggerApiJson = (api, apiMeta) => {
+  if (!api || !apiMeta) {
     throw Error("mdd-tool columns complier error: api or api meta is null");
   }
   const { paths, definitions } = apiMeta || {};
-  if (!paths[api2]) {
-    throw Error(`mdd-tool columns complier error: api meta has not api: ${api2}`);
+  if (!paths[api]) {
+    throw Error(`mdd-tool columns complier error: api meta has not api: ${api}`);
   }
   let method = "";
   let apiInfo = null;
-  if (Object.prototype.hasOwnProperty.call(paths[api2], "post")) {
+  if (Object.prototype.hasOwnProperty.call(paths[api], "post")) {
     method = "post";
-    apiInfo = paths[api2]["post"];
-  } else if (Object.prototype.hasOwnProperty.call(paths[api2], "get")) {
+    apiInfo = paths[api]["post"];
+  } else if (Object.prototype.hasOwnProperty.call(paths[api], "get")) {
     method = "get";
-    apiInfo = paths[api2]["get"];
+    apiInfo = paths[api]["get"];
   } else {
     throw Error("mdd-tool columns complier error: api method not support");
   }
   const { summary } = apiInfo;
   const { parameters = [], responses } = openApi3Support(apiInfo);
   return {
-    api: api2,
+    api,
     method,
     summary,
     parameters: transfer$refToJson("parameters", parameters, definitions),
@@ -2432,11 +2461,11 @@ function handleDefinitions(obj, map, depth) {
 function getSwaggerInfoFromJson(swaggerJson) {
   return jsonSchemaRefParser(transferOpenAPI3ToSwagger2$1(swaggerJson));
 }
-function getApiInfo(api2, swaggerInfo) {
+function getApiInfo(api, swaggerInfo) {
   const realSwaggerInfo = jsonSchemaRefParser(transferOpenAPI3ToSwagger2$1(swaggerInfo));
-  return buildSwaggerApiJson(api2, realSwaggerInfo);
+  return buildSwaggerApiJson(api, realSwaggerInfo);
 }
-function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {}) {
+function api2SchemaFromSwaggerApiInfo(api, schemaType, apiInfo, extraSchema = {}) {
   const { parameters = [], responses = [], method = "" } = apiInfo || {};
   const methodUpperCase = method.toUpperCase();
   const result = {
@@ -2459,8 +2488,8 @@ function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {
           tableColumns: "$RET.data.tableColumns",
           totalCount: "$RET.data.paging.totalCount"
         },
-        value: api2,
-        url: api2
+        value: api,
+        url: api
       },
       filter: {
         maxVisibleRow: 2,
@@ -2505,8 +2534,8 @@ function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {
         watch: [],
         params: {},
         formatResponseData: {},
-        value: api2,
-        url: api2
+        value: api,
+        url: api
       },
       initApi: [],
       effectApi: [],
@@ -2545,7 +2574,7 @@ function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {
           label: "\u57FA\u7840\u4FE1\u606F",
           source: [
             {
-              url: api2,
+              url: api,
               method: methodUpperCase,
               type: "ajax",
               formatResponseData: {
@@ -2578,8 +2607,8 @@ function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {
         formatResponseData: {
           tableData: "$RET.data.tableData"
         },
-        value: api2,
-        url: api2
+        value: api,
+        url: api
       },
       submitApi: {
         type: "ajax",
@@ -2608,12 +2637,18 @@ function api2SchemaFromSwaggerApiInfo(api2, schemaType, apiInfo, extraSchema = {
       },
       headerToolbar: []
     };
+  } else if (schemaType === "blocks-table") {
+    result.type = "blocks";
+    result.body = {
+      type: "blocks-table",
+      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) {
@@ -2749,13 +2784,13 @@ class MiddleItem extends JSONWatch {
 }
 class FtpSchema$1 extends Schema {
   constructor(props, isCompleteSchema = false) {
-    const { api: api2, filter, headerToolbar, table, tabs, middleModules, ...more2 } = isCompleteSchema ? props.body : props;
+    const { api, filter, headerToolbar, table, tabs, middleModules, ...more2 } = isCompleteSchema ? props.body : props;
     super(more2);
     this.type = "ftp";
-    this.api = new AjaxSchema(api2);
+    this.api = new AjaxSchema(api);
     this.filter = new Filter(filter);
     this.headerToolbar = new HeaderToolbar$1(headerToolbar);
-    this.table = new TableSchema$1(table);
+    this.table = new TableSchema$2(table);
     this.initChildren(middleModules, tabs);
     this.willDetach = this.initChangeListener();
   }
@@ -2826,12 +2861,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));
@@ -2922,7 +2957,93 @@ class FtpSchema$1 extends Schema {
 }
 __publicField(FtpSchema$1, "Filter", Filter);
 __publicField(FtpSchema$1, "HeaderToolbar", HeaderToolbar$1);
-__publicField(FtpSchema$1, "Table", TableSchema$1);
+__publicField(FtpSchema$1, "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 BlocksSchema extends Schema {
+  constructor(props, isCompleteSchema = false) {
+    const { type, blocks, ...more2 } = isCompleteSchema ? props.body : props;
+    super(more2);
+    this.type = type;
+    this.blocks = new TableSchema$1(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;
+  }
+  getTablePanel() {
+    return this.blocks;
+  }
+  getAllJSON() {
+    const res = super.getAllJSON();
+    return { ...res, type: "blocks" };
+  }
+  toJSON() {
+    return {
+      type: this.type,
+      blocks: this.blocks.getJSON().columns
+    };
+  }
+  setBlocks(blocks) {
+    this.blocks = blocks;
+  }
+}
+__publicField(BlocksSchema, "Table", TableSchema$1);
 class FormInfo extends JSONWatch {
   constructor(props) {
     const {
@@ -3084,11 +3205,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 +3251,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 {
@@ -7694,7 +7815,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$d = {
+var styles$e = {
   dsType: dsType$1,
   dsJSONContent: dsJSONContent$1,
   dsJSONContentTip: dsJSONContentTip$1,
@@ -13065,23 +13186,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) {
@@ -13154,8 +13275,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,
@@ -13867,10 +13988,10 @@ function emitterVSCodeMessage(action, content2) {
 function emitSave(fileMapContent) {
   emitterVSCodeMessage(EMIT_EVENT_ACTION_SAVE, fileMapContent);
 }
-const buildSchema = (schemaType, api2, mainDataSource, moreProps) => {
+const buildSchema = (schemaType, api, mainDataSource, moreProps) => {
   let schemaObj = null;
   if (schemaType === "ftp") {
-    schemaObj = new FtpSchema$1({ host: api2, title: "" });
+    schemaObj = new FtpSchema$1({ host: api, title: "" });
     const realDataSource = {
       ...mainDataSource,
       type: "ajax",
@@ -13883,14 +14004,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"
@@ -13898,7 +14019,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,
@@ -13907,10 +14028,10 @@ const buildSchema = (schemaType, api2, mainDataSource, moreProps) => {
           detailData: "$RET.data"
         }
       };
-      schemaObj = new DetailSchema({ host: api2, title: "", initDataSource: realDataSource });
+      schemaObj = new DetailSchema({ host: api, title: "", initDataSource: realDataSource });
     }
   } else if (schemaType === "edit-table") {
-    schemaObj = new FtpSchema({ host: api2, title: "", ...moreProps });
+    schemaObj = new FtpSchema({ host: api, title: "", ...moreProps });
     const realDataSource = {
       ...mainDataSource,
       type: "ajax",
@@ -13937,8 +14058,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;
 };
@@ -13947,11 +14068,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();
@@ -14594,7 +14715,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$d.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, {
@@ -14605,7 +14726,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$d.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, {
@@ -14616,7 +14737,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$d.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, {
@@ -14627,7 +14748,7 @@ function DataSourceSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$d.staticValueOkBtn,
+        className: styles$e.staticValueOkBtn,
         size: "small",
         onClick: onOkStatic
       }, "\u786E\u5B9A")) : null) : null);
@@ -14656,12 +14777,12 @@ function DataSourceSelect(props) {
         type: "primary",
         text: true,
         size: "small",
-        className: styles$d.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$d.dsTitle
+      className: styles$e.dsTitle
     }, "\u5165\u53C2:"), /* @__PURE__ */ React$1.createElement("div", {
       style: { marginBottom: 8 }
     }, /* @__PURE__ */ React$1.createElement(Button, {
@@ -14695,9 +14816,9 @@ function DataSourceSelect(props) {
   };
   const renderWatch = () => {
     return /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$d.watchContainer
+      className: styles$e.watchContainer
     }, /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$d.dsTitleWatch
+      className: styles$e.dsTitleWatch
     }, "\u89E6\u53D1\u65F6\u673A:"), /* @__PURE__ */ React$1.createElement(Select$2, {
       mode: "multiple",
       showSearch: true,
@@ -14975,7 +15096,7 @@ function DataSourceSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$d.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, {
@@ -14986,7 +15107,7 @@ function DataSourceSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$d.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, {
@@ -14997,7 +15118,7 @@ function DataSourceSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$d.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, {
@@ -15008,7 +15129,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$d.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, {
@@ -15019,7 +15140,7 @@ function DataSourceSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$d.staticValueOkBtn,
+        className: styles$e.staticValueOkBtn,
         size: "small",
         onClick: onOkRecordData
       }, "\u786E\u5B9A")) : null) : null);
@@ -15057,9 +15178,9 @@ function DataSourceSelect(props) {
       }, "\u5220\u9664");
     };
     return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$d.dsTitle
+      className: styles$e.dsTitle
     }, "\u683C\u5F0F\u5316\u51FA\u53C2:"), /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$d.actionButton
+      className: styles$e.actionButton
     }, /* @__PURE__ */ React$1.createElement(Button, {
       onClick: onResponseAdd,
       size: "small"
@@ -15089,9 +15210,9 @@ function DataSourceSelect(props) {
     })));
   };
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$d.dsContainer
+    className: styles$e.dsContainer
   }, hasExtra && !defaultAjax ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$d.dsType
+    className: styles$e.dsType
   }, /* @__PURE__ */ React$1.createElement(RadioGroup$1, {
     value: typeValue,
     onChange: onTypeChange,
@@ -15121,9 +15242,9 @@ function DataSourceSelect(props) {
     filter: mainDataSourceFilter,
     ...selectProps
   }) : null, hasExtra && typeValue === "json" ? /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$d.dsJSONContent
+    className: styles$e.dsJSONContent
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$d.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) => {
@@ -15136,9 +15257,9 @@ function DataSourceSelect(props) {
       }
     }
   })) : null, hasExtra && typeValue === "ajax" ? /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$d.dsAjaxContent
+    className: styles$e.dsAjaxContent
   }, showWatch && !defaultAjax && renderWatch(), renderParamsTable(), renderFormatResponse()) : null, hasExtra && showSecondConfirm && typeValue === "ajax" ? /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$d.secondConfirm
+    className: styles$e.secondConfirm
   }, /* @__PURE__ */ React$1.createElement(Checkbox, {
     checked: secondConfirmValue,
     onChange: secondConfirmChange
@@ -15169,7 +15290,7 @@ const dsTitleWatch = "_dsTitleWatch_1islj_28";
 const staticValueOkBtn = "_staticValueOkBtn_1islj_33";
 const tableDeleteBtn = "_tableDeleteBtn_1islj_37";
 const secondConfirm = "_secondConfirm_1islj_41";
-var styles$c = {
+var styles$d = {
   dsType,
   dsJSONContent,
   dsJSONContentTip,
@@ -15532,7 +15653,7 @@ function ParamsSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$d.staticValueOkBtn,
         size: "small",
         onClick: onOkQuery
       }, "\u786E\u5B9A")) : null, panelSelectValue === "$PARAMS" ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -15543,7 +15664,7 @@ function ParamsSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$d.staticValueOkBtn,
         size: "small",
         onClick: onOkParams
       }, "\u786E\u5B9A")) : null, panelSelectValue === "$TABLE.RECORD_DATA" ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -15554,7 +15675,7 @@ function ParamsSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$d.staticValueOkBtn,
         size: "small",
         onClick: onOkRecordData
       }, "\u786E\u5B9A")) : null, panelSelectValue === "$FORM" ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Input$1, {
@@ -15565,7 +15686,7 @@ function ParamsSelect(props) {
         size: "small",
         placeholder: "\u8BF7\u8F93\u5165\u503C"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.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, {
@@ -15576,7 +15697,7 @@ function ParamsSelect(props) {
         placeholder: "\u8BF7\u8F93\u5165\u503C",
         size: "small"
       }), /* @__PURE__ */ React$1.createElement(Button, {
-        className: styles$c.staticValueOkBtn,
+        className: styles$d.staticValueOkBtn,
         size: "small",
         onClick: onOkStatic
       }, "\u786E\u5B9A")) : null) : null);
@@ -15605,7 +15726,7 @@ function ParamsSelect(props) {
         type: "primary",
         text: true,
         size: "small",
-        className: styles$c.tableDeleteBtn,
+        className: styles$d.tableDeleteBtn,
         onClick: () => commonTableDelete(value2, index2, record, "params")
       }, "\u5220\u9664"));
     };
@@ -15633,9 +15754,9 @@ function ParamsSelect(props) {
     })));
   };
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$c.dsContainer
+    className: styles$d.dsContainer
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$c.dsAjaxContent
+    className: styles$d.dsAjaxContent
   }, renderParamsTable()));
 }
 const { connect: connect$7, mapReadPretty: mapReadPretty$6, mapProps: mapProps$7 } = formilyReact;
@@ -15809,7 +15930,7 @@ Select$1.AutoComplete = connect$4(
 );
 const container = "_container_t9q14_1";
 const footer = "_footer_t9q14_8";
-var styles$b = {
+var styles$c = {
   container,
   footer
 };
@@ -15909,14 +16030,14 @@ const FormilyForm = (props) => {
         fixedSpan: 8
       },
       size: "small",
-      className: styles$b.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$b.footer
+    className: styles$c.footer
   }, /* @__PURE__ */ React$1.createElement(Submit, {
     ...SubmitProps
   }, "\u63D0\u4EA4")));
@@ -16474,9 +16595,9 @@ function AjaxFormDialog({ title: title2 = "\u6570\u636E\u6E90\u914D\u7F6E", sche
     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);
       }
@@ -19229,6 +19350,53 @@ var cnGraphicsPercent = (params) => {
     }
   };
 };
+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 || [],
+          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"
+        },
+        "x-designable-id": "loa5555d8t3"
+      }
+    }
+  };
+};
 var Columns = {
   text: TextSchema,
   tpl: TplSchema,
@@ -19246,7 +19414,8 @@ var Columns = {
   "cn-bank": CnBank,
   "cn-image-text": CnImageText,
   "cn-progress": CnProgress,
-  "cn-graphics-percent": cnGraphicsPercent
+  "cn-graphics-percent": cnGraphicsPercent,
+  "blocks-table": BlocksTable
 };
 var TablePagination = {
   form: {
@@ -23763,7 +23932,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$a = {
+var styles$b = {
   mddTableForm,
   tableFormTitle,
   tableFormContent,
@@ -23841,7 +24010,7 @@ const TitleRender$2 = (props) => {
     setValue({ ...value });
     onChange(value, key);
   };
-  const cls = classnames.bind(styles$a)({
+  const cls = classnames.bind(styles$b)({
     itemTitle: "itemTitle",
     "drop-over-upward": isOver && index2 < sourceItem.index,
     "drop-over-downward": isOver && index2 > sourceItem.index
@@ -23857,9 +24026,9 @@ const TitleRender$2 = (props) => {
     onChange: (v2) => titleChange("label", v2),
     placeholder: "\u8F93\u5165\u4E2D\u6587\u540D"
   }), titleType.includes("type") && /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$a.itemComponent
+    className: styles$b.itemComponent
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$a.itemLabel
+    className: styles$b.itemLabel
   }, "\u7EC4\u4EF6: "), /* @__PURE__ */ React$1.createElement(Select$2, {
     size: "small",
     autoWidth: false,
@@ -23878,9 +24047,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$a.itemComponent
+    className: styles$b.itemComponent
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$a.itemLabel
+    className: styles$b.itemLabel
   }, "\u5206\u7EC4: "), /* @__PURE__ */ React$1.createElement(Input$1, {
     size: "small",
     value: groupKey,
@@ -23889,7 +24058,7 @@ const TitleRender$2 = (props) => {
   })), /* @__PURE__ */ React$1.createElement(Icon, {
     type: "close",
     size: "small",
-    className: styles$a.itemClose,
+    className: styles$b.itemClose,
     onClick: onRemove
   }));
 };
@@ -23906,6 +24075,7 @@ const ContentRender$2 = (props) => {
   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());
@@ -23913,7 +24083,7 @@ const ContentRender$2 = (props) => {
     [watchFields(listSchema)]
   );
   const realSchema = useMemo(() => {
-    const srcSchema = getRealSchema(formilySchema2 || schema, { moduleDataSource, listSchema });
+    const srcSchema = getRealSchema(formilySchema2 || schema, { moduleDataSource, listSchema, blocksDataSource });
     return getRealCompSchema(srcSchema, extraFieldSchema2);
   }, [formilySchema2, schema, extraFieldSchema2, moduleDataSource, uuid, listSchema]);
   const formilyForm = useMemo(() => {
@@ -23941,7 +24111,7 @@ const ContentRender$2 = (props) => {
     };
   }, [type, updateForceFLag, realSchema]);
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$a.collapseContent
+    className: styles$b.collapseContent
   }, /* @__PURE__ */ React$1.createElement(FormilyForm$1, {
     ...formilyForm,
     hiddenSubmit: true
@@ -24016,9 +24186,9 @@ function MddTableForm(props, ref) {
     forceUpdate();
   };
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$a.mddTableForm
+    className: styles$b.mddTableForm
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$a.tableFormTitle
+    className: styles$b.tableFormTitle
   }, /* @__PURE__ */ React$1.createElement("div", null, title2, tip && /* @__PURE__ */ React$1.createElement(Tooltip, {
     trigger: /* @__PURE__ */ React$1.createElement(Icon, {
       type: "help",
@@ -24026,9 +24196,9 @@ function MddTableForm(props, ref) {
     }),
     align: "t"
   }, tip)), actionContent && /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$a.tableFormAction
+    className: styles$b.tableFormAction
   }, actionContent)), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$a.tableFormContent
+    className: styles$b.tableFormContent
   }, /* @__PURE__ */ React$1.createElement(DndProvider, {
     backend: HTML5Backend
   }, /* @__PURE__ */ React$1.createElement(Collapse, {
@@ -24070,7 +24240,7 @@ function MddTableForm(props, ref) {
       }
     }));
   })))), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$a.tableFormBottom
+    className: styles$b.tableFormBottom
   }, /* @__PURE__ */ React$1.createElement(Button, {
     onClick: onAddHandle,
     style: { padding: "0 48px" }
@@ -24110,7 +24280,7 @@ const FormTitle = "_FormTitle_1e2nn_20";
 const FormTitleHelp = "_FormTitleHelp_1e2nn_24";
 const FormContent = "_FormContent_1e2nn_30";
 const content = "_content_1e2nn_35";
-var styles$9 = {
+var styles$a = {
   mddForm,
   FormTitle,
   FormTitleHelp,
@@ -24140,7 +24310,7 @@ const ContentRender$1 = (props) => {
     };
   }, [schema]);
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.content
+    className: styles$a.content
   }, /* @__PURE__ */ React$1.createElement(FormilyForm$1, {
     ...formilyForm,
     hiddenSubmit: true
@@ -24160,14 +24330,14 @@ function MddForm(props) {
     contentStyle
   } = props;
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.mddForm,
+    className: styles$a.mddForm,
     style: style2
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.FormTitle
+    className: styles$a.FormTitle
   }, title2), help && /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.FormTitleHelp
+    className: styles$a.FormTitleHelp
   }, help), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$9.FormContent,
+    className: styles$a.FormContent,
     style: contentStyle
   }, children || /* @__PURE__ */ React$1.createElement(ContentRender$1, {
     values: data,
@@ -24295,6 +24465,10 @@ const columnsTypeOptions = [
     value: "images",
     label: "\u9644\u4EF6/\u56FE\u7247"
   },
+  {
+    value: "blocks-table",
+    label: "\u5217\u8868\u533A\u5757"
+  },
   {
     value: "custom",
     label: "\u81EA\u5B9A\u4E49"
@@ -24580,7 +24754,7 @@ 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();
@@ -24591,7 +24765,7 @@ function TablePanel$2({ schema, swaggerFields = [] }) {
     schema.on("$updated", (changeData, ignoreUpdate) => {
       !ignoreUpdate && forceUpdate({});
     });
-    hackRowDetail(schema);
+    hackRowDetail$1(schema);
   }, []);
   const primaryKey = schema.get("primaryKey");
   const bulkActions = schema.get("bulkActions");
@@ -24875,7 +25049,7 @@ 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);
@@ -24903,7 +25077,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];
@@ -24917,11 +25091,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) {
@@ -25080,7 +25254,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) + ".";
@@ -25136,7 +25310,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$8 = {
+var styles$9 = {
   mddTableArray: mddTableArray$1,
   tableArrayTitle: tableArrayTitle$1,
   tableArrayContent: tableArrayContent$1,
@@ -25181,7 +25355,7 @@ const TitleRender$1 = (props) => {
   });
   const opacity = isDragging ? 0 : 1;
   draggable && drag(drop(ref));
-  const cls = classnames.bind(styles$8)({
+  const cls = classnames.bind(styles$9)({
     itemTitle: "itemTitle",
     "drop-over-upward": isOver && index2 < sourceItem.index,
     "drop-over-downward": isOver && index2 > sourceItem.index
@@ -25194,7 +25368,7 @@ const TitleRender$1 = (props) => {
   }, customRender && customRender({ data, index: index2, onChange, moduleDataSource }), /* @__PURE__ */ React$1.createElement(Icon, {
     type: "close",
     size: "small",
-    className: styles$8.itemClose,
+    className: styles$9.itemClose,
     onClick: onRemove
   }));
 };
@@ -25231,9 +25405,9 @@ function MddTableSimpleArray(props) {
     onChange({ record, index: index2, data });
   };
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$8.mddTableArray
+    className: styles$9.mddTableArray
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$8.tableArrayTitle
+    className: styles$9.tableArrayTitle
   }, title2, tip && /* @__PURE__ */ React$1.createElement(Balloon, {
     trigger: /* @__PURE__ */ React$1.createElement(Icon, {
       type: "help",
@@ -25241,7 +25415,7 @@ function MddTableSimpleArray(props) {
     }),
     align: "t"
   }, tip)), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$8.tableArrayContent
+    className: styles$9.tableArrayContent
   }, /* @__PURE__ */ React$1.createElement(DndProvider, {
     backend: HTML5Backend
   }, /* @__PURE__ */ React$1.createElement(Collapse, {
@@ -25260,28 +25434,28 @@ function MddTableSimpleArray(props) {
         customRender: titleRender
       })
     }, /* @__PURE__ */ React$1.createElement("div", {
-      className: styles$8.collapseContent
+      className: styles$9.collapseContent
     }, contentRender2({ data: item, index: idx, onChange: onTableArrayChange })));
   })))), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$8.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$7 = {
-  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 = [
   {
@@ -25336,47 +25510,47 @@ function contentRender$1(props) {
   };
   const moduleValue = schema.get("value");
   return /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.middleBox
+    className: styles$8.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$7.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$7.middleBoxRight,
+    className: styles$8.middleBoxRight,
     value: moduleValue,
     onChange: (val) => onBaseInfoChange("value", val)
   })), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.middleBox
+    className: styles$8.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$7.middleBoxLeft
+    className: styles$8.middleBoxLeft
   }, "\u6A21\u5757\u53C2\u6570\uFF1A"), /* @__PURE__ */ React$1.createElement(TableFormProxy, {
-    className: styles$7.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$7.middleBox
+    className: styles$8.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$7.middleBoxLeft
+    className: styles$8.middleBoxLeft
   }, "\u63A5\u53E3\u8BF7\u6C42KEY\uFF1A"), /* @__PURE__ */ React$1.createElement(Input$1, {
-    className: styles$7.middleBoxRight,
+    className: styles$8.middleBoxRight,
     value: schema.get("dataIndex"),
     size: "small",
     onChange: (v2) => onBaseInfoChange("dataIndex", v2)
   })), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.middleBox
+    className: styles$8.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$7.middleBoxLeft
+    className: styles$8.middleBoxLeft
   }, "\u9ED8\u8BA4\u503C\uFF1A"), /* @__PURE__ */ React$1.createElement(DynamicValueBase, {
-    className: styles$7.middleBoxRight,
+    className: styles$8.middleBoxRight,
     value: schema.get("defaultTabValue"),
     size: "small",
     onChange: (v2) => onBaseInfoChange("defaultTabValue", v2)
   })), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.middleBox
+    className: styles$8.middleBox
   }, /* @__PURE__ */ React$1.createElement("label", {
-    className: styles$7.middleBoxLeft
+    className: styles$8.middleBoxLeft
   }, "\u591A\u6807\u7B7E\u6570\u636E\u6E90\uFF1A"), /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.middleBoxRight
+    className: styles$8.middleBoxRight
   }, /* @__PURE__ */ React$1.createElement(AjaxSchemaForm, {
     schema: schema.getSourcePanel(),
     isSelectType: false
@@ -25389,16 +25563,16 @@ function contentRender$1(props) {
     href: "https://alidocs.dingtalk.com/i/nodes/dpYLaezmVNRMGX56C1ZxqyYdVrMqPxX6"
   }, "\u6587\u6863"))))));
 }
-const CustomTabItem$4 = ({ title: title2, icon }) => {
+const CustomTabItem$5 = ({ title: title2, icon }) => {
   return /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.customTabItem
+    className: styles$8.customTabItem
   }, /* @__PURE__ */ React$1.createElement("div", {
-    className: styles$7.tabTitle
+    className: styles$8.tabTitle
   }, /* @__PURE__ */ React$1.createElement(Icon, {
     type: icon,
     size: "small"
   }), /* @__PURE__ */ React$1.createElement("span", {
-    className: styles$7.tabLabel
+    className: styles$8.tabLabel
   }, title2)));
 };
 function FtpBuild$1({ schema, moduleMap }) {
@@ -25413,7 +25587,7 @@ function FtpBuild$1({ schema, moduleMap }) {
     shape: "wrapped",
     tabPosition: "left",
     className: "build-page-tab",
-    tabRender: (key, props) => /* @__PURE__ */ React$1.createElement(CustomTabItem$4, {
+    tabRender: (key, props) => /* @__PURE__ */ React$1.createElement(CustomTabItem$5, {
       key,
       ...props
     })
@@ -25438,7 +25612,7 @@ function FtpBuild$1({ schema, moduleMap }) {
   })), /* @__PURE__ */ React$1.createElement(Tab.Item, {
     title: "\u5185\u5BB9\u533A",
     icon: "detail"
-  }, /* @__PURE__ */ React$1.createElement(TablePanel$2, {
+  }, /* @__PURE__ */ React$1.createElement(TablePanel$3, {
     schema: schema.getTablePanel(),
     swaggerFields: responseFields,
     moduleMap
@@ -25455,6 +25629,106 @@ function FtpBuild$1({ schema, moduleMap }) {
     isSelectType: false
   }))));
 }
+function TablePanel$2({ schema, swaggerFields = [] }) {
+  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 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 CustomTabItem$4 = ({ title: title2, icon }) => {
+  return /* @__PURE__ */ React$1.createElement("div", {
+    className: styles$7.customTabItem
+  }, /* @__PURE__ */ React$1.createElement("div", {
+    className: styles$7.tabTitle
+  }, /* @__PURE__ */ React$1.createElement(Icon, {
+    type: icon,
+    size: "small"
+  }), /* @__PURE__ */ React$1.createElement("span", {
+    className: styles$7.tabLabel
+  }, title2)));
+};
+function BlocksBuild({ schema, moduleMap }) {
+  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$4, {
+      key,
+      ...props
+    })
+  }, /* @__PURE__ */ React$1.createElement(Tab.Item, {
+    title: "\u5185\u5BB9\u533A",
+    icon: "detail"
+  }, /* @__PURE__ */ React$1.createElement(TablePanel$2, {
+    schema: schema.getTablePanel()
+  })));
+}
 const mddTableArray = "_mddTableArray_16ght_1";
 const tableArrayTitle = "_tableArrayTitle_16ght_14";
 const tableArrayContent = "_tableArrayContent_16ght_18";
@@ -26156,7 +26430,9 @@ function DetailColumns(props) {
     defaultValue: data.get("columnsDirection")
   }, /* @__PURE__ */ React$1.createElement(CnRadio, {
     value: "row"
-  }, "\u5DE6\u53F3\u5E03\u5C40"))), /* @__PURE__ */ React$1.createElement(Form.Item, {
+  }, "\u5DE6\u53F3\u5E03\u5C40"), /* @__PURE__ */ React$1.createElement(CnRadio, {
+    value: "column"
+  }, "\u4E0A\u4E0B\u5E03\u5C40"))), /* @__PURE__ */ React$1.createElement(Form.Item, {
     labelAlign: "left",
     label: "\u9690\u85CF\u5361\u7247\u5934\u90E8",
     name: "hideCardTitle"
@@ -27266,6 +27542,7 @@ function MDDEditor(props) {
     customSchema,
     moduleDataSource,
     refreshModuleDataSource,
+    blocksDataSource,
     moduleMap = /* @__PURE__ */ new Map(),
     scriptTopButtons = []
   } = props;
@@ -27276,7 +27553,8 @@ function MDDEditor(props) {
   React$1.useEffect(() => {
     setModules({
       $ModuleDataSource: moduleDataSource,
-      $RefreshModuleDataSource: refreshModuleDataSource
+      $RefreshModuleDataSource: refreshModuleDataSource,
+      $BlocksDataSource: blocksDataSource
     });
     console.log("moduleDataSource: ", moduleDataSource);
     window.__MDD_ModuleDataSource = moduleDataSource;
@@ -27387,6 +27665,9 @@ function getCompAndSchemaFromSchemaJson(schemaJson, customComponent, customSchem
     case "edit-table": {
       return [customComponent || FtpBuild, customSchema || FtpSchema];
     }
+    case "blocks-table": {
+      return [customComponent || BlocksBuild, customSchema || BlocksSchema];
+    }
     default:
       return null;
   }