@gct-paas/design 0.1.5-dev.1 → 0.1.5-dev.10

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

@@ -1,163 +0,0 @@
-import SearchInput_default from "./SearchInput.vue.mjs";
-import { FIELD_TYPE } from "@gct-paas/core";
-import { computed, createTextVNode, createVNode, h, onMounted, reactive, ref } from "vue";
-//#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-transfer/components/field-transfer-modal.vue_vue_type_style_index_0_scoped_0c9dd8a1_lang.css

@@ -1,5 +0,0 @@
-.field-transfer-container[data-v-0c9dd8a1] {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}