zkqh-lagrange-utils 0.0.54 → 0.0.56

package/package.json

@@ -1,74 +1,74 @@
-{
-	"name": "zkqh-lagrange-utils",
-	"private": false,
-	"version": "0.0.54",
-	"type": "module",
-	"scripts": {
-		"dev": "vite",
-		"build": "vite build",
-		"gen-style": "node ./scripts/generate-naiveui-common-style.mjs"
-	},
-	"main": "dist/lagrange-utils.umd.cjs",
-	"module": "dist/lagrange-utils.js",
-	"sideEffects": [
-		"*.css"
-	],
-	"exports": {
-		".": {
-			"import": "./dist/lagrange-utils.js",
-			"require": "./dist/lagrange-utils.umd.cjs"
-		},
-		"./export_plugin": {
-			"import": "./src/service/export_plugin/index.js",
-			"default": "./src/service/export_plugin/index.js"
-		},
-		"./export_plugin/api": {
-			"import": "./src/service/export_plugin/api/index.js",
-			"default": "./src/service/export_plugin/api/index.js"
-		},
-		"./style.css": {
-			"default": "./dist/style.css"
-		},
-		"./assets/*": "./dist/assets/*",
-		"./assets/css/*": "./dist/assets/css/*",
-		"./assets/font/*": "./dist/assets/font/*",
-		"./assets/image/*": "./dist/assets/image/*",
-		"./postcss.config.js": {
-			"import": "./postcss.config.js",
-			"require": "./postcss.config.cjs",
-			"default": "./postcss.config.js"
-		}
-	},
-	"files": [
-		"dist",
-		"assets",
-		"src/service",
-		"postcss.config.js",
-		"postcss.config.cjs"
-	],
-	"dependencies": {
-		"autoprefixer": "^10.4.22",
-		"axios": "^1.18.1",
-		"postcss-pxtorem": "^6.1.0",
-		"vue": "^3.3.0"
-	},
-	"peerDependencies": {
-		"naive-ui": "^2.40.0",
-		"vue": "^3.3.0"
-	},
-	"peerDependenciesMeta": {
-		"naive-ui": {
-			"optional": true
-		}
-	},
-	"devDependencies": {
-		"@vitejs/plugin-vue": "^5.0.4",
-		"@vitejs/plugin-vue-jsx": "^3.0.2",
-		"less": "^4.4.2",
-		"naive-ui": "2.43.1",
-		"vite": "^5.4.10",
-		"vite-plugin-static-copy": "^0.17.0"
-	},
-	"author": "zkqh-ddh",
-	"license": "MIT"
-}
+{
+	"name": "zkqh-lagrange-utils",
+	"private": false,
+	"version": "0.0.56",
+	"type": "module",
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"gen-style": "node ./scripts/generate-naiveui-common-style.mjs"
+	},
+	"main": "dist/lagrange-utils.umd.cjs",
+	"module": "dist/lagrange-utils.js",
+	"sideEffects": [
+		"*.css"
+	],
+	"exports": {
+		".": {
+			"import": "./dist/lagrange-utils.js",
+			"require": "./dist/lagrange-utils.umd.cjs"
+		},
+		"./export_plugin": {
+			"import": "./src/service/export_plugin/index.js",
+			"default": "./src/service/export_plugin/index.js"
+		},
+		"./export_plugin/api": {
+			"import": "./src/service/export_plugin/api/index.js",
+			"default": "./src/service/export_plugin/api/index.js"
+		},
+		"./style.css": {
+			"default": "./dist/style.css"
+		},
+		"./assets/*": "./dist/assets/*",
+		"./assets/css/*": "./dist/assets/css/*",
+		"./assets/font/*": "./dist/assets/font/*",
+		"./assets/image/*": "./dist/assets/image/*",
+		"./postcss.config.js": {
+			"import": "./postcss.config.js",
+			"require": "./postcss.config.cjs",
+			"default": "./postcss.config.js"
+		}
+	},
+	"files": [
+		"dist",
+		"assets",
+		"src/service",
+		"postcss.config.js",
+		"postcss.config.cjs"
+	],
+	"dependencies": {
+		"autoprefixer": "^10.4.22",
+		"axios": "^1.18.1",
+		"postcss-pxtorem": "^6.1.0",
+		"vue": "^3.3.0"
+	},
+	"peerDependencies": {
+		"naive-ui": "^2.40.0",
+		"vue": "^3.3.0"
+	},
+	"peerDependenciesMeta": {
+		"naive-ui": {
+			"optional": true
+		}
+	},
+	"devDependencies": {
+		"@vitejs/plugin-vue": "^5.0.4",
+		"@vitejs/plugin-vue-jsx": "^3.0.2",
+		"less": "^4.4.2",
+		"naive-ui": "2.43.1",
+		"vite": "^5.4.10",
+		"vite-plugin-static-copy": "^0.17.0"
+	},
+	"author": "zkqh-ddh",
+	"license": "MIT"
+}

package/src/service/export_plugin/PluginLocalExport.vue

@@ -1,204 +1,257 @@
-<template>
-	<div
-		v-if="usePlatformExport || usePluginExport"
-		class="plugin_local_export">
-		<!-- 平台 / 应用小文件导出区 -->
-		<div
-			v-if="usePlatformExport"
-			class="_ple_platform">
-			<span class="__tip lc-fs-m">文件小于50MB，请直接导出！</span>
-			<span
-				class="__action lc_btn_primary lc_btn_m"
-				@click="onPlatformExportClick">
-				导&nbsp;&nbsp;出
-			</span>
-		</div>
-
-		<!-- 插件本地目录导出区 -->
-		<template v-if="usePluginExport">
-			<div class="_ple_label lc-fs-m">选择本地目录</div>
-			<div
-				v-if="pluginReady && diskOverflow"
-				class="_ple_warn lc-fs-s">
-				<i class="lc lc-warning-circle-outlined"></i>
-				<span>预估大小超出本地目录剩余空间，请更换目录或缩小导出范围</span>
-			</div>
-
-			<div
-				v-if="!pluginReady"
-				class="_ple_row">
-				<n-tree-select
-					size="small"
-					disabled
-					placeholder="安装插件后可选择导出文件"
-					:options="[]" />
-				<span
-					class="lc_btn_primary lc_btn_m _ple_install"
-					@click="onInstall">
-					立即安装插件
-				</span>
-			</div>
-
-			<div
-				v-else
-				class="_ple_row">
-				<PluginDirSelect
-					v-model="dirname"
-					@update:disk-info="onDiskInfoUpdate" />
-				<div class="_ple_action">
-					<span
-						class="lc_btn_primary lc_btn_m"
-						:class="{ _disabled: pluginExportDisabled }"
-						:title="pluginButtonTitle"
-						@click="onPluginExportClick">
-						导&nbsp;&nbsp;出
-					</span>
-				</div>
-			</div>
-		</template>
-	</div>
-</template>
-
-<script>
-import { defineComponent, ref, computed, toRefs, onMounted } from "vue"
-import PluginDirSelect from "./internal/plugin-dir-select.vue"
-import { usePluginHealth } from "./hooks/use-plugin-health.js"
-import { isOverSizeLimit, isPreviewOverflowDisk } from "./utils/size.js"
-/** 组件局部使用 lc iconfont（不依赖宿主全局引入） */
-import "zkqh-lagrange-utils/assets/font/iconfont-lc.css"
-import "./internal/styles/plugin-local-export.less"
-
-const DEFAULT_PREVIEW = {
-	show: false,
-	totalSize: 0,
-	exportDisabled: false,
-}
-
-/**
- * 本地导出组合区：平台/应用小文件导出 + 插件目录导出 + 50MB 分流
- */
-export default defineComponent({
-	name: "PluginLocalExport",
-	components: { PluginDirSelect },
-	props: {
-		/**
-		 * 预览与分流控制
-		 * @type {{ show?: boolean, totalSize?: number, exportDisabled?: boolean }}
-		 */
-		previewInfo: {
-			type: Object,
-			default: () => ({ ...DEFAULT_PREVIEW }),
-		},
-		/** 插件安装包下载地址 */
-		downloadUrl: { type: String, default: "" },
-	},
-	emits: ["success"],
-	setup(props, { emit }) {
-		const { previewInfo, downloadUrl } = toRefs(props)
-		const dirname = ref("")
-		const diskInfo = ref({ total_size: 0, used_size: 0 })
-
-		const health = usePluginHealth({
-			downloadUrl: () => downloadUrl.value,
-		})
-		const { pluginReady, checkHealth, triggerInstall } = health
-
-		onMounted(() => {
-			checkHealth()
-		})
-
-		const preview = computed(() => ({
-			...DEFAULT_PREVIEW,
-			...(previewInfo.value || {}),
-		}))
-
-		/**
-		 * 是否展示平台/应用导出区（≤50MB）
-		 */
-		const usePlatformExport = computed(() => {
-			const info = preview.value
-			if (!info.show || info.exportDisabled) return false
-			const size = Number(info.totalSize) || 0
-			if (size <= 0) return false
-			return !isOverSizeLimit(size)
-		})
-
-		/**
-		 * 是否展示插件导出区
-		 * - show=false：始终插件
-		 * - show=true：已可导出且 >50MB
-		 */
-		const usePluginExport = computed(() => {
-			const info = preview.value
-			if (!info.show) return true
-			if (info.exportDisabled) return false
-			const size = Number(info.totalSize) || 0
-			if (size <= 0) return false
-			return isOverSizeLimit(size)
-		})
-
-		/** 插件路径：预览大小是否超出当前目录剩余空间 */
-		const diskOverflow = computed(() => {
-			if (!pluginReady.value || !usePluginExport.value) return false
-			const info = preview.value
-			if (!info.show) return false
-			return isPreviewOverflowDisk(info.totalSize, diskInfo.value)
-		})
-
-		const pluginExportDisabled = computed(() => {
-			if (!pluginReady.value) return true
-			if (!dirname.value) return true
-			if (diskOverflow.value) return true
-			return false
-		})
-
-		const pluginButtonTitle = computed(() => {
-			if (!pluginReady.value) return "请先安装并启动导出插件"
-			if (!dirname.value) return "请选择本地导出目录"
-			if (diskOverflow.value) return "预估大小超出本地目录剩余空间，无法导出"
-			return ""
-		})
-
-		const onDiskInfoUpdate = (info) => {
-			diskInfo.value = info || { total_size: 0, used_size: 0 }
-		}
-
-		const onInstall = () => {
-			triggerInstall()
-		}
-
-		/** 平台/应用路径：确认后回调 */
-		const onPlatformExportClick = () => {
-			window.$dialog?.warning?.({
-				title: "确认导出",
-				content: "确认按当前筛选条件通过平台打包下载？",
-				positiveText: "确认",
-				negativeText: "取消",
-				onPositiveClick: () => {
-					emit("success", { mode: "platform" })
-				},
-			})
-		}
-
-		/** 插件路径：校验后回调（含 dirname） */
-		const onPluginExportClick = () => {
-			if (pluginExportDisabled.value) return
-			emit("success", { mode: "plugin", dirname: dirname.value })
-		}
-
-		return {
-			dirname,
-			pluginReady,
-			usePlatformExport,
-			usePluginExport,
-			diskOverflow,
-			pluginExportDisabled,
-			pluginButtonTitle,
-			onDiskInfoUpdate,
-			onInstall,
-			onPlatformExportClick,
-			onPluginExportClick,
-		}
-	},
-})
-</script>
+<template>
+	<div
+		v-if="usePlatformExport || usePluginExport"
+		class="plugin_local_export"
+		:class="{ _platform: usePlatformExport }">
+		<!-- 平台 / 应用小文件导出区（与插件目录区共用宿主外框） -->
+		<template v-if="usePlatformExport">
+			<span class="_ple_tip lc-fs-m">文件小于50MB，请直接导出！</span>
+			<span
+				class="_ple_action lc_btn_primary lc_btn_m"
+				@click="onPlatformExportClick">
+				导&nbsp;&nbsp;出
+			</span>
+		</template>
+
+		<!-- 插件本地目录导出区 -->
+		<template v-if="usePluginExport">
+			<div class="_ple_label lc-fs-m">选择本地目录</div>
+			<div
+				v-if="pluginReady && diskOverflow"
+				class="_ple_warn lc-fs-s">
+				<i class="lc lc-warning-circle-outlined"></i>
+				<span>预估大小超出本地目录剩余空间，请更换目录或缩小导出范围</span>
+			</div>
+
+			<div
+				v-if="!pluginReady"
+				class="_ple_row">
+				<n-tree-select
+					size="small"
+					disabled
+					placeholder="安装插件后可选择导出文件"
+					:options="[]" />
+				<span
+					class="lc_btn_primary lc_btn_m _ple_install"
+					@click="onInstall">
+					立即安装插件
+				</span>
+			</div>
+
+			<div
+				v-else
+				class="_ple_row">
+				<PluginDirSelect
+					v-model="dirname"
+					@update:disk-info="onDiskInfoUpdate" />
+				<div class="_ple_action">
+					<span
+						class="lc_btn_primary lc_btn_m"
+						:class="{ _disabled: pluginExportDisabled }"
+						:title="pluginButtonTitle"
+						@click="onPluginExportClick">
+						导&nbsp;&nbsp;出
+					</span>
+				</div>
+			</div>
+		</template>
+
+		<!-- 插件导出：任务名称弹窗（内置） -->
+		<ExportTaskModal
+			v-if="showTaskModal"
+			:kind="kind"
+			:args="args"
+			:dirname="dirname"
+			:get-token="getToken"
+			:get-url="getUrl"
+			:validate-args="validateArgs"
+			@success="onTaskModalSuccess"
+			@close="showTaskModal = false" />
+	</div>
+</template>
+
+<script>
+import { defineComponent, ref, computed, toRefs, onMounted } from "vue"
+import PluginDirSelect from "./internal/plugin-dir-select.vue"
+import ExportTaskModal from "./internal/export-task-modal.vue"
+import { usePluginHealth } from "./hooks/use-plugin-health.js"
+import { isOverSizeLimit, isPreviewOverflowDisk } from "./utils/size.js"
+import { validateTimeRangeArgs } from "./utils/export-task.js"
+/** 组件局部使用 lc iconfont（不依赖宿主全局引入） */
+import "zkqh-lagrange-utils/assets/font/iconfont-lc.css"
+import "./internal/styles/plugin-local-export.less"
+
+const DEFAULT_PREVIEW = {
+	show: false,
+	totalSize: 0,
+	exportDisabled: false,
+}
+
+/**
+ * 本地导出组合区：平台/应用小文件导出 + 插件目录导出 + 50MB 分流 + 任务弹窗
+ */
+export default defineComponent({
+	name: "PluginLocalExport",
+	components: { PluginDirSelect, ExportTaskModal },
+	props: {
+		/**
+		 * 预览与分流控制
+		 * @type {{ show?: boolean, totalSize?: number, exportDisabled?: boolean }}
+		 */
+		previewInfo: {
+			type: Object,
+			default: () => ({ ...DEFAULT_PREVIEW }),
+		},
+		/** 插件安装包下载地址 */
+		downloadUrl: { type: String, default: "" },
+		/** 导出 kind（插件创建任务用） */
+		kind: { type: String, default: "event" },
+		/** 筛选参数（插件创建任务用） */
+		args: { type: Object, default: () => ({}) },
+		/**
+		 * 获取登录 token；不传则读 localStorage.token
+		 * @type {(() => string) | string}
+		 */
+		getToken: { type: [Function, String], default: null },
+		/**
+		 * 获取平台根 URL；不传则读 window.sys_con.baseURL
+		 * @type {(() => string) | string}
+		 */
+		getUrl: { type: [Function, String], default: null },
+		/**
+		 * 导出前校验 args；不传则校验时间范围
+		 * @type {(args: object) => boolean}
+		 */
+		validateArgs: { type: Function, default: null },
+	},
+	emits: ["success"],
+	setup(props, { emit }) {
+		const { previewInfo, downloadUrl, kind, args, getToken, getUrl, validateArgs } = toRefs(props)
+		const dirname = ref("")
+		const diskInfo = ref({ total_size: 0, used_size: 0 })
+		const showTaskModal = ref(false)
+
+		const health = usePluginHealth({
+			downloadUrl: () => downloadUrl.value,
+		})
+		const { pluginReady, checkHealth, triggerInstall } = health
+
+		onMounted(() => {
+			checkHealth()
+		})
+
+		const preview = computed(() => ({
+			...DEFAULT_PREVIEW,
+			...(previewInfo.value || {}),
+		}))
+
+		const resolveValidate = () => validateArgs.value || validateTimeRangeArgs
+
+		/**
+		 * 是否展示平台/应用导出区（≤50MB）
+		 */
+		const usePlatformExport = computed(() => {
+			const info = preview.value
+			if (!info.show || info.exportDisabled) return false
+			const size = Number(info.totalSize) || 0
+			if (size <= 0) return false
+			return !isOverSizeLimit(size)
+		})
+
+		/**
+		 * 是否展示插件导出区
+		 * - show=false：始终插件
+		 * - show=true：已可导出且 >50MB
+		 */
+		const usePluginExport = computed(() => {
+			const info = preview.value
+			if (!info.show) return true
+			if (info.exportDisabled) return false
+			const size = Number(info.totalSize) || 0
+			if (size <= 0) return false
+			return isOverSizeLimit(size)
+		})
+
+		/** 插件路径：预览大小是否超出当前目录剩余空间 */
+		const diskOverflow = computed(() => {
+			if (!pluginReady.value || !usePluginExport.value) return false
+			const info = preview.value
+			if (!info.show) return false
+			return isPreviewOverflowDisk(info.totalSize, diskInfo.value)
+		})
+
+		const pluginExportDisabled = computed(() => {
+			if (!pluginReady.value) return true
+			if (!dirname.value) return true
+			if (diskOverflow.value) return true
+			return false
+		})
+
+		const pluginButtonTitle = computed(() => {
+			if (!pluginReady.value) return "请先安装并启动导出插件"
+			if (!dirname.value) return "请选择本地导出目录"
+			if (diskOverflow.value) return "预估大小超出本地目录剩余空间，无法导出"
+			return ""
+		})
+
+		const onDiskInfoUpdate = (info) => {
+			diskInfo.value = info || { total_size: 0, used_size: 0 }
+		}
+
+		const onInstall = () => {
+			triggerInstall()
+		}
+
+		/** 平台/应用路径：确认后回调 */
+		const onPlatformExportClick = () => {
+			const exportArgs = { ...(args.value || {}) }
+			if (!resolveValidate()(exportArgs)) return
+
+			window.$dialog?.warning?.({
+				title: "确认导出",
+				content: "确认按当前筛选条件通过平台打包下载？",
+				positiveText: "确认",
+				negativeText: "取消",
+				onPositiveClick: () => {
+					emit("success", { mode: "platform" })
+				},
+			})
+		}
+
+		/** 插件路径：打开任务名称弹窗 */
+		const onPluginExportClick = () => {
+			if (pluginExportDisabled.value) return
+			const exportArgs = { ...(args.value || {}) }
+			if (!resolveValidate()(exportArgs)) return
+			showTaskModal.value = true
+		}
+
+		/** 插件任务创建成功 */
+		const onTaskModalSuccess = () => {
+			showTaskModal.value = false
+			emit("success", { mode: "plugin", dirname: dirname.value })
+		}
+
+		return {
+			dirname,
+			kind,
+			args,
+			getToken,
+			getUrl,
+			validateArgs,
+			showTaskModal,
+			pluginReady,
+			usePlatformExport,
+			usePluginExport,
+			diskOverflow,
+			pluginExportDisabled,
+			pluginButtonTitle,
+			onDiskInfoUpdate,
+			onInstall,
+			onPlatformExportClick,
+			onPluginExportClick,
+			onTaskModalSuccess,
+		}
+	},
+})
+</script>

package/src/service/export_plugin/api/index.js

@@ -1,6 +1,6 @@
-/**
- * 导出插件 API 独立入口（可不挂载 UI）
- * @example
- * import { pluginApi } from "zkqh-lagrange-utils/export_plugin/api"
- */
-export { pluginApi } from "./plugin.js"
+/**
+ * 导出插件 API 独立入口（可不挂载 UI）
+ * @example
+ * import { pluginApi } from "zkqh-lagrange-utils/export_plugin/api"
+ */
+export { pluginApi } from "./plugin.js"