@cniot/mdd-editor 0.2.0-beta.7 → 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 = [],
@@ -2637,6 +2637,12 @@ function api2SchemaFromSwaggerApiInfo(api, schemaType, apiInfo, extraSchema = {}
       },
       headerToolbar: []
     };
+  } else if (schemaType === "blocks-table") {
+    result.type = "blocks";
+    result.body = {
+      type: "blocks-table",
+      blocks: []
+    };
   }
   return merge_1(result, extraSchema);
 }
@@ -2784,7 +2790,7 @@ class FtpSchema$1 extends Schema {
     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();
   }
@@ -2951,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 {
@@ -7723,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,
@@ -14623,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, {
@@ -14634,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, {
@@ -14645,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, {
@@ -14656,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);
@@ -14685,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, {
@@ -14724,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,
@@ -15004,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, {
@@ -15015,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, {
@@ -15026,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, {
@@ -15037,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, {
@@ -15048,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);
@@ -15086,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"
@@ -15118,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,
@@ -15150,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) => {
@@ -15165,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
@@ -15198,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,
@@ -15561,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, {
@@ -15572,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, {
@@ -15583,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, {
@@ -15594,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, {
@@ -15605,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);
@@ -15634,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"));
     };
@@ -15662,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;
@@ -15838,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
 };
@@ -15938,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")));
@@ -19258,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,
@@ -19275,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: {
@@ -23792,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,
@@ -23870,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
@@ -23886,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,
@@ -23907,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,
@@ -23918,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
   }));
 };
@@ -23935,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());
@@ -23942,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(() => {
@@ -23970,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
@@ -24045,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",
@@ -24055,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, {
@@ -24099,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" }
@@ -24139,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,
@@ -24169,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
@@ -24189,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,
@@ -24324,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"
@@ -24609,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();
@@ -24620,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");
@@ -24904,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);
@@ -25165,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,
@@ -25210,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
@@ -25223,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
   }));
 };
@@ -25260,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",
@@ -25270,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, {
@@ -25289,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 = [
   {
@@ -25365,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
@@ -25418,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 }) {
@@ -25442,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
     })
@@ -25467,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
@@ -25484,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";
@@ -27297,6 +27542,7 @@ function MDDEditor(props) {
     customSchema,
     moduleDataSource,
     refreshModuleDataSource,
+    blocksDataSource,
     moduleMap = /* @__PURE__ */ new Map(),
     scriptTopButtons = []
   } = props;
@@ -27307,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;
@@ -27418,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;
   }