zkqh-lagrange-utils 0.0.59 → 0.0.60

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "zkqh-lagrange-utils",
 	"private": false,
-	"version": "0.0.59",
+	"version": "0.0.60",
 	"type": "module",
 	"scripts": {
 		"dev": "vite",

package/src/service/export_plugin/internal/plugin-dir-select.vue

@@ -4,12 +4,14 @@
 			:key="treeSelectKey"
 			:value="treeSelectValue"
 			size="small"
-			placeholder="请选择本地目录"
+			:placeholder="initLoading ? '目录加载中…' : '请选择本地目录'"
 			:consistent-menu-width="false"
 			show-path
 			separator="/"
 			filterable
 			clearable
+			:loading="initLoading"
+			:disabled="initLoading"
 			:options="treeOptions"
 			:expanded-keys="expandedKeys"
 			:menu-props="{ class: 'plugin_dir_select_tree' }"
@@ -17,7 +19,13 @@
 			:on-load="onLoadTreeNode"
 			@update:expanded-keys="onExpandedKeysUpdate"
 			@update:value="onDirChange" />
-		<template v-if="diskUsageText">
+		<span
+			v-if="initLoading"
+			class="_pds_loading lc_fs_s">
+			<n-spin :size="14" />
+			加载目录中…
+		</span>
+		<template v-else-if="diskUsageText">
 			<span class="_pds_folder_icon">
 				<i class="lc lc-tuxing1"></i>
 			</span>
@@ -71,6 +79,7 @@ export default defineComponent({
 		const expandedKeys = ref([])
 		const treeSelectKey = ref(0)
 		const defaultDisk = ref({})
+		const initLoading = ref(true)
 
 		const treeSelectValue = computed(() => toTreeKey(modelValue.value))
 
@@ -265,15 +274,20 @@ export default defineComponent({
 		 * 并行拉默认目录与磁盘列表；有默认目录则先反填，再展开树
 		 */
 		const initDirectory = async () => {
-			const [info] = await Promise.all([fetchDefault(), loadDisks()])
-			if (!info) {
-				setDirname("")
-				applyDisk(null)
-				return
+			initLoading.value = true
+			try {
+				const [info] = await Promise.all([fetchDefault(), loadDisks()])
+				if (!info) {
+					setDirname("")
+					applyDisk(null)
+					return
+				}
+				setDirname(info.root)
+				applyDisk(info.disk)
+				await hydrateTreePath(info.root)
+			} finally {
+				initLoading.value = false
 			}
-			setDirname(info.root)
-			applyDisk(info.disk)
-			await hydrateTreePath(info.root)
 		}
 
 		/**
@@ -325,6 +339,7 @@ export default defineComponent({
 			expandedKeys,
 			treeSelectKey,
 			treeSelectValue,
+			initLoading,
 			diskUsageText,
 			usagePercent,
 			renderTreeLabel,

package/src/service/export_plugin/internal/styles/plugin-dir-select.less

@@ -10,6 +10,14 @@
 		flex-shrink: 0;
 	}
 
+	._pds_loading {
+		display: inline-flex;
+		align-items: center;
+		gap: 6px;
+		color: var(--lc_text_color_secondary);
+		flex-shrink: 0;
+	}
+
 	._pds_folder_icon {
 		display: inline-flex;
 		align-items: center;