@cicctencent/low-code-simulate-base 0.0.0-stage → 1.1.10

package/src/domain/ComponentManager.ts

@@ -0,0 +1,241 @@
+import { Component, ComponentItem, ComponentType } from '@cicctencent/low-code-core';
+
+import { getSchemaObjectAttribute } from '../utils';
+import { cloneDeep, merge, get, set } from '@cicctencent/ark-util';
+import { transformSchemaToForm } from '../utils/transform';
+
+/**
+ * @public
+ */
+export default class ComponentManager {
+  private static instance: ComponentManager;
+  /**全局最大Id，从0开始 */
+  private maxId: number = 0;
+  /**组件最大ID映射 ，从0开始*/
+  private componentMaxIdMap: { [key: string]: number } = {};
+  /**组件个数统计，从1开始 */
+  private componentCountMap: { [key: string]: number } = {};
+
+  // 这里的schema需要读取配置文件
+  private static componentSchemaMap = {} as Record<string, Component>;
+
+  // 私有构造函数确保外部代码不能使用new操作符创建新的实例
+  private constructor() {}
+
+  /**
+   *  @public
+   *  提供一个公共的静态方法来获取单例实例
+   * @param componentConfigs - 组件配置
+   * @returns 
+   */
+  public static getInstance(componentConfigs?: Component[]): ComponentManager {
+    if (!ComponentManager.instance) {
+      ComponentManager.instance = new ComponentManager();
+    }
+
+    if (componentConfigs) {
+      for (let item of componentConfigs) {
+        ComponentManager.componentSchemaMap[item.name] = item;
+      }
+    }
+    return ComponentManager.instance;
+  }
+
+  /**
+   *  @public
+   * @param name - 组件名
+   * @returns 
+   */
+  public get(name: string) {
+    return ComponentManager.componentSchemaMap[name];
+  }
+  /**
+   * @public
+   * 初始化
+   * @param components - 组件列表
+   */
+  public initComponens(components: ComponentItem[]): void {
+    this.updateComponentMaps(components);
+    this.maxId = Math.max(0, ...this.updateComponentMaps(components));
+  }
+
+  /**
+   * @public
+   * @returns 
+   */
+  public getImxId() {
+    return this.maxId;
+  }
+
+  // 创建id
+  /**
+   *  @public
+   * @param name - 组件名
+   * @returns 
+   */
+  private createId(name: string) {
+    ++this.maxId;
+    this.componentMaxIdMap[name] = (this.componentMaxIdMap[name] || 0) + 1;
+    this.componentCountMap[name] = (this.componentCountMap[name] || 0) + 1;
+    // 先加后用
+    return {
+      componentId: this.maxId,
+      nameId: this.componentMaxIdMap[name],
+    };
+  }
+
+  /**
+   *  @public
+   * 插入、点击或复制时创建新的组件数据
+   * @param item - 组件信息
+   * @returns 
+   */
+  public buildItemData(item: ComponentItem | Component): ComponentItem {
+    if ('componentId' in item) {
+      // 已经初始化过的直接返回
+      return item;
+    }
+    const schema = this.get(item.name);
+    const originTitle = schema.title;
+    const { componentId, nameId } = this.createId(item.name);
+
+    const formData: any =
+      'formData' in item
+        ? this.fillFieldData(
+            cloneDeep((item as ComponentItem).formData),
+            Object.assign({}, item, { componentId })
+          )
+        : this.fillFieldData({}, Object.assign({}, item, { componentId }));
+    const itemData: ComponentItem = {
+      title: originTitle + (nameId === 1 ? '' : nameId),
+      name: schema.name,
+      icon: schema.icon,
+      // picture: item.picture,
+      isNoLogin: schema.isNoLogin ?? false,
+      // group: item.group,
+      // 这里去掉了config，渲染数据不需要包含config
+      type: schema.type,
+      componentId,
+      // 这里的对象都要cloneDeep，避免影响原数据
+      formData,
+      // 是否为不可移动元素
+      immobile: schema.immobile,
+    };
+    if ('children' in item || item.type === ComponentType.Container) {
+      itemData.children =
+        'children' in item ? (item as ComponentItem).children : [];
+    }
+    return itemData;
+  }
+
+  /**
+   * @public
+   * 复制组件数据
+   * @param component - 组件
+   * @returns
+   */
+  public copy(component: ComponentItem): ComponentItem {
+    const formData = cloneDeep(component?.formData);
+    const copyClearPaths = this.get(component.name)?.copyClearPaths;
+    if (Array.isArray(copyClearPaths)) {
+      for (const path of copyClearPaths) {
+        try {
+          const propValue = get(formData, path);
+          // 找不到说明未配置该数据 不必再清除
+          if (propValue === undefined) continue;
+          // 属性名
+          const propName = path.match(/\.(\w+)$/)?.[1];
+          const config = getSchemaObjectAttribute(
+            this.get(component.name).config as any,
+            propName as any
+          );
+          // 不同类型对应清空后的值
+          const typeToDefault = {
+            object: {},
+            array: [],
+            default: null,
+          };
+          // 默认值
+          const defaultValue = config?.default;
+          const value =
+            defaultValue ?? typeToDefault[config.type] ?? typeToDefault.default;
+          set(formData, path, value);
+        } catch (error) {
+          console.error('clear path error', error);
+        }
+      }
+    }
+    const newComponent: Omit<ComponentItem, 'componentId'> = {
+      ...this.get(component.name),
+      formData,
+    };
+    if (component.children && component.children.length) {
+      newComponent.children = (component.children as ComponentItem[]).map(c =>
+        this.copy(c)
+      );
+    }
+    return this.buildItemData(newComponent);
+  }
+  /**
+   * @public
+   *  填充数据
+   */
+  private fillFieldData(data, componentConfig) {
+    const config = this.get(componentConfig.name).config || {};
+    return merge(transformSchemaToForm(config, componentConfig), data);
+  }
+
+  /**
+   * @public
+   * 删除
+   * @param name - 组件名
+   */
+  public delete(name: string) {
+    const count = (this.componentCountMap[name] =
+      (this.componentCountMap[name] || 0) - 1);
+    this.componentCountMap[name] = count;
+    if (count === 0) {
+      this.componentMaxIdMap[name] = 0;
+    }
+  }
+  /**
+   *  @public
+   * 其他方法，例如更新maxId和映射
+   * @param components - 组件列表
+   * @param componentIds - 组件id列表
+   * @returns 
+   */
+  private updateComponentMaps(
+    components: ComponentItem[],
+    componentIds: number[] = []
+  ): number[] {
+    for (const component of components) {
+      const maxNumber: string = (component.title?.match(/\d+$/) || [])[0] || '';
+      const currentMax = this.componentMaxIdMap[component.name] ?? 1;
+      this.componentMaxIdMap[component.name] = Math.max(
+        currentMax,
+        parseInt(maxNumber, 10) || 0
+      );
+
+      this.componentCountMap[component.name] =
+        (this.componentCountMap[component.name] ?? 0) + 1;
+
+      componentIds.push(component.componentId);
+
+      if (component.children?.length) {
+        this.updateComponentMaps(
+          component.children as ComponentItem[],
+          componentIds
+        );
+      }
+    }
+    return componentIds;
+  }
+}
+
+// // 使用单例
+// const manager = ComponentManager.getInstance();
+// manager.initComponens(components);
+// console.log(manager.maxId);
+// console.log(manager.componentMaxIdMap);
+// console.log(manager.componentCountMap);

package/src/domain/DataHistoryDomain.ts

@@ -0,0 +1,102 @@
+/**数据历史管理 */
+import { cloneDeep, isEqual } from '@cicctencent/ark-util';
+
+
+/**
+ * DataHistoryDomain
+ * @public
+ * @typeParam T - 类型参数
+ */
+export default class DataHistoryDomain<T> {
+  /**
+   * 项目历史数据
+   * @public
+   */
+  historyList: Array<T> = [];
+  /**
+   * 历史数据指针
+   * @public
+   */
+  historyIndex: number = -1;
+
+  /**
+   * @public
+   */
+  get data() {
+    return this.historyList[this.historyIndex];
+  }
+
+
+  /**
+   * @public
+   * 添加历史记录
+   */
+  add(data: T) {
+    if (isEqual(this.data, data)) {
+      // 相等则直接返回
+      return false;
+    }
+    if (this.historyIndex < this.historyList.length - 1) {
+      // 撤销后再编辑，去掉后面的重做队列
+      this.historyList.splice(this.historyIndex + 1);
+    }
+    this.historyList = this.historyList.concat(cloneDeep(data));
+    // 虽然this.historyIndex++也可以，以下更稳
+    this.historyIndex = this.historyList.length - 1;
+
+    console.log('historyIndex----------', this.historyIndex, this.historyList);
+    return true;
+  }
+  /**
+   * @public
+   *  更新
+   */
+  update(data: T) {
+    if (this.historyIndex < 0) {
+      this.historyIndex = 0;
+    }
+    this.historyList[this.historyIndex] = cloneDeep(data);
+  }
+
+  /**
+   *  @public
+   */
+  get canUndo() {
+    // 考虑到第1个数据为初始化数据。初始数据不可被撤销
+    return this.historyList.length > 1 && this.historyIndex > 0;
+  }
+
+  /**
+   *  @public
+   */
+  get canRedo() {
+    return this.historyIndex < this.historyList.length - 1;
+  }
+  /**
+   *  @public
+   * @returns 
+   */
+  undo() {
+    if (this.canUndo) {
+      return this.historyList[--this.historyIndex];
+    }
+    return false;
+  }
+  /**
+   * @public
+   * @returns 
+   */
+  redo() {
+    if (this.canRedo) {
+      return this.historyList[++this.historyIndex];
+    }
+    return false;
+  }
+  /**
+   *  @public
+   */
+  reset() {
+    this.historyList = [];
+    this.historyIndex = -1;
+  }
+}