@gct-paas/core-web 0.1.5-dev.6 → 0.1.5-dev.8

package/es/components/field-cascader/src/hooks.d.ts

@@ -0,0 +1,129 @@
+import { FieldMetaDTO } from '@gct-paas/api/apaas';
+export declare function useFieldCascader(props: comPropsType, { onFieldClick }: IObject): {
+    visibleValue: import('vue').Ref<boolean, boolean>;
+    filterOptions: import('vue').ComputedRef<{
+        children: any;
+        value: string;
+        label?: any;
+        disabled?: boolean | undefined;
+        isLeaf?: boolean | undefined;
+        __props: {
+            backendOnly?: number | undefined;
+            bindFieldKey?: string | undefined;
+            bindInfo?: string | undefined;
+            createTime?: string | undefined;
+            createType?: string | undefined;
+            createUserId?: string | undefined;
+            createUserName?: string | undefined;
+            defaultValue?: {
+                name?: string | undefined;
+                type?: string | undefined;
+                value?: IObject | undefined;
+            } | undefined;
+            defaultValueTips?: string[] | undefined;
+            description?: string | undefined;
+            draft?: number | undefined;
+            expression?: string | undefined;
+            fieldCategory?: string | undefined;
+            functionName?: string | undefined;
+            i18nConfig?: string | undefined;
+            id?: string | undefined;
+            initCommitId?: string | undefined;
+            key?: string | undefined;
+            mappingType?: string | undefined;
+            modelCategory?: string | undefined;
+            modelKey?: string | undefined;
+            modelMeta?: {
+                constraint?: {
+                    convertFromFieldUniqueConstraint?: boolean | undefined;
+                    fieldKeys?: string[] | undefined;
+                    fieldNames?: string[] | undefined;
+                    type?: string | undefined;
+                }[] | undefined;
+                createTime?: string | undefined;
+                createUserId?: string | undefined;
+                createUserName?: string | undefined;
+                deletePolicy?: number | undefined;
+                deleted?: number | undefined;
+                description?: string | undefined;
+                displayField?: string | undefined;
+                hidden?: boolean | undefined;
+                id?: string | undefined;
+                initCommitId?: string | undefined;
+                key?: string | undefined;
+                maxSubLevel?: number | undefined;
+                modifyTime?: string | undefined;
+                modifyUserId?: string | undefined;
+                modifyUserName?: string | undefined;
+                name?: string | undefined;
+                order?: number | undefined;
+                permissionEnabled?: number | undefined;
+                recycled?: number | undefined;
+                refModelKey?: string | undefined;
+                source?: string | undefined;
+                specificConfig?: IObject | undefined;
+                subModel?: number | undefined;
+                supportMessage?: number | undefined;
+                supportProcess?: number | undefined;
+                supportStateMachine?: number | undefined;
+                sysBuiltin?: number | undefined;
+                type?: string | undefined;
+            } | undefined;
+            modelName?: string | undefined;
+            modelType?: string | undefined;
+            modifyTime?: string | undefined;
+            modifyUserId?: string | undefined;
+            modifyUserName?: string | undefined;
+            name?: string | undefined;
+            originFieldKey?: string | undefined;
+            originModelKey?: string | undefined;
+            parentField?: number | undefined;
+            rdoUniqueFieldKey?: boolean | undefined;
+            refModelSource?: string | undefined;
+            refModelType?: string | undefined;
+            relationModelName?: string | undefined;
+            required?: number | undefined;
+            sortNum?: number | undefined;
+            source?: string | undefined;
+            specificConfig?: IObject | undefined;
+            sysBuiltin?: number | undefined;
+            type?: string | undefined;
+            uniqueConstraint?: {
+                checkStrategy?: string | undefined;
+                fieldKeys?: string[] | undefined;
+                type?: string | undefined;
+            } | undefined;
+            __bindFields: string[];
+        };
+        __id?: string | undefined;
+    }[]>;
+    getChildrenOptionsByKey: ({ bindInfo, relationModelName, id, __bindFields, key, name, }: LocalFieldMetaDTO, level: number) => Promise<Option[] | undefined>;
+    fieldValues: import('vue').ComputedRef<string[]>;
+    fieldMapByKey: Record<string, {
+        name: string;
+    }>;
+};
+type LocalFieldMetaDTO = FieldMetaDTO & {
+    __bindFields: string[];
+};
+export interface Option {
+    value: string;
+    label?: any;
+    disabled?: boolean;
+    children?: Option[];
+    isLeaf?: boolean;
+    __props: LocalFieldMetaDTO;
+    __id?: string;
+    [key: string]: any;
+}
+export interface comPropsType {
+    fieldMetaList: LocalFieldMetaDTO[];
+    modelName: string;
+    maxLevel: number;
+    value: string;
+    valueSeparator?: string;
+    searchable?: boolean;
+    /**过滤函数 */
+    filterFieldByFunction?: (w: LocalFieldMetaDTO) => boolean;
+}
+export {};

package/es/components/field-cascader/src/hooks.mjs

@@ -0,0 +1,163 @@
+import SearchInput_default from "./SearchInput.vue.mjs";
+import { computed, createTextVNode, createVNode, h, onMounted, reactive, ref } from "vue";
+import { FIELD_TYPE } from "@gct-paas/core";
+//#region src/components/field-cascader/src/hooks.tsx
+function useFieldCascader(props, { onFieldClick }) {
+	const { fieldMetaList, modelName, maxLevel, filterFieldByFunction = () => true } = props;
+	const optionsMapByModalKey = ref({});
+	const fieldMapByKey = reactive({});
+	/**根节点第一个查询 */
+	const keyword = ref();
+	const options = ref([]);
+	const fieldValues = computed(() => {
+		return props.value ? props.value.split(props.valueSeparator || "$") : [];
+	});
+	const visibleValue = ref(false);
+	const filterOptions = computed(() => {
+		return options.value.filter((i) => !i.title || !keyword.value || i.title.includes(keyword.value || "")).map((i) => {
+			const children = i.isExpandField ? recursionTreeFilterByKeyword(i, 2, optionsMapByModalKey.value) : [];
+			return {
+				...i,
+				children
+			};
+		});
+	});
+	/**初始化自动展开 */
+	async function autoExpand() {
+		const fields = [...fieldValues.value];
+		let nodeOptions = [...options.value];
+		let level = 1;
+		while (fields.length > 1) {
+			const filedKey = fields.shift();
+			const fieldItem = nodeOptions.find((i) => i.value === filedKey);
+			if (!fieldItem) return;
+			level += 1;
+			nodeOptions = await getChildrenOptionsByKey(fieldItem.__props, level) || [];
+		}
+	}
+	onMounted(() => {
+		/**添加第一列 */
+		options.value = createOptionsByModel({
+			fields: fieldMetaList,
+			title: modelName,
+			search: (val) => {
+				keyword.value = val;
+			},
+			onFieldClick,
+			level: 1,
+			__bindFields: []
+		});
+		autoExpand();
+	});
+	/**根据模型key 获取子节点信息 */
+	async function getChildrenOptionsByKey({ bindInfo, relationModelName, id, __bindFields, key, name }, level) {
+		fieldMapByKey[key] = { name };
+		/**级联字段唯一标识 */
+		const fieldKey = id + level;
+		if (optionsMapByModalKey.value[fieldKey]) {
+			optionsMapByModalKey.value[fieldKey].keyword = "";
+			return;
+		}
+		const res = await _api.apaas.modelMeta.getDetail({ modelKey: bindInfo });
+		optionsMapByModalKey.value[fieldKey] = {
+			keyword: "",
+			option: []
+		};
+		optionsMapByModalKey.value[fieldKey].option = createOptionsByModel({
+			fields: res.fieldMetaList,
+			title: relationModelName,
+			search: (val) => {
+				optionsMapByModalKey.value[fieldKey].keyword = val;
+			},
+			onFieldClick,
+			level,
+			__bindFields
+		});
+		return optionsMapByModalKey.value[fieldKey].option;
+	}
+	function createSearchInput(onChange, level) {
+		return {
+			value: level,
+			label: h(SearchInput_default, {
+				visibleValue,
+				onChange
+			}),
+			isLeaf: false,
+			__props: {},
+			isExpandField: false
+		};
+	}
+	/**
+	* 根据模型名称获取模型下拉数据
+	*/
+	function createOptionsByModel({ fields, title, search, level, onFieldClick, __bindFields }) {
+		const options = [props.searchable ? createSearchInput(search, level) : null, createTitleItem(title)].filter(Boolean);
+		fields.filter(filterFieldByFunction).forEach((row) => {
+			options.push(createOptionItem(row, {
+				level,
+				onClick() {
+					onFieldClick(row, level);
+				},
+				__bindFields
+			}));
+		});
+		return options;
+	}
+	function createOptionItem(row, { level, onClick, __bindFields }) {
+		const isExpandField = level < maxLevel && isExpandFieldArg.includes(row.type);
+		row.__bindFields = [...__bindFields, row.key];
+		const titleWithRelation = isExpandField ? `${row.name}(${row.relationModelName})` : row.name;
+		const labels = row.name;
+		return {
+			value: row.key,
+			label: getFileldLabel(labels, isExpandField, onClick),
+			title: labels,
+			titleWithRelation,
+			isLeaf: false,
+			isExpandField,
+			children: [],
+			__props: row,
+			__level: level,
+			__id: row.id
+		};
+	}
+	/**根距关键字递归过滤tree */
+	function recursionTreeFilterByKeyword(row, level, optionKey) {
+		const { option = [], keyword = "" } = optionKey[row.__id + level] || {};
+		return option.filter((i) => !i.title || !keyword || i.title.includes(keyword)).map((i) => {
+			return {
+				...i,
+				children: i.isExpandField ? recursionTreeFilterByKeyword(i, level + 1, optionKey) : []
+			};
+		});
+	}
+	return {
+		visibleValue,
+		filterOptions,
+		getChildrenOptionsByKey,
+		fieldValues,
+		fieldMapByKey
+	};
+}
+function createTitleItem(title) {
+	return {
+		value: title,
+		label: h("div", { class: "gct-option-title ell" }, title),
+		isLeaf: false,
+		__props: {},
+		isExpandField: false
+	};
+}
+var getFileldLabel = (labels, isExpandField, onClick) => {
+	return createVNode("div", {
+		"class": "ell gct-option-label ks-row",
+		"onClick": onClick
+	}, [createVNode("div", { "class": "ks-col ell" }, [createTextVNode(" "), labels]), isExpandField ? createVNode("span", { "class": "iconfont icon-pad_arrow_right" }, null) : null]);
+};
+var isExpandFieldArg = [
+	FIELD_TYPE.RDO_REF,
+	FIELD_TYPE.REF,
+	FIELD_TYPE.REF_MULTI
+];
+//#endregion
+export { useFieldCascader };

package/es/components/field-tree-select/field-sort-popover.vue.d.ts

@@ -0,0 +1,129 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**字段map */
+    fieldMap: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**多级表头数据 */
+    groupOptions: {
+        type: {
+            (arrayLength: number): IObject[];
+            (...items: IObject[]): IObject[];
+            new (arrayLength: number): IObject[];
+            new (...items: IObject[]): IObject[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+        };
+        default: () => never[];
+    };
+    fieldNames: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            title: string;
+            key: string;
+        };
+    };
+    getLabelByFun: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    getFieldTypeByFun: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    getFieldHiddenByFun: {
+        type: FunctionConstructor;
+        default: (data: IObject) => any;
+    };
+    changeFieldHiddenByFun: {
+        type: FunctionConstructor;
+        default: (data: IObject, v: boolean) => void;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**字段map */
+    fieldMap: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /**多级表头数据 */
+    groupOptions: {
+        type: {
+            (arrayLength: number): IObject[];
+            (...items: IObject[]): IObject[];
+            new (arrayLength: number): IObject[];
+            new (...items: IObject[]): IObject[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+        };
+        default: () => never[];
+    };
+    fieldNames: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            title: string;
+            key: string;
+        };
+    };
+    getLabelByFun: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    getFieldTypeByFun: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+    getFieldHiddenByFun: {
+        type: FunctionConstructor;
+        default: (data: IObject) => any;
+    };
+    changeFieldHiddenByFun: {
+        type: FunctionConstructor;
+        default: (data: IObject, v: boolean) => void;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    fieldMap: Record<string, any>;
+    groupOptions: IObject[];
+    fieldNames: Record<string, any>;
+    getLabelByFun: Function;
+    getFieldTypeByFun: Function;
+    getFieldHiddenByFun: Function;
+    changeFieldHiddenByFun: Function;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/components/field-tree-select/field-sort-popover.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import field_sort_popover_vue_vue_type_script_setup_true_lang_default from "./field-sort-popover.vue_vue_type_script_setup_true_lang.mjs";
+import './field-sort-popover.vue_vue_type_style_index_0_scoped_c1811778_lang.css';/* empty css                                                                         */
+//#region src/components/field-tree-select/field-sort-popover.vue
+var field_sort_popover_default = /* @__PURE__ */ _plugin_vue_export_helper_default(field_sort_popover_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c1811778"]]);
+//#endregion
+export { field_sort_popover_default as default };

package/es/components/field-tree-select/field-sort-popover.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,206 @@
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, nextTick, normalizeClass, openBlock, reactive, ref, renderSlot, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { cloneDeep } from "lodash-es";
+import { FieldIconMap } from "@gct-paas/core";
+import { SvgIcon } from "@gct-paas/core-components";
+//#region src/components/field-tree-select/field-sort-popover.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "w230px m--14px pb16px" };
+var _hoisted_2 = { class: "ks-col ell" };
+var _hoisted_3 = ["onClick"];
+var field_sort_popover_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "field-sort-popover",
+	props: {
+		fieldMap: {
+			type: Object,
+			default: () => ({})
+		},
+		groupOptions: {
+			type: Array,
+			default: () => []
+		},
+		fieldNames: {
+			type: Object,
+			default: () => ({
+				children: "children",
+				title: "title",
+				key: "key"
+			})
+		},
+		getLabelByFun: {
+			type: Function,
+			default: () => {
+				console.log("getLabelByFun");
+			}
+		},
+		getFieldTypeByFun: {
+			type: Function,
+			default: () => {
+				console.log("getFieldTypeByFun");
+			}
+		},
+		getFieldHiddenByFun: {
+			type: Function,
+			default: (data) => data.visible
+		},
+		changeFieldHiddenByFun: {
+			type: Function,
+			default: (data, v) => {
+				data.visible = v;
+			}
+		}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		/**记录能否拖拽成功开关  标记线的颜色 */
+		const selectedDrop = ref(true);
+		/**拖拽后需要收起的节点 */
+		const dropExpandedKey = ref();
+		const emit = __emit;
+		const { fieldNames, getLabelByFun, fieldMap, getFieldTypeByFun, getFieldHiddenByFun, changeFieldHiddenByFun } = props;
+		const groupOptions = reactive(props.groupOptions);
+		function getFieldTitle(data) {
+			if (data.isGroup) return data[fieldNames.title];
+			else return getLabelByFun(fieldMap[data[fieldNames.key]]);
+		}
+		function getFieldVisible(key) {
+			return getFieldHiddenByFun(fieldMap[key]);
+		}
+		function getFieldTypeByKey(key) {
+			return getFieldTypeByFun(fieldMap[key]);
+		}
+		/**拖拽前记录被拖拽文件夹状态  */
+		function dragend({ node }) {
+			if (!node.isGroup) return;
+			const dropClassKey = node.expanded ? "gct-" + node.key : void 0;
+			dropExpandedKey.value = dropClassKey;
+			node.dataRef.class = dropClassKey;
+		}
+		/**
+		* 拖拽后的节点恢复展开 模拟点击
+		*/
+		async function closeDragNodeByClass() {
+			if (!dropExpandedKey.value) return;
+			await nextTick();
+			const dragNode = document.querySelector(`.${dropExpandedKey.value}`);
+			dragNode && dragNode.childNodes[2] && dragNode.childNodes[2].click();
+		}
+		const onDrop = async (info) => {
+			if (!selectedDrop.value) return;
+			const { dropToGap, dragNode, node } = info;
+			const dropPosition = info.dropPosition;
+			const _dNode = await new Promise((resolve) => {
+				loop(groupOptions, dragNode.key, (_value, index, children) => {
+					resolve(cloneDeep(children.splice(index, 1)[0]));
+				});
+			});
+			loop(groupOptions, node.key, (value, index, children) => {
+				if (node.isGroup && !dropToGap) value.children.unshift(_dNode);
+				else children.splice(dropPosition === -1 ? index : index + 1, 0, _dNode);
+			});
+			emit("change", cloneDeep(groupOptions));
+			closeDragNodeByClass();
+		};
+		const loop = (data, key, callback, parent) => {
+			const length = data.length;
+			for (let i = 0; i < length; i++) {
+				const item = data[i];
+				if (item[fieldNames.key] === key) {
+					callback(item, i, data, parent);
+					break;
+				}
+				if (item.children) loop(item.children, key, callback, item);
+			}
+		};
+		/**计算是否可以拖拽 */
+		function getAllowDrop({ dragNode, dropNode }) {
+			let sameLevel = false;
+			loop(groupOptions, dropNode.key, (_value, _index, _children, parent) => {
+				sameLevel = dragNode.parent?.key === parent?.key;
+			});
+			return sameLevel;
+		}
+		/**
+		* 同级拖拽
+		*/
+		function allowDrop({ dragNode, dropNode, dropPosition }) {
+			if (dragNode.dataRef.noDrag || dragNode.parent && dropPosition === -1) return false;
+			if (dropPosition === 0) return dragNode.parent?.key === dropNode.key;
+			/**记录不可拖拽状态  改变线条样式 */
+			selectedDrop.value = getAllowDrop({
+				dragNode,
+				dropNode,
+				dropPosition
+			});
+			return true;
+		}
+		function hiddenField(key) {
+			const visible = getFieldVisible(key);
+			changeFieldHiddenByFun(fieldMap[key], !visible);
+			emit("change", cloneDeep(groupOptions));
+		}
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_a_tree = resolveComponent("a-tree");
+			const _component_a_popover = resolveComponent("a-popover");
+			return openBlock(), createBlock(_component_a_popover, {
+				trigger: "click",
+				placement: "bottom",
+				"get-popup-container": (element) => element.parentNode,
+				"overlay-style": { paddingTop: 0 }
+			}, {
+				content: withCtx(() => [createElementVNode("div", _hoisted_1, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "popover-title" }, "显示字段", -1)), groupOptions.length ? (openBlock(), createBlock(_component_a_tree, {
+					key: 0,
+					"default-expand-all": "",
+					"field-names": unref(fieldNames),
+					height: 300,
+					draggable: "",
+					"tree-data": groupOptions,
+					"show-icon": "",
+					class: normalizeClass(["tree-field", { "gct-no-drop": !selectedDrop.value }]),
+					selectable: false,
+					"allow-drop": allowDrop,
+					virtual: false,
+					onDrop,
+					onDragstart: dragend
+				}, {
+					icon: withCtx(({ isGroup, key }) => [isGroup ? (openBlock(), createBlock(unref(SvgIcon), {
+						key: 0,
+						class: "folder",
+						size: "20",
+						name: "folder"
+					})) : getFieldTypeByKey(key) ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(["iconfont primary-gct", unref(FieldIconMap)[getFieldTypeByKey(key)]])
+					}, null, 2)) : createCommentVNode("", true)]),
+					title: withCtx(({ noDrag, data, key, isGroup }) => [(openBlock(), createElementBlock("div", {
+						key,
+						class: "ks-row"
+					}, [
+						createElementVNode("div", _hoisted_2, toDisplayString(getFieldTitle(data)), 1),
+						!isGroup ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: normalizeClass(["iconfont mr-4px", getFieldVisible(key) ? "icon-yulan" : "icon-baomi"]),
+							onClick: ($event) => hiddenField(key)
+						}, null, 10, _hoisted_3)) : createCommentVNode("", true),
+						!noDrag ? (openBlock(), createBlock(_component_a_tooltip, {
+							key: 1,
+							title: "拖动排序"
+						}, {
+							default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("span", { class: "icon-drag iconfont" }, null, -1)])]),
+							_: 1
+						})) : createCommentVNode("", true)
+					]))]),
+					_: 1
+				}, 8, [
+					"field-names",
+					"tree-data",
+					"class"
+				])) : createCommentVNode("", true)])]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, ["get-popup-container"]);
+		};
+	}
+});
+//#endregion
+export { field_sort_popover_vue_vue_type_script_setup_true_lang_default as default };