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

package/es/components/panel/panel-path/panel-path.css

@@ -0,0 +1,89 @@
+@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-panel-path {
+  padding: 0 12px;
+  border-bottom: 1px solid #E0E3EA;
+  height: 100%;
+  width: 100%;
+  color: #797A7D;
+  font-size: 12px;
+  overflow: auto hidden;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+}
+.gct-design-panel-path__arrow {
+  padding: 0 6px;
+}
+.gct-design-panel-path__arrow > .iconfont {
+  font-size: 10px;
+}
+
+.gct-design-panel-path__item {
+  cursor: pointer;
+}
+.gct-design-panel-path__item:last-child {
+  color: #212528;
+}

package/es/components/panel/panel-path/panel-path.d.ts

@@ -0,0 +1,35 @@
+import { IDesignNode, IDesignNodeData } from '../../../interface';
+export declare const PanelPath: import('vue').DefineComponent<{}, {
+    ns: import('@gct-paas/core').Namespace;
+    c: import('../../../interface').IDesignViewController;
+    rootRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+    paths: import('vue').Ref<{
+        id: string;
+        order?: number | undefined;
+        label: string;
+        type: string;
+        updateDate: number;
+        data: {
+            [x: string]: any;
+            [x: symbol]: any;
+            name?: string | undefined;
+        };
+        parentId?: string | undefined;
+        clone: () => IDesignNode;
+    }[], IDesignNode<IDesignNodeData>[] | {
+        id: string;
+        order?: number | undefined;
+        label: string;
+        type: string;
+        updateDate: number;
+        data: {
+            [x: string]: any;
+            [x: symbol]: any;
+            name?: string | undefined;
+        };
+        parentId?: string | undefined;
+        clone: () => IDesignNode;
+    }[]>;
+    onActive: (item: IDesignNode<IDesignNodeData> | null) => void;
+    onActivePage: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/panel/panel-path/panel-path.mjs

@@ -0,0 +1,75 @@
+import { defineComponent, createVNode, Fragment, ref, watch, nextTick } from 'vue';
+import { useNamespace } from '@gct-paas/core';
+import '../../../hooks/design-view/design-state.mjs';
+import '@gct-paas/schema';
+import 'lodash-es';
+import '../../../hooks/design-view/layout/useScope.mjs';
+import '../../../hooks/design-view/global/useGlobal.mjs';
+import '@vueuse/core';
+import '../../../hooks/develop/useCacheHistory.mjs';
+import 'ant-design-vue';
+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 { useDesignViewController } from '../../../hooks/use-design-view-controller/use-design-view-controller.mjs';
+import '../../../hooks/use-model-field/use-model-field.mjs';
+import 'qx-util';
+import './panel-path.css';/* empty css                 */
+
+const PanelPath = /* @__PURE__ */ defineComponent({
+  name: 'PanelPath',
+  setup() {
+    const ns = useNamespace('design-panel-path');
+    const rootRef = ref(null);
+    const c = useDesignViewController();
+    const paths = ref([]);
+    watch(() => c.store.selected, val => {
+      if (val) {
+        paths.value = c.store.getPaths(val.id);
+      } else {
+        paths.value = [];
+      }
+    });
+    watch(paths, () => {
+      nextTick(() => {
+        if (rootRef.value) {
+          rootRef.value.scrollTo(rootRef.value.scrollWidth, 0);
+        }
+      });
+    });
+    const onActive = item => {
+      c.store.setActive(item);
+    };
+    const onActivePage = () => {
+      c.store.setActive(c.store.pageNode);
+    };
+    return {
+      ns,
+      c,
+      rootRef,
+      paths,
+      onActive,
+      onActivePage
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "ref": "rootRef",
+      "class": this.ns.b()
+    }, [createVNode("span", {
+      "class": this.ns.e('item'),
+      "onClick": this.onActivePage
+    }, [this.c.store.rootExpLabel]), this.paths.map(item => createVNode(Fragment, null, [createVNode("span", {
+      "class": this.ns.e('arrow')
+    }, [createVNode("i", {
+      "class": "iconfont icon-a-Rightarrow"
+    }, null)]), createVNode("span", {
+      "class": this.ns.e('item'),
+      "onClick": () => this.onActive(item)
+    }, [item.label])]))]);
+  }
+});
+
+export { PanelPath };

package/es/constant/design-editor-type.d.ts

@@ -0,0 +1,50 @@
+/**
+ * 设计器编辑器类型
+ *
+ * @author lingxiaoming
+ * @date 2024-07-17 04:29:23
+ * @export
+ * @enum {number}
+ */
+export declare enum DesignEditorType {
+    /**
+     * 图片上传编辑器
+     */
+    UPLOAD_IMAGE = "upload-image",
+    /**
+     * 文件上传编辑器
+     */
+    UPLOAD_FILE = "upload-file",
+    /**
+     * 定位编辑器
+     */
+    STYLE_POSITION = "style-position",
+    /**
+     * 文本编辑器
+     */
+    STYLE_FONT = "style-font",
+    /**
+     * 边距编辑器
+     */
+    STYLE_SPACING = "style-spacing",
+    /**
+     * 边框编辑器
+     */
+    STYLE_BORDER = "style-border",
+    /**
+     * 子项编辑器
+     */
+    CHILD_LIST_EDITOR = "chid-list-editor",
+    /**
+     * 自定义导航菜单项编辑器
+     */
+    CUSTOM_EXP_MENU = "custom-exp-menu",
+    /**
+     * 自定义导航菜单预置系统页面选择器
+     */
+    SYSTEM_PAGE_SELECT = "system-page-select",
+    /**
+     * 字段值标签样式配置
+     */
+    CONTENT_TAG_STYLE = "content-tag-style"
+}

package/es/constant/design-editor-type.mjs

@@ -0,0 +1,15 @@
+var DesignEditorType = /* @__PURE__ */ ((DesignEditorType2) => {
+  DesignEditorType2["UPLOAD_IMAGE"] = "upload-image";
+  DesignEditorType2["UPLOAD_FILE"] = "upload-file";
+  DesignEditorType2["STYLE_POSITION"] = "style-position";
+  DesignEditorType2["STYLE_FONT"] = "style-font";
+  DesignEditorType2["STYLE_SPACING"] = "style-spacing";
+  DesignEditorType2["STYLE_BORDER"] = "style-border";
+  DesignEditorType2["CHILD_LIST_EDITOR"] = "chid-list-editor";
+  DesignEditorType2["CUSTOM_EXP_MENU"] = "custom-exp-menu";
+  DesignEditorType2["SYSTEM_PAGE_SELECT"] = "system-page-select";
+  DesignEditorType2["CONTENT_TAG_STYLE"] = "content-tag-style";
+  return DesignEditorType2;
+})(DesignEditorType || {});
+
+export { DesignEditorType };

package/es/constant/index.d.ts

@@ -1 +1,256 @@
-export { VariableTypeEnum } from './variable-type/variable-type';
+export * from './design-editor-type';
+export * from './page-designer';
+/**
+ * 设计界面模式前缀(主要用于插件的区分，此设计界面是通用的，通过此标识区分不同界面加载不同组件)
+ *
+ * @author zhanghanrui
+ * @date 2024-07-09 09:07:19
+ * @export
+ * @enum {number}
+ */
+export declare enum DesignViewPrefix {
+    /**
+     * 自定义视图
+     */
+    CUSTOM_HOME = "custom-home",
+    /**
+     * 自定义导航
+     */
+    CUSTOM_EXP_VIEW = "custom-exp-view",
+    /**
+     * 自定义导航菜单
+     */
+    CUSTOM_EXP_MENU = "custom-exp-menu",
+    /**
+     * 卡片设计
+     */
+    CARD_DESIGN = "card-design"
+}
+/**
+ * 特殊设计节点前缀
+ *
+ * @author chitanda
+ * @date 2025-07-07 15:07:00
+ * @export
+ * @enum {number}
+ */
+export declare enum DesignNodePrefix {
+    /**
+     * 设计编辑器（所有单独需要直接使用编辑器的，可以从注册器中直接取来使用，不用跟着设计界面的类型走）
+     */
+    DESIGN_EDITOR = "design-editor"
+}
+/**
+ * 控制器类型
+ *
+ * @author zhanghanrui
+ * @date 2024-07-05 13:07:45
+ * @export
+ * @enum {number}
+ */
+export declare enum ControllerType {
+    /**
+     * 设计视图
+     */
+    DESIGN_VIEW = "design-view"
+}
+/**
+ * 设计节点类型
+ *
+ * @author zhanghanrui
+ * @date 2024-07-05 15:07:14
+ * @export
+ * @enum {number}
+ */
+export declare enum DesignNodeType {
+    /**
+     * 页面
+     */
+    PAGE = "PAGE",
+    /**
+     * 页面小写
+     */
+    PAGE_LOWER = "page",
+    /**
+     * 属性配置
+     */
+    FIELD = "field",
+    /**
+     * 面板
+     */
+    PANEL = "panel",
+    /**
+     * 选项卡
+     */
+    TABS = "tabs",
+    /**
+     * 选项卡子项
+     */
+    TAB_ITEM = "tab-item",
+    /**
+     * 栅格容器
+     */
+    GRID = "grid",
+    /**
+     * 栅格容器子项
+     */
+    GRID_ITEM = "grid-item",
+    /**
+     * 菜单列表
+     */
+    MENU_LIST = "menu-list",
+    /**
+     * 选择组件
+     */
+    SELECT_COMPONENT = "select-component",
+    /**
+     * 消息
+     */
+    MESSAGE = "message",
+    /**
+     * 工作台
+     */
+    WORKBENCH = "workbench",
+    /**
+     * 个人中心
+     */
+    PERSONAL_CENTER = "personal-center",
+    /**
+     * 审批
+     */
+    TODO = "todo",
+    /**
+     * 自定义导航菜单
+     */
+    CUSTOM_EXP_MENU = "custom-exp-menu",
+    /**
+     * 设计编辑器
+     */
+    DESIGN_EDITOR = "design-editor"
+}
+/**
+ * 节点模式
+ *
+ * @author zhanghanrui
+ * @date 2024-07-06 12:07:24
+ * @export
+ * @enum {number}
+ */
+export declare enum DesignNodeMode {
+    /**
+     * 主页面模式
+     */
+    PAGE = "PAGE",
+    /**
+     * 主页面模式
+     */
+    PAGE_LOWER = "page",
+    /**
+     * 容器模式
+     */
+    CONTAINER = "container",
+    /**
+     * 子项模式
+     */
+    ITEM = "item"
+}
+/**
+ * 插入节点模式
+ *
+ * @author zhanghanrui
+ * @date 2024-07-08 14:07:44
+ * @export
+ * @enum {number}
+ */
+export declare enum InsertNodeMode {
+    /**
+     * 出入前
+     */
+    BEFORE = "before",
+    /**
+     * 插入后
+     */
+    AFTER = "after"
+}
+/**
+ * 素材分组
+ *
+ * @author zhanghanrui
+ * @date 2024-07-09 16:07:08
+ * @export
+ * @enum {number}
+ */
+export declare enum MaterialGroup {
+    /**
+     * 布局
+     */
+    LAYOUT = "layout",
+    /**
+     * 系统
+     */
+    SYSTEM = "system"
+}
+/**
+ * 设计项标识标签属性
+ *
+ * @author zhanghanrui
+ * @date 2024-07-11 20:07:11
+ * @export
+ * @enum {number}
+ */
+export declare enum DesignItemAttribute {
+    /**
+     * 可以激活项的标识
+     */
+    ACTIVE_TAG = "design-active-item",
+    /**
+     * 拖拽项标识属性
+     */
+    DRAG_TAG = "design-drop-item",
+    /**
+     * 项排序值标识
+     */
+    INDEX_TAG = "design-item-index",
+    /**
+     * 设计项标识属性
+     */
+    NODE_ID_TAG = "design-item-id",
+    /**
+     * 项文本名称
+     */
+    DESIGN_NAME = "design-item-name",
+    /**
+     * 分组标识
+     */
+    GROUP_TAG = "design-group-tag",
+    /**
+     * 拖拽组类型
+     */
+    DRAG_GROUP_TYPE = "drag-group-type",
+    /**
+     * 是否为行内元素
+     */
+    IS_INLINE_BLOCK = "is-inline-block",
+    /**
+     * 特殊情况下，例如表格将表格元素自己复制了好几份，需要指定实际呈现元素在 querySelectorAll 中的位置。便于悬浮或者选中时位置的计算
+     */
+    SELECTOR_INDEX = "selector-index"
+}
+/**
+ * 行为标识
+ *
+ * @author zhanghanrui
+ * @date 2024-07-16 17:07:34
+ * @export
+ * @enum {number}
+ */
+export declare enum DesignItemActionTag {
+    /**
+     * 删除
+     */
+    DELETE = "delete",
+    /**
+     * 选中父
+     */
+    SELECT_PARENT = "select-parent"
+}

package/es/constant/index.mjs

@@ -1,3 +1,72 @@
-export { VariableTypeEnum } from './variable-type/variable-type.mjs';
+export { CategoryEnum, FormDesignEnum, MenuClickEvent, ModelTypeEnum, PageTypeEnum, PrintTypeEnum, ProcessTypeEnum, ScriptTypeEnum } from './page-designer.mjs';
 
-"use strict";
+var DesignViewPrefix = /* @__PURE__ */ ((DesignViewPrefix2) => {
+  DesignViewPrefix2["CUSTOM_HOME"] = "custom-home";
+  DesignViewPrefix2["CUSTOM_EXP_VIEW"] = "custom-exp-view";
+  DesignViewPrefix2["CUSTOM_EXP_MENU"] = "custom-exp-menu";
+  DesignViewPrefix2["CARD_DESIGN"] = "card-design";
+  return DesignViewPrefix2;
+})(DesignViewPrefix || {});
+var DesignNodePrefix = /* @__PURE__ */ ((DesignNodePrefix2) => {
+  DesignNodePrefix2["DESIGN_EDITOR"] = "design-editor";
+  return DesignNodePrefix2;
+})(DesignNodePrefix || {});
+var ControllerType = /* @__PURE__ */ ((ControllerType2) => {
+  ControllerType2["DESIGN_VIEW"] = "design-view";
+  return ControllerType2;
+})(ControllerType || {});
+var DesignNodeType = /* @__PURE__ */ ((DesignNodeType2) => {
+  DesignNodeType2["PAGE"] = "PAGE";
+  DesignNodeType2["PAGE_LOWER"] = "page";
+  DesignNodeType2["FIELD"] = "field";
+  DesignNodeType2["PANEL"] = "panel";
+  DesignNodeType2["TABS"] = "tabs";
+  DesignNodeType2["TAB_ITEM"] = "tab-item";
+  DesignNodeType2["GRID"] = "grid";
+  DesignNodeType2["GRID_ITEM"] = "grid-item";
+  DesignNodeType2["MENU_LIST"] = "menu-list";
+  DesignNodeType2["SELECT_COMPONENT"] = "select-component";
+  DesignNodeType2["MESSAGE"] = "message";
+  DesignNodeType2["WORKBENCH"] = "workbench";
+  DesignNodeType2["PERSONAL_CENTER"] = "personal-center";
+  DesignNodeType2["TODO"] = "todo";
+  DesignNodeType2["CUSTOM_EXP_MENU"] = "custom-exp-menu";
+  DesignNodeType2["DESIGN_EDITOR"] = "design-editor";
+  return DesignNodeType2;
+})(DesignNodeType || {});
+var DesignNodeMode = /* @__PURE__ */ ((DesignNodeMode2) => {
+  DesignNodeMode2["PAGE"] = "PAGE";
+  DesignNodeMode2["PAGE_LOWER"] = "page";
+  DesignNodeMode2["CONTAINER"] = "container";
+  DesignNodeMode2["ITEM"] = "item";
+  return DesignNodeMode2;
+})(DesignNodeMode || {});
+var InsertNodeMode = /* @__PURE__ */ ((InsertNodeMode2) => {
+  InsertNodeMode2["BEFORE"] = "before";
+  InsertNodeMode2["AFTER"] = "after";
+  return InsertNodeMode2;
+})(InsertNodeMode || {});
+var MaterialGroup = /* @__PURE__ */ ((MaterialGroup2) => {
+  MaterialGroup2["LAYOUT"] = "layout";
+  MaterialGroup2["SYSTEM"] = "system";
+  return MaterialGroup2;
+})(MaterialGroup || {});
+var DesignItemAttribute = /* @__PURE__ */ ((DesignItemAttribute2) => {
+  DesignItemAttribute2["ACTIVE_TAG"] = "design-active-item";
+  DesignItemAttribute2["DRAG_TAG"] = "design-drop-item";
+  DesignItemAttribute2["INDEX_TAG"] = "design-item-index";
+  DesignItemAttribute2["NODE_ID_TAG"] = "design-item-id";
+  DesignItemAttribute2["DESIGN_NAME"] = "design-item-name";
+  DesignItemAttribute2["GROUP_TAG"] = "design-group-tag";
+  DesignItemAttribute2["DRAG_GROUP_TYPE"] = "drag-group-type";
+  DesignItemAttribute2["IS_INLINE_BLOCK"] = "is-inline-block";
+  DesignItemAttribute2["SELECTOR_INDEX"] = "selector-index";
+  return DesignItemAttribute2;
+})(DesignItemAttribute || {});
+var DesignItemActionTag = /* @__PURE__ */ ((DesignItemActionTag2) => {
+  DesignItemActionTag2["DELETE"] = "delete";
+  DesignItemActionTag2["SELECT_PARENT"] = "select-parent";
+  return DesignItemActionTag2;
+})(DesignItemActionTag || {});
+
+export { ControllerType, DesignItemActionTag, DesignItemAttribute, DesignNodeMode, DesignNodePrefix, DesignNodeType, DesignViewPrefix, InsertNodeMode, MaterialGroup };

package/es/constant/page-designer.d.ts

@@ -0,0 +1,75 @@
+export declare enum MenuClickEvent {
+    NEW = "new",
+    EDIT = "edit",
+    DELETE = "delete"
+}
+export declare enum ModelTypeEnum {
+    /** 实体模型 */
+    ENTITY = "entity_module",
+    /** 枚举 */
+    ENUM = "enum_module",
+    /** 虚拟 */
+    VIRTUAL = 5,
+    /** 视图 */
+    VIEW = "view_model_module",
+    /** SQL */
+    SQL = 7,
+    /** 数据 */
+    DATA = "data_model"
+}
+export declare enum PageTypeEnum {
+    /** WEB */
+    WEB = "web_module",
+    /** MOBILE */
+    MOBILE = "mobile_module",
+    /** PAD */
+    PAD = "pad_module",
+    /** 统计 */
+    STATISTICS = 8
+}
+export declare enum ScriptTypeEnum {
+    /** 公共方法 */
+    GLOBAL_METHOD = "global_method_module",
+    /** 脚本 */
+    DEFAULT = "script_module",
+    /** 编排 */
+    ORCHESTRATION = "so_module"
+}
+export declare enum PrintTypeEnum {
+    /** 标签 */
+    LABEL = "label_module",
+    /** 单据 */
+    RECEIPT = "document_module"
+}
+export declare enum ProcessTypeEnum {
+    /** 业务流 */
+    /** 审批流 */
+    APPROVAL = "approval_process_module"
+}
+export declare enum FormDesignEnum {
+    /**在线表单 */
+    ONLINE_FORM = "online_form_module",
+    /**eDHR */
+    EDHR = "edhr_module"
+}
+export declare const CategoryEnum: {
+    ONLINE_FORM: FormDesignEnum.ONLINE_FORM;
+    EDHR: FormDesignEnum.EDHR;
+    APPROVAL: ProcessTypeEnum.APPROVAL;
+    LABEL: PrintTypeEnum.LABEL;
+    RECEIPT: PrintTypeEnum.RECEIPT;
+    GLOBAL_METHOD: ScriptTypeEnum.GLOBAL_METHOD;
+    DEFAULT: ScriptTypeEnum.DEFAULT;
+    ORCHESTRATION: ScriptTypeEnum.ORCHESTRATION;
+    WEB: PageTypeEnum.WEB;
+    MOBILE: PageTypeEnum.MOBILE;
+    PAD: PageTypeEnum.PAD;
+    STATISTICS: PageTypeEnum.STATISTICS;
+    ENTITY: ModelTypeEnum.ENTITY;
+    ENUM: ModelTypeEnum.ENUM;
+    VIRTUAL: ModelTypeEnum.VIRTUAL;
+    VIEW: ModelTypeEnum.VIEW;
+    SQL: ModelTypeEnum.SQL;
+    DATA: ModelTypeEnum.DATA;
+};
+export type CategoryType = ModelTypeEnum | PageTypeEnum | ScriptTypeEnum | PrintTypeEnum | ProcessTypeEnum;