@gct-paas/core-web 0.1.6-dev.14 → 0.1.6-dev.16

package/es/modules/process-designer/panels/interfaces/i-panel-extension.d.ts

@@ -0,0 +1,21 @@
+import { Component, ComputedRef, InjectionKey } from 'vue';
+/**
+ * 面板扩展接口，用于定义流程节点的面板组件
+ * - prop: 属性面板组件，必选
+ * - perm: 字段权限面板组件，可选
+ * - event: 事件面板组件，可选
+ */
+export interface IPanelExtension {
+    /** 节点类型，对应 BPMN 节点的 type 字段 */
+    type: string;
+    /** 属性面板组件（必选） */
+    prop: Component;
+    /** 字段权限面板组件（可选） */
+    perm?: Component;
+    /** 事件面板组件（可选） */
+    event?: Component;
+}
+/**
+ * provide/inject 用的类型安全 key，用于向下传递合并后的扩展列表
+ */
+export declare const PANEL_EXTENSIONS_KEY: InjectionKey<ComputedRef<IPanelExtension[]>>;

package/es/modules/process-designer/panels/interfaces/i-panel-extension.mjs

@@ -0,0 +1,7 @@
+//#region src/modules/process-designer/panels/interfaces/i-panel-extension.ts
+/**
+* provide/inject 用的类型安全 key，用于向下传递合并后的扩展列表
+*/
+var PANEL_EXTENSIONS_KEY = Symbol("panelExtensions");
+//#endregion
+export { PANEL_EXTENSIONS_KEY };

package/es/modules/process-designer/process-designer.vue.d.ts

@@ -0,0 +1,11 @@
+import { FlowPlugin } from '@gct-paas/flow';
+import { IPanelExtension } from './panels';
+type __VLS_Props = {
+    onlyFlow?: boolean;
+    id?: string;
+    plugins?: FlowPlugin[];
+    /** 外部扩展面板，与内置面板合并，相同 type 的外部扩展会覆盖内置扩展 */
+    extensions?: IPanelExtension[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/modules/process-designer/process-designer.vue.mjs

@@ -0,0 +1,6 @@
+import process_designer_vue_vue_type_script_setup_true_lang_default from "./process-designer.vue_vue_type_script_setup_true_lang.mjs";
+import './process-designer.vue_vue_type_style_index_0_lang.css';/* empty css                                                       */
+//#region src/modules/process-designer/process-designer.vue
+var process_designer_default = process_designer_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { process_designer_default as default };

package/es/modules/process-designer/process-designer.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,81 @@
+import { useProcessStore } from "./hook/index.mjs";
+import { PANEL_EXTENSIONS_KEY } from "./panels/interfaces/i-panel-extension.mjs";
+import { BUILTIN_PANEL_EXTENSIONS } from "./panels/index.mjs";
+import bmpn_panel_default from "./design/bmpn-panel.vue.mjs";
+import bpmn_global_default from "./design/bpmn-global.vue.mjs";
+import bpmn_header_default from "./design/bpmn-header.vue.mjs";
+import bpmn_versions_default from "./design/bpmn-versions.vue.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, onMounted, openBlock, provide, ref, unref } from "vue";
+import { useNamespace } from "@gct-paas/core";
+import { PaasBpmnDiagram } from "@gct-paas/flow";
+//#region src/modules/process-designer/process-designer.vue?vue&type=script&setup=true&lang.ts
+var process_designer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "process-designer",
+	props: {
+		onlyFlow: { type: Boolean },
+		id: {},
+		plugins: {},
+		extensions: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const ns = useNamespace("process-designer");
+		const store = useProcessStore();
+		provide(PANEL_EXTENSIONS_KEY, computed(() => {
+			const map = new Map(BUILTIN_PANEL_EXTENSIONS.map((e) => [e.type, e]));
+			(props.extensions ?? []).forEach((e) => map.set(e.type, e));
+			return Array.from(map.values());
+		}));
+		const hidden = ref();
+		const isGLobal = ref(true);
+		onMounted(() => {
+			store.initProcess(props.id, props.onlyFlow);
+		});
+		const panelData = computed(() => {
+			console.log("重新计算 panelData", isGLobal.value, store.globalData, store.nodeSelectedId);
+			return isGLobal.value ? store.globalData : store.nodeSelectedData;
+		});
+		function onNodeClick() {
+			hidden.value = false;
+			isGLobal.value = false;
+		}
+		function onClickGlobal() {
+			hidden.value = false;
+			isGLobal.value = true;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(ns).b()) }, [!__props.onlyFlow ? (openBlock(), createBlock(bpmn_header_default, {
+				key: 0,
+				class: normalizeClass(unref(ns).e("header"))
+			}, null, 8, ["class"])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(unref(ns).e("content")) }, [createElementVNode("div", { class: normalizeClass(unref(ns).e("content-left")) }, [
+				!__props.onlyFlow ? (openBlock(), createBlock(bpmn_versions_default, {
+					key: 0,
+					class: normalizeClass(unref(ns).e("versions"))
+				}, null, 8, ["class"])) : createCommentVNode("", true),
+				unref(store).curVersionId ? (openBlock(), createBlock(unref(PaasBpmnDiagram), {
+					key: unref(store).curVersionId,
+					plugins: __props.plugins,
+					"on-node-created": unref(store).onNodeCreated,
+					"on-node-click": onNodeClick
+				}, null, 8, ["plugins", "on-node-created"])) : createCommentVNode("", true),
+				!__props.onlyFlow ? (openBlock(), createBlock(bpmn_global_default, {
+					key: 2,
+					class: normalizeClass(unref(ns).e("global")),
+					onClick: onClickGlobal
+				}, null, 8, ["class"])) : createCommentVNode("", true)
+			], 2), !__props.onlyFlow ? (openBlock(), createBlock(bmpn_panel_default, {
+				key: 0,
+				hidden: hidden.value,
+				"onUpdate:hidden": _cache[0] || (_cache[0] = ($event) => hidden.value = $event),
+				data: panelData.value,
+				class: normalizeClass(unref(ns).e("panel"))
+			}, null, 8, [
+				"hidden",
+				"data",
+				"class"
+			])) : createCommentVNode("", true)], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { process_designer_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/process-designer/process-designer.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,98 @@
+@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-process-designer {
+  width: 100%;
+  height: 100%;
+}
+.gct-process-designer__header {
+  height: 54px;
+  background: #1a1d23;
+}
+.gct-process-designer__content {
+  display: flex;
+  flex-direction: row;
+  height: calc(100% - 54px);
+}
+.gct-process-designer__content-left {
+  position: relative;
+  flex: 1;
+}
+.gct-process-designer__panel {
+  width: 380px;
+  background-color: #fff;
+  border-left: 1px solid #e0e3ea;
+}
+.gct-process-designer__versions {
+  position: absolute;
+  top: 24px;
+  left: 24px;
+  z-index: 10;
+}
+.gct-process-designer__global {
+  position: absolute;
+  top: 16px;
+  right: 128px;
+  z-index: 10;
+}

package/es/modules/process-designer/types/index.d.ts

@@ -0,0 +1,105 @@
+export interface InitializeOptions {
+    container: HTMLElement;
+}
+export interface RuleItem {
+    id: string;
+    expr: string;
+    title: string;
+}
+export interface GlobalSetting {
+    rules: Record<string, RuleItem[] | undefined>;
+    graphData: IObject;
+    formTodo?: string;
+    formView?: string;
+    mobileFormTodo?: string;
+    mobileFormView?: string;
+}
+/**
+ * 元素类型
+ */
+export declare enum BpmnElementEnum {
+    StartEvent = "startEvent",
+    EndEvent = "endEvent",
+    UserTask = "userTask",
+    SubmitTask = "submitTask",
+    ApprovalTask = "approvalTask",
+    ServiceTask = "serviceTask",
+    ReceiveTask = "receiveTask",
+    BusinessTask = "businessTask",
+    ExclusiveGateway = "exclusiveGateway",
+    ApprovalCateway = "approvalGateway",
+    ParallelGateway = "parallelGateway",
+    InclusiveGateway = "inclusiveGateway",
+    SequenceFlow = "sequenceFlow"
+}
+/**
+ * 任务模式
+ */
+export declare enum TaskMode {
+    Competitive = "Competitive",
+    Together = "Together",
+    Sequential = "Sequential"
+}
+/**
+ * 用户类型
+ */
+export declare enum UserType {
+    User = "User",
+    DeptManager = "DeptManager",
+    ModelUser = "ModelUser",
+    ModelUserSuperior = "ModelUserSuperior",
+    ModelDeptManager = "ModelDeptManager",
+    UserScript = "UserScript"
+}
+/**
+ * 退回重新提交后审批规则
+ */
+export declare enum RollbackRule {
+    Step = "step_by_step",
+    Skip = "skip"
+}
+export interface UserTask {
+    taskMode?: TaskMode;
+    juel?: string;
+    userType?: UserType;
+    userTypeValue?: string[] | string;
+    formTodo?: string;
+    formView?: string;
+    mobileFormTodo?: string;
+    mobileFormView?: string;
+    beforeEnter?: string;
+    beforeLeave?: string;
+}
+export interface SubmitTask {
+    _extends_: 'userTask';
+    formTodo?: string;
+    formView?: string;
+    mobileFormTodo?: string;
+    mobileFormView?: string;
+}
+export interface ApprovalTask extends UserTask {
+    _extends_: 'userTask';
+    rollbackRule?: RollbackRule;
+}
+export interface BusinessTask {
+    _extends_: 'serviceTask';
+    service?: string;
+}
+export interface ExclusiveGateway {
+    rules?: IObject[];
+}
+export interface ApprovalCateway {
+    _extends_: 'exclusiveGateway';
+}
+export interface SequenceFlow {
+    rule?: string;
+}
+export interface BpmnElementProperty {
+    [BpmnElementEnum.UserTask]?: UserTask;
+    [BpmnElementEnum.SubmitTask]?: SubmitTask;
+    [BpmnElementEnum.ApprovalTask]?: ApprovalTask;
+    [BpmnElementEnum.BusinessTask]?: BusinessTask;
+    [BpmnElementEnum.ExclusiveGateway]?: ExclusiveGateway;
+    [BpmnElementEnum.ApprovalCateway]?: ApprovalCateway;
+    [BpmnElementEnum.SequenceFlow]?: SequenceFlow;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/core-web",
-  "version": "0.1.6-dev.14",
+  "version": "0.1.6-dev.16",
   "type": "module",
   "description": "paas 平台网页端核心包",
   "loader": "dist/loader.esm.min.js",
@@ -34,7 +34,7 @@
     "@ant-design/icons-vue": "^6.1.0",
     "@floating-ui/dom": "^1.7.6",
     "@gct-paas/api": "^0.1.6-dev.11",
-    "@gct-paas/flow": "0.0.1-dev.1",
+    "@gct-paas/flow": "0.0.2-dev.0",
     "@gct-paas/platform-icons": "^0.0.2",
     "@icon-park/vue-next": "^1.4.2",
     "@jsplumb/browser-ui": "^6.2.10",
@@ -58,24 +58,25 @@
     "sortablejs": "^1.15.6",
     "sql-formatter": "^15.7.2",
     "vue": "^3.5.30",
+    "vue-router": "4.6.4",
     "vue3-dnd": "^2.1.0",
     "vue3-sketch-ruler": "^2.3.3",
     "vuedraggable": "^4.1.0",
     "vxe-table": "npm:@gct-paas/vxe-table@4.6.19",
     "wujie": "^1.0.29",
     "wujie-vue3": "^1.0.29",
-    "@gct-paas/core": "0.1.6-dev.14",
-    "@gct-paas/core-components": "0.1.6-dev.14",
-    "@gct-paas/scss": "0.1.6-dev.14"
+    "@gct-paas/core": "0.1.6-dev.16",
+    "@gct-paas/scss": "0.1.6-dev.16",
+    "@gct-paas/core-components": "0.1.6-dev.16"
   },
   "peerDependencies": {
     "@gct-paas/api": "^0.1.6-dev.11",
     "@types/sortablejs": "^1.15.1",
     "vant": ">=4",
     "vue": ">=3",
-    "@gct-paas/core": "0.1.6-dev.14",
-    "@gct-paas/scss": "0.1.6-dev.14",
-    "@gct-paas/core-components": "0.1.6-dev.14"
+    "@gct-paas/core": "0.1.6-dev.16",
+    "@gct-paas/core-components": "0.1.6-dev.16",
+    "@gct-paas/scss": "0.1.6-dev.16"
   },
   "devDependencies": {
     "@types/bwip-js": "^3.2.3"