@gct-paas/core-web 0.1.6-dev.6 → 0.1.6-dev.7

package/es/modules/data-rules-container/src/components/header-action.vue_vue_type_script_setup_true_name_header-action_lang.mjs

@@ -0,0 +1,36 @@
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, resolveComponent, toDisplayString, unref } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/modules/data-rules-container/src/components/header-action.vue?vue&type=script&setup=true&name=header-action&lang.ts
+var _hoisted_1 = { class: "header-action" };
+var _hoisted_2 = { class: "title" };
+var _hoisted_3 = { class: "switch-area" };
+var _hoisted_4 = { class: "check-title" };
+var header_action_vue_vue_type_script_setup_true_name_header_action_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "header-action",
+	props: {
+		checked: { type: Boolean },
+		title: {}
+	},
+	emits: ["update:checked"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const checkedValue = computed({
+			get() {
+				return props.checked;
+			},
+			set(value) {
+				emit("update:checked", value);
+			}
+		});
+		return (_ctx, _cache) => {
+			const _component_a_switch = resolveComponent("a-switch");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(__props.title), 1), createElementVNode("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(checkedValue.value ? unref(t)("sys.appDesigner.fieldEnable") : unref(t)("sys.appDesigner.fieldUnEnable")), 1), createVNode(_component_a_switch, {
+				checked: checkedValue.value,
+				"onUpdate:checked": _cache[0] || (_cache[0] = ($event) => checkedValue.value = $event)
+			}, null, 8, ["checked"])])]);
+		};
+	}
+});
+//#endregion
+export { header_action_vue_vue_type_script_setup_true_name_header_action_lang_default as default };

package/es/modules/data-rules-container/src/components/header-action.vue_vue_type_style_index_0_scoped_4e281013_lang.css

@@ -0,0 +1,32 @@
+.header-action[data-v-4e281013] {
+  display: flex;
+  align-items: center;
+  line-height: 22px;
+  padding-bottom: 16px;
+}
+.header-action .title[data-v-4e281013] {
+  display: inline-block;
+  line-height: 22px;
+  color: #333;
+  font-weight: 500;
+}
+.header-action .switch-area[data-v-4e281013] {
+  position: relative;
+  padding-left: 16px;
+  display: flex;
+  color: #333;
+  align-items: center;
+}
+.header-action .switch-area[data-v-4e281013]::before {
+  content: '';
+  position: absolute;
+  width: 1px;
+  height: 14px;
+  background-color: #eaeaea;
+}
+.header-action .check-title[data-v-4e281013] {
+  line-height: 22px;
+  display: inline-block;
+  margin-left: 16px;
+  margin-right: 8px;
+}

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

@@ -0,0 +1,8 @@
+import { ApiParams } from '../typing';
+type __VLS_Props = {
+    value?: string[];
+    apiParams: ApiParams;
+    filterType: string;
+};
+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/data-rules-container/src/components/ndo-select-cmp.vue.mjs

@@ -0,0 +1,5 @@
+import ndo_select_cmp_vue_vue_type_script_setup_true_lang_default from "./ndo-select-cmp.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/modules/data-rules-container/src/components/ndo-select-cmp.vue
+var ndo_select_cmp_default = ndo_select_cmp_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ndo_select_cmp_default as default };

package/es/modules/data-rules-container/src/components/ndo-select-cmp.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,266 @@
+import { computed, createBlock, createElementVNode, createVNode, defineComponent, mergeProps, onBeforeMount, openBlock, ref, resolveComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { debounce, isNil, throttle } from "lodash-es";
+import { t } from "@gct-paas/core";
+//#region src/modules/data-rules-container/src/components/ndo-select-cmp.vue?vue&type=script&setup=true&lang.ts
+var DEBOUNCE_TIME = 500;
+var ndo_select_cmp_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ndo-select-cmp",
+	props: {
+		value: {},
+		apiParams: {},
+		filterType: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const searchOptions = ref([]);
+		const initialOptions = ref([]);
+		const cacheOptions = ref([]);
+		const lastSearchValue = ref("");
+		const loading = ref(false);
+		const loadingMore = ref(false);
+		const displayField = ref();
+		const paginationStates = ref({
+			initial: {
+				pageNo: 1,
+				totalPage: 1,
+				hasMore: true
+			},
+			search: {
+				pageNo: 1,
+				totalPage: 1,
+				hasMore: true
+			}
+		});
+		const isSearching = computed(() => lastSearchValue.value !== "");
+		const isFirstPage = computed(() => {
+			return (isSearching.value ? paginationStates.value.search : paginationStates.value.initial).pageNo === 1;
+		});
+		watch(() => props.value, async (newVal) => {
+			if (newVal && newVal.length !== 0 && !hasOption(newVal)) await fetchMissingOption(newVal);
+		}, { immediate: true });
+		const activeOptions = computed(() => {
+			return isSearching.value ? searchOptions.value : initialOptions.value;
+		});
+		const displayOptions = computed(() => {
+			if (isNoData.value) return [];
+			const normalOptions = activeOptions.value.filter((opt) => opt.type !== "status").map((item) => ({
+				label: item.label,
+				value: item.value
+			}));
+			const statusOptions = [];
+			if (activeOptions.value.length > 0) {
+				if (loading.value || loadingMore.value) statusOptions.push({
+					label: loading.value ? t("sys.loadingText") : t("sys.edhr.loadingMore"),
+					value: "loading_status",
+					disabled: true,
+					type: "status"
+				});
+				else if (!currentHasMore.value) {
+					if (!isPermScope.value) statusOptions.push({
+						label: t("sys.noMoreData"),
+						value: "no_more_status",
+						disabled: true,
+						type: "status"
+					});
+				}
+			}
+			return [...normalOptions, ...statusOptions];
+		});
+		const currentHasMore = computed(() => {
+			return (isSearching.value ? paginationStates.value.search : paginationStates.value.initial).hasMore;
+		});
+		const isNoData = computed(() => {
+			return !loading.value && activeOptions.value.length === 0;
+		});
+		const separatorAttr = computed(() => ({
+			dropdownMatchSelectWidth: 180,
+			dropdownClassName: "gct-project-select-dropdown vxe-table--ignore-clear",
+			allowClear: true,
+			showSearch: true,
+			defaultActiveFirstOption: false,
+			filterOption: isPermScope.value ? filterOption : false,
+			mode: "multiple",
+			maxTagCount: "responsive",
+			maxTagTextLength: 2,
+			notFoundContent: isNoData.value && !isPermScope.value ? t("sys.edhr.noSearchResult") : void 0
+		}));
+		onBeforeMount(async () => {
+			await fetchInitialData(true);
+			if (isPermScope.value) getModelInfo();
+		});
+		const getModelInfo = async () => {
+			const { modelKey } = props.apiParams ?? {};
+			displayField.value = (await _api.apaas.modelMeta.getInfo({ id: modelKey }) || {}).displayField;
+		};
+		const filterOption = (input, option) => {
+			if (!option) return false;
+			const q = input.toLowerCase();
+			if (option.label) return String(option.label).toLowerCase().includes(q);
+			if (option.value != null) return String(option.value).toLowerCase().includes(q);
+			return false;
+		};
+		function hasOption(value) {
+			return value.filter((v) => !isNil(v)).filter((v) => ![
+				...initialOptions.value,
+				...cacheOptions.value,
+				...searchOptions.value
+			].some((o) => o.value === v)).length === 0;
+		}
+		async function fetchMissingOption(value) {
+			try {
+				const res = await _api.apaas.modelComprehensive.getBizServiceModelCategoryModelKeyBsKey({
+					bsKey: "listByIds",
+					...props.apiParams ?? {},
+					modelCategory: "entity"
+				}, { ids: value.join(",") });
+				if (res?.data) {
+					if (isPermScope.value && !displayField.value) await getModelInfo();
+					const newOptions = (res?.data ?? []).map((item) => ({
+						label: item.name_ || item[displayField.value],
+						value: item.id_,
+						type: "data"
+					}));
+					if (isPermScope.value) {
+						cacheOptions.value = mergeOptions(cacheOptions.value, newOptions);
+						initialOptions.value = mergeOptions(initialOptions.value, newOptions);
+					} else {
+						cacheOptions.value = [...newOptions, ...cacheOptions.value];
+						initialOptions.value = [...newOptions, ...initialOptions.value];
+					}
+				}
+			} catch (error) {
+				console.error("获取回显数据失败:", error);
+			}
+		}
+		const mergeOptions = (existing, newItems) => {
+			const map = /* @__PURE__ */ new Map();
+			[...existing, ...newItems].forEach((item) => {
+				if (!map.has(item.value)) map.set(item.value, item);
+			});
+			return Array.from(map.values());
+		};
+		const isPermScope = computed(() => props.filterType === "permissionScope");
+		const fetchInitialData = async (resetPage = true) => {
+			if (loading.value) return;
+			loading.value = true;
+			const state = paginationStates.value.initial;
+			try {
+				if (resetPage) state.pageNo = 1;
+				const res = await _api.apaas.bizService.postModelKeyBsKey({
+					...props.apiParams ?? {},
+					bsKey: "listByPage"
+				}, {
+					pageNo: state.pageNo,
+					pageSize: 20
+				}, { addDisplayLabel: isPermScope.value ? 1 : void 0 });
+				if (res?.data) {
+					const newOptions = (res?.data ?? []).map((item) => ({
+						label: item.name_ || item.__LABEL__,
+						value: item.id_,
+						type: "data"
+					}));
+					state.totalPage = res.totalPage || 1;
+					state.hasMore = state.pageNo < state.totalPage;
+					if (resetPage) initialOptions.value = mergeOptions(cacheOptions.value, newOptions);
+					else initialOptions.value = mergeOptions(initialOptions.value, newOptions);
+				}
+			} catch (error) {
+				console.error("加载数据失败:", error);
+				state.hasMore = false;
+			} finally {
+				loading.value = false;
+			}
+		};
+		const fetchSearchData = async (searchVal, resetPage = true) => {
+			if (loading.value) return;
+			loading.value = true;
+			const state = paginationStates.value.search;
+			try {
+				if (resetPage) state.pageNo = 1;
+				const res = await _api.apaas.bizService.postModelKeyBsKey({
+					...props.apiParams ?? {},
+					bsKey: "listByPage"
+				}, {
+					pageNo: state.pageNo,
+					pageSize: 20,
+					query: { name_: !isPermScope.value ? searchVal : void 0 }
+				}, { addDisplayLabel: isPermScope.value ? 1 : void 0 });
+				if (res?.data) {
+					const newOptions = (res?.data ?? []).map((item) => ({
+						label: item.name_,
+						value: item.id_,
+						type: "data"
+					}));
+					state.totalPage = res.totalPage || 1;
+					state.hasMore = state.pageNo < state.totalPage;
+					if (resetPage) searchOptions.value = newOptions;
+					else searchOptions.value = [...searchOptions.value, ...newOptions];
+				} else searchOptions.value = [];
+			} catch (error) {
+				console.error("加载搜索数据失败:", error);
+				searchOptions.value = [];
+				state.hasMore = false;
+			} finally {
+				loading.value = false;
+			}
+		};
+		const onPopupScroll = throttle((e) => {
+			if (loading.value || loadingMore.value || !currentHasMore.value) return;
+			const target = e.target;
+			if (target.scrollHeight - target.scrollTop - target.clientHeight <= 30) loadMoreData();
+		}, 200);
+		const loadMoreData = async () => {
+			loadingMore.value = true;
+			try {
+				const state = isSearching.value ? paginationStates.value.search : paginationStates.value.initial;
+				state.pageNo += 1;
+				if (isSearching.value) await fetchSearchData(lastSearchValue.value, false);
+				else await fetchInitialData(false);
+			} catch (error) {
+				console.error("加载更多数据失败:", error);
+			} finally {
+				loadingMore.value = false;
+			}
+		};
+		const debouncedSearch = debounce((val) => {
+			lastSearchValue.value = val.trim();
+			if (lastSearchValue.value) fetchSearchData(lastSearchValue.value, true);
+		}, DEBOUNCE_TIME);
+		const onSearch = (val) => {
+			if (isPermScope.value) return;
+			debouncedSearch(val);
+		};
+		const onClear = () => {
+			lastSearchValue.value = "";
+		};
+		function getOmittedText(omitted) {
+			return omitted.map((v) => v && v.label ? v.label : String(v)).join(", ");
+		}
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_a_select = resolveComponent("a-select");
+			return openBlock(), createBlock(_component_a_select, mergeProps({
+				value: __props.value,
+				options: displayOptions.value,
+				loading: loading.value && isFirstPage.value
+			}, separatorAttr.value, {
+				onSearch,
+				onClear,
+				onPopupScroll: unref(onPopupScroll)
+			}), {
+				maxTagPlaceholder: withCtx((omittedValues) => [createVNode(_component_a_tooltip, { title: getOmittedText(omittedValues) }, {
+					default: withCtx(() => [createElementVNode("span", null, "+" + toDisplayString(omittedValues?.length), 1)]),
+					_: 2
+				}, 1032, ["title"])]),
+				_: 1
+			}, 16, [
+				"value",
+				"options",
+				"loading",
+				"onPopupScroll"
+			]);
+		};
+	}
+});
+//#endregion
+export { ndo_select_cmp_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/data-rules-container/src/components/perm-action-node.vue.d.ts

@@ -0,0 +1,22 @@
+import { LocalFieldMetaDTO } from '../typing';
+export interface Props {
+    data: IObject;
+    /** 字段列表 | 模型列表 */
+    fieldList?: LocalFieldMetaDTO[];
+    /** 已经选择的字段key */
+    selectFiledKeys?: string[];
+    filterType?: string;
+    readonly: boolean;
+    isPageDesigner?: boolean;
+    isAllowClear?: boolean;
+    excludeValueType?: string[];
+    excludeOperatorType?: string[];
+    apiConfig?: object;
+    modelName?: string;
+    /**是否级联字段模式 */
+    cascadeField?: boolean;
+    /**数据权限时-是否开启校验 */
+    hasPermScopeError?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/modules/data-rules-container/src/components/perm-action-node.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import perm_action_node_vue_vue_type_script_setup_true_name_perm_action_node_lang_default from "./perm-action-node.vue_vue_type_script_setup_true_name_perm-action-node_lang.mjs";
+import './perm-action-node.vue_vue_type_style_index_0_scoped_417c660f_lang.css';/* empty css                                                                       */
+//#region src/modules/data-rules-container/src/components/perm-action-node.vue
+var perm_action_node_default = /* @__PURE__ */ _plugin_vue_export_helper_default(perm_action_node_vue_vue_type_script_setup_true_name_perm_action_node_lang_default, [["__scopeId", "data-v-417c660f"]]);
+//#endregion
+export { perm_action_node_default as default };