@gct-paas/design 0.1.4-dev.10 → 0.1.4-dev.11

package/es/schema/search/BaseSearch.d.ts

@@ -0,0 +1,141 @@
+import { IBasicSchema, SearchWidgets } from '@gct-paas/schema';
+import { FIELD_TYPE, PropGroup, SEARCH_SERVICE, SearchComponents } from '@gct-paas/core';
+export declare function getSearchOptions(type: SearchWidgets['props']['fieldType'] | 'more' | 'rangtype' | 'ignore'): {
+    label: string;
+    value: string;
+}[];
+declare class BaseSearch {
+    /**
+     * BaseSearch 单例实例
+     */
+    static instance: IObject | undefined;
+    /** 组件唯一标识 */
+    id: string;
+    /** 组件名称 */
+    name: string | undefined;
+    /**组件类型 需和文件名一致 */
+    type: SearchComponents | undefined;
+    /**i18n字段 */
+    i18n: Record<string, string>;
+    /**字段key */
+    field: string;
+    /**字段id */
+    fieldId: string;
+    /**字段类型 */
+    fieldType: FIELD_TYPE | undefined;
+    /**字段名称 */
+    label: string;
+    /** 默认值 */
+    defaultValue: string | undefined;
+    /**显示标题 */
+    displayLabelText: boolean;
+    clearable: boolean;
+    ope: SEARCH_SERVICE[];
+    placeholder: string;
+    constructor();
+    get baseAttrs(): {
+        id: string;
+        name: string | undefined;
+        type: SearchComponents | undefined;
+        i18n: Record<string, string>;
+    };
+    get baseProps(): {
+        hidden: boolean;
+        displayType?: import('@gct-paas/core').DisplayType;
+        displayRule?: string;
+        modeldata?: {
+            modelType?: import('@gct-paas/core').EntityModelTypeEnum;
+            modelCategory?: import('@gct-paas/core').EntityModelCategoryEnum;
+            subModel?: 0 | 1;
+            supportProcess?: 0 | 1;
+        };
+        componentDependency: {
+            sortDependency: import('@gct-paas/core').Dependency_ENUM[];
+            configDependency: import('@gct-paas/schema').IDependency;
+        };
+        deviceConnectivity: boolean;
+        field: string;
+        fieldId: string;
+        fieldType: FIELD_TYPE | undefined;
+        label: string;
+        displayLabelText: boolean;
+        defaultValue: string | undefined;
+        clearable: boolean;
+        ope: SEARCH_SERVICE[];
+        placeholder: string;
+    };
+    get labelEditor(): ({
+        component: string;
+        name: string;
+        label: string;
+        group: PropGroup;
+        _config: {
+            formItemCheckbox: {
+                label: string;
+                propsKey: string;
+            };
+            needFieldAttrs?: undefined;
+        };
+        hidden?: undefined;
+    } | {
+        component: string;
+        name: string;
+        label: string;
+        group: PropGroup;
+        _config: {
+            needFieldAttrs: string[];
+            formItemCheckbox?: undefined;
+        };
+        hidden: (widget: IBasicSchema) => any;
+    } | {
+        component: string;
+        name: string;
+        label: string;
+        group: PropGroup;
+        hidden: (widget: IBasicSchema) => any;
+        _config?: undefined;
+    })[];
+    get placeholderEditor(): {
+        component: string;
+        name: string;
+        label: string;
+        group: PropGroup;
+        _config: {
+            i18n: boolean;
+            showCount: boolean;
+            maxlength: number;
+        };
+    };
+    get isRangEditor(): {
+        component: string;
+        name: string;
+        label: string;
+        group: PropGroup;
+        changeCallback(widget: SearchWidgets, isRang: boolean): void;
+    };
+    get moreOptionsEditor(): {
+        component: string;
+        name: string;
+        label: string;
+        group: PropGroup;
+        _config: {
+            options: () => {
+                label: string;
+                value: string;
+            }[];
+        };
+    };
+    get ignoreEditor(): {
+        component: string;
+        name: string;
+        label: string;
+        group: PropGroup;
+        _config: {
+            options: () => {
+                label: string;
+                value: string;
+            }[];
+        };
+    };
+}
+export { BaseSearch };

package/es/schema/search/BaseSearch.mjs

@@ -0,0 +1,160 @@
+import { SEARCH_TYPE } from '@gct-paas/schema';
+import { PropGroup, SEARCH_SERVICE } from '@gct-paas/core';
+import { displayProps } from '../common-config/display-editor-config.mjs';
+
+function getSearchOptions(type) {
+  return SEARCH_TYPE[type].filter?.map((i) => {
+    return { label: `sys.model.${i}`, value: i };
+  }) || [];
+}
+class BaseSearch {
+  /**
+   * BaseSearch 单例实例
+   */
+  static instance;
+  /** 组件唯一标识 */
+  id;
+  /** 组件名称 */
+  name;
+  /**组件类型 需和文件名一致 */
+  type;
+  /**i18n字段 */
+  i18n;
+  /**字段key */
+  field;
+  /**字段id */
+  fieldId;
+  /**字段类型 */
+  fieldType;
+  /**字段名称 */
+  label;
+  /** 默认值 */
+  defaultValue;
+  /**显示标题 */
+  displayLabelText;
+  clearable;
+  ope;
+  placeholder;
+  constructor() {
+    this.id = "";
+    this.name = void 0;
+    this.type = void 0;
+    this.i18n = {};
+    this.field = "";
+    this.fieldId = "";
+    this.fieldType = void 0;
+    this.label = "";
+    this.displayLabelText = true;
+    this.defaultValue = void 0;
+    this.clearable = true;
+    this.ope = [];
+    this.placeholder = "sys.inputText";
+  }
+  get baseAttrs() {
+    return {
+      id: this.id,
+      name: this.name,
+      type: this.type,
+      i18n: this.i18n
+    };
+  }
+  get baseProps() {
+    return {
+      field: this.field,
+      fieldId: this.fieldId,
+      fieldType: this.fieldType,
+      label: this.label,
+      displayLabelText: this.displayLabelText,
+      defaultValue: this.defaultValue,
+      clearable: this.clearable,
+      ope: this.ope,
+      placeholder: this.placeholder,
+      ...displayProps
+    };
+  }
+  get labelEditor() {
+    return [
+      {
+        component: "custom-name-editor",
+        name: "label",
+        label: "sys.pageDesigner.fieldTitle",
+        group: PropGroup.BASIC,
+        _config: {
+          formItemCheckbox: {
+            label: "sys.pageDesigner.displayLabelText",
+            propsKey: "displayLabelText"
+          }
+        }
+      },
+      {
+        component: "input-attr-editor",
+        name: "",
+        label: "sys.pageDesigner.inputAttr",
+        group: PropGroup.FIELD_CONFIG,
+        _config: {
+          needFieldAttrs: ["readonly"]
+        },
+        hidden: (widget) => {
+          return widget.isSearchField && widget.materialType === "tableField" || widget.props.field === "operating_state_";
+        }
+      },
+      {
+        component: "dependency-editor",
+        name: "componentDependency",
+        label: "",
+        group: PropGroup.COMPONENTDEPENDENCY,
+        hidden: (widget) => {
+          return widget.isSearchField && widget.materialType === "tableField" || widget.props.field === "operating_state_";
+        }
+      }
+    ];
+  }
+  get placeholderEditor() {
+    return {
+      component: "text-editor",
+      name: "placeholder",
+      label: "sys.pageDesigner.fieldPlaceholder",
+      group: PropGroup.FIELD_CONFIG,
+      _config: {
+        i18n: true,
+        showCount: true,
+        maxlength: 32
+      }
+    };
+  }
+  get isRangEditor() {
+    return {
+      component: "switch-editor",
+      name: "isRang",
+      label: "sys.pageDesigner.rangSearch",
+      group: PropGroup.FIELD_CONFIG,
+      changeCallback(widget, isRang) {
+        widget.props.ope = isRang ? [SEARCH_SERVICE.RANGE] : [SEARCH_SERVICE.EQ];
+      }
+    };
+  }
+  get moreOptionsEditor() {
+    return {
+      component: "checkbox-list-editor",
+      name: "moreOptions",
+      label: "sys.pageDesigner.nullCondition",
+      group: PropGroup.OPERATOR_CONFIG,
+      _config: {
+        options: () => getSearchOptions("more")
+      }
+    };
+  }
+  get ignoreEditor() {
+    return {
+      component: "checkbox-list-editor",
+      name: "ignoreOptions",
+      label: "sys.pageDesigner.matchingRule",
+      group: PropGroup.OPERATOR_CONFIG,
+      _config: {
+        options: () => getSearchOptions("ignore")
+      }
+    };
+  }
+}
+
+export { BaseSearch, getSearchOptions };

package/es/setup-app.mjs

@@ -1,30 +1,65 @@
 import { HttpUtil } from '@gct-paas/api';
-import 'lodash-es';
-import 'qx-util';
-import './constant/page-designer.mjs';
-import '@gct-paas/core';
-import './provider/design-editor-node/design-editor-node.provider.mjs';
+import './utils/begin-drag/begin-drag.mjs';
 import { designInterceptors } from './utils/design-interceptors/design-interceptors.mjs';
+import './utils/design-view/index.mjs';
 import './utils/field-attrs/basicAttrs.mjs';
 import './utils/field-filter/index.mjs';
 import './hooks/design-view/design-state.mjs';
+import '@gct-paas/core';
 import 'vue';
-import '@gct-paas/schema';
+import 'lodash-es';
 import './hooks/design-view/layout/useScope.mjs';
 import './hooks/design-view/global/useGlobal.mjs';
+import './schema/modal/modal.mjs';
+import './schema/common-config/common-style.mjs';
+import './schema/common-config/display-editor-config.mjs';
+import './schema/common-config/common-field-editor-config.mjs';
+import './schema/common-config/base-button-config.mjs';
+import './schema/common-config/permission-editor-config.mjs';
+import './schema/common-config/button-editor-config.mjs';
+import './schema/common-config/formItem-editor-config.mjs';
+import '@gct-paas/schema';
 import '@vueuse/core';
 import './hooks/develop/useCacheHistory.mjs';
+import './components/user-occupy/user-occupy.css';import './components/user-occupy/user-lock.css';import './components/field-transfer/components/field-transfer-modal.css';import './components/field-transfer/less/AdvancedTransfer.css';import './components/field-transfer/less/TransferTree.css';import './components/field-transfer/less/TreeItem.css';import './components/field-cascader/src/FieldCascader.css';import './components/design-view-layout/design-view-layout.css';import './components/modal-name-editor/modal-name-editor.css';import './components/design-step-check/design-step-check.css';import './components/design-save-tip/design-save-tip.css';import './components/mobile-container/mobile-container.css';import './components/design-icon-button/design-icon-button.css';import './components/editor/style/font-editor/align-group.css';import './components/editor/style/font-editor/font-style-group.css';import './components/editor/style/position-editor/position-editor.css';import './components/editor/style/spacing-editor/spacing-editor.css';import './components/editor/style/border-editor/border-editor.css';import './components/editor/style/border-editor/border-radius.css';import './components/editor/style/border-editor/border-box.css';/* empty css                                                      */
+/* empty css                                                         */
+/* empty css                                                         */
+/* empty css                                                           */
+import './components/icon/upleft-icon.vue.mjs';
+import './components/icon/downleft-icon.vue.mjs';
+import './components/icon/downright-icon.vue.mjs';
+import './components/icon/upright-icon.vue.mjs';
+/* empty css                                                             */
+import '@ant-design/icons-vue';
+import './components/editor/style/font-editor/util.mjs';
+/* empty css                                                          */
+/* empty css                                                     */
+/* empty css                                                       */
+import 'dayjs';
+/* empty css                                                   */
+/* empty css                                                 */
+/* empty css                                                     */
+/* empty css                                                     */
+/* empty css                                                       */
+import './components/field-cascader/src/hooks.mjs';
+/* empty css                                                  */
+import '@gct-paas/core-web';
+import './components/field-transfer/components/Cascader/FieldCascader.mjs';
 import 'ant-design-vue';
+/* empty css                                              */
+/* empty css                                                  */
+/* empty css                                                      */
+/* empty css                                                               */
+import './components/user-occupy/useUserOccupy.mjs';
+/* empty css                                       */
+/* empty css                                         */
 import './hooks/design-view/widget/useSelectedWidget.mjs';
 import './hooks/design-view/widget/useWidget.mjs';
 import './hooks/design-view/page/usePage.mjs';
 import './hooks/design-view/page/usePageOccupy.mjs';
 import './hooks/design-view/layout/useToolkit.mjs';
-import 'async-validator';
-import 'pinia';
-import '@jsplumb/browser-ui';
 import './hooks/use-model-field/use-model-field.mjs';
-import '@gct-paas/core-web';
+import 'qx-util';
 import './utils/find-deep-types/find-deep-types.mjs';
 import { onWidgetInfoInit } from './utils/init-widget-info/init-widget-info.mjs';
 

package/es/utils/begin-drag/begin-drag.d.ts

@@ -0,0 +1,13 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+import { MaterialEnum } from '@gct-paas/core';
+/**
+ *
+ * @param data 字段信息
+ * @param param1.materialType 字段所属类型
+ * @param param1.preLocation 字段所属组件id(组件标识)
+ * @returns
+ */
+export declare function beginDrag(data: IObject, { materialType, preLocation }?: {
+    materialType?: MaterialEnum | undefined;
+    preLocation?: string | undefined;
+}): LowCodeWidget.FieldSchema;

package/es/utils/begin-drag/begin-drag.mjs

@@ -0,0 +1,206 @@
+import { transformI18n } from '@gct-paas/schema';
+import { MaterialEnum, FieldIconMap, buildShortUUID, CreateType, FIELD_TYPE, EntityModelTypeEnum, FormComponents, Platform } from '@gct-paas/core';
+import { cloneDeep, get, merge } from 'lodash-es';
+import { platform, designRegister } from '../design-view/index.mjs';
+import { transformField2Component } from '../field-attrs/index.mjs';
+import '../../hooks/design-view/design-state.mjs';
+import { useDesigner } from '../../hooks/design-view/useDesigner.mjs';
+import 'vue';
+import '../../hooks/design-view/layout/useScope.mjs';
+import '../../hooks/design-view/global/useGlobal.mjs';
+import '../../schema/modal/modal.mjs';
+import '../../schema/common-config/common-style.mjs';
+import '../../schema/common-config/display-editor-config.mjs';
+import '../../schema/common-config/common-field-editor-config.mjs';
+import '../../schema/common-config/base-button-config.mjs';
+import '../../schema/common-config/permission-editor-config.mjs';
+import '../../schema/common-config/button-editor-config.mjs';
+import '../../schema/common-config/formItem-editor-config.mjs';
+import '@vueuse/core';
+import 'ant-design-vue';
+import 'axios';
+import '../field-filter/index.mjs';
+import '@gct-paas/core-web';
+import '../find-deep-types/find-deep-types.mjs';
+import '../../components/user-occupy/user-occupy.css';import '../../components/user-occupy/user-lock.css';import '../../components/field-transfer/components/field-transfer-modal.css';import '../../components/field-transfer/less/AdvancedTransfer.css';import '../../components/field-transfer/less/TransferTree.css';import '../../components/field-transfer/less/TreeItem.css';import '../../components/field-cascader/src/FieldCascader.css';import '../../components/design-view-layout/design-view-layout.css';import '../../components/modal-name-editor/modal-name-editor.css';import '../../components/design-step-check/design-step-check.css';import '../../components/design-save-tip/design-save-tip.css';import '../../components/mobile-container/mobile-container.css';import '../../components/design-icon-button/design-icon-button.css';import '../../components/editor/style/font-editor/align-group.css';import '../../components/editor/style/font-editor/font-style-group.css';import '../../components/editor/style/position-editor/position-editor.css';import '../../components/editor/style/spacing-editor/spacing-editor.css';import '../../components/editor/style/border-editor/border-editor.css';import '../../components/editor/style/border-editor/border-radius.css';import '../../components/editor/style/border-editor/border-box.css';/* empty css                                                          */
+/* empty css                                                             */
+/* empty css                                                             */
+/* empty css                                                               */
+import '../../components/icon/upleft-icon.vue.mjs';
+import '../../components/icon/downleft-icon.vue.mjs';
+import '../../components/icon/downright-icon.vue.mjs';
+import '../../components/icon/upright-icon.vue.mjs';
+/* empty css                                                                 */
+import '@ant-design/icons-vue';
+import '../../components/editor/style/font-editor/util.mjs';
+/* empty css                                                              */
+/* empty css                                                         */
+/* empty css                                                           */
+import 'dayjs';
+/* empty css                                                       */
+/* empty css                                                     */
+/* empty css                                                         */
+/* empty css                                                         */
+/* empty css                                                           */
+import '../../components/field-cascader/src/hooks.mjs';
+/* empty css                                                      */
+import '../../components/field-transfer/components/Cascader/FieldCascader.mjs';
+/* empty css                                                  */
+/* empty css                                                      */
+/* empty css                                                          */
+/* empty css                                                                   */
+import '../../components/user-occupy/useUserOccupy.mjs';
+/* empty css                                           */
+/* empty css                                             */
+import '../../hooks/develop/useCacheHistory.mjs';
+import '../../hooks/design-view/widget/useSelectedWidget.mjs';
+import '../../hooks/design-view/widget/useWidget.mjs';
+import '../../hooks/design-view/page/usePage.mjs';
+import '../../hooks/design-view/page/usePageOccupy.mjs';
+import '../../hooks/design-view/layout/useToolkit.mjs';
+import { useAsyncOperateField } from '../../hooks/widgets/useAsyncFields.mjs';
+import '../../hooks/use-model-field/use-model-field.mjs';
+import 'qx-util';
+import { basicAttrsUtils } from '../field-attrs/basicAttrs.mjs';
+
+const { unBindAsyncStatus } = useAsyncOperateField();
+function beginDrag(data, { materialType = MaterialEnum.MaterialFormField, preLocation = "" } = {}) {
+  const cloneData = cloneDeep(data);
+  const basic = {
+    id: buildShortUUID(cloneData.type),
+    platform: platform.value,
+    name: `sys.pageDesigner.fieldCmp.${cloneData.type}`,
+    icon: FieldIconMap[cloneData.type],
+    alias: cloneData.name,
+    isField: true,
+    materialType: materialType || MaterialEnum.MaterialFormField,
+    preLocation
+  };
+  const { cmpKey, attrsTransform = [] } = transformField2Component(
+    (() => {
+      if (data.createType === CreateType.SYSTEM) {
+        return FIELD_TYPE.SERIAL;
+      }
+      if (data.createType === CreateType.BUILTIN && data.key === "full_path_") {
+        return FIELD_TYPE.SERIAL;
+      }
+      if (data.createType === CreateType.BUILTIN) {
+        if (cloneData.modelType === EntityModelTypeEnum.DYNAMIC_FORM || cloneData.modelType === "CHECK_LIST") {
+          if (cloneData.key === "type_") {
+            return FormComponents.DynamicFormType;
+          } else if (cloneData.key === "value_" || cloneData.key === "default_value_") {
+            return FormComponents.DynamicFormValue;
+          } else if (cloneData.key === "options_") {
+            return FormComponents.DynamicFormOpts;
+          } else if (cloneData.key === "show_type_") {
+            return FormComponents.DynamicFormShowType;
+          }
+        }
+        if (cloneData.key === "workflow_step_nodes_" || cloneData.key === "operations_") {
+          return "workflow_nodes";
+        }
+        if (cloneData.modelType === EntityModelTypeEnum.RDO && cloneData.rdoUniqueFieldKey && !cloneData.isFieldModel) {
+          return "rdo_input";
+        }
+        if ((cloneData.key === "name_" || cloneData.key === "table_name_") && cloneData.modelType === EntityModelTypeEnum.WORKFLOW && !cloneData.isFieldModel) {
+          return "rdo_input";
+        }
+      }
+      if (cloneData.type === FIELD_TYPE.MASTERSLAVE && cloneData.refModelType === EntityModelTypeEnum.DYNAMIC_FORM) {
+        return FormComponents.DynamicTable;
+      }
+      return cloneData.type;
+    })()
+  ) || {};
+  const provider = designRegister.value.getProvider(cmpKey);
+  if (!provider) {
+    throw new Error(
+      `Component for field type ${cloneData.type} is not registered.`
+    );
+  }
+  const cmp = cloneDeep(provider.schema);
+  const otherAttrs = Object.fromEntries(
+    attrsTransform.concat(
+      (() => {
+        if (cloneData.isFieldModel) {
+          return [
+            ...basicAttrsUtils.readonly,
+            ...basicAttrsUtils.bindFieldKey
+          ];
+        }
+        if (materialType === MaterialEnum.MaterialTableSelectField || materialType === MaterialEnum.DescriptionsFormField) {
+          return [...basicAttrsUtils.readonly];
+        }
+        return [];
+      })()
+    ).filter((item) => {
+      if (cloneData.isFieldModel && [
+        "required",
+        "fieldRequired",
+        "defaultValue",
+        "defaultMain",
+        "defaultSysDate"
+      ].includes(item.to)) {
+        return false;
+      }
+      if (materialType === MaterialEnum.MaterialTableSelectField && ["required", "fieldRequired"].includes(item.to)) {
+        return false;
+      }
+      return true;
+    }).map((row) => {
+      const value = get(cloneData, row.from);
+      return [
+        row.to,
+        row.transform ? row.transform(value, cloneData) : value
+      ];
+    })
+  );
+  merge(cmp.props, {
+    field: cloneData.key,
+    fieldId: cloneData.id,
+    fieldType: cloneData.type,
+    fieldCodeChain: cloneData.fieldCodeChain,
+    // 字段链路
+    isFieldModel: cloneData.isFieldModel,
+    // 是否是模型字段
+    isCustomField: cloneData.createType === CreateType.CUSTOM || [FIELD_TYPE.DATA_TABLE_FORMULA, FIELD_TYPE.READONLYCMP].includes(
+      cloneData.type
+    ),
+    // 表单-自定义显示字段
+    label: null,
+    fieldName: cloneData.name,
+    modelKey: cloneData.modelKey,
+    bindModelKey: cloneData.bindInfo,
+    uniqueConstraintType: cloneData.uniqueConstraint?.type,
+    rdoUniqueFieldKey: cloneData.rdoUniqueFieldKey,
+    //rdoUniqueFieldKey rdo 父显示字段标识
+    modeldata: {
+      modelCategory: cloneData.modelCategory,
+      modelType: cloneData.modelType
+    },
+    ...otherAttrs
+  });
+  if (cloneData.modelCategory === "view") {
+    merge(cmp.props, {
+      fieldReadonly: true,
+      readonly: true,
+      fieldRequired: false,
+      required: false
+    });
+  }
+  transformI18n(cmp.props);
+  const widget = merge(cmp, basic);
+  provider.beforeCreate?.(widget);
+  if (materialType === MaterialEnum.MaterialTableField) ;
+  if ([
+    MaterialEnum.MaterialSubTableField,
+    MaterialEnum.MaterialTableSelectField
+  ].includes(materialType) && (widget.platform === Platform.WEB || widget.platform === Platform.PAD)) ;
+  if (materialType === MaterialEnum.MaterialSubTableModalField) {
+    const { subTableModalId } = useDesigner();
+    unBindAsyncStatus(subTableModalId.value);
+  }
+  return widget;
+}
+
+export { beginDrag };

package/es/utils/design-view/index.d.ts

@@ -0,0 +1,9 @@
+import { Platform } from '@gct-paas/core';
+/**
+ * 设计器当前的平台类型，默认为WEB
+ */
+export declare const platform: import('vue').Ref<Platform, Platform>;
+/**
+ * 当前平台的插件注册实例
+ */
+export declare const designRegister: import('vue').ComputedRef<import('../..').DesignerRegister>;

package/es/utils/design-view/index.mjs

@@ -0,0 +1,17 @@
+import { Platform } from '@gct-paas/core';
+import { ref, computed } from 'vue';
+
+const platform = ref(Platform.WEB);
+const designRegister = computed(() => {
+  switch (platform.value) {
+    case Platform.MOBILE:
+      return _gct.register.designer.mobile;
+    case Platform.PAD:
+      return _gct.register.designer.pad;
+    case Platform.WEB:
+    default:
+      return _gct.register.designer.web;
+  }
+});
+
+export { designRegister, platform };

package/es/utils/flatten.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 不知名逻辑，旧代码的勿动，新功能别用
+ *
+ * @deprecated
+ * @export
+ * @template T
+ * @param {T[]} [array=[]]
+ * @param {string} [path]
+ * @param {boolean} [inSubTable]
+ * @return {*}  {T[]}
+ */
+export declare function flatten<T = any>(array?: T[], path?: string, inSubTable?: boolean): T[];

package/es/utils/flatten.mjs

@@ -0,0 +1,27 @@
+import { MaterialEnum } from '@gct-paas/core';
+
+function flatten(array = [], path, inSubTable) {
+  return [].concat(
+    ...array.map((item) => {
+      const key = item.materialType === MaterialEnum.MaterialSubTableModalField ? `modalfield_${item.id}` : item.id;
+      const pathstr = /^modalBody_/.test(item.id) ? "undefined" : key;
+      item.path = `${path}|${pathstr}`;
+      item.inSubTable = inSubTable || /^modal_/.test(item.id) && item.props.isSubTableModal;
+      const children = [...item.children || []];
+      return [].concat(
+        {
+          id: item.id,
+          key,
+          name: item.name,
+          customName: item.alias,
+          path: item.path,
+          type: item.type,
+          inSubTable: item.inSubTable
+        },
+        flatten(children, item.path, item.inSubTable)
+      );
+    })
+  );
+}
+
+export { flatten };