@gct-paas/design 0.1.4-dev.9 → 0.1.5-dev.0

package/es/utils/can-drop/can-drop.mjs

@@ -1,56 +0,0 @@
-import { intersection, union } from 'lodash-es';
-import 'qx-util';
-import '../../constant/page-designer.mjs';
-import { NodeRegister } from '../../register/node/node.register.mjs';
-
-function isCanCrop(node, store, item) {
-  let isDrop = true;
-  if (node) {
-    const nodes = store.getPaths(node.id);
-    const i = nodes.findIndex((_) => _.id === item.id);
-    if (i !== -1) {
-      return false;
-    }
-    const providers = nodes.map((node2) => {
-      return NodeRegister.get(node2.type, store.prefix);
-    });
-    const whiteList = intersection(
-      ...providers.map((_) => _.whiteList).filter((_) => !!_)
-    );
-    const blackList = union(
-      ...providers.map((_) => _.blackList).filter((_) => !!_)
-    );
-    const strWhiteList = whiteList.filter((val) => typeof val === "string");
-    const regWhiteList = whiteList.filter((val) => val instanceof RegExp);
-    if (whiteList.length > 0) {
-      const arr = item.types.filter((_) => {
-        return regWhiteList.some((reg) => !reg.test(_)) && !strWhiteList.includes(_);
-      });
-      if (arr.length > 0) {
-        isDrop = false;
-      }
-    }
-    if (isDrop === true && blackList.length > 0) {
-      let items = [];
-      if (whiteList.length > 0) {
-        items = item.types.filter((_) => {
-          return regWhiteList.some((reg) => reg.test(_)) || strWhiteList.includes(_);
-        });
-      } else {
-        items = item.types;
-      }
-      const strBlackList = blackList.filter((val) => typeof val === "string");
-      const regBlackList = blackList.filter((val) => val instanceof RegExp);
-      const blacks = items.filter((_) => {
-        return regBlackList.some((reg) => reg.test(_));
-      });
-      const arr = intersection(strBlackList, items);
-      if (arr.length > 0 || blacks.length > 0) {
-        isDrop = false;
-      }
-    }
-  }
-  return isDrop;
-}
-
-export { isCanCrop };

package/es/utils/design-install/design-install.d.ts

@@ -1,16 +0,0 @@
-import { Component } from 'vue';
-import { FIELD_TYPE } from '@gct-paas/core';
-/**
- * 设计编辑器安装函数
- *
- * @author chitanda
- * @date 2025-07-07 15:07:46
- * @export
- * @param {string} providerTag
- * @param {() => DesignEditorNodeProvider} provider
- * @param {Component} [com]
- * @returns {*}
- */
-export declare function widthDesignEditorInstall(fieldType: FIELD_TYPE, com: Component): {
-    install(): void;
-};

package/es/utils/design-install/design-install.mjs

@@ -1,22 +0,0 @@
-import '../../constant/page-designer.mjs';
-import '@gct-paas/core';
-import { DesignEditorNodeProvider } from '../../provider/design-editor-node/design-editor-node.provider.mjs';
-import 'qx-util';
-import 'lodash-es';
-import { NodeRegister } from '../../register/node/node.register.mjs';
-
-function widthDesignEditorInstall(fieldType, com) {
-  class Provider extends DesignEditorNodeProvider {
-    fieldType = fieldType;
-    component = com;
-  }
-  return {
-    install() {
-      if (fieldType) {
-        NodeRegister.registerDesignEditorNode(fieldType, () => new Provider());
-      }
-    }
-  };
-}
-
-export { widthDesignEditorInstall };

package/es/utils/plugin-pkg-util/plugin-pkg-util.d.ts

@@ -1,97 +0,0 @@
-import { App } from 'vue';
-import { Platform } from '@gct-paas/core';
-export type IModuleMap = Record<string, System.Module>;
-export type LoadPluginResult = [IObject, IModuleMap];
-/**
- * 插件包处理工具类
- *
- * @export
- * @class PluginPgkUtil
- */
-export declare class PluginPgkUtil {
-    /**
-     * 插件配置缓存
-     *
-     * @private
-     * @type {Map<string, IObject[]>}
-     */
-    private static cache;
-    /**
-     * 模块缓存
-     *
-     * @private
-     * @static
-     */
-    private static cacheModules;
-    /**
-     * 已经加载的插件与模块的映射
-     *
-     * @static
-     */
-    static readonly module: Map<string, System.Module>;
-    private static joinPaths;
-    /**
-     * 加载插件包配置
-     *
-     * @static
-     * @param {PluginModeEnum} mode 插件模式
-     * @param {Platform} platform
-     * @param {string[]} [kit]
-     * @returns {*}  {Promise<IStyleIMportMap[]>}
-     */
-    private static loadPluginConfig;
-    /**
-     * 批量加载平台界面 system js 插件包
-     *
-     * @static
-     * @param {IStyleIMportMap[]} plugins
-     * @returns {*}  {Promise<System.Module[]>}
-     */
-    private static loadPlugins;
-    /**
-     * 加载插件包
-     *
-     * @private
-     * @static
-     * @param {PluginModeEnum} mode
-     * @param {Platform} platform
-     * @returns {*}
-     */
-    private static loadPlugin;
-    /**
-     * 加载设计态插件包
-     *
-     * @static
-     * @param {App} app
-     * @param {Platform} platform
-     * @returns {*}  {Promise<LoadPluginResult>}
-     */
-    static loadDesignPlugin(_app: App, platform: Platform, kit?: string[]): Promise<LoadPluginResult>;
-    /**
-     * 加载设计态中，已经被从配置中移除的插件
-     *
-     * @static
-     * @param {Platform} platform
-     * @param {IObject[]} configs
-     * @returns {*}  {Promise<void>}
-     */
-    static loadDesignDeletedPlugins(platform: Platform, configs?: IObject[]): Promise<void>;
-    /**
-     * 加载设计态移动端插件包
-     *
-     * @static
-     * @param {App} app
-     * @param {IObject[]} configs 界面用到的插件集合
-     * @returns {*}  {Promise<void>}
-     */
-    static loadMobilePlugin(configs?: IObject[]): Promise<void>;
-    /**
-     * 加载设计态网页端插件包
-     *
-     * @static
-     * @param {App} app
-     * @param {IObject[]} configs 界面用到的插件集合
-     * @returns {*}  {Promise<void>}
-     */
-    static loadWebPlugin(configs?: IObject[]): Promise<void>;
-}

package/es/utils/plugin-pkg-util/plugin-pkg-util.mjs

@@ -1,258 +0,0 @@
-import { Platform, PLUGIN_BASE_URL, PluginModeEnum } from '@gct-paas/core';
-
-class PluginPgkUtil {
-  /**
-   * 插件配置缓存
-   *
-   * @private
-   * @type {Map<string, IObject[]>}
-   */
-  static cache = /* @__PURE__ */ new Map();
-  /**
-   * 模块缓存
-   *
-   * @private
-   * @static
-   */
-  static cacheModules = /* @__PURE__ */ new Map();
-  /**
-   * 已经加载的插件与模块的映射
-   *
-   * @static
-   */
-  static module = /* @__PURE__ */ new Map();
-  static joinPaths(...paths) {
-    return paths.filter((p) => p && p.length > 0).map((p, index) => {
-      let normalized = p;
-      if (normalized.startsWith("./")) {
-        normalized = normalized.slice(2);
-      }
-      if (normalized.endsWith("/") && index < paths.length - 1) {
-        normalized = normalized.slice(0, -1);
-      }
-      return normalized;
-    }).join("/");
-  }
-  /**
-   * 加载插件包配置
-   *
-   * @static
-   * @param {PluginModeEnum} mode 插件模式
-   * @param {Platform} platform
-   * @param {string[]} [kit]
-   * @returns {*}  {Promise<IStyleIMportMap[]>}
-   */
-  static async loadPluginConfig(mode, platform, kit = []) {
-    const tag = `${mode}-${platform}-${kit.join("_")}`;
-    if (this.cache.has(tag)) {
-      return this.cache.get(tag);
-    }
-    const cfg = {
-      client: platform === Platform.WEB ? "WEB" : "MOBILE"
-    };
-    if (kit.length > 0) {
-      cfg.tag = kit.join(",");
-    }
-    const data = await _api.platform.plugin.postGetTenantCompList(cfg);
-    if (data.length > 0) {
-      this.cache.set(tag, data);
-    }
-    return data;
-  }
-  /**
-   * 批量加载平台界面 system js 插件包
-   *
-   * @static
-   * @param {IStyleIMportMap[]} plugins
-   * @returns {*}  {Promise<System.Module[]>}
-   */
-  static async loadPlugins(mode, configs = []) {
-    const moduleMap = {};
-    if (configs.length > 0) {
-      const plugins = configs.map((plugin) => {
-        const baseUrl = this.joinPaths(PLUGIN_BASE_URL, plugin.url, "dist");
-        return {
-          imports: {
-            [plugin.key]: `${baseUrl}/${mode}.system.min.js?version=${plugin.version}`
-          },
-          styles: {
-            [plugin.key]: `${baseUrl}/${mode}.min.css?version=${plugin.version}`
-          }
-        };
-      });
-      const all = [];
-      plugins.forEach((plugin) => {
-        System.addImportMap(plugin);
-        if (plugin.imports) {
-          Object.keys(plugin.imports).forEach((key) => {
-            const load = async () => {
-              try {
-                const module = await System.import(key);
-                moduleMap[key] = module;
-                this.module.set(key, module);
-              } catch (error) {
-                console.error(error);
-              }
-            };
-            all.push(load());
-          });
-        }
-      });
-      await Promise.all(all);
-    }
-    return moduleMap;
-  }
-  /**
-   * 加载插件包
-   *
-   * @private
-   * @static
-   * @param {PluginModeEnum} mode
-   * @param {Platform} platform
-   * @returns {*}
-   */
-  static async loadPlugin(mode, platform, kit) {
-    kit = ["common", ...kit];
-    const tag = `${mode}-${platform}-${kit.join("_")}`;
-    try {
-      const configs = await this.loadPluginConfig(mode, platform, kit);
-      if (!this.cacheModules.has(tag)) {
-        const plugins = [];
-        configs.forEach((cfg) => {
-          if (cfg.plugins) {
-            plugins.push(...cfg.plugins);
-          }
-        });
-        const moduleMap = await this.loadPlugins(mode, plugins);
-        this.cacheModules.set(tag, moduleMap);
-      }
-      return [configs, this.cacheModules.get(tag)];
-    } catch (error) {
-      console.error(error);
-    }
-    return [[], {}];
-  }
-  /**
-   * 加载设计态插件包
-   *
-   * @static
-   * @param {App} app
-   * @param {Platform} platform
-   * @returns {*}  {Promise<LoadPluginResult>}
-   */
-  static async loadDesignPlugin(_app, platform, kit = []) {
-    try {
-      const result = await this.loadPlugin(
-        PluginModeEnum.DESIGN,
-        platform,
-        kit
-      );
-      const [configs, moduleMap] = result;
-      configs.forEach((config) => {
-        const plugins = config.plugins;
-        plugins.forEach((plugin) => {
-          const module = moduleMap[plugin.key];
-          if (!module) {
-            console.error(`${plugin.key} 插件加载失败，请检查插件配置是否正确`);
-            return;
-          }
-          if (platform === Platform.WEB) {
-            const cls = module.web ?? module.default;
-            if (cls) {
-              _gct.register.designer.web.register(plugin.key, () => new cls());
-            }
-          } else {
-            const cls = module.mobile ?? module.default;
-            if (cls) {
-              _gct.register.designer.mobile.register(
-                plugin.key,
-                () => new cls()
-              );
-            }
-          }
-        });
-      });
-      return result;
-    } catch (error) {
-      console.error(error);
-    }
-    return [[], {}];
-  }
-  /**
-   * 加载设计态中，已经被从配置中移除的插件
-   *
-   * @static
-   * @param {Platform} platform
-   * @param {IObject[]} configs
-   * @returns {*}  {Promise<void>}
-   */
-  static async loadDesignDeletedPlugins(platform, configs = []) {
-    try {
-      const moduleMap = await this.loadPlugins(PluginModeEnum.DESIGN, configs);
-      configs.forEach((plugin) => {
-        const module = moduleMap[plugin.key];
-        if (!module) {
-          console.error(`${plugin.key} 插件加载失败，请检查插件配置是否正确`);
-          return;
-        }
-        if (platform === Platform.WEB) {
-          const cls = module.web ?? module.default;
-          if (cls) {
-            _gct.register.designer.web.register(plugin.key, () => new cls());
-          }
-        } else {
-          const cls = module.mobile ?? module.default;
-          if (cls) {
-            _gct.register.designer.mobile.register(plugin.key, () => new cls());
-          }
-        }
-      });
-    } catch (error) {
-      console.error(error);
-    }
-  }
-  /**
-   * 加载设计态移动端插件包
-   *
-   * @static
-   * @param {App} app
-   * @param {IObject[]} configs 界面用到的插件集合
-   * @returns {*}  {Promise<void>}
-   */
-  static async loadMobilePlugin(configs = []) {
-    try {
-      const moduleMap = await this.loadPlugins(PluginModeEnum.MOBILE, configs);
-      configs.forEach((plugin) => {
-        if (!moduleMap[plugin.key]) {
-          console.error(`${plugin.key} 插件加载失败，请检查插件配置是否正确`);
-          return;
-        }
-      });
-    } catch (error) {
-      console.error(error);
-    }
-  }
-  /**
-   * 加载设计态网页端插件包
-   *
-   * @static
-   * @param {App} app
-   * @param {IObject[]} configs 界面用到的插件集合
-   * @returns {*}  {Promise<void>}
-   */
-  static async loadWebPlugin(configs = []) {
-    try {
-      const moduleMap = await this.loadPlugins(PluginModeEnum.WEB, configs);
-      configs.forEach((plugin) => {
-        if (!moduleMap[plugin.key]) {
-          console.error(`${plugin.key} 插件加载失败，请检查插件配置是否正确`);
-          return;
-        }
-      });
-    } catch (error) {
-      console.error(error);
-    }
-  }
-}
-
-export { PluginPgkUtil };

package/es/utils/transform-js/transform-js.worker.d.ts

@@ -1 +0,0 @@
-export {};

package/es/views/design-view.css

@@ -1,218 +0,0 @@
-@charset "UTF-8";
-/* stylelint-disable scss/no-global-function-names */
-/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
-/**
- * 定义 Block 块
- * @param {String} $block - Block 块名称
- * @example
- *   @include b('button') {
- *     padding: 10px;
- *   }
- */
-/**
- * 定义 Element 元素
- * @param {String|List} $element - Element 元素名称，支持单个或多个
- * @example
- *   @include b('button') {
- *     @include e('text') {
- *       color: #000;
- *     }
- *   }
- *   // 或传入多个元素
- *   @include b('button') {
- *     @include e(('text', 'icon')) {
- *       margin: 5px;
- *     }
- *   }
- */
-/**
- * 定义 Modifier 修饰符
- * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
- * @example
- *   @include b('button') {
- *     @include m('primary') {
- *       background: blue;
- *     }
- *   }
- *   // 或传入多个修饰符
- *   @include b('button') {
- *     @include m(('primary', 'large')) {
- *       background: blue;
- *       font-size: 16px;
- *     }
- *   }
- */
-/**
- * 定义状态选择器
- * @param {String} $state - 状态名称
- * @example
- *   @include b('button') {
- *     @include when('disabled') {
- *       opacity: 0.5;
- *     }
- *   }
- */
-/**
- * 深色主题样式
- * @param {String} $block - Block 块名称
- * @example
- *   @include dark('button') {
- *     background: #333;
- *     color: #fff;
- *   }
- */
-/* stylelint-disable scss/no-global-function-names */
-.gct-design-view {
-  overflow: hidden;
-}
-.gct-design-view__edit-title {
-  display: flex;
-}
-.gct-design-view__edit-title span {
-  max-width: 160px;
-  text-wrap: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.gct-design-view-confirm {
-  top: 0;
-  margin: 0;
-}
-.gct-design-view-confirm .ant-modal-content {
-  top: 62px;
-  left: 18px;
-}
-
-.gct-design-view-continue-edit {
-  position: absolute;
-  left: 64px;
-  bottom: 17px;
-}
-.gct-design-view-continue-edit button {
-  cursor: pointer;
-  background-color: transparent;
-  border: 0;
-  color: var(--ant-primary-color);
-  font-size: 14px;
-}
-
-.gct-design-view-header {
-  height: 54px;
-  color: #fff;
-  background-color: #1a1d23;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.gct-design-view-header__left {
-  display: flex;
-  height: 22px;
-}
-
-.gct-design-view-header__right {
-  display: flex;
-}
-
-.gct-design-view-header__back {
-  cursor: pointer;
-  margin-left: 16px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.gct-design-view-header__title {
-  margin-left: 6px;
-  color: #C0C0C0;
-}
-
-.gct-design-view-header__view-title-edit {
-  display: flex;
-  cursor: pointer;
-}
-.gct-design-view-header__view-title-edit--error-info {
-  position: absolute;
-  top: 45px;
-  height: 22px;
-  background-color: #feecec;
-  border-radius: 4px;
-  color: #F54547;
-  padding: 0 10px;
-}
-
-.gct-design-view-header__view-title-edit .ant-input-affix-wrapper {
-  padding: 0 8px 0 0;
-}
-.gct-design-view-header__view-title-edit span {
-  padding-right: 8px;
-}
-.gct-design-view-header__view-title-edit .ant-input {
-  width: auto;
-  flex-grow: 1;
-  height: 22px;
-  color: #fff;
-  padding-left: 0;
-  min-width: 0;
-  border-radius: 0;
-}
-.gct-design-view-header__view-title-edit .iconfont {
-  flex-shrink: 0;
-  color: #666;
-}
-
-.gct-design-view-header__design-actions .ant-btn:not(:last-child) {
-  margin-right: 16px;
-}
-.gct-design-view-header__design-actions .ant-btn {
-  padding: 0;
-  color: #fff;
-  border-color: transparent !important;
-}
-.gct-design-view-header__design-actions .ant-btn .iconfont {
-  margin-right: 6px;
-  line-height: 1;
-}
-.gct-design-view-header__design-actions .ant-btn:disabled {
-  color: #797A7D;
-  border-color: transparent !important;
-}
-
-.gct-design-view-header__view-actions {
-  display: flex;
-  margin-right: 12px;
-}
-.gct-design-view-header__view-actions .ant-btn {
-  background-color: #444;
-  border: 0;
-  color: #fff;
-  margin-left: 16px;
-  display: flex;
-  align-items: center;
-  justify-self: center;
-  padding: 4px 12px;
-}
-.gct-design-view-header__view-actions .ant-btn .iconfont {
-  margin-right: 6px;
-}
-
-.gct-design-view-content {
-  height: calc(100vh - 54px);
-  display: flex;
-}
-.gct-design-view-content__left {
-  flex-shrink: 0;
-  width: 297px;
-  height: 100%;
-}
-
-.gct-design-view-content__center {
-  flex-grow: 1;
-  height: 100%;
-}
-
-.gct-design-view-content__right {
-  flex-shrink: 0;
-  width: 250px;
-  height: 100%;
-}