@gct-paas/core-web 0.1.6-dev.23 → 0.1.6-dev.25

package/es/components/serial-number/components/data-field-cascader.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,496 @@
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, onMounted, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { cloneDeep } from "lodash-es";
+import { FIELD_TYPE, t } from "@gct-paas/core";
+//#region src/components/serial-number/components/data-field-cascader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	ref: "fieldCascaderPopRef",
+	class: "data-field-cascader-wrap"
+};
+var _hoisted_2 = { class: "field-cascader-pop flex" };
+var _hoisted_3 = { class: "field-cascader-search" };
+var _hoisted_4 = ["title"];
+var _hoisted_5 = { class: "field-cascader-list-box" };
+var _hoisted_6 = [
+	"onMouseenter",
+	"onMouseleave",
+	"onClick"
+];
+var _hoisted_7 = ["title"];
+var _hoisted_8 = { class: "search-name" };
+var _hoisted_9 = ["title"];
+var _hoisted_10 = ["title"];
+var _hoisted_11 = { class: "search-name" };
+var _hoisted_12 = ["title"];
+var _hoisted_13 = {
+	key: 0,
+	class: "field-cascader-right-box pb-10px serial-num-no-error"
+};
+var _hoisted_14 = { class: "field-cascader-search" };
+var _hoisted_15 = ["title"];
+var _hoisted_16 = { class: "field-cascader-list-box" };
+var _hoisted_17 = ["onClick"];
+var _hoisted_18 = ["title"];
+var _hoisted_19 = { class: "search-name" };
+var _hoisted_20 = ["title"];
+var data_field_cascader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "data-field-cascader",
+	props: {
+		value: {},
+		modelKey: {},
+		isFeild: { type: Boolean }
+	},
+	emits: ["update:value"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const leftSearch = ref();
+		const rightSearch = ref();
+		const fieldlist = ref();
+		const orgFieldList = ref();
+		const expandedKeys = ref([]);
+		const selectedKeys = ref([]);
+		const visible = ref(false);
+		const modelByKey = ref();
+		const feildKey = ref();
+		const selectedFieldKey = ref();
+		const treeData = ref([]);
+		const prevName = ref();
+		const feildCascaderName = ref();
+		const backInFlag = ref(false);
+		const selectedNodeTitle = ref();
+		const hoveredKey = ref();
+		const leftTreeOptions = ref();
+		const fieldMap = /* @__PURE__ */ new Map();
+		const leftOrgTreeData = ref();
+		const shouldFlattenFirstLevel = computed(() => {
+			const list = leftOrgTreeData.value;
+			return Array.isArray(list) && list.length === 1 && Array.isArray(list[0]?.children) && list[0].children.length > 0;
+		});
+		const leftTitle = computed(() => {
+			if (shouldFlattenFirstLevel.value) return leftOrgTreeData.value?.[0]?.title || "";
+			return t("sys.entityModel");
+		});
+		const renderTreeOptions = computed(() => {
+			if (!shouldFlattenFirstLevel.value) return leftTreeOptions.value;
+			const [firstNode] = leftTreeOptions.value || [];
+			return firstNode?.children?.map((child) => ({
+				...child,
+				parentKey: firstNode.key,
+				parentTitle: firstNode.title
+			})) || [];
+		});
+		const SHOW_FIELDTYPES = [
+			FIELD_TYPE.TEXT,
+			FIELD_TYPE.LONG_TEXT,
+			FIELD_TYPE.LONG,
+			FIELD_TYPE.INTEGER,
+			FIELD_TYPE.DOUBLE,
+			FIELD_TYPE.DECIMAL,
+			FIELD_TYPE.BOOLEAN,
+			FIELD_TYPE.ENUM,
+			FIELD_TYPE.DATE
+		];
+		const handleClick = () => {
+			visible.value = !visible.value;
+		};
+		const onChange = (_e) => {
+			handleCancel();
+			expandedKeys.value = !props.isFeild ? [props.modelKey] : [];
+		};
+		const handleCancel = () => {
+			feildCascaderValue.value = "";
+			fieldlist.value = [];
+			orgFieldList.value = [];
+			feildCascaderName.value = void 0;
+			selectedNodeTitle.value = void 0;
+			hoveredKey.value = void 0;
+			selectedKeys.value = [];
+			selectedFieldKey.value = void 0;
+			leftSearch.value = void 0;
+			rightSearch.value = void 0;
+		};
+		async function getFieldCascaderName() {
+			feildCascaderName.value = await _api.apaas.modelMeta.getTranslateModelFieldExp({ exp: props.value }) || "";
+		}
+		async function getOriginModel() {
+			treeData.value = (await _api.apaas.modelMeta.getByKeys({ modelKeys: props.modelKey }) || [])?.map((i) => {
+				return {
+					key: i.key,
+					title: i.name,
+					isLeaf: false,
+					checkable: false,
+					disabled: true
+				};
+			}) || [];
+			leftTreeOptions.value = cloneDeep(treeData.value);
+			leftOrgTreeData.value = cloneDeep(treeData.value);
+		}
+		const getModelList = async () => {
+			treeData.value = (await _api.apaas.designerCommon.getTableEntityModelList({
+				type: "NDO,BASE,RDO",
+				subModel: 0
+			}))?.map((item) => {
+				return {
+					key: item.key,
+					title: item.name,
+					isLeaf: false,
+					checkable: false,
+					disabled: true
+				};
+			}) || [];
+			leftTreeOptions.value = cloneDeep(treeData.value);
+			leftOrgTreeData.value = cloneDeep(treeData.value);
+		};
+		async function getFieldlist(data) {
+			selectedNodeTitle.value = data.title;
+			hoveredKey.value = data.key;
+			const key = `${data.modelKey}&${data.key}&${data.bindInfo}`;
+			let list = [];
+			if (fieldMap.has(key)) list = fieldMap.get(key) || [];
+			else {
+				list = await _api.apaas.fieldMeta.getList({ modelKey: data.bindInfo }) || [];
+				fieldMap.set(key, list);
+			}
+			orgFieldList.value = list;
+			fieldlist.value = list.filter((v) => SHOW_FIELDTYPES.includes(v.type)).map((i) => {
+				return {
+					title: i.name,
+					key: i.key,
+					refKey: data.key,
+					refName: data.title,
+					modelKey: data.parentKey || data.modelKey,
+					modelName: data.parentTitle || data.modelTitle
+				};
+			});
+		}
+		const onLoadData = async (treeNode) => {
+			if (treeNode.dataRef?.children) return;
+			let children = (await _api.apaas.fieldMeta.getList({ modelKey: treeNode.key }) || []).filter((v) => [
+				...SHOW_FIELDTYPES,
+				FIELD_TYPE.REF,
+				FIELD_TYPE.RDO_REF
+			].includes(v.type));
+			if (!props.isFeild) children = children.filter((i) => i.bindInfo !== props.modelKey);
+			const modelKeys = children.filter((v) => v.bindInfo && v.type !== FIELD_TYPE.ENUM).map((i) => i.bindInfo);
+			let modelList = [];
+			const list = children.map((i) => {
+				return {
+					title: i.name,
+					key: i.key,
+					isLeaf: true,
+					bindInfo: i.bindInfo,
+					fieldType: i.type,
+					modelKey: treeNode.key || props.modelKey,
+					modelTitle: treeNode.title || treeNode.dataRef?.title
+				};
+			});
+			if (modelKeys.length) try {
+				modelList = (await _api.apaas.modelMeta.getByKeys({ modelKeys: modelKeys.join(",") }) || []).map((i) => ({
+					id: i.id,
+					name: i.name
+				}));
+				list.forEach((i) => {
+					i.title = i.bindInfo && i.fieldType !== FIELD_TYPE.ENUM ? i.title + `(${modelList.find((v) => v.id == i.bindInfo)?.name})` : i.title;
+				});
+			} catch (err) {
+				console.warn(err);
+			}
+			treeNode.dataRef.children = list;
+			treeData.value.forEach((i) => {
+				if (i.key === treeNode.dataRef?.key) i["children"] = list;
+			});
+			treeData.value = [...treeData.value];
+			const tree = cloneDeep(treeData.value);
+			if (leftSearch.value && props.isFeild) leftTreeOptions.value = tree.filter((i) => i.title.indexOf(leftSearch.value?.trim()) > -1);
+			else {
+				leftTreeOptions.value = tree;
+				leftOrgTreeData.value = cloneDeep(treeData.value);
+			}
+			backInFlag.value = true;
+		};
+		const loadSingleRootChildren = async () => {
+			if (treeData.value.length !== 1) return;
+			const [firstNode] = treeData.value;
+			if (firstNode?.children?.length) return;
+			await onLoadData({
+				dataRef: firstNode,
+				key: firstNode.key
+			});
+		};
+		const feildCascaderValue = computed({
+			get() {
+				return props.value;
+			},
+			set(value) {
+				emit("update:value", value);
+			}
+		});
+		const rightSelectOptions = computed(() => {
+			return rightSearch.value?.trim() ? fieldlist.value.filter((e) => e.title.indexOf(rightSearch.value.trim()) > -1) : cloneDeep(fieldlist.value);
+		});
+		onMounted(async () => {
+			if (!props.isFeild && props.modelKey) {
+				await getOriginModel();
+				expandedKeys.value = [props.modelKey];
+			} else await getModelList();
+			await loadSingleRootChildren();
+			const keys = props.value?.split(".");
+			if (props.modelKey && keys.length >= 2) {
+				expandedKeys.value = [keys[0]];
+				selectedKeys.value = [keys[1]];
+				modelByKey.value = expandedKeys.value[0];
+				feildKey.value = selectedKeys.value[0];
+				if (keys.length > 2) {
+					selectedKeys.value = [];
+					const expandObj = treeData.value.find((i) => i.key === expandedKeys.value[0]);
+					await onLoadData({
+						dataRef: expandObj,
+						key: expandObj?.key
+					});
+					await getFieldlist({
+						...expandObj?.children?.find((val) => val.key === keys[1]),
+						modelTitle: expandObj?.title
+					});
+					selectedFieldKey.value = keys[2] || "";
+				}
+			}
+			props.value && getFieldCascaderName();
+		});
+		watch(() => backInFlag.value, async () => {
+			if (backInFlag.value && selectedKeys.value && props.modelKey) {
+				const expandObj = treeData.value.find((i) => i.key === expandedKeys.value[0]);
+				const bindObj = expandObj?.children?.find((val) => val.key === selectedKeys.value[0]);
+				prevName.value = `${expandObj?.title}.${bindObj?.title}`;
+				bindObj?.bindInfo && bindObj?.fieldType !== FIELD_TYPE.ENUM && await getFieldlist(bindObj);
+			}
+		});
+		watch(() => leftSearch.value, async (val) => {
+			leftTreeOptions.value = [];
+			let tree = cloneDeep(treeData.value);
+			await nextTick();
+			if (val?.trim()) {
+				let hasChecked = false;
+				if (props.isFeild) leftTreeOptions.value = tree.filter((i) => i.title.indexOf(leftSearch.value?.trim()) > -1);
+				else {
+					tree.forEach((i) => {
+						i.children = i.children?.filter((e) => e.title.indexOf(leftSearch.value.trim()) > -1);
+						if (i.children?.filter((v) => v.key == selectedKeys.value[0])?.length) hasChecked = true;
+					});
+					leftTreeOptions.value = tree;
+				}
+				if (!hasChecked) {
+					fieldlist.value = [];
+					selectedKeys.value = [];
+				}
+			} else {
+				leftTreeOptions.value = [...tree];
+				expandedKeys.value = !props.isFeild ? [props.modelKey] : [];
+			}
+		});
+		/**
+		* 节点选中事件
+		*/
+		const handleSelect = async (sKeys, { node }) => {
+			if (sKeys.length === 0) return;
+			selectedKeys.value = sKeys;
+			const parentKey = node.parent?.key ?? node.parentKey;
+			const parentTitle = node.parent?.node?.title ?? node.parentTitle;
+			if (!parentKey || !parentTitle) return;
+			modelByKey.value = parentKey;
+			feildKey.value = selectedKeys.value[0];
+			prevName.value = `${parentTitle}.${node.title}`;
+			feildCascaderName.value = prevName.value;
+			feildCascaderValue.value = modelByKey.value + "." + feildKey.value;
+			fieldlist.value = [];
+			orgFieldList.value = [];
+			selectedFieldKey.value = "";
+			visible.value = false;
+		};
+		const onExpand = (keys) => {
+			expandedKeys.value = keys;
+		};
+		/**
+		* 切换单个节点的展开/收起状态
+		* @param {string} key - 节点key
+		*/
+		const toggleNodeExpand = (key) => {
+			if (expandedKeys.value.indexOf(key) > -1) expandedKeys.value = expandedKeys.value.filter((k) => k !== key);
+			else expandedKeys.value = [...expandedKeys.value, key];
+		};
+		const setSelectedKey = (value) => {
+			selectedFieldKey.value = value.key;
+			feildCascaderName.value = `${value.modelName}.${value.refName}.${value.title}`;
+			feildCascaderValue.value = `${value.modelKey}.${value.refKey}.${selectedFieldKey.value}`;
+			selectedKeys.value = [];
+			visible.value = false;
+			rightSearch.value = "";
+		};
+		/**
+		* 鼠标悬浮进入节点时触发
+		* @param {string} key - 节点唯一标识
+		* @param {object} data - 节点完整数据（包含自定义字段如desc）
+		* @param {object} node - 节点原生对象（包含层级、是否叶子节点等信息）
+		*/
+		const handleNodeHoverEnter = (key, data) => {
+			console.log("悬浮进入节点：", key, data);
+			if (data.bindInfo && data.fieldType !== FIELD_TYPE.ENUM) getFieldlist(data);
+			else {
+				fieldlist.value = [];
+				orgFieldList.value = [];
+				selectedNodeTitle.value = "";
+				hoveredKey.value = "";
+			}
+		};
+		/**
+		* 鼠标悬浮离开节点时触发
+		* @param {string} key - 节点唯一标识
+		*/
+		const handleNodeHoverLeave = (key) => {
+			console.log("悬浮离开节点：", key);
+		};
+		const getPopupContainer = () => {
+			return document.getElementById("gct-scrollbody") || document.body.querySelector(".data-field-cascader-wrap") || document.body;
+		};
+		__expose({ feildCascaderName });
+		return (_ctx, _cache) => {
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_form_item_rest = resolveComponent("a-form-item-rest");
+			const _component_right_outlined = resolveComponent("right-outlined");
+			const _component_a_tree = resolveComponent("a-tree");
+			const _component_a_select = resolveComponent("a-select");
+			const _component_a_popover = resolveComponent("a-popover");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_popover, {
+				visible: visible.value,
+				"onUpdate:visible": _cache[5] || (_cache[5] = ($event) => visible.value = $event),
+				trigger: "click",
+				"overlay-class-name": "data-field-cascader__popover",
+				"overlay-style": { minWidth: "180px" },
+				placement: "bottomLeft",
+				"get-popup-container": getPopupContainer
+			}, {
+				content: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_2, [createElementVNode("div", { class: normalizeClass(["field-cascader-left-box pb-10px serial-num-no-error", fieldlist.value?.length ? "border-r" : ""]) }, [
+					createElementVNode("div", _hoisted_3, [createVNode(_component_a_form_item_rest, null, {
+						default: withCtx(() => [createVNode(_component_a_input, {
+							value: leftSearch.value,
+							"onUpdate:value": _cache[0] || (_cache[0] = ($event) => leftSearch.value = $event),
+							class: "tree-search",
+							placeholder: __props.isFeild ? "搜索模型" : "搜索字段",
+							"allow-clear": ""
+						}, {
+							prefix: withCtx(() => [..._cache[6] || (_cache[6] = [createElementVNode("i", { class: "iconfont icon-sousuo1" }, null, -1)])]),
+							_: 1
+						}, 8, ["value", "placeholder"])]),
+						_: 1
+					})]),
+					createElementVNode("div", {
+						class: "field-cascader-root-title ell",
+						title: leftTitle.value
+					}, toDisplayString(leftTitle.value), 9, _hoisted_4),
+					createElementVNode("div", _hoisted_5, [createVNode(_component_a_tree, {
+						"expanded-keys": expandedKeys.value,
+						"onUpdate:expandedKeys": _cache[1] || (_cache[1] = ($event) => expandedKeys.value = $event),
+						"selected-keys": selectedKeys.value,
+						"onUpdate:selectedKeys": _cache[2] || (_cache[2] = ($event) => selectedKeys.value = $event),
+						class: "field-cascader-tree-instance",
+						"load-data": onLoadData,
+						"tree-data": renderTreeOptions.value,
+						"block-node": "",
+						onSelect: handleSelect,
+						onExpand
+					}, {
+						title: withCtx(({ data, key }) => [createElementVNode("div", {
+							class: normalizeClass(["tree-node", hoveredKey.value == data.key ? "virtual-selected" : ""]),
+							onMouseenter: ($event) => handleNodeHoverEnter(key, data),
+							onMouseleave: ($event) => handleNodeHoverLeave(key),
+							onClick: ($event) => !data["isLeaf"] ? toggleNodeExpand(data.key) : handleSelect
+						}, [__props.isFeild ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [data["title"].indexOf(leftSearch.value) > -1 && !data["isLeaf"] ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: "tree-node-txt",
+							title: data["title"]
+						}, [
+							createElementVNode("span", null, toDisplayString(data["title"].substr(0, data["title"].indexOf(leftSearch.value))), 1),
+							createElementVNode("span", _hoisted_8, toDisplayString(leftSearch.value), 1),
+							createElementVNode("span", null, toDisplayString(data["title"].substr(data["title"].indexOf(leftSearch.value) + leftSearch.value?.length)), 1)
+						], 8, _hoisted_7)) : (openBlock(), createElementBlock("span", {
+							key: 1,
+							class: "tree-node-txt",
+							title: data["title"]
+						}, toDisplayString(data["title"]), 9, _hoisted_9))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [data["title"].indexOf(leftSearch.value) > -1 && data["isLeaf"] ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: "tree-node-txt",
+							title: data["title"]
+						}, [
+							createElementVNode("span", null, toDisplayString(data["title"].substr(0, data["title"].indexOf(leftSearch.value))), 1),
+							createElementVNode("span", _hoisted_11, toDisplayString(leftSearch.value), 1),
+							createElementVNode("span", null, toDisplayString(data["title"].substr(data["title"].indexOf(leftSearch.value) + leftSearch.value?.length)), 1)
+						], 8, _hoisted_10)) : (openBlock(), createElementBlock("span", {
+							key: 1,
+							class: "tree-node-txt",
+							title: data["title"]
+						}, toDisplayString(data["title"]), 9, _hoisted_12))], 64)), data.bindInfo && data.fieldType !== unref(FIELD_TYPE).ENUM ? (openBlock(), createBlock(_component_right_outlined, {
+							key: 2,
+							class: "right-icon"
+						})) : createCommentVNode("", true)], 42, _hoisted_6)]),
+						_: 1
+					}, 8, [
+						"expanded-keys",
+						"selected-keys",
+						"tree-data"
+					])])
+				], 2), orgFieldList.value?.length ? (openBlock(), createElementBlock("div", _hoisted_13, [
+					createElementVNode("div", _hoisted_14, [createVNode(_component_a_form_item_rest, null, {
+						default: withCtx(() => [createVNode(_component_a_input, {
+							value: rightSearch.value,
+							"onUpdate:value": _cache[3] || (_cache[3] = ($event) => rightSearch.value = $event),
+							class: "tree-search",
+							placeholder: "搜索字段",
+							"allow-clear": ""
+						}, {
+							prefix: withCtx(() => [..._cache[7] || (_cache[7] = [createElementVNode("i", { class: "iconfont icon-sousuo1" }, null, -1)])]),
+							_: 1
+						}, 8, ["value"])]),
+						_: 1
+					})]),
+					selectedNodeTitle.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "field-cascader-root-title ell",
+						title: selectedNodeTitle.value
+					}, toDisplayString(selectedNodeTitle.value), 9, _hoisted_15)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_16, [rightSelectOptions.value.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(rightSelectOptions.value, (item) => {
+						return openBlock(), createElementBlock("div", {
+							key: item.key,
+							class: normalizeClass(["field-cascader-item", { "field-cascader-item-selected": item.key == selectedFieldKey.value }]),
+							onClick: ($event) => setSelectedKey(item)
+						}, [item["title"].indexOf(rightSearch.value) > -1 ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							title: item["title"]
+						}, [
+							createElementVNode("span", null, toDisplayString(item["title"].substr(0, item["title"].indexOf(rightSearch.value))), 1),
+							createElementVNode("span", _hoisted_19, toDisplayString(rightSearch.value), 1),
+							createElementVNode("span", null, toDisplayString(item["title"].substr(item["title"].indexOf(rightSearch.value) + rightSearch.value?.length)), 1)
+						], 8, _hoisted_18)) : (openBlock(), createElementBlock("span", {
+							key: 1,
+							title: item["title"]
+						}, toDisplayString(item["title"]), 9, _hoisted_20))], 10, _hoisted_17);
+					}), 128)) : createCommentVNode("", true)])
+				])) : createCommentVNode("", true)], 512), [[vShow, visible.value]])]),
+				default: withCtx(() => [createVNode(_component_a_form_item_rest, null, {
+					default: withCtx(() => [createVNode(_component_a_select, {
+						value: feildCascaderName.value,
+						"onUpdate:value": _cache[4] || (_cache[4] = ($event) => feildCascaderName.value = $event),
+						class: normalizeClass(["data-field-cascader-input", feildCascaderName.value ? "clear-icon" : ""]),
+						"allow-clear": "",
+						open: false,
+						placeholder: "请选择模型字段",
+						onClick: withModifiers(handleClick, ["stop"]),
+						onChange
+					}, null, 8, ["value", "class"])]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["visible"])], 512);
+		};
+	}
+});
+//#endregion
+export { data_field_cascader_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/serial-number/components/data-field-cascader.vue_vue_type_style_index_0_scoped_9a2af5c6_lang.css

@@ -0,0 +1,134 @@
+.data-field-cascader-wrap[data-v-9a2af5c6] {
+  position: relative;
+}
+.data-field-cascader-wrap[data-v-9a2af5c6] .data-field-cascader-input.clear-icon .anticon.ant-input-clear-icon-hidden {
+  visibility: visible !important;
+}
+.field-cascader-pop[data-v-9a2af5c6] {
+  z-index: 1000;
+  background: #fff;
+  border-radius: 4px;
+}
+.field-cascader-pop .field-cascader-left-box[data-v-9a2af5c6] {
+  width: 180px;
+}
+.field-cascader-pop .field-cascader-left-box.border-r[data-v-9a2af5c6] {
+  border-right: 1px solid #e0e3ea;
+}
+.field-cascader-pop .field-cascader-right-box[data-v-9a2af5c6] {
+  width: 180px;
+}
+.field-cascader-pop .field-cascader-search[data-v-9a2af5c6] {
+  padding: 1px 0;
+  border-bottom: 1px solid #f2f5f8;
+}
+.field-cascader-pop .field-cascader-root-title[data-v-9a2af5c6] {
+  padding: 6px 12px 4px;
+  color: #8b8b8b;
+  font-weight: 400;
+  line-height: 20px;
+  margin-top: 8px;
+  word-break: break-all;
+  font-size: 14px;
+}
+.field-cascader-pop .field-cascader-list-box[data-v-9a2af5c6] {
+  margin-top: 4px;
+  height: 192px;
+  overflow-y: auto;
+}
+.field-cascader-pop .field-cascader-list-box .search-name[data-v-9a2af5c6] {
+  color: var(--ant-primary-color) !important;
+}
+.field-cascader-pop .field-cascader-item[data-v-9a2af5c6] {
+  cursor: pointer;
+  line-height: 32px;
+  padding: 0 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.field-cascader-pop .field-cascader-item[data-v-9a2af5c6]:hover {
+  background: #f5f5f5;
+}
+.field-cascader-pop .field-cascader-item-selected[data-v-9a2af5c6] {
+  background: rgba(from var(--ant-primary-color) r g b / 8%) !important;
+  color: var(--ant-primary-color);
+  font-weight: 500;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-switcher {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 32px;
+  line-height: 32px;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-switcher .ant-tree-switcher-icon {
+  color: var(--ant-primary-color);
+  font-size: 14px;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-treenode {
+  padding: 0;
+  padding-left: 8px;
+  transition: all 0.3s;
+  height: 32px;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-treenode .ant-tree-switcher.ant-tree-switcher-noop {
+  width: 0;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-treenode:has(
+      span.ant-tree-node-content-wrapper
+        span.ant-tree-title
+        div.virtual-selected
+    ) {
+  background: #f5f5f5;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-treenode:hover {
+  background: #f5f5f5;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-treenode:hover .tree-node__more {
+  display: block;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-treenode.ant-tree-treenode-disabled:hover {
+  background: transparent;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-treenode .ant-tree-title {
+  display: inline-block;
+  width: 130px;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-treenode .ant-tree-title .tree-node {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-treenode .ant-tree-title .tree-node .tree-node-txt {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-treenode .ant-tree-title .tree-node .right-icon {
+  font-size: 12px;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-treenode .search-name {
+  color: var(--ant-primary-color) !important;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-treenode-selected {
+  background: rgba(from var(--ant-primary-color) r g b / 8%) !important;
+  color: var(--ant-primary-color);
+  font-weight: 500;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-treenode-selected .ant-tree-node-selected {
+  background-color: transparent;
+}
+[data-v-9a2af5c6] .field-cascader-tree-instance .ant-tree-treenode-selected .right-icon {
+  color: var(--ant-primary-color);
+}
+[data-v-9a2af5c6] .ant-tree .ant-tree-node-content-wrapper {
+  line-height: 32px;
+  padding-right: 8px;
+}
+[data-v-9a2af5c6] .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
+  color: rgba(0, 0, 0, 0.85);
+  cursor: pointer;
+}

package/es/components/serial-number/components/data-field-cascader.vue_vue_type_style_index_1_lang.css

@@ -0,0 +1,18 @@
+.data-field-cascader__popover .ant-popover-content .ant-popover-inner-content {
+  padding: 0;
+}
+.data-field-cascader__popover .ant-popover-content .ant-popover-inner-content .ant-input-affix-wrapper {
+  border-width: 0;
+  padding: 4px 12px;
+}
+.data-field-cascader__popover .ant-popover-content .ant-popover-inner-content .ant-input-affix-wrapper:focus {
+  border-width: 0;
+  border-color: transparent;
+}
+.data-field-cascader__popover .ant-popover-content .ant-popover-inner-content .ant-input-affix-wrapper:hover {
+  border-width: 0;
+  border-color: transparent;
+}
+.data-field-cascader__popover .ant-popover-content .ant-popover-inner-content .ant-input-affix-wrapper .ant-input-prefix {
+  color: #9d9d9d;
+}

package/es/components/serial-number/serial-number-item.vue.d.ts

@@ -17,6 +17,33 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     onDel?: ((...args: any[]) => any) | undefined;
     "onUpdate:itemConfig"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    fieldCascaderRef: unknown;
+    fieldCascaderRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        value: string;
+        modelKey?: string;
+        isFeild: boolean;
+    }> & Readonly<{
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        feildCascaderName: import('vue').Ref<string | undefined, string | undefined>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:value": (...args: any[]) => void;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        fieldCascaderPopRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        value: string;
+        modelKey?: string;
+        isFeild: boolean;
+    }> & Readonly<{
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        feildCascaderName: import('vue').Ref<string | undefined, string | undefined>;
+    }, {}, {}, {}, {}> | null;
 }, HTMLDivElement>;
 export default _default;