@gct-paas/design 0.1.4-dev.6 → 0.1.4-dev.8

package/es/provider/node-base/node-base.provider.mjs

@@ -0,0 +1,26 @@
+import { DesignItemActionTag } from '../../constant/index.mjs';
+import { t } from '@gct-paas/core';
+
+class NodeBaseProvider {
+  get actions() {
+    return this.createActions();
+  }
+  isDrag = true;
+  isDrop = true;
+  createActions() {
+    return [
+      {
+        tag: DesignItemActionTag.SELECT_PARENT,
+        icon: "icon-fuzujian",
+        tooltip: t("sys.designView.tips.selectParent")
+      },
+      {
+        tag: DesignItemActionTag.DELETE,
+        icon: "icon-shanchu1",
+        tooltip: t("sys.designView.tips.delete")
+      }
+    ];
+  }
+}
+
+export { NodeBaseProvider };

package/es/register/designer-register/designer-register.d.ts

@@ -0,0 +1,53 @@
+import { SyncSeriesHook } from 'qx-util';
+import { IDesignerProvider } from '../../interface';
+/**
+ * 设计界面组件注册
+ *
+ * @export
+ * @class DesignerRegister
+ */
+export declare class DesignerRegister {
+    /**
+     * 已注册组件
+     *
+     * @protected
+     */
+    protected map: Map<string, () => IDesignerProvider>;
+    private providers;
+    readonly hooks: {
+        register: SyncSeriesHook<[string, IDesignerProvider], null>;
+        unregister: SyncSeriesHook<[string, IDesignerProvider], null>;
+    };
+    /**
+     * 设计器项适配器注册
+     *
+     * @param {string} tag 适配器标识
+     * @param {() => IDesignerProvider} provider 设计器项
+     */
+    register(tag: string, provider: () => IDesignerProvider): void;
+    /**
+     * 设计器项适配器注销
+     *
+     * @param {string} tag
+     */
+    unregister(tag: string): void;
+    /**
+     * 根据标识获取指定适配器
+     *
+     * @param {string} tag
+     * @returns {*}  {(IDesignerProvider | undefined)}
+     */
+    getProvider(tag: string): IDesignerProvider | undefined;
+    /**
+     * 获取当前所有组件 keys
+     *
+     * @return {*}  {string[]}
+     */
+    getKeys(): string[];
+    /**
+     * 获取现有所有适配器
+     *
+     * @return {*}  {IDesignerProvider[]}
+     */
+    getProviders(): IDesignerProvider[];
+}

package/es/register/designer-register/designer-register.mjs

@@ -0,0 +1,67 @@
+import { SyncSeriesHook } from 'qx-util';
+
+class DesignerRegister {
+  /**
+   * 已注册组件
+   *
+   * @protected
+   */
+  map = /* @__PURE__ */ new Map();
+  providers = /* @__PURE__ */ new Map();
+  hooks = {
+    register: new SyncSeriesHook(),
+    unregister: new SyncSeriesHook()
+  };
+  /**
+   * 设计器项适配器注册
+   *
+   * @param {string} tag 适配器标识
+   * @param {() => IDesignerProvider} provider 设计器项
+   */
+  register(tag, provider) {
+    this.map.set(tag, provider);
+    const instance = provider();
+    this.providers.set(tag, instance);
+    this.hooks.register.callSync(null, tag, instance);
+  }
+  /**
+   * 设计器项适配器注销
+   *
+   * @param {string} tag
+   */
+  unregister(tag) {
+    this.map.delete(tag);
+    const instance = this.providers.get(tag);
+    if (instance) {
+      this.hooks.unregister.callSync(null, tag, instance);
+      this.providers.delete(tag);
+    }
+  }
+  /**
+   * 根据标识获取指定适配器
+   *
+   * @param {string} tag
+   * @returns {*}  {(IDesignerProvider | undefined)}
+   */
+  getProvider(tag) {
+    return this.providers.get(tag);
+  }
+  /**
+   * 获取当前所有组件 keys
+   *
+   * @return {*}  {string[]}
+   */
+  getKeys() {
+    return Array.from(this.map.keys());
+  }
+  /**
+   * 获取现有所有适配器
+   *
+   * @return {*}  {IDesignerProvider[]}
+   */
+  getProviders() {
+    return Array.from(this.providers.values());
+  }
+}
+
+export { DesignerRegister };

package/es/register/index.d.ts

@@ -0,0 +1,3 @@
+export { DesignerRegister } from './designer-register/designer-register';
+export { MaterialRegister } from './material/material.register';
+export { NodeRegister } from './node/node.register';

package/es/register/material/material.register.d.ts

@@ -0,0 +1,90 @@
+import { IMaterialData, IMaterialGroup } from '../../interface';
+/**
+ * 素材区素材注册
+ *
+ * @author zhanghanrui
+ * @date 2024-07-09 15:07:50
+ * @export
+ * @class MaterialRegister
+ */
+export declare class MaterialRegister {
+    private static groupMap;
+    private static map;
+    /**
+     * 注册素材项
+     *
+     * @author zhanghanrui
+     * @date 2024-07-09 15:07:15
+     * @static
+     * @param {IMaterialData} material
+     * @param {string} [prefix]
+     */
+    static register(material: IMaterialData, prefix?: string): void;
+    /**
+     * 注册自定义首页素材
+     *
+     * @author zhanghanrui
+     * @date 2024-07-09 16:07:52
+     * @static
+     * @param {IMaterialData} material
+     */
+    static registerCustomHome(material: IMaterialData): void;
+    /**
+     * 注册自定义导航页面
+     *
+     * @author zhanghanrui
+     * @date 2024-08-19 17:08:13
+     * @static
+     * @param {IMaterialData} material
+     */
+    static registerCustomExpView(material: IMaterialData): void;
+    /**
+     * 注册素材组
+     *
+     * @author zhanghanrui
+     * @date 2024-07-09 15:07:25
+     * @static
+     * @param {IMaterialGroup} material
+     * @param {string} [prefix]
+     */
+    static registerGroup(material: IMaterialGroup, prefix?: string): void;
+    /**
+     * 注册自定义首页素材组
+     *
+     * @author zhanghanrui
+     * @date 2024-07-09 16:07:56
+     * @static
+     * @param {IMaterialGroup} material
+     */
+    static registerGroupCustomHome(material: IMaterialGroup): void;
+    /**
+     * 注册自定义导航页面组
+     *
+     * @author zhanghanrui
+     * @date 2024-08-19 17:08:09
+     * @static
+     * @param {IMaterialGroup} material
+     */
+    static registerGroupCustomExpView(material: IMaterialGroup): void;
+    /**
+     * 获取素材项
+     *
+     * @author zhanghanrui
+     * @date 2024-07-16 14:07:28
+     * @static
+     * @param {string} tag
+     * @param {string} [prefix]
+     * @return {*}  {(IMaterialData | undefined)}
+     */
+    static getMaterial(tag: string, prefix?: string): IMaterialData | undefined;
+    /**
+     * 获取指定的素材清单
+     *
+     * @author zhanghanrui
+     * @date 2024-07-09 16:07:05
+     * @static
+     * @param {string} [prefix]
+     * @return {*}  {IMaterialGroup[]}
+     */
+    static getList(prefix?: string): IMaterialGroup[];
+}

package/es/register/material/material.register.mjs

@@ -0,0 +1,134 @@
+import { clone } from 'lodash-es';
+import { DesignViewPrefix } from '../../constant/index.mjs';
+
+class MaterialRegister {
+  static groupMap = /* @__PURE__ */ new Map();
+  static map = /* @__PURE__ */ new Map();
+  /**
+   * 注册素材项
+   *
+   * @author zhanghanrui
+   * @date 2024-07-09 15:07:15
+   * @static
+   * @param {IMaterialData} material
+   * @param {string} [prefix]
+   */
+  static register(material, prefix) {
+    const tag = prefix ? `${prefix}:${material.type}` : material.type;
+    this.map.set(tag, material);
+  }
+  /**
+   * 注册自定义首页素材
+   *
+   * @author zhanghanrui
+   * @date 2024-07-09 16:07:52
+   * @static
+   * @param {IMaterialData} material
+   */
+  static registerCustomHome(material) {
+    this.register(material, DesignViewPrefix.CUSTOM_HOME);
+  }
+  /**
+   * 注册自定义导航页面
+   *
+   * @author zhanghanrui
+   * @date 2024-08-19 17:08:13
+   * @static
+   * @param {IMaterialData} material
+   */
+  static registerCustomExpView(material) {
+    this.register(material, DesignViewPrefix.CUSTOM_EXP_VIEW);
+  }
+  /**
+   * 注册素材组
+   *
+   * @author zhanghanrui
+   * @date 2024-07-09 15:07:25
+   * @static
+   * @param {IMaterialGroup} material
+   * @param {string} [prefix]
+   */
+  static registerGroup(material, prefix) {
+    const tag = prefix ? `${prefix}:${material.tag}` : material.tag;
+    this.groupMap.set(tag, material);
+    if (material.children) {
+      material.children.forEach((item) => {
+        this.register(item, prefix);
+      });
+    }
+  }
+  /**
+   * 注册自定义首页素材组
+   *
+   * @author zhanghanrui
+   * @date 2024-07-09 16:07:56
+   * @static
+   * @param {IMaterialGroup} material
+   */
+  static registerGroupCustomHome(material) {
+    this.registerGroup(material, DesignViewPrefix.CUSTOM_HOME);
+  }
+  /**
+   * 注册自定义导航页面组
+   *
+   * @author zhanghanrui
+   * @date 2024-08-19 17:08:09
+   * @static
+   * @param {IMaterialGroup} material
+   */
+  static registerGroupCustomExpView(material) {
+    this.registerGroup(material, DesignViewPrefix.CUSTOM_EXP_VIEW);
+  }
+  /**
+   * 获取素材项
+   *
+   * @author zhanghanrui
+   * @date 2024-07-16 14:07:28
+   * @static
+   * @param {string} tag
+   * @param {string} [prefix]
+   * @return {*}  {(IMaterialData | undefined)}
+   */
+  static getMaterial(tag, prefix) {
+    return this.map.get(prefix ? `${prefix}:${tag}` : tag);
+  }
+  /**
+   * 获取指定的素材清单
+   *
+   * @author zhanghanrui
+   * @date 2024-07-09 16:07:05
+   * @static
+   * @param {string} [prefix]
+   * @return {*}  {IMaterialGroup[]}
+   */
+  static getList(prefix) {
+    const keys = Array.from(this.groupMap.keys()).filter(
+      (_) => _.startsWith(`${prefix}:`)
+    );
+    const itemKeys = Array.from(this.map.keys()).filter(
+      (_) => _.startsWith(`${prefix}:`)
+    );
+    let arr = [];
+    keys.forEach((key) => {
+      const group = this.groupMap.get(key);
+      if (group) {
+        arr.push(clone(group));
+      }
+    });
+    arr = arr.sort((a, b) => a.order - b.order);
+    let items = [];
+    itemKeys.forEach((key) => {
+      const item = this.map.get(key);
+      if (item) {
+        items.push(clone(item));
+      }
+    });
+    items = items.sort((a, b) => a.order - b.order);
+    arr.forEach((group) => {
+      group.children = items.filter((item) => item.group === group.tag);
+    });
+    return arr;
+  }
+}
+
+export { MaterialRegister };

package/es/register/node/node.register.d.ts

@@ -0,0 +1,113 @@
+import { FIELD_TYPE } from '@gct-paas/core';
+import { INodeProvider } from '../../interface';
+/**
+ * 设计界面节点适配器注册
+ *
+ * @author zhanghanrui
+ * @date 2024-07-06 11:07:57
+ * @export
+ * @class NodeRegister
+ */
+export declare class NodeRegister {
+    /**
+     * 适配器缓存
+     *
+     * @author zhanghanrui
+     * @date 2024-07-06 11:07:15
+     * @protected
+     * @static
+     */
+    protected static map: Map<string, () => INodeProvider>;
+    /**
+     * 实例缓存
+     *
+     * @author zhanghanrui
+     * @date 2024-07-06 12:07:33
+     * @protected
+     * @static
+     * @type {Map<string, INodeProvider>}
+     */
+    protected static cache: Map<string, INodeProvider<import('../..').IDesignNode<import('../..').IDesignNodeData>>>;
+    /**
+     * 注册适配器
+     *
+     * @author zhanghanrui
+     * @date 2024-07-09 09:07:17
+     * @static
+     * @param {string} name
+     * @param {() => INodeProvider} provider
+     * @param {string} [prefix]
+     */
+    static register(name: string, provider: () => INodeProvider, prefix?: string): void;
+    /**
+     * 获取适配器
+     *
+     * @author zhanghanrui
+     * @date 2024-07-09 09:07:49
+     * @static
+     * @param {string} name
+     * @param {string} [prefix]
+     * @return {*}  {(INodeProvider | null)}
+     */
+    static get(name: string, prefix?: string): INodeProvider | null;
+    /**
+     * 注册自定义首页插件
+     *
+     * @author zhanghanrui
+     * @date 2024-07-09 09:07:44
+     * @static
+     * @param {string} name
+     * @param {() => INodeProvider} provider
+     */
+    static registerCustomHome(name: string, provider: () => INodeProvider): void;
+    /**
+     * 注册自定义导航页面插件
+     *
+     * @author zhanghanrui
+     * @date 2024-08-19 17:08:06
+     * @static
+     * @param {string} name
+     * @param {() => INodeProvider} provider
+     */
+    static registerCustomExpView(name: string, provider: () => INodeProvider): void;
+    /**
+     * 注册自定义导航菜单页面插件
+     *
+     * @author zhanghanrui
+     * @date 2024-08-24 10:08:51
+     * @static
+     * @param {string} name
+     * @param {() => INodeProvider} provider
+     */
+    static registerCustomExpMenu(name: string, provider: () => INodeProvider): void;
+    /**
+     * 注册设计编辑器节点
+     *
+     * @author chitanda
+     * @date 2025-07-07 16:07:58
+     * @static
+     * @param {FIELD_TYPE} fieldType
+     * @param {() => INodeProvider} provider
+     */
+    static registerDesignEditorNode(fieldType: FIELD_TYPE, provider: () => INodeProvider): void;
+    /**
+     * 根据字段类型获取设计编辑器节点
+     *
+     * @author chitanda
+     * @date 2025-07-07 16:07:06
+     * @static
+     * @param {FIELD_TYPE} fieldType
+     * @returns {*}  {(INodeProvider | null)}
+     */
+    static getDesignEditorNode(fieldType: FIELD_TYPE): INodeProvider | null;
+    /**
+     * 获取自定义首页插件
+     *
+     * @author zhanghanrui
+     * @date 2024-07-09 09:07:58
+     * @static
+     * @param {string} name
+     * @return {*}  {(INodeProvider | null)}
+     */
+    static getCustomHome(name: string): INodeProvider | null;
+}

package/es/register/node/node.register.mjs

@@ -0,0 +1,134 @@
+import { DesignViewPrefix, DesignNodePrefix } from '../../constant/index.mjs';
+
+class NodeRegister {
+  /**
+   * 适配器缓存
+   *
+   * @author zhanghanrui
+   * @date 2024-07-06 11:07:15
+   * @protected
+   * @static
+   */
+  static map = /* @__PURE__ */ new Map();
+  /**
+   * 实例缓存
+   *
+   * @author zhanghanrui
+   * @date 2024-07-06 12:07:33
+   * @protected
+   * @static
+   * @type {Map<string, INodeProvider>}
+   */
+  static cache = /* @__PURE__ */ new Map();
+  /**
+   * 注册适配器
+   *
+   * @author zhanghanrui
+   * @date 2024-07-09 09:07:17
+   * @static
+   * @param {string} name
+   * @param {() => INodeProvider} provider
+   * @param {string} [prefix]
+   */
+  static register(name, provider, prefix) {
+    const tag = prefix ? `${prefix}:${name}` : name;
+    this.map.set(tag, provider);
+  }
+  /**
+   * 获取适配器
+   *
+   * @author zhanghanrui
+   * @date 2024-07-09 09:07:49
+   * @static
+   * @param {string} name
+   * @param {string} [prefix]
+   * @return {*}  {(INodeProvider | null)}
+   */
+  static get(name, prefix) {
+    const tag = prefix ? `${prefix}:${name}` : name;
+    if (this.cache.has(tag)) {
+      return this.cache.get(tag);
+    }
+    const provider = this.map.get(tag);
+    if (provider) {
+      const ins = provider();
+      this.cache.set(tag, ins);
+      return ins;
+    }
+    return null;
+  }
+  /**
+   * 注册自定义首页插件
+   *
+   * @author zhanghanrui
+   * @date 2024-07-09 09:07:44
+   * @static
+   * @param {string} name
+   * @param {() => INodeProvider} provider
+   */
+  static registerCustomHome(name, provider) {
+    this.register(name, provider, DesignViewPrefix.CUSTOM_HOME);
+  }
+  /**
+   * 注册自定义导航页面插件
+   *
+   * @author zhanghanrui
+   * @date 2024-08-19 17:08:06
+   * @static
+   * @param {string} name
+   * @param {() => INodeProvider} provider
+   */
+  static registerCustomExpView(name, provider) {
+    this.register(name, provider, DesignViewPrefix.CUSTOM_EXP_VIEW);
+  }
+  /**
+   * 注册自定义导航菜单页面插件
+   *
+   * @author zhanghanrui
+   * @date 2024-08-24 10:08:51
+   * @static
+   * @param {string} name
+   * @param {() => INodeProvider} provider
+   */
+  static registerCustomExpMenu(name, provider) {
+    this.register(name, provider, DesignViewPrefix.CUSTOM_EXP_MENU);
+  }
+  /**
+   * 注册设计编辑器节点
+   *
+   * @author chitanda
+   * @date 2025-07-07 16:07:58
+   * @static
+   * @param {FIELD_TYPE} fieldType
+   * @param {() => INodeProvider} provider
+   */
+  static registerDesignEditorNode(fieldType, provider) {
+    this.register(fieldType, provider, DesignNodePrefix.DESIGN_EDITOR);
+  }
+  /**
+   * 根据字段类型获取设计编辑器节点
+   *
+   * @author chitanda
+   * @date 2025-07-07 16:07:06
+   * @static
+   * @param {FIELD_TYPE} fieldType
+   * @returns {*}  {(INodeProvider | null)}
+   */
+  static getDesignEditorNode(fieldType) {
+    return this.get(fieldType, DesignNodePrefix.DESIGN_EDITOR);
+  }
+  /**
+   * 获取自定义首页插件
+   *
+   * @author zhanghanrui
+   * @date 2024-07-09 09:07:58
+   * @static
+   * @param {string} name
+   * @return {*}  {(INodeProvider | null)}
+   */
+  static getCustomHome(name) {
+    return this.get(name, DesignViewPrefix.CUSTOM_HOME);
+  }
+}
+
+export { NodeRegister };

package/es/store/index.d.ts

@@ -0,0 +1 @@
+export { useDesignViewStore } from './view/design-view.store';

package/es/store/view/design-view.store.d.ts

@@ -0,0 +1,5 @@
+import { IDesignViewState, IDesignViewActions } from '../../interface';
+/**
+ * 设计视图状态
+ */
+export declare const useDesignViewStore: () => import('pinia').Store<string, IDesignViewState, IObject, IDesignViewActions>;