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

package/es/modules/process-designer/components/field-permission.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import field_permission_vue_vue_type_script_setup_true_lang_default from "./field-permission.vue_vue_type_script_setup_true_lang.mjs";
+import './field-permission.vue_vue_type_style_index_0_scoped_b8e5c15f_lang.css';/* empty css                                                                       */
+//#region src/modules/process-designer/components/field-permission.vue
+var field_permission_default = /* @__PURE__ */ _plugin_vue_export_helper_default(field_permission_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b8e5c15f"]]);
+//#endregion
+export { field_permission_default as default };

package/es/modules/process-designer/components/field-permission.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,206 @@
+import { FieldsPermissionEnum } from "../constants/index.mjs";
+import { useProcessStore } from "../hook/index.mjs";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, onMounted, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { CreateType, FIELD_TYPE, t } from "@gct-paas/core";
+import { BpmnNodeTypeEnum as BpmnNodeTypeEnum$1 } from "@gct-paas/flow";
+//#region src/modules/process-designer/components/field-permission.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "mb2px" };
+var _hoisted_2 = { class: "fields-wrap bg-[#F0F0F0] py8px rounded-4px mb12px" };
+var _hoisted_3 = { class: "fields-header ks-row-middle overflow-hidden pb4px px16px" };
+var _hoisted_4 = { class: "fields-header-name ell pr4px relative top-2px" };
+var _hoisted_5 = { class: "ks-col ks-row-middle" };
+var _hoisted_6 = { class: "fields-main max-h-390px overflow-auto px8px" };
+var _hoisted_7 = { class: "ks-row py5px px8px" };
+var _hoisted_8 = { class: "w70px ell" };
+var _hoisted_9 = { class: "fields-main-option ks-col" };
+var field_permission_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "field-permission",
+	props: { data: {} },
+	setup(__props) {
+		const props = __props;
+		const store = useProcessStore();
+		const paasBpmnReadonly = inject("paasBpmnReadonly", false);
+		const spinning = ref(false);
+		const fieldData = ref([]);
+		const fieldConfig = computed({
+			get() {
+				return props.data.fieldConfig || {};
+			},
+			set(value) {
+				props.data.fieldConfig = value;
+			}
+		});
+		const plainOptions = computed(() => {
+			return Object.values(FieldsPermissionEnum).map((e) => {
+				return { value: e };
+			});
+		});
+		onMounted(() => {
+			getFieldData();
+		});
+		function checkedParent(permission, item) {
+			let childPers = [];
+			if (item.key) {
+				childPers = item.children?.filter((e) => fieldConfig.value[item.key]?.children[e.field]?.permission === permission);
+				return childPers.length === item.children.length;
+			} else childPers = item.children?.filter((e) => fieldConfig.value[e.field]?.permission === permission);
+			return childPers.length === item.children.length;
+		}
+		const handleParentChange = (evt, permission, item) => {
+			const { checked } = evt.target;
+			if (checked) item.children.forEach((e) => {
+				if (item.key) fieldConfig.value[item.key].children[e.field].permission = permission;
+				else fieldConfig.value[e.field].permission = permission;
+			});
+		};
+		const getFieldData = async () => {
+			spinning.value = true;
+			try {
+				const { modelKey, modelName } = store.processInfo;
+				const res = await getModelFields(modelKey);
+				fieldData.value = [];
+				const msList = res.filter((e) => e.type === FIELD_TYPE.MASTERSLAVE).map((e) => {
+					return {
+						key: e.key,
+						modelKey: e.bindInfo,
+						modelName: e.relationModelName
+					};
+				});
+				const fnList = msList.map((e) => getModelFields(e.modelKey, false));
+				const data = await Promise.all(fnList);
+				const configObj = {};
+				fieldData.value = [{
+					modelKey,
+					modelName,
+					children: res.filter((e) => e.type !== FIELD_TYPE.MASTERSLAVE).map((e) => formatFields(e))
+				}, ...msList.map((e) => {
+					return {
+						...e,
+						children: data.find((d) => d[0].modelKey === e.modelKey)?.map((f) => formatFields(f)) || []
+					};
+				})];
+				fieldData.value.forEach(async (o) => {
+					if (!o.key) o.children.forEach((e) => {
+						configObj[e.field] = {
+							permission: fieldConfig.value[e.field]?.permission || e.permission,
+							children: {}
+						};
+					});
+					else {
+						configObj[o.key] = { children: {} };
+						o.children.forEach((e) => {
+							configObj[o.key].children[e.field] = {
+								permission: fieldConfig.value[o.key]?.children[e.field]?.permission || e.permission,
+								children: {}
+							};
+						});
+					}
+				});
+				fieldConfig.value = configObj;
+				spinning.value = false;
+			} catch (error) {
+				spinning.value = false;
+			}
+		};
+		async function getModelFields(modelKey, sys = true) {
+			return await _api.apaas.fieldMeta.getList({
+				modelKey,
+				sys,
+				includeBuiltin: true
+			}) || [];
+		}
+		function formatFields(f, permission) {
+			const nType = store.nodeSelectedData?.type;
+			return {
+				field: f.key,
+				name: f.name,
+				modelKey: f.modelKey,
+				createType: f.createType,
+				type: f.type,
+				children: [],
+				permission: permission || nType === BpmnNodeTypeEnum$1.BpmnApproval || f.createType === CreateType.SYSTEM ? FieldsPermissionEnum.readonly : FieldsPermissionEnum.editable
+			};
+		}
+		function onParentRadioChange(e, field, key) {
+			const { value } = e.target;
+			if (key) fieldConfig.value[key].children[field.field].permission = value;
+			else fieldConfig.value[field.field].permission = value;
+		}
+		return (_ctx, _cache) => {
+			const _component_a_checkbox = resolveComponent("a-checkbox");
+			const _component_a_radio = resolveComponent("a-radio");
+			const _component_a_radio_group = resolveComponent("a-radio-group");
+			const _component_a_spin = resolveComponent("a-spin");
+			return openBlock(true), createElementBlock(Fragment, null, renderList(fieldData.value, (el, i) => {
+				return openBlock(), createElementBlock("div", { key: i }, [createElementVNode("div", _hoisted_1, toDisplayString(el.modelName), 1), createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, toDisplayString(unref(t)("sys.appDesigner.approval.fieldName")), 1), createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(Object.values(unref(FieldsPermissionEnum)), (item) => {
+					return openBlock(), createElementBlock("div", {
+						key: item,
+						class: "fields-header-item ell"
+					}, [createTextVNode(toDisplayString(unref(t)(`sys.pageDesigner.${item}`)) + " ", 1), createVNode(_component_a_checkbox, {
+						disabled: unref(paasBpmnReadonly),
+						checked: checkedParent(item, el),
+						style: {
+							"line-height": "1",
+							"height": "18px"
+						},
+						onChange: (e) => handleParentChange(e, item, el)
+					}, null, 8, [
+						"disabled",
+						"checked",
+						"onChange"
+					])]);
+				}), 128))])]), createElementVNode("div", _hoisted_6, [createVNode(_component_a_spin, { spinning: spinning.value }, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(el.children, (field, j) => {
+						return openBlock(), createElementBlock("div", {
+							key: j,
+							class: "fields-main-option bg-[#FFFFFF] rounded-4px mb4px border"
+						}, [createElementVNode("div", _hoisted_7, [createElementVNode("div", _hoisted_8, toDisplayString(field.name), 1), createElementVNode("div", _hoisted_9, [!el.key ? (openBlock(), createBlock(_component_a_radio_group, {
+							key: 0,
+							value: fieldConfig.value[field.field].permission,
+							"onUpdate:value": ($event) => fieldConfig.value[field.field].permission = $event,
+							disabled: unref(paasBpmnReadonly),
+							onChange: (e) => onParentRadioChange(e, field)
+						}, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(plainOptions.value, (item, f) => {
+								return openBlock(), createBlock(_component_a_radio, {
+									key: f,
+									value: item.value,
+									disabled: field.createType === unref(CreateType).SYSTEM && [unref(FieldsPermissionEnum).disabled, unref(FieldsPermissionEnum).editable].includes(item.value)
+								}, null, 8, ["value", "disabled"]);
+							}), 128))]),
+							_: 2
+						}, 1032, [
+							"value",
+							"onUpdate:value",
+							"disabled",
+							"onChange"
+						])) : (openBlock(), createBlock(_component_a_radio_group, {
+							key: 1,
+							value: fieldConfig.value[el.key].children[field.field].permission,
+							"onUpdate:value": ($event) => fieldConfig.value[el.key].children[field.field].permission = $event,
+							disabled: unref(paasBpmnReadonly),
+							onChange: (e) => onParentRadioChange(e, field, el.key)
+						}, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(plainOptions.value, (item, f) => {
+								return openBlock(), createBlock(_component_a_radio, {
+									key: f,
+									value: item.value,
+									disabled: field.createType === unref(CreateType).SYSTEM && [unref(FieldsPermissionEnum).disabled, unref(FieldsPermissionEnum).editable].includes(item.value)
+								}, null, 8, ["value", "disabled"]);
+							}), 128))]),
+							_: 2
+						}, 1032, [
+							"value",
+							"onUpdate:value",
+							"disabled",
+							"onChange"
+						]))])])]);
+					}), 128))]),
+					_: 2
+				}, 1032, ["spinning"])])])]);
+			}), 128);
+		};
+	}
+});
+//#endregion
+export { field_permission_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/process-designer/components/field-permission.vue_vue_type_style_index_0_scoped_b8e5c15f_lang.css

@@ -0,0 +1,46 @@
+.b-b[data-v-b8e5c15f] {
+  border-bottom: 1px solid #e0e3ea;
+}
+.border[data-v-b8e5c15f] {
+  border: 1px solid #e8ebf0;
+}
+.fields-header[data-v-b8e5c15f] {
+  color: #666666;
+}
+.fields-header-name[data-v-b8e5c15f] {
+  width: 70px;
+}
+.fields-header-item[data-v-b8e5c15f] {
+  flex: 1;
+  text-align: right;
+  line-height: 18px;
+}
+.fields-main[data-v-b8e5c15f] {
+  color: #666666;
+  column-gap: 4px;
+}
+.fields-main-option[data-v-b8e5c15f] .ant-radio-group {
+  display: flex;
+}
+.fields-main-option[data-v-b8e5c15f] .ant-radio-group .ant-radio-wrapper {
+  display: flex;
+  flex: 1;
+  margin: 0;
+  justify-content: flex-end;
+  line-height: 1;
+}
+.fields-main-option[data-v-b8e5c15f] .ant-radio-group .ant-radio-wrapper span.ant-radio + * {
+  padding: 0;
+}
+.fields-main-option-parent[data-v-b8e5c15f] {
+  display: flex;
+  flex-direction: row;
+}
+.fields-main-option-parent[data-v-b8e5c15f] .ant-checkbox-wrapper {
+  flex: 1;
+  justify-content: center;
+  line-height: 1;
+}
+.fields-main-option-parent[data-v-b8e5c15f] .ant-checkbox-wrapper + .ant-checkbox-wrapper {
+  margin: 0;
+}

package/es/modules/process-designer/components/form-item.vue.d.ts

@@ -0,0 +1,32 @@
+import { Rule } from 'ant-design-vue/es/form';
+type __VLS_Props = {
+    label?: string;
+    inline?: boolean;
+    isFirst?: boolean;
+    rules?: Rule[];
+    required?: boolean;
+    tooltip?: string;
+    colon?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        label?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    inline: boolean;
+    isFirst: boolean;
+    colon: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/modules/process-designer/components/form-item.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import form_item_vue_vue_type_script_setup_true_name_form_item_lang_default from "./form-item.vue_vue_type_script_setup_true_name_form-item_lang.mjs";
+import './form-item.vue_vue_type_style_index_0_scoped_7fbde61b_lang.css';/* empty css                                                                */
+//#region src/modules/process-designer/components/form-item.vue
+var form_item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(form_item_vue_vue_type_script_setup_true_name_form_item_lang_default, [["__scopeId", "data-v-7fbde61b"]]);
+//#endregion
+export { form_item_default as default };

package/es/modules/process-designer/components/form-item.vue_vue_type_script_setup_true_name_form-item_lang.mjs

@@ -0,0 +1,61 @@
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, resolveComponent, toDisplayString, withCtx } from "vue";
+//#region src/modules/process-designer/components/form-item.vue?vue&type=script&setup=true&name=form-item&lang.ts
+var _hoisted_1 = { class: "form-item__label" };
+var _hoisted_2 = {
+	key: 0,
+	class: "error-gct"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "iconfont icon-assist text-[#C3C3C3] cursor-pointer relative top-1px"
+};
+var form_item_vue_vue_type_script_setup_true_name_form_item_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "form-item",
+	props: {
+		label: {},
+		inline: {
+			type: Boolean,
+			default: true
+		},
+		isFirst: {
+			type: Boolean,
+			default: false
+		},
+		rules: {},
+		required: { type: Boolean },
+		tooltip: {},
+		colon: {
+			type: Boolean,
+			default: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const isRequired = computed(() => {
+			return props.required || props.rules?.some((rule) => rule.required);
+		});
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_a_form_item = resolveComponent("a-form-item");
+			return openBlock(), createElementBlock("div", { class: normalizeClass([
+				"form-item ",
+				__props.isFirst ? "mt-0" : "mt-12px",
+				__props.inline ? "form-inline" : "",
+				__props.inline && __props.colon && __props.label && "colon"
+			]) }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "label", {}, () => [
+				isRequired.value ? (openBlock(), createElementBlock("span", _hoisted_2, "*")) : createCommentVNode("", true),
+				createTextVNode(" " + toDisplayString(__props.label) + " ", 1),
+				createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(__props.tooltip), 1)]),
+					default: withCtx(() => [__props.tooltip ? (openBlock(), createElementBlock("i", _hoisted_3)) : createCommentVNode("", true)]),
+					_: 1
+				})
+			], true)]), createVNode(_component_a_form_item, mergeProps(_ctx.$attrs, { class: "form-item__content overflow-hidden" }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16)], 2);
+		};
+	}
+});
+//#endregion
+export { form_item_vue_vue_type_script_setup_true_name_form_item_lang_default as default };

package/es/modules/process-designer/components/form-item.vue_vue_type_style_index_0_scoped_7fbde61b_lang.css

@@ -0,0 +1,37 @@
+.form-item[data-v-7fbde61b] {
+  line-height: 18px;
+}
+.form-item + .form-item[data-v-7fbde61b] {
+  margin-top: 8px;
+}
+.form-item__label[data-v-7fbde61b] {
+  color: #252525;
+  font-size: 12px;
+  flex: none;
+}
+.form-item__label .icon-assist[data-v-7fbde61b] {
+  font-size: 14px;
+}
+.form-item__content[data-v-7fbde61b] {
+  font-size: 12px;
+  flex: 1;
+  margin-bottom: 0;
+}
+.form-item.form-inline[data-v-7fbde61b] {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.form-item.form-inline.colon .form-item__label[data-v-7fbde61b]::after {
+  content: ':';
+  position: relative;
+  top: -0.5px;
+  margin: 0 6px 0 2px;
+}
+.form-item:not(.form-inline) .form-item__label[data-v-7fbde61b] {
+  margin-bottom: 4px;
+}
+[data-v-7fbde61b] .ant-form-item-control-input {
+  min-height: 18px;
+  color: #666666;
+}

package/es/modules/process-designer/components/node-basic-info.vue.d.ts

@@ -0,0 +1,6 @@
+import { IGctBpmnNodeDefinition } from '@gct-paas/flow';
+type __VLS_Props = {
+    data?: IGctBpmnNodeDefinition;
+};
+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, {}, any>;
+export default _default;

package/es/modules/process-designer/components/node-basic-info.vue.mjs

@@ -0,0 +1,5 @@
+import node_basic_info_vue_vue_type_script_setup_true_lang_default from "./node-basic-info.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/modules/process-designer/components/node-basic-info.vue
+var node_basic_info_default = node_basic_info_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { node_basic_info_default as default };

package/es/modules/process-designer/components/node-basic-info.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,87 @@
+import { useProcessStore } from "../hook/index.mjs";
+import form_item_default from "./form-item.vue.mjs";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, inject, openBlock, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/modules/process-designer/components/node-basic-info.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["title"];
+var node_basic_info_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "node-basic-info",
+	props: { data: {} },
+	setup(__props) {
+		const props = __props;
+		const paasBpmnReadonly = inject("paasBpmnReadonly", false);
+		const store = useProcessStore();
+		const formState = computed({
+			get() {
+				return props.data;
+			},
+			set(value) {
+				Object.assign(props.data ?? {}, value);
+			}
+		});
+		return (_ctx, _cache) => {
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_textarea = resolveComponent("a-textarea");
+			return openBlock(), createElementBlock(Fragment, null, [
+				createVNode(form_item_default, {
+					label: unref(t)("sys.appDesigner.approval.nodeKey"),
+					"is-first": ""
+				}, {
+					default: withCtx(() => [createElementVNode("div", {
+						class: "ell w100%",
+						title: formState.value.key
+					}, toDisplayString(formState.value.key), 9, _hoisted_1)]),
+					_: 1
+				}, 8, ["label"]),
+				createVNode(form_item_default, {
+					label: unref(t)("sys.appDesigner.approval.nodeName"),
+					name: "name",
+					inline: false,
+					rules: [{
+						required: true,
+						message: unref(t)("sys.notEmptySth", { sth: unref(t)("sys.appDesigner.approval.nodeName") })
+					}]
+				}, {
+					default: withCtx(() => [createVNode(_component_a_input, {
+						value: formState.value.name,
+						"onUpdate:value": _cache[0] || (_cache[0] = ($event) => formState.value.name = $event),
+						size: "small",
+						maxlength: 32,
+						"show-count": "",
+						placeholder: unref(t)("sys.inputText"),
+						disabled: unref(paasBpmnReadonly),
+						onChange: _cache[1] || (_cache[1] = ($event) => unref(store).validNodeData(formState.value.key))
+					}, null, 8, [
+						"value",
+						"placeholder",
+						"disabled"
+					])]),
+					_: 1
+				}, 8, ["label", "rules"]),
+				createVNode(form_item_default, {
+					label: unref(t)("sys.appDesigner.approval.nodeDesc"),
+					inline: false,
+					name: "description"
+				}, {
+					default: withCtx(() => [createVNode(_component_a_textarea, {
+						value: formState.value.description,
+						"onUpdate:value": _cache[2] || (_cache[2] = ($event) => formState.value.description = $event),
+						size: "small",
+						maxlength: 120,
+						"show-count": "",
+						rows: 3,
+						disabled: unref(paasBpmnReadonly),
+						placeholder: unref(t)("sys.inputText")
+					}, null, 8, [
+						"value",
+						"disabled",
+						"placeholder"
+					])]),
+					_: 1
+				}, 8, ["label"])
+			], 64);
+		};
+	}
+});
+//#endregion
+export { node_basic_info_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/process-designer/components/node-binding-page.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    data: IObject;
+};
+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, {}, any>;
+export default _default;

package/es/modules/process-designer/components/node-binding-page.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import node_binding_page_vue_vue_type_script_setup_true_lang_default from "./node-binding-page.vue_vue_type_script_setup_true_lang.mjs";
+import './node-binding-page.vue_vue_type_style_index_0_scoped_2010f0e2_lang.css';/* empty css                                                                        */
+//#region src/modules/process-designer/components/node-binding-page.vue
+var node_binding_page_default = /* @__PURE__ */ _plugin_vue_export_helper_default(node_binding_page_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2010f0e2"]]);
+//#endregion
+export { node_binding_page_default as default };