@hzab/list-render 1.10.20-alpha.0 → 1.10.20

package/src/components/Formily/SchemaToArrayTable.ts

@@ -1,266 +0,0 @@
-import { cloneDeep } from "lodash";
-import { nanoidNumALetters } from "@hzab/utils/src/nanoid";
-import { Schema } from "@formily/json-schema";
-
-/**
- * 普通的 schema 表单字段转为自增表格的列
- * @returns
- */
-export class SchemaToArrayTable {
-  _schema: {
-    form: {};
-    schema: Schema;
-  };
-  option = {};
-  constructor(params) {
-    const { schema, option } = params || {};
-    this._schema = cloneDeep(schema);
-    this.option = option || {};
-  }
-  /**
-   * 处理 schema，把普通的 schema 表单字段转为自增表格的列
-   * @returns
-   */
-  handleSchema(schema = this._schema, opt?) {
-    const { isDargTable, hasAction } = opt || this.option;
-    const schemaTpl = this.getSchemaTpl();
-    const properties: Record<string, any> = {};
-    // schema 布局信息
-    schemaTpl.form = {
-      ...schema.form,
-    };
-
-    // 添加拖拽排序列
-    isDargTable && this.pushItem(properties, this.getSortTpl());
-    // 添加序号
-    isDargTable && this.pushItem(properties, this.getIndexTpl());
-    // 处理表单数据列
-    Object.keys(schema.schema?.properties).forEach((key, i) => {
-      const it = schema.schema?.properties[key];
-      // @ts-ignore
-      if (it.inTable === false) {
-        return;
-      }
-      this.pushItem(properties, this.handleCol(it));
-    });
-    // 添加操作列
-    hasAction !== false && this.pushItem(properties, this.getActionsTpl());
-    // 添加移动排序操作列
-    isDargTable && this.pushItem(properties, this.getMoveActionsTpl());
-
-    schemaTpl.schema.properties.arrayTable.items.properties = properties;
-    console.log("schemaTpl", schemaTpl);
-
-    return schemaTpl;
-  }
-  /**
-   * 处理列的数据
-   * @param {*} item
-   * @param {*} idx
-   * @returns
-   */
-  handleCol(item, idx = 0) {
-    const id = `${item.name}-${nanoidNumALetters()}`;
-    const _item = cloneDeep(item);
-    _item.title = "";
-    return {
-      type: "void",
-      "x-component": "ArrayTable.Column",
-      "x-component-props": {
-        title: item.title,
-      },
-      "x-designable-id": id,
-      name: id,
-      "x-index": idx,
-      properties: {
-        [item.name]: _item,
-      },
-    };
-  }
-  /**
-   * 在 properties 中指定序号添加一项
-   * @param {*} properties
-   * @param {*} item
-   * @param {*} idx
-   */
-  addItem(properties, item, idx) {
-    // 数组存放实际顺序
-    const arr = [];
-    // 获取当前排序的数组
-    Object.keys(properties).forEach((key) => {
-      const it = properties[key];
-      arr[it["x-index"]] = it;
-    });
-    // 在指定位置添加项
-    arr.splice(idx, 0, item);
-    // 根据数组顺序更新源数据
-    arr.forEach((it) => {
-      properties[it.name] = it;
-    });
-    return properties;
-  }
-  /**
-   * 在 properties 中添加一项
-   * @param {*} properties
-   * @param {*} item
-   */
-  pushItem(properties, item) {
-    properties[item.name] = cloneDeep(item);
-    properties[item.name]["x-index"] = Object.keys(properties).length - 1;
-    return properties;
-  }
-  sortItems() {}
-  /**
-   * 获取 schema 模板字符串
-   * @returns
-   */
-  getSchemaTpl() {
-    return {
-      form: {},
-      schema: {
-        type: "object",
-        properties: {
-          arrayTable: {
-            type: "array",
-            "x-decorator": "FormItem",
-            "x-component": "ArrayTable",
-            "x-validator": [],
-            "x-component-props": {
-              pagination: false,
-              onSortStart() {
-                console.log("onSortStart");
-              },
-              onSortEnd() {
-                console.log("onSortEnd");
-              },
-            },
-            "x-decorator-props": {},
-            "x-designable-id": "arrayTable",
-            "x-index": 0,
-            items: {
-              type: "object",
-              "x-designable-id": "gbmerqeme8g",
-              properties: {
-                // 自增表格列
-              },
-            },
-            // 新增按钮
-            properties: {
-              // cs1marpxdon: {
-              //   type: "void",
-              //   title: "Addition",
-              //   "x-component": "ArrayTable.Addition",
-              //   "x-designable-id": "cs1marpxdon",
-              //   "x-index": 0,
-              // },
-            },
-          },
-        },
-        "x-designable-id": "un3pxnx4ong",
-      },
-    };
-  }
-  /**
-   * 获取排序列模板字符串
-   * @returns
-   */
-  getSortTpl() {
-    return {
-      name: "sort",
-      type: "void",
-      "x-component": "ArrayTable.Column",
-      "x-component-props": {
-        title: "",
-      },
-      "x-designable-id": "l3z7t4ff7zw",
-      "x-index": 0,
-      properties: {
-        g0cxfnsnevh: {
-          type: "void",
-          "x-component": "ArrayTable.SortHandle",
-          "x-designable-id": "g0cxfnsnevh",
-          "x-index": 0,
-        },
-      },
-    };
-  }
-  getIndexTpl() {
-    return {
-      name: "index",
-      type: "void",
-      "x-component": "ArrayTable.Column",
-      "x-component-props": {
-        title: "序号",
-      },
-      "x-designable-id": "4ps6b3ut7ft",
-      properties: {
-        TableIndex: {
-          type: "void",
-          "x-component": "TableIndex",
-          "x-designable-id": "TableIndex",
-          "x-index": 0,
-        },
-      },
-    };
-  }
-  /**
-   * 获取操作列模板字符串
-   * @returns
-   */
-  getActionsTpl() {
-    return {
-      name: "actions",
-      type: "void",
-      "x-component": "ArrayTable.Column",
-      "x-component-props": {
-        title: "操作",
-      },
-      "x-designable-id": "actions",
-      properties: {
-        tableActions: {
-          type: "void",
-          "x-component": "TableActions",
-          "x-designable-id": "tableActions",
-          "x-index": 0,
-        },
-      },
-    };
-  }
-  /**
-   * 获取移动排序操作列模板字符串
-   * @returns
-   */
-  getMoveActionsTpl() {
-    return {
-      name: "move-actions",
-      type: "void",
-      "x-component": "ArrayTable.Column",
-      "x-component-props": {
-        title: "",
-      },
-      "x-designable-id": "move-actions",
-      properties: {
-        xynjkn08lvp: {
-          type: "void",
-          "x-component": "ArrayTable.Remove",
-          "x-designable-id": "xynjkn08lvp",
-          "x-index": 0,
-        },
-        gvl20uo8m8q: {
-          type: "void",
-          "x-component": "ArrayTable.MoveDown",
-          "x-designable-id": "gvl20uo8m8q",
-          "x-index": 1,
-        },
-        "4c8wbndejhy": {
-          type: "void",
-          "x-component": "ArrayTable.MoveUp",
-          "x-designable-id": "4c8wbndejhy",
-          "x-index": 2,
-        },
-      },
-    };
-  }
-}
-
-export default SchemaToArrayTable;