@robot-admin/naive-ui-components 0.3.0

package/dist/C_Tree2.js

@@ -0,0 +1,441 @@
+import { t as C_Icon_default } from "./C_Icon2.js";
+import { t as export_helper_default } from "./export-helper.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, isRef, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { NButton, NInput, NPopconfirm, NSpace, NTag, NTree } from "naive-ui";
+
+//#region src/components/C_Tree/data.ts
+const presetConfigs = {
+	menu: {
+		draggable: true,
+		showLine: true,
+		iconConfig: { typeMap: {
+			directory: "mdi:folder",
+			menu: "mdi:file-document",
+			button: "mdi:button-cursor"
+		} },
+		actions: [
+			{
+				key: "add",
+				text: "新增子菜单",
+				icon: "mdi:plus",
+				type: "primary"
+			},
+			{
+				key: "edit",
+				text: "编辑",
+				icon: "mdi:pencil",
+				type: "info"
+			},
+			{
+				key: "delete",
+				text: "删除",
+				icon: "mdi:delete",
+				type: "error",
+				confirm: "确认删除该菜单吗？"
+			}
+		]
+	},
+	file: {
+		draggable: false,
+		showLine: false,
+		iconConfig: { typeMap: {
+			folder: "mdi:folder",
+			file: "mdi:file-document",
+			image: "mdi:file-image",
+			video: "mdi:file-video",
+			audio: "mdi:file-music"
+		} },
+		actions: [
+			{
+				key: "open",
+				text: "打开",
+				icon: "mdi:folder-open",
+				type: "primary"
+			},
+			{
+				key: "rename",
+				text: "重命名",
+				icon: "mdi:rename-box",
+				type: "info"
+			},
+			{
+				key: "delete",
+				text: "删除",
+				icon: "mdi:delete",
+				type: "error",
+				confirm: "确认删除该文件吗？"
+			}
+		]
+	},
+	org: {
+		draggable: false,
+		showLine: true,
+		iconConfig: { typeMap: {
+			department: "mdi:domain",
+			user: "mdi:account",
+			manager: "mdi:account-tie"
+		} },
+		actions: [{
+			key: "add",
+			text: "新增下级",
+			icon: "mdi:plus",
+			type: "primary"
+		}, {
+			key: "edit",
+			text: "编辑",
+			icon: "mdi:pencil",
+			type: "info"
+		}]
+	},
+	custom: {}
+};
+
+//#endregion
+//#region src/components/C_Tree/composables/useTreeOperations.ts
+function useTreeOperations(props, emit) {
+	const internalSearchPattern = ref("");
+	const expandedKeys = ref(props.defaultExpandedKeys ?? []);
+	const selectedKeys = ref(props.defaultSelectedKeys ?? []);
+	const isAllExpanded = ref(props.defaultExpandAll ?? false);
+	const keyField = computed(() => props.keyField ?? "id");
+	const labelField = computed(() => props.labelField ?? "name");
+	const childrenField = computed(() => props.childrenField ?? "children");
+	const iconField = computed(() => props.iconField ?? "icon");
+	const mergedConfig = computed(() => {
+		const preset = presetConfigs[props.mode ?? "custom"] || {};
+		return {
+			...preset,
+			...props,
+			iconConfig: {
+				...preset.iconConfig,
+				...props.iconConfig
+			},
+			actions: props.actions?.length ? props.actions : preset.actions || []
+		};
+	});
+	const treeData = computed(() => props.data);
+	const currentSearchPattern = computed(() => props.searchPattern || internalSearchPattern.value);
+	const selectedNode = computed(() => {
+		if (selectedKeys.value.length === 0) return null;
+		const findNode = (nodes, id) => {
+			for (const node of nodes) {
+				if (node[keyField.value] === id) return node;
+				if (node[childrenField.value]) {
+					const found = findNode(node[childrenField.value], id);
+					if (found) return found;
+				}
+			}
+			return null;
+		};
+		return findNode(props.data, selectedKeys.value[0]);
+	});
+	const getAllKeys = (nodes) => {
+		const keys = [];
+		nodes.forEach((node) => {
+			keys.push(node[keyField.value]);
+			if (node[childrenField.value]) keys.push(...getAllKeys(node[childrenField.value]));
+		});
+		return keys;
+	};
+	const getNodeIcon = (node) => {
+		const config = mergedConfig.value.iconConfig;
+		if (node[iconField.value]) return node[iconField.value];
+		if (node.type && config.typeMap?.[node.type]) return config.typeMap[node.type];
+		return config.default || "mdi:circle-outline";
+	};
+	const getNodeIconColor = (node) => {
+		const config = mergedConfig.value.iconConfig;
+		if (node.type && config.colorMap?.[node.type]) return config.colorMap[node.type];
+		return "currentColor";
+	};
+	const renderPrefix = ({ option }) => {
+		const node = option;
+		return h(C_Icon_default, {
+			name: getNodeIcon(node),
+			size: 18,
+			color: getNodeIconColor(node),
+			class: "mr-3 flex-shrink-0"
+		});
+	};
+	const renderLabel = ({ option }) => {
+		const node = option;
+		const statusTags = props.statusConfigs?.map((config) => {
+			const value = node[config.field];
+			const statusConfig = config.values[value];
+			if (!statusConfig?.text) return null;
+			return h(NTag, {
+				type: statusConfig.type,
+				size: "small",
+				class: "ml-2",
+				style: { fontSize: "12px" }
+			}, { default: () => statusConfig.text });
+		}).filter(Boolean) || [];
+		return h("div", {
+			class: "flex items-center flex-1 min-w-0 py-1",
+			style: { lineHeight: "1.5" }
+		}, [h("span", { class: "mr-3 font-medium text-sm" }, node[labelField.value]), ...statusTags]);
+	};
+	const renderSuffix = ({ option }) => {
+		const node = option;
+		const actionButtons = (mergedConfig.value.actions || []).filter((action) => !action.show || action.show(node)).map((action) => {
+			const buttonProps = {
+				size: "tiny",
+				type: action.type || "default",
+				secondary: true,
+				style: {
+					padding: "4px 6px",
+					minWidth: "24px",
+					height: "24px"
+				},
+				onClick: (e) => {
+					e.stopPropagation();
+					handleNodeAction(action.key, node);
+				}
+			};
+			const iconEl = h(C_Icon_default, {
+				name: action.icon,
+				size: 12,
+				title: action.text
+			});
+			if (action.confirm) return h(NPopconfirm, { onPositiveClick: () => handleNodeAction(action.key, node) }, {
+				trigger: () => h(NButton, {
+					...buttonProps,
+					onClick: (e) => e.stopPropagation()
+				}, { icon: () => iconEl }),
+				default: () => action.confirm
+			});
+			return h(NButton, buttonProps, { icon: () => iconEl });
+		});
+		return h("div", {
+			class: "tree-actions",
+			style: {
+				display: "flex",
+				alignItems: "center",
+				marginLeft: "8px",
+				opacity: "0",
+				transition: "opacity 0.2s ease"
+			}
+		}, [h(NSpace, { size: 4 }, { default: () => actionButtons })]);
+	};
+	const toggleExpandAll = () => {
+		if (isAllExpanded.value) {
+			expandedKeys.value = [];
+			isAllExpanded.value = false;
+		} else {
+			expandedKeys.value = getAllKeys(props.data);
+			isAllExpanded.value = true;
+		}
+	};
+	const handleExpandedKeysChange = (keys) => {
+		expandedKeys.value = keys;
+		isAllExpanded.value = keys.length === getAllKeys(props.data).length;
+	};
+	const handleSelectedKeysChange = (keys) => {
+		selectedKeys.value = keys;
+		emit("node-select", selectedNode.value, keys);
+	};
+	const handleDrop = (info) => emit("node-drop", info);
+	const handleNodeAction = (action, node) => {
+		if (action === "add") emit("add", node);
+		else emit("node-action", action, node);
+	};
+	const handleAdd = () => emit("add");
+	const handleRefresh = () => emit("refresh");
+	return {
+		internalSearchPattern,
+		expandedKeys,
+		selectedKeys,
+		isAllExpanded,
+		treeData,
+		currentSearchPattern,
+		renderPrefix,
+		renderLabel,
+		renderSuffix,
+		toggleExpandAll,
+		handleExpandedKeysChange,
+		handleSelectedKeysChange,
+		handleDrop,
+		handleAdd,
+		handleRefresh,
+		expose: {
+			expandAll: () => {
+				expandedKeys.value = getAllKeys(props.data);
+				isAllExpanded.value = true;
+			},
+			collapseAll: () => {
+				expandedKeys.value = [];
+				isAllExpanded.value = false;
+			},
+			selectNode: (key) => {
+				selectedKeys.value = [key];
+			},
+			getSelectedNode: () => selectedNode.value,
+			expandedKeys,
+			selectedKeys
+		}
+	};
+}
+
+//#endregion
+//#region src/components/C_Tree/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "c-tree" };
+const _hoisted_2 = {
+	key: 0,
+	class: "c-tree-toolbar"
+};
+const _hoisted_3 = { class: "toolbar-left" };
+const _hoisted_4 = { class: "toolbar-right" };
+const _hoisted_5 = { class: "c-tree-container" };
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "C_Tree",
+	__name: "index",
+	props: {
+		data: {},
+		mode: { default: "custom" },
+		keyField: { default: "id" },
+		labelField: { default: "name" },
+		childrenField: { default: "children" },
+		searchPattern: { default: "" },
+		searchable: {
+			type: Boolean,
+			default: true
+		},
+		searchPlaceholder: { default: "搜索..." },
+		draggable: {
+			type: Boolean,
+			default: false
+		},
+		showLine: {
+			type: Boolean,
+			default: true
+		},
+		showToolbar: {
+			type: Boolean,
+			default: true
+		},
+		addable: {
+			type: Boolean,
+			default: true
+		},
+		addText: { default: "新增" },
+		refreshable: {
+			type: Boolean,
+			default: true
+		},
+		iconField: { default: "icon" },
+		iconConfig: { default: () => ({
+			default: "mdi:circle-outline",
+			typeMap: {},
+			colorMap: {}
+		}) },
+		statusConfigs: { default: () => [] },
+		actions: { default: () => [] },
+		defaultExpandAll: {
+			type: Boolean,
+			default: false
+		},
+		defaultExpandedKeys: { default: () => [] },
+		defaultSelectedKeys: { default: () => [] }
+	},
+	emits: [
+		"node-select",
+		"node-action",
+		"node-drop",
+		"add",
+		"refresh"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const { internalSearchPattern, expandedKeys, selectedKeys, isAllExpanded, treeData, currentSearchPattern, renderPrefix, renderLabel, renderSuffix, toggleExpandAll, handleExpandedKeysChange, handleSelectedKeysChange, handleDrop, handleAdd, handleRefresh, expose } = useTreeOperations(__props, __emit);
+		__expose(expose);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.showToolbar ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [_ctx.searchable ? (openBlock(), createBlock(unref(NInput), {
+				key: 0,
+				value: unref(internalSearchPattern),
+				"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(internalSearchPattern) ? internalSearchPattern.value = $event : null),
+				placeholder: _ctx.searchPlaceholder,
+				clearable: "",
+				class: "search-input"
+			}, {
+				prefix: withCtx(() => [createVNode(C_Icon_default, {
+					name: "mdi:magnify",
+					size: 16
+				})]),
+				_: 1
+			}, 8, ["value", "placeholder"])) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "toolbar-actions", {}, () => [
+				_ctx.addable ? (openBlock(), createBlock(unref(NButton), {
+					key: 0,
+					type: "primary",
+					onClick: _cache[1] || (_cache[1] = ($event) => unref(handleAdd)())
+				}, {
+					icon: withCtx(() => [createVNode(C_Icon_default, {
+						name: "mdi:plus",
+						size: 16
+					})]),
+					default: withCtx(() => [createTextVNode(" " + toDisplayString(_ctx.addText), 1)]),
+					_: 1
+				})) : createCommentVNode("v-if", true),
+				createVNode(unref(NButton), { onClick: unref(toggleExpandAll) }, {
+					icon: withCtx(() => [createVNode(C_Icon_default, {
+						name: "mdi:file-tree",
+						size: 16
+					})]),
+					default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(isAllExpanded) ? "收起全部" : "展开全部"), 1)]),
+					_: 1
+				}, 8, ["onClick"]),
+				_ctx.refreshable ? (openBlock(), createBlock(unref(NButton), {
+					key: 1,
+					onClick: unref(handleRefresh)
+				}, {
+					icon: withCtx(() => [createVNode(C_Icon_default, {
+						name: "mdi:refresh",
+						size: 16
+					})]),
+					default: withCtx(() => [_cache[2] || (_cache[2] = createTextVNode(" 刷新 ", -1))]),
+					_: 1,
+					__: [2]
+				}, 8, ["onClick"])) : createCommentVNode("v-if", true)
+			], true)])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_5, [createVNode(unref(NTree), {
+				data: unref(treeData),
+				pattern: unref(currentSearchPattern),
+				"expanded-keys": unref(expandedKeys),
+				"selected-keys": unref(selectedKeys),
+				draggable: _ctx.draggable,
+				"show-line": _ctx.showLine,
+				"render-prefix": unref(renderPrefix),
+				"render-suffix": unref(renderSuffix),
+				"render-label": unref(renderLabel),
+				"key-field": _ctx.keyField,
+				"label-field": _ctx.labelField,
+				"children-field": _ctx.childrenField,
+				"onUpdate:expandedKeys": unref(handleExpandedKeysChange),
+				"onUpdate:selectedKeys": unref(handleSelectedKeysChange),
+				onDrop: unref(handleDrop),
+				class: "tree-instance"
+			}, null, 8, [
+				"data",
+				"pattern",
+				"expanded-keys",
+				"selected-keys",
+				"draggable",
+				"show-line",
+				"render-prefix",
+				"render-suffix",
+				"render-label",
+				"key-field",
+				"label-field",
+				"children-field",
+				"onUpdate:expandedKeys",
+				"onUpdate:selectedKeys",
+				"onDrop"
+			])])]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_Tree/index.vue
+var C_Tree_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ecf2afc2"]]);
+
+//#endregion
+export { useTreeOperations as n, presetConfigs as r, C_Tree_default as t };
+//# sourceMappingURL=C_Tree2.js.map

package/dist/C_Tree2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Tree2.js","names":["C_Icon","showToolbar","searchable","searchPlaceholder","addable","addText","refreshable","draggable","showLine","keyField","labelField","childrenField"],"sources":["../src/components/C_Tree/data.ts","../src/components/C_Tree/composables/useTreeOperations.ts","../src/components/C_Tree/index.vue","../src/components/C_Tree/index.vue","../src/components/C_Tree/index.vue"],"sourcesContent":["import type { TreeMode, TreeProps } from \"./types\";\r\n\r\nexport const presetConfigs: Record<TreeMode, Partial<TreeProps>> = {\r\n  menu: {\r\n    draggable: true,\r\n    showLine: true,\r\n    iconConfig: {\r\n      typeMap: {\r\n        directory: \"mdi:folder\",\r\n        menu: \"mdi:file-document\",\r\n        button: \"mdi:button-cursor\",\r\n      },\r\n    },\r\n    actions: [\r\n      { key: \"add\", text: \"新增子菜单\", icon: \"mdi:plus\", type: \"primary\" },\r\n      { key: \"edit\", text: \"编辑\", icon: \"mdi:pencil\", type: \"info\" },\r\n      {\r\n        key: \"delete\",\r\n        text: \"删除\",\r\n        icon: \"mdi:delete\",\r\n        type: \"error\",\r\n        confirm: \"确认删除该菜单吗？\",\r\n      },\r\n    ],\r\n  },\r\n  file: {\r\n    draggable: false,\r\n    showLine: false,\r\n    iconConfig: {\r\n      typeMap: {\r\n        folder: \"mdi:folder\",\r\n        file: \"mdi:file-document\",\r\n        image: \"mdi:file-image\",\r\n        video: \"mdi:file-video\",\r\n        audio: \"mdi:file-music\",\r\n      },\r\n    },\r\n    actions: [\r\n      { key: \"open\", text: \"打开\", icon: \"mdi:folder-open\", type: \"primary\" },\r\n      { key: \"rename\", text: \"重命名\", icon: \"mdi:rename-box\", type: \"info\" },\r\n      {\r\n        key: \"delete\",\r\n        text: \"删除\",\r\n        icon: \"mdi:delete\",\r\n        type: \"error\",\r\n        confirm: \"确认删除该文件吗？\",\r\n      },\r\n    ],\r\n  },\r\n  org: {\r\n    draggable: false,\r\n    showLine: true,\r\n    iconConfig: {\r\n      typeMap: {\r\n        department: \"mdi:domain\",\r\n        user: \"mdi:account\",\r\n        manager: \"mdi:account-tie\",\r\n      },\r\n    },\r\n    actions: [\r\n      { key: \"add\", text: \"新增下级\", icon: \"mdi:plus\", type: \"primary\" },\r\n      { key: \"edit\", text: \"编辑\", icon: \"mdi:pencil\", type: \"info\" },\r\n    ],\r\n  },\r\n  custom: {},\r\n};\r\n","import { ref, computed, h } from \"vue\";\r\nimport { NTag, NButton, NPopconfirm, NSpace } from \"naive-ui\";\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport { presetConfigs } from \"../data\";\r\nimport type {\r\n  TreeOption,\r\n  TreeNodeData,\r\n  TreeProps,\r\n  TreeExpose,\r\n  DropInfo,\r\n} from \"../types\";\r\n\r\ntype EmitFn = {\r\n  (\r\n    event: \"node-select\",\r\n    node: TreeNodeData | null,\r\n    selectedKeys: (string | number)[],\r\n  ): void;\r\n  (event: \"node-action\", action: string, node: TreeNodeData): void;\r\n  (event: \"node-drop\", info: DropInfo): void;\r\n  (event: \"add\", parentNode?: TreeNodeData): void;\r\n  (event: \"refresh\"): void;\r\n};\r\n\r\nexport function useTreeOperations(props: TreeProps, emit: EmitFn) {\r\n  const internalSearchPattern = ref(\"\");\r\n  const expandedKeys = ref<(string | number)[]>(\r\n    props.defaultExpandedKeys ?? [],\r\n  );\r\n  const selectedKeys = ref<(string | number)[]>(\r\n    props.defaultSelectedKeys ?? [],\r\n  );\r\n  const isAllExpanded = ref(props.defaultExpandAll ?? false);\r\n\r\n  const keyField = computed(() => props.keyField ?? \"id\");\r\n  const labelField = computed(() => props.labelField ?? \"name\");\r\n  const childrenField = computed(() => props.childrenField ?? \"children\");\r\n  const iconField = computed(() => props.iconField ?? \"icon\");\r\n\r\n  const mergedConfig = computed(() => {\r\n    const preset = presetConfigs[props.mode ?? \"custom\"] || {};\r\n    return {\r\n      ...preset,\r\n      ...props,\r\n      iconConfig: { ...preset.iconConfig, ...props.iconConfig },\r\n      actions: props.actions?.length ? props.actions : preset.actions || [],\r\n    };\r\n  });\r\n\r\n  const treeData = computed((): TreeOption[] => props.data as TreeOption[]);\r\n\r\n  const currentSearchPattern = computed(\r\n    () => props.searchPattern || internalSearchPattern.value,\r\n  );\r\n\r\n  const selectedNode = computed((): TreeNodeData | null => {\r\n    if (selectedKeys.value.length === 0) return null;\r\n    const findNode = (\r\n      nodes: TreeNodeData[],\r\n      id: string | number,\r\n    ): TreeNodeData | null => {\r\n      for (const node of nodes) {\r\n        if (node[keyField.value] === id) return node;\r\n        if (node[childrenField.value]) {\r\n          const found = findNode(node[childrenField.value], id);\r\n          if (found) return found;\r\n        }\r\n      }\r\n      return null;\r\n    };\r\n    return findNode(props.data, selectedKeys.value[0]);\r\n  });\r\n\r\n  const getAllKeys = (nodes: TreeNodeData[]): (string | number)[] => {\r\n    const keys: (string | number)[] = [];\r\n    nodes.forEach((node) => {\r\n      keys.push(node[keyField.value]);\r\n      if (node[childrenField.value]) {\r\n        keys.push(...getAllKeys(node[childrenField.value]));\r\n      }\r\n    });\r\n    return keys;\r\n  };\r\n\r\n  const getNodeIcon = (node: TreeNodeData): string => {\r\n    const config = mergedConfig.value.iconConfig!;\r\n    if (node[iconField.value]) return node[iconField.value];\r\n    if (node.type && config.typeMap?.[node.type])\r\n      return config.typeMap[node.type];\r\n    return config.default || \"mdi:circle-outline\";\r\n  };\r\n\r\n  const getNodeIconColor = (node: TreeNodeData): string => {\r\n    const config = mergedConfig.value.iconConfig!;\r\n    if (node.type && config.colorMap?.[node.type])\r\n      return config.colorMap[node.type];\r\n    return \"currentColor\";\r\n  };\r\n\r\n  const renderPrefix = ({ option }: { option: TreeOption }) => {\r\n    const node = option as TreeNodeData;\r\n    return h(C_Icon, {\r\n      name: getNodeIcon(node),\r\n      size: 18,\r\n      color: getNodeIconColor(node),\r\n      class: \"mr-3 flex-shrink-0\",\r\n    });\r\n  };\r\n\r\n  const renderLabel = ({ option }: { option: TreeOption }) => {\r\n    const node = option as TreeNodeData;\r\n    const statusTags =\r\n      props.statusConfigs\r\n        ?.map((config) => {\r\n          const value = node[config.field];\r\n          const statusConfig = config.values[value];\r\n          if (!statusConfig?.text) return null;\r\n          return h(\r\n            NTag,\r\n            {\r\n              type: statusConfig.type,\r\n              size: \"small\",\r\n              class: \"ml-2\",\r\n              style: { fontSize: \"12px\" },\r\n            },\r\n            { default: () => statusConfig.text },\r\n          );\r\n        })\r\n        .filter(Boolean) || [];\r\n\r\n    return h(\r\n      \"div\",\r\n      {\r\n        class: \"flex items-center flex-1 min-w-0 py-1\",\r\n        style: { lineHeight: \"1.5\" },\r\n      },\r\n      [\r\n        h(\r\n          \"span\",\r\n          { class: \"mr-3 font-medium text-sm\" },\r\n          node[labelField.value],\r\n        ),\r\n        ...statusTags,\r\n      ],\r\n    );\r\n  };\r\n\r\n  const renderSuffix = ({ option }: { option: TreeOption }) => {\r\n    const node = option as TreeNodeData;\r\n    const actions = mergedConfig.value.actions || [];\r\n\r\n    const actionButtons = actions\r\n      .filter((action) => !action.show || action.show(node))\r\n      .map((action) => {\r\n        const buttonProps = {\r\n          size: \"tiny\" as const,\r\n          type: action.type || (\"default\" as const),\r\n          secondary: true,\r\n          style: { padding: \"4px 6px\", minWidth: \"24px\", height: \"24px\" },\r\n          onClick: (e: Event) => {\r\n            e.stopPropagation();\r\n            handleNodeAction(action.key, node);\r\n          },\r\n        };\r\n        const iconEl = h(C_Icon, {\r\n          name: action.icon,\r\n          size: 12,\r\n          title: action.text,\r\n        });\r\n\r\n        if (action.confirm) {\r\n          return h(\r\n            NPopconfirm,\r\n            { onPositiveClick: () => handleNodeAction(action.key, node) },\r\n            {\r\n              trigger: () =>\r\n                h(\r\n                  NButton,\r\n                  {\r\n                    ...buttonProps,\r\n                    onClick: (e: Event) => e.stopPropagation(),\r\n                  },\r\n                  { icon: () => iconEl },\r\n                ),\r\n              default: () => action.confirm,\r\n            },\r\n          );\r\n        }\r\n        return h(NButton, buttonProps, { icon: () => iconEl });\r\n      });\r\n\r\n    return h(\r\n      \"div\",\r\n      {\r\n        class: \"tree-actions\",\r\n        style: {\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n          marginLeft: \"8px\",\r\n          opacity: \"0\",\r\n          transition: \"opacity 0.2s ease\",\r\n        },\r\n      },\r\n      [h(NSpace, { size: 4 }, { default: () => actionButtons })],\r\n    );\r\n  };\r\n\r\n  const toggleExpandAll = (): void => {\r\n    if (isAllExpanded.value) {\r\n      expandedKeys.value = [];\r\n      isAllExpanded.value = false;\r\n    } else {\r\n      expandedKeys.value = getAllKeys(props.data);\r\n      isAllExpanded.value = true;\r\n    }\r\n  };\r\n\r\n  const handleExpandedKeysChange = (keys: (string | number)[]): void => {\r\n    expandedKeys.value = keys;\r\n    isAllExpanded.value = keys.length === getAllKeys(props.data).length;\r\n  };\r\n\r\n  const handleSelectedKeysChange = (keys: (string | number)[]): void => {\r\n    selectedKeys.value = keys;\r\n    emit(\"node-select\", selectedNode.value, keys);\r\n  };\r\n\r\n  const handleDrop = (info: DropInfo): void => emit(\"node-drop\", info);\r\n\r\n  const handleNodeAction = (action: string, node: TreeNodeData): void => {\r\n    if (action === \"add\") {\r\n      emit(\"add\", node);\r\n    } else {\r\n      emit(\"node-action\", action, node);\r\n    }\r\n  };\r\n\r\n  const handleAdd = (): void => emit(\"add\");\r\n  const handleRefresh = (): void => emit(\"refresh\");\r\n\r\n  const expose: TreeExpose = {\r\n    expandAll: () => {\r\n      expandedKeys.value = getAllKeys(props.data);\r\n      isAllExpanded.value = true;\r\n    },\r\n    collapseAll: () => {\r\n      expandedKeys.value = [];\r\n      isAllExpanded.value = false;\r\n    },\r\n    selectNode: (key: string | number) => {\r\n      selectedKeys.value = [key];\r\n    },\r\n    getSelectedNode: () => selectedNode.value,\r\n    expandedKeys,\r\n    selectedKeys,\r\n  };\r\n\r\n  return {\r\n    internalSearchPattern,\r\n    expandedKeys,\r\n    selectedKeys,\r\n    isAllExpanded,\r\n    treeData,\r\n    currentSearchPattern,\r\n    renderPrefix,\r\n    renderLabel,\r\n    renderSuffix,\r\n    toggleExpandAll,\r\n    handleExpandedKeysChange,\r\n    handleSelectedKeysChange,\r\n    handleDrop,\r\n    handleAdd,\r\n    handleRefresh,\r\n    expose,\r\n  };\r\n}\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-27\r\n * @Description: 树型组件 — 薄 UI 壳，逻辑由 useTreeOperations 驱动\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-tree\">\r\n    <div v-if=\"showToolbar\" class=\"c-tree-toolbar\">\r\n      <div class=\"toolbar-left\">\r\n        <NInput\r\n          v-if=\"searchable\"\r\n          v-model:value=\"internalSearchPattern\"\r\n          :placeholder=\"searchPlaceholder\"\r\n          clearable\r\n          class=\"search-input\"\r\n        >\r\n          <template #prefix>\r\n            <C_Icon name=\"mdi:magnify\" :size=\"16\" />\r\n          </template>\r\n        </NInput>\r\n      </div>\r\n      <div class=\"toolbar-right\">\r\n        <slot name=\"toolbar-actions\">\r\n          <NButton v-if=\"addable\" type=\"primary\" @click=\"handleAdd()\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:plus\" :size=\"16\" />\r\n            </template>\r\n            {{ addText }}\r\n          </NButton>\r\n          <NButton @click=\"toggleExpandAll\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:file-tree\" :size=\"16\" />\r\n            </template>\r\n            {{ isAllExpanded ? \"收起全部\" : \"展开全部\" }}\r\n          </NButton>\r\n          <NButton v-if=\"refreshable\" @click=\"handleRefresh\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:refresh\" :size=\"16\" />\r\n            </template>\r\n            刷新\r\n          </NButton>\r\n        </slot>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"c-tree-container\">\r\n      <NTree\r\n        :data=\"treeData\"\r\n        :pattern=\"currentSearchPattern\"\r\n        :expanded-keys=\"expandedKeys\"\r\n        :selected-keys=\"selectedKeys\"\r\n        :draggable=\"draggable\"\r\n        :show-line=\"showLine\"\r\n        :render-prefix=\"renderPrefix\"\r\n        :render-suffix=\"renderSuffix\"\r\n        :render-label=\"renderLabel\"\r\n        :key-field=\"keyField\"\r\n        :label-field=\"labelField\"\r\n        :children-field=\"childrenField\"\r\n        @update:expanded-keys=\"handleExpandedKeysChange\"\r\n        @update:selected-keys=\"handleSelectedKeysChange\"\r\n        @drop=\"handleDrop\"\r\n        class=\"tree-instance\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NInput, NButton, NTree } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useTreeOperations } from \"./composables/useTreeOperations\";\r\nimport type { TreeProps, TreeEmits, TreeExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Tree\" });\r\n\r\nconst props = withDefaults(defineProps<TreeProps>(), {\r\n  mode: \"custom\",\r\n  keyField: \"id\",\r\n  labelField: \"name\",\r\n  childrenField: \"children\",\r\n  searchPattern: \"\",\r\n  searchable: true,\r\n  searchPlaceholder: \"搜索...\",\r\n  draggable: false,\r\n  showLine: true,\r\n  showToolbar: true,\r\n  addable: true,\r\n  addText: \"新增\",\r\n  refreshable: true,\r\n  iconField: \"icon\",\r\n  iconConfig: () => ({\r\n    default: \"mdi:circle-outline\",\r\n    typeMap: {},\r\n    colorMap: {},\r\n  }),\r\n  statusConfigs: () => [],\r\n  actions: () => [],\r\n  defaultExpandAll: false,\r\n  defaultExpandedKeys: () => [],\r\n  defaultSelectedKeys: () => [],\r\n});\r\n\r\nconst emit = defineEmits<TreeEmits>();\r\n\r\nconst {\r\n  internalSearchPattern,\r\n  expandedKeys,\r\n  selectedKeys,\r\n  isAllExpanded,\r\n  treeData,\r\n  currentSearchPattern,\r\n  renderPrefix,\r\n  renderLabel,\r\n  renderSuffix,\r\n  toggleExpandAll,\r\n  handleExpandedKeysChange,\r\n  handleSelectedKeysChange,\r\n  handleDrop,\r\n  handleAdd,\r\n  handleRefresh,\r\n  expose,\r\n} = useTreeOperations(props, emit);\r\n\r\ndefineExpose<TreeExpose>(expose);\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-27\r\n * @Description: 树型组件 — 薄 UI 壳，逻辑由 useTreeOperations 驱动\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-tree\">\r\n    <div v-if=\"showToolbar\" class=\"c-tree-toolbar\">\r\n      <div class=\"toolbar-left\">\r\n        <NInput\r\n          v-if=\"searchable\"\r\n          v-model:value=\"internalSearchPattern\"\r\n          :placeholder=\"searchPlaceholder\"\r\n          clearable\r\n          class=\"search-input\"\r\n        >\r\n          <template #prefix>\r\n            <C_Icon name=\"mdi:magnify\" :size=\"16\" />\r\n          </template>\r\n        </NInput>\r\n      </div>\r\n      <div class=\"toolbar-right\">\r\n        <slot name=\"toolbar-actions\">\r\n          <NButton v-if=\"addable\" type=\"primary\" @click=\"handleAdd()\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:plus\" :size=\"16\" />\r\n            </template>\r\n            {{ addText }}\r\n          </NButton>\r\n          <NButton @click=\"toggleExpandAll\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:file-tree\" :size=\"16\" />\r\n            </template>\r\n            {{ isAllExpanded ? \"收起全部\" : \"展开全部\" }}\r\n          </NButton>\r\n          <NButton v-if=\"refreshable\" @click=\"handleRefresh\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:refresh\" :size=\"16\" />\r\n            </template>\r\n            刷新\r\n          </NButton>\r\n        </slot>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"c-tree-container\">\r\n      <NTree\r\n        :data=\"treeData\"\r\n        :pattern=\"currentSearchPattern\"\r\n        :expanded-keys=\"expandedKeys\"\r\n        :selected-keys=\"selectedKeys\"\r\n        :draggable=\"draggable\"\r\n        :show-line=\"showLine\"\r\n        :render-prefix=\"renderPrefix\"\r\n        :render-suffix=\"renderSuffix\"\r\n        :render-label=\"renderLabel\"\r\n        :key-field=\"keyField\"\r\n        :label-field=\"labelField\"\r\n        :children-field=\"childrenField\"\r\n        @update:expanded-keys=\"handleExpandedKeysChange\"\r\n        @update:selected-keys=\"handleSelectedKeysChange\"\r\n        @drop=\"handleDrop\"\r\n        class=\"tree-instance\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NInput, NButton, NTree } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useTreeOperations } from \"./composables/useTreeOperations\";\r\nimport type { TreeProps, TreeEmits, TreeExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Tree\" });\r\n\r\nconst props = withDefaults(defineProps<TreeProps>(), {\r\n  mode: \"custom\",\r\n  keyField: \"id\",\r\n  labelField: \"name\",\r\n  childrenField: \"children\",\r\n  searchPattern: \"\",\r\n  searchable: true,\r\n  searchPlaceholder: \"搜索...\",\r\n  draggable: false,\r\n  showLine: true,\r\n  showToolbar: true,\r\n  addable: true,\r\n  addText: \"新增\",\r\n  refreshable: true,\r\n  iconField: \"icon\",\r\n  iconConfig: () => ({\r\n    default: \"mdi:circle-outline\",\r\n    typeMap: {},\r\n    colorMap: {},\r\n  }),\r\n  statusConfigs: () => [],\r\n  actions: () => [],\r\n  defaultExpandAll: false,\r\n  defaultExpandedKeys: () => [],\r\n  defaultSelectedKeys: () => [],\r\n});\r\n\r\nconst emit = defineEmits<TreeEmits>();\r\n\r\nconst {\r\n  internalSearchPattern,\r\n  expandedKeys,\r\n  selectedKeys,\r\n  isAllExpanded,\r\n  treeData,\r\n  currentSearchPattern,\r\n  renderPrefix,\r\n  renderLabel,\r\n  renderSuffix,\r\n  toggleExpandAll,\r\n  handleExpandedKeysChange,\r\n  handleSelectedKeysChange,\r\n  handleDrop,\r\n  handleAdd,\r\n  handleRefresh,\r\n  expose,\r\n} = useTreeOperations(props, emit);\r\n\r\ndefineExpose<TreeExpose>(expose);\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-06-27\r\n * @Description: 树型组件 — 薄 UI 壳，逻辑由 useTreeOperations 驱动\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"c-tree\">\r\n    <div v-if=\"showToolbar\" class=\"c-tree-toolbar\">\r\n      <div class=\"toolbar-left\">\r\n        <NInput\r\n          v-if=\"searchable\"\r\n          v-model:value=\"internalSearchPattern\"\r\n          :placeholder=\"searchPlaceholder\"\r\n          clearable\r\n          class=\"search-input\"\r\n        >\r\n          <template #prefix>\r\n            <C_Icon name=\"mdi:magnify\" :size=\"16\" />\r\n          </template>\r\n        </NInput>\r\n      </div>\r\n      <div class=\"toolbar-right\">\r\n        <slot name=\"toolbar-actions\">\r\n          <NButton v-if=\"addable\" type=\"primary\" @click=\"handleAdd()\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:plus\" :size=\"16\" />\r\n            </template>\r\n            {{ addText }}\r\n          </NButton>\r\n          <NButton @click=\"toggleExpandAll\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:file-tree\" :size=\"16\" />\r\n            </template>\r\n            {{ isAllExpanded ? \"收起全部\" : \"展开全部\" }}\r\n          </NButton>\r\n          <NButton v-if=\"refreshable\" @click=\"handleRefresh\">\r\n            <template #icon>\r\n              <C_Icon name=\"mdi:refresh\" :size=\"16\" />\r\n            </template>\r\n            刷新\r\n          </NButton>\r\n        </slot>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"c-tree-container\">\r\n      <NTree\r\n        :data=\"treeData\"\r\n        :pattern=\"currentSearchPattern\"\r\n        :expanded-keys=\"expandedKeys\"\r\n        :selected-keys=\"selectedKeys\"\r\n        :draggable=\"draggable\"\r\n        :show-line=\"showLine\"\r\n        :render-prefix=\"renderPrefix\"\r\n        :render-suffix=\"renderSuffix\"\r\n        :render-label=\"renderLabel\"\r\n        :key-field=\"keyField\"\r\n        :label-field=\"labelField\"\r\n        :children-field=\"childrenField\"\r\n        @update:expanded-keys=\"handleExpandedKeysChange\"\r\n        @update:selected-keys=\"handleSelectedKeysChange\"\r\n        @drop=\"handleDrop\"\r\n        class=\"tree-instance\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { NInput, NButton, NTree } from \"naive-ui\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useTreeOperations } from \"./composables/useTreeOperations\";\r\nimport type { TreeProps, TreeEmits, TreeExpose } from \"./types\";\r\n\r\ndefineOptions({ name: \"C_Tree\" });\r\n\r\nconst props = withDefaults(defineProps<TreeProps>(), {\r\n  mode: \"custom\",\r\n  keyField: \"id\",\r\n  labelField: \"name\",\r\n  childrenField: \"children\",\r\n  searchPattern: \"\",\r\n  searchable: true,\r\n  searchPlaceholder: \"搜索...\",\r\n  draggable: false,\r\n  showLine: true,\r\n  showToolbar: true,\r\n  addable: true,\r\n  addText: \"新增\",\r\n  refreshable: true,\r\n  iconField: \"icon\",\r\n  iconConfig: () => ({\r\n    default: \"mdi:circle-outline\",\r\n    typeMap: {},\r\n    colorMap: {},\r\n  }),\r\n  statusConfigs: () => [],\r\n  actions: () => [],\r\n  defaultExpandAll: false,\r\n  defaultExpandedKeys: () => [],\r\n  defaultSelectedKeys: () => [],\r\n});\r\n\r\nconst emit = defineEmits<TreeEmits>();\r\n\r\nconst {\r\n  internalSearchPattern,\r\n  expandedKeys,\r\n  selectedKeys,\r\n  isAllExpanded,\r\n  treeData,\r\n  currentSearchPattern,\r\n  renderPrefix,\r\n  renderLabel,\r\n  renderSuffix,\r\n  toggleExpandAll,\r\n  handleExpandedKeysChange,\r\n  handleSelectedKeysChange,\r\n  handleDrop,\r\n  handleAdd,\r\n  handleRefresh,\r\n  expose,\r\n} = useTreeOperations(props, emit);\r\n\r\ndefineExpose<TreeExpose>(expose);\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"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"}

package/dist/C_Upload-BXd3YYLx.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Upload-BXd3YYLx.css","names":[],"sources":["../src/components/C_Upload/components/UploadArea.vue?vue&type=style&index=0&scoped=2e419e04&lang.scss","../src/components/C_Upload/components/FileList.vue?vue&type=style&index=0&scoped=8e4ad054&lang.scss","../src/components/C_Upload/components/ImagePreview.vue?vue&type=style&index=0&scoped=76efbe9c&lang.scss","../src/components/C_Upload/index.vue?vue&type=style&index=0&scoped=adade9f9&lang.scss"],"sourcesContent":[".upload-area[data-v-2e419e04] {\n  position: relative;\n  box-sizing: border-box;\n  padding: 32px 24px;\n  border: 2px dashed var(--border-color);\n  border-radius: 10px;\n  cursor: pointer;\n  background: var(--card-color);\n  transition: all 0.25s ease;\n  text-align: center;\n}\n.upload-area[data-v-2e419e04]:hover:not(.upload-area--disabled) {\n  border-color: var(--primary-color);\n  background: color-mix(in srgb, var(--primary-color) 4%, var(--card-color));\n}\n.upload-area--drag-over[data-v-2e419e04] {\n  border-color: var(--primary-color);\n  border-style: solid;\n  background: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));\n}\n.upload-area--drag-over .upload-area__icon[data-v-2e419e04] {\n  color: var(--primary-color);\n  transform: scale(1.1);\n}\n.upload-area--disabled[data-v-2e419e04] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.upload-area__input[data-v-2e419e04] {\n  display: none;\n}\n.upload-area__default[data-v-2e419e04] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  align-items: center;\n}\n.upload-area__icon[data-v-2e419e04] {\n  font-size: 48px;\n  color: var(--text-color-3);\n  transition: all 0.25s ease;\n}\n.upload-area__text[data-v-2e419e04] {\n  font-size: 14px;\n  color: var(--text-color-2);\n  line-height: 1.6;\n}\n.upload-area__text kbd[data-v-2e419e04] {\n  padding: 1px 5px;\n  font-size: 12px;\n  border: 1px solid var(--border-color);\n  border-radius: 3px;\n  background: var(--body-color);\n}\n.upload-area__tip[data-v-2e419e04] {\n  font-size: 12px;\n  color: var(--text-color-4);\n}",".file-list[data-v-8e4ad054] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 12px;\n}\n.file-list__item[data-v-8e4ad054] {\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n  padding: 10px 12px;\n  border-radius: 8px;\n  border: 1px solid var(--border-color);\n  background: var(--card-color);\n  transition: all 0.25s ease;\n}\n.file-list__item[data-v-8e4ad054]:hover {\n  border-color: color-mix(in srgb, var(--primary-color) 40%, var(--border-color));\n  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04);\n}\n.file-list__item--error[data-v-8e4ad054] {\n  border-color: var(--error-color);\n  background: color-mix(in srgb, var(--error-color) 4%, var(--card-color));\n}\n.file-list__item--success[data-v-8e4ad054], .file-list__item--instant[data-v-8e4ad054] {\n  border-color: color-mix(in srgb, var(--success-color) 30%, var(--border-color));\n}\n.file-list__thumb[data-v-8e4ad054] {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--body-color);\n}\n.file-list__thumb-img[data-v-8e4ad054] {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.file-list__thumb-icon[data-v-8e4ad054] {\n  font-size: 22px;\n  color: var(--text-color-3);\n}\n.file-list__info[data-v-8e4ad054] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.file-list__name[data-v-8e4ad054] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--text-color-1);\n}\n.file-list__meta[data-v-8e4ad054] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 12px;\n}\n.file-list__size[data-v-8e4ad054] {\n  color: var(--text-color-3);\n}\n.file-list__instant[data-v-8e4ad054] {\n  font-size: 14px;\n}\n.file-list__chunk-info[data-v-8e4ad054] {\n  font-size: 11px;\n  color: var(--text-color-4);\n}\n.file-list__error[data-v-8e4ad054] {\n  font-size: 12px;\n  color: var(--error-color);\n}\n.file-list__actions[data-v-8e4ad054] {\n  flex-shrink: 0;\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n/* ─── 过渡动画 ─────────────────────────────── */\n.file-list-enter-active[data-v-8e4ad054],\n.file-list-leave-active[data-v-8e4ad054] {\n  transition: all 0.3s ease;\n}\n.file-list-enter-from[data-v-8e4ad054] {\n  opacity: 0;\n  transform: translateX(-20px);\n}\n.file-list-leave-to[data-v-8e4ad054] {\n  opacity: 0;\n  transform: translateX(20px);\n}\n.file-list-move[data-v-8e4ad054] {\n  transition: transform 0.3s ease;\n}",".image-preview[data-v-76efbe9c] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n  gap: 10px;\n  margin-top: 12px;\n  /* 上传中始终显示遮罩 */\n}\n.image-preview__item[data-v-76efbe9c] {\n  position: relative;\n  aspect-ratio: 1;\n  border-radius: 8px;\n  overflow: hidden;\n  border: 1px solid var(--border-color);\n  background: var(--body-color);\n}\n.image-preview__item--error[data-v-76efbe9c] {\n  border-color: var(--error-color);\n}\n.image-preview__item--success[data-v-76efbe9c], .image-preview__item--instant[data-v-76efbe9c] {\n  border-color: color-mix(in srgb, var(--success-color) 30%, var(--border-color));\n}\n.image-preview__item:hover .image-preview__overlay[data-v-76efbe9c] {\n  opacity: 1;\n}\n.image-preview__img[data-v-76efbe9c] {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.image-preview__overlay[data-v-76efbe9c] {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  background: rgba(0, 0, 0, 0.45);\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n.image-preview__item--uploading .image-preview__overlay[data-v-76efbe9c], .image-preview__item--hashing .image-preview__overlay[data-v-76efbe9c], .image-preview__item--error .image-preview__overlay[data-v-76efbe9c] {\n  opacity: 1;\n}\n.image-preview__progress[data-v-76efbe9c] .n-progress {\n  --n-fill-color: #fff;\n}\n.image-preview__status-icon[data-v-76efbe9c] {\n  font-size: 28px;\n}\n.image-preview__status-icon--success[data-v-76efbe9c] {\n  color: var(--success-color);\n}\n.image-preview__status-icon--error[data-v-76efbe9c] {\n  color: var(--error-color);\n}\n.image-preview__actions[data-v-76efbe9c] {\n  display: flex;\n  gap: 6px;\n}\n.image-preview__name[data-v-76efbe9c] {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 2px 6px;\n  font-size: 11px;\n  color: #fff;\n  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));\n  text-align: center;\n}",".c-upload[data-v-adade9f9] {\n  width: 100%;\n}\n.c-upload__total-progress[data-v-adade9f9] {\n  margin-top: 12px;\n  padding: 8px 12px;\n  border-radius: 8px;\n  background: var(--body-color);\n  border: 1px solid var(--border-color);\n}\n.c-upload__total-label[data-v-adade9f9] {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 6px;\n  font-size: 12px;\n  color: var(--text-color-3);\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACzDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Upload.cjs

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+require('./C_Icon.js');
+const require_C_Upload = require('./C_Upload.js');
+
+exports.C_Upload = require_C_Upload.C_Upload_default;
+exports.formatFileSize = require_C_Upload.formatFileSize;
+exports.getFileIcon = require_C_Upload.getFileIcon;
+exports.useChunkUpload = require_C_Upload.useChunkUpload;
+exports.useDragDrop = require_C_Upload.useDragDrop;
+exports.useFileHash = require_C_Upload.useFileHash;
+exports.useUploadCore = require_C_Upload.useUploadCore;
+exports.useUploadQueue = require_C_Upload.useUploadQueue;

package/dist/C_Upload.d.cts

@@ -0,0 +1,2 @@
+import { _ as UploadFileStatus, a as useFileHash, b as UploadedChunksQueryFn, c as _default, d as InstantCheckFn, f as MergeChunksFn, g as UploadFileItem, h as UploadExpose, i as useChunkUpload, l as ChunkProgress, m as UploadEmits, n as getFileIcon, o as useDragDrop, p as UploadChunk, r as useUploadQueue, s as useUploadCore, t as formatFileSize, u as CustomUploadRequest, v as UploadProps, y as UploadRequestOptions } from "./constants4.js";
+export { _default as C_Upload, type ChunkProgress, type CustomUploadRequest, type InstantCheckFn, type MergeChunksFn, type UploadChunk, type UploadEmits, type UploadExpose, type UploadFileItem, type UploadFileStatus, type UploadProps, type UploadRequestOptions, type UploadedChunksQueryFn, formatFileSize, getFileIcon, useChunkUpload, useDragDrop, useFileHash, useUploadCore, useUploadQueue };

package/dist/C_Upload.d.ts

@@ -0,0 +1,2 @@
+import { _ as UploadFileStatus, a as useFileHash, b as UploadedChunksQueryFn, c as _default, d as InstantCheckFn, f as MergeChunksFn, g as UploadFileItem, h as UploadExpose, i as useChunkUpload, l as ChunkProgress, m as UploadEmits, n as getFileIcon, o as useDragDrop, p as UploadChunk, r as useUploadQueue, s as useUploadCore, t as formatFileSize, u as CustomUploadRequest, v as UploadProps, y as UploadRequestOptions } from "./constants4.js";
+export { _default as C_Upload, type ChunkProgress, type CustomUploadRequest, type InstantCheckFn, type MergeChunksFn, type UploadChunk, type UploadEmits, type UploadExpose, type UploadFileItem, type UploadFileStatus, type UploadProps, type UploadRequestOptions, type UploadedChunksQueryFn, formatFileSize, getFileIcon, useChunkUpload, useDragDrop, useFileHash, useUploadCore, useUploadQueue };

package/dist/C_Upload.js

@@ -0,0 +1,4 @@
+import "./C_Icon2.js";
+import { a as useChunkUpload, c as getFileIcon, i as useUploadQueue, n as useDragDrop, o as useFileHash, r as useUploadCore, s as formatFileSize, t as C_Upload_default } from "./C_Upload2.js";
+
+export { C_Upload_default as C_Upload, formatFileSize, getFileIcon, useChunkUpload, useDragDrop, useFileHash, useUploadCore, useUploadQueue };