@gct-paas/core-web 0.1.6-dev.3 → 0.1.6-dev.30

package/es/modules/data-rules-container/src/components/tree-root-node.vue_vue_type_script_setup_true_name_tree-root-node_lang.mjs

@@ -0,0 +1,108 @@
+import { Ch_Operator, OperatorTypeEnum } from "../constant/interface.mjs";
+import { useDataRulesTree } from "../hooks/useDataRulesTree.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, openBlock, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+import { PlusOutlined } from "@ant-design/icons-vue";
+//#region src/modules/data-rules-container/src/components/tree-root-node.vue?vue&type=script&setup=true&name=tree-root-node&lang.ts
+var _hoisted_1 = { class: "tree-root-node" };
+var tree_root_node_vue_vue_type_script_setup_true_name_tree_root_node_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-root-node",
+	props: {
+		data: {},
+		level: {},
+		id: {},
+		operatorType: {},
+		readonly: { type: Boolean }
+	},
+	setup(__props) {
+		const isDataFilterEditor = inject("isDataFilterEditor");
+		const OperatorOptions = [{
+			label: t(Ch_Operator[OperatorTypeEnum.AND]),
+			value: OperatorTypeEnum.AND
+		}, {
+			label: t(Ch_Operator[OperatorTypeEnum.OR]),
+			value: OperatorTypeEnum.OR
+		}];
+		const props = __props;
+		const { addNewGroup, deleteGroup, updateNodeItem, addNewRow } = useDataRulesTree(props.readonly);
+		const operatorType = computed({
+			get() {
+				return props.operatorType;
+			},
+			set(value) {
+				updateNodeItem(props.id, "operatorType", value);
+			}
+		});
+		const isLevel1 = computed(() => {
+			return props.level === 1;
+		});
+		const handleAddGroup = () => {
+			addNewGroup(props.id);
+		};
+		const handleDeleteGroup = () => {
+			deleteGroup(props.id);
+		};
+		const treeId = computed(() => props.data.key);
+		const childrenNum = computed(() => {
+			return props.data?.children?.filter((n) => !n.children).length;
+		});
+		const handleAddRow = () => {
+			addNewRow(treeId.value);
+		};
+		return (_ctx, _cache) => {
+			const _component_a_select = resolveComponent("a-select");
+			const _component_a_form_item_rest = resolveComponent("a-form-item-rest");
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", _hoisted_1, [
+				createVNode(_component_a_form_item_rest, null, {
+					default: withCtx(() => [createVNode(_component_a_select, {
+						value: operatorType.value,
+						"onUpdate:value": _cache[0] || (_cache[0] = ($event) => operatorType.value = $event),
+						class: "tree-root-node-select",
+						disabled: __props.readonly,
+						style: { "width": "60px" },
+						options: OperatorOptions,
+						placeholder: unref(t)("sys.chooseText")
+					}, null, 8, [
+						"value",
+						"disabled",
+						"placeholder"
+					])]),
+					_: 1
+				}),
+				!__props.readonly ? (openBlock(), createBlock(_component_a_button, {
+					key: 0,
+					type: "primary",
+					style: { "margin-left": "24px" },
+					ghost: "",
+					onClick: handleAddGroup
+				}, {
+					icon: withCtx(() => [createVNode(unref(PlusOutlined))]),
+					default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(t)("sys.appDesigner.createGroup")), 1)]),
+					_: 1
+				})) : createCommentVNode("", true),
+				!__props.readonly && !isLevel1.value ? (openBlock(), createBlock(_component_a_button, {
+					key: 1,
+					type: "primary",
+					ghost: "",
+					danger: "",
+					style: { "margin-left": "16px" },
+					onClick: handleDeleteGroup
+				}, {
+					icon: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("i", {
+						class: "iconfont icon-shanchu1",
+						style: { "margin-right": "4px" }
+					}, null, -1)])]),
+					default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(t)("sys.component.userCmp.deleteGroup")), 1)]),
+					_: 1
+				})) : createCommentVNode("", true)
+			]), !!unref(isDataFilterEditor) && !childrenNum.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "tree-root-node-add-row mt4px",
+				onClick: handleAddRow
+			}, " +" + toDisplayString(unref(t)("sys.appDesigner.addCondition")), 1)) : createCommentVNode("", true)], 64);
+		};
+	}
+});
+//#endregion
+export { tree_root_node_vue_vue_type_script_setup_true_name_tree_root_node_lang_default as default };

package/es/modules/data-rules-container/src/components/tree-root-node.vue_vue_type_style_index_0_scoped_74e5fbf3_lang.css

@@ -0,0 +1,29 @@
+.tree-root-node .ant-btn[data-v-74e5fbf3] {
+  line-height: 22px;
+}
+.tree-root-node .ant-btn .iconfont[data-v-74e5fbf3] {
+  font-size: 14px;
+}
+[data-v-74e5fbf3] .ant-select.tree-root-node-select.ant-select-disabled .ant-select-selector {
+  border-color: #fff !important;
+  background: #e6eeff;
+  color: #3168ec;
+  cursor: default;
+}
+[data-v-74e5fbf3] .ant-select.tree-root-node-select.ant-select-disabled .ant-select-selector .ant-select-selection-item {
+  padding-right: 0;
+}
+[data-v-74e5fbf3] .ant-select.tree-root-node-select.ant-select-disabled .ant-select-arrow {
+  display: none;
+}
+.tree-root-node-add-row[data-v-74e5fbf3] {
+  color: var(--ant-primary-color);
+}
+[data-v-74e5fbf3] .ant-select-selector {
+  border: none !important;
+  background-color: var(--ant-primary-1) !important;
+  color: var(--ant-primary-color) !important;
+}
+[data-v-74e5fbf3] .ant-select-arrow {
+  color: var(--ant-primary-color) !important;
+}

package/es/modules/data-rules-container/src/components/tree-select-cmp.vue.d.ts

@@ -0,0 +1,3 @@
+import { CompProps } from '../typing';
+declare const _default: import('vue').DefineComponent<CompProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CompProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/modules/data-rules-container/src/components/tree-select-cmp.vue.mjs

@@ -0,0 +1,5 @@
+import tree_select_cmp_vue_vue_type_script_name_gct_select_setup_true_lang_default from "./tree-select-cmp.vue_vue_type_script_name_gct-select_setup_true_lang.mjs";
+//#region src/modules/data-rules-container/src/components/tree-select-cmp.vue
+var tree_select_cmp_default = tree_select_cmp_vue_vue_type_script_name_gct_select_setup_true_lang_default;
+//#endregion
+export { tree_select_cmp_default as default };

package/es/modules/data-rules-container/src/components/tree-select-cmp.vue_vue_type_script_name_gct-select_setup_true_lang.mjs

@@ -0,0 +1,89 @@
+import { computed, createBlock, createElementVNode, createVNode, defineComponent, onBeforeMount, openBlock, ref, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { TreeSelect } from "ant-design-vue";
+//#region src/modules/data-rules-container/src/components/tree-select-cmp.vue?vue&type=script&name=gct-select&setup=true&lang.ts
+var tree_select_cmp_vue_vue_type_script_name_gct_select_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tree-select-cmp",
+	props: {
+		value: {},
+		api: { type: Function },
+		apiParams: {},
+		filterType: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const treeOptions = ref([]);
+		const displayField = ref();
+		const isPermScope = computed(() => props.filterType === "permissionScope");
+		const getModelInfo = async () => {
+			const { modelKey } = props.apiParams ?? {};
+			displayField.value = (await _api.apaas.modelMeta.getInfo({ id: modelKey }) || {}).displayField;
+		};
+		onBeforeMount(async () => {
+			if (isPermScope.value) await getModelInfo();
+			const result = await _api.apaas.bizService.postModelKeyBsKey({
+				...props.apiParams ?? {},
+				bsKey: "listAll"
+			}, {}, {});
+			const list = Array.isArray(result) ? result : result.data ?? [];
+			const options = list.map((i) => {
+				if (i.__NON_LEAF__ === void 0) i.__NON_LEAF__ = list.some((k) => k.parent_id_ === i.id_);
+				return {
+					label: i.name_ || i[displayField.value] || i.id_,
+					value: i.id_,
+					full_path_: i.full_path_,
+					_item: i,
+					id: i.id_,
+					pId: i.parent_id_,
+					isLeaf: !i.__NON_LEAF__
+				};
+			});
+			treeOptions.value = options.map((item) => {
+				const ch_full_path = item.full_path_.split("/").map((path) => {
+					const n = options.find((k) => k.value === path);
+					if (n) return n.label;
+					return null;
+				}).filter((i) => i).join("/");
+				return {
+					...item,
+					label: ch_full_path,
+					title: item.label
+				};
+			});
+		});
+		function getOmittedText(omitted) {
+			return omitted.map((v) => v && v.label ? v.label : String(v)).join(", ");
+		}
+		const filterTreeNode = (inputVal, treeNode) => {
+			return treeNode?.title?.toLowerCase().includes(inputVal.toLowerCase());
+		};
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_a_tree_select = resolveComponent("a-tree-select");
+			return openBlock(), createBlock(_component_a_tree_select, {
+				"tree-data": treeOptions.value,
+				"tree-data-simple-mode": "",
+				"allow-clear": "",
+				"show-checked-strategy": unref(TreeSelect).SHOW_ALL,
+				"tree-node-label-prop": "label",
+				multiple: "",
+				"filter-tree-node": isPermScope.value ? filterTreeNode : false,
+				"max-tag-count": "responsive",
+				"max-tag-text-length": 2,
+				"show-search": isPermScope.value
+			}, {
+				maxTagPlaceholder: withCtx((omittedValues) => [createVNode(_component_a_tooltip, { title: getOmittedText(omittedValues) }, {
+					default: withCtx(() => [createElementVNode("span", null, "+" + toDisplayString(omittedValues?.length), 1)]),
+					_: 2
+				}, 1032, ["title"])]),
+				_: 1
+			}, 8, [
+				"tree-data",
+				"show-checked-strategy",
+				"filter-tree-node",
+				"show-search"
+			]);
+		};
+	}
+});
+//#endregion
+export { tree_select_cmp_vue_vue_type_script_name_gct_select_setup_true_lang_default as default };

package/es/modules/data-rules-container/src/constant/config.d.ts

@@ -0,0 +1,146 @@
+import { FIELD_TYPE, SEARCH_SERVICE } from '@gct-paas/core';
+export declare const Ch_FieldTypeName: {
+    date: string;
+    time: string;
+    date_time: string;
+    org: string;
+    org_multi: string;
+    user: string;
+    user_multi: string;
+};
+/** 【人员、部门】系统变量 */
+export declare enum UserSystemEnum {
+    /** 当前登录用户 */
+    CUR_USER = "__CUR_USER__",
+    /** 当前登录用户所在部门人员 */
+    CUR_USER_ORG = "__CUR_USER_ORG__",
+    /** 当前登录用户所在主部门人员 */
+    CUR_USER_MASTER_ORG = "__CUR_USER_MASTER_ORG__",
+    /** 当前登录用户所负责部门人员 */
+    CUR_USER_PRINCIPAL_ORG = "__CUR_USER_PRINCIPAL_ORG__",
+    /** 当前登录用户直属下属 */
+    CUR_USER_DIRECT_SUBORDINATE = "__CUR_USER_DIRECT_SUBORDINATE__"
+}
+/** 【日期、日期时间、时间】系统变量 */
+export declare enum DateSystemEnum {
+    /** 系统当前【日期|日期时间|时间 】 */
+    NOW = "__NOW__",
+    /** 当天  */
+    CUR_DAY = "__CUR_DAY__",
+    /** 本周  */
+    CUR_WEEK = "__CUR_WEEK__",
+    /** 本月  */
+    CUR_MONTH = "__CUR_MONTH__",
+    /** 本年 */
+    CUR_YEAR = "__CUR_YEAR__"
+}
+export declare const UserSystemKeys: UserSystemEnum[];
+export declare const DateSystemKeys: DateSystemEnum[];
+/** 系统变量对应中文翻译 */
+export declare const Ch_SystemVars: {
+    __NOW__: (text: string) => string;
+    __CUR_DAY__: () => string;
+    __CUR_WEEK__: () => string;
+    __CUR_MONTH__: () => string;
+    __CUR_YEAR__: () => string;
+    __CUR_USER__: () => string;
+    __CUR_USER_ORG__: (text: string) => string;
+    __CUR_USER_MASTER_ORG__: (text: string) => string;
+    __CUR_USER_PRINCIPAL_ORG__: (text: string) => string;
+    __CUR_USER_DIRECT_SUBORDINATE__: string;
+};
+/** 数据类型 */
+export declare enum ValueTypeEnum {
+    /** 固定值 */
+    FIXED = "FIXED",
+    /** 系统变量 */
+    SYS = "SYS",
+    /** 字段*/
+    FIELD = "FIELD",
+    /** 变量*/
+    VAR = "VAR",
+    /** 组件传参 */
+    COMP_PARAMS = "COMP_PARAMS",
+    /** 内置参数 */
+    BUILT_PARAMS = "BUILT_PARAMS"
+}
+/** 数据类型对应中文翻译 */
+export declare const Ch_ValueType: {
+    FIXED: {
+        name: string;
+        abbr: string;
+    };
+    SYS: {
+        name: string;
+        abbr: string;
+    };
+    FIELD: {
+        name: string;
+        abbr: string;
+    };
+    VAR: {
+        name: string;
+        abbr: string;
+    };
+    COMP_PARAMS: {
+        name: string;
+        abbr: string;
+    };
+    BUILT_PARAMS: {
+        name: string;
+        abbr: string;
+    };
+};
+/** 组件类型 */
+export declare enum ComponentTypeEnum {
+    /** 输入框  */
+    INPUT = "input",
+    /** 下拉列表框  */
+    SELECT = "select",
+    /** 有接口请求的下拉列表框 */
+    REQUEST_SELECT = "request_select",
+    /** 日期选择器 */
+    DATEPICKER = "datePicker",
+    /** 自定义 */
+    CUSTOM = "custom",
+    /** 树形下拉选择框 */
+    REQUEST_TREE_SELECT = "request_tree_select",
+    /** ndo下拉选择框 */
+    NDO_SELECT = "NdoSelect",
+    /** rdo下拉选择框 */
+    RDO_SELECT = "RdoSelect",
+    /** tree下拉选择框 */
+    TREE_SELECT = "TreeSelect",
+    /** 选择我内置参数弹框 */
+    SELECT_BUILTIN_PARAMS = "select_builtin_params",
+    /** 弹窗选择框 */
+    MODAL_SELECT = "modal_select"
+}
+/** 组件闭合类型 */
+export declare enum RangTypeEnum {
+    /** 单个 */
+    Single = "single",
+    /** 组合 */
+    Comb = "comb",
+    /** 隐藏 */
+    Hidden = "hidden"
+}
+export declare const BoolOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const MultiOperatorTypes: SEARCH_SERVICE[];
+export declare const getCmpConfig: ({ fieldType, operatorType, modelKey, fieldKey, bindInfo, valueType, refModelType, fieldOptions, mainModelKey, isPageDesigner, isOnlineFormDesigner, varOptions, }: {
+    fieldType: FIELD_TYPE;
+    operatorType: SEARCH_SERVICE;
+    modelKey: string;
+    fieldKey: string;
+    bindInfo: string;
+    valueType: ValueTypeEnum;
+    refModelType: string;
+    fieldOptions: IObject[];
+    mainModelKey?: string;
+    isPageDesigner: boolean;
+    isOnlineFormDesigner: boolean;
+    varOptions: IObject[];
+}) => IObject[];