@robot-admin/naive-ui-components 0.9.1 → 0.9.3

package/dist/C_Tree2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Tree2.js","names":["C_Icon"],"sources":["../src/components/C_Tree/data.ts","../src/components/C_Tree/composables/useTreeOperations.ts","../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","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-27\n * @Description: 树型组件 — 薄 UI 壳，逻辑由 useTreeOperations 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-tree\">\n    <div v-if=\"showToolbar\" class=\"c-tree-toolbar\">\n      <div class=\"toolbar-left\">\n        <NInput\n          v-if=\"searchable\"\n          v-model:value=\"internalSearchPattern\"\n          :placeholder=\"searchPlaceholder\"\n          clearable\n          class=\"search-input\"\n        >\n          <template #prefix>\n            <C_Icon name=\"mdi:magnify\" :size=\"16\" />\n          </template>\n        </NInput>\n      </div>\n      <div class=\"toolbar-right\">\n        <slot name=\"toolbar-actions\">\n          <NButton v-if=\"addable\" type=\"primary\" @click=\"handleAdd()\">\n            <template #icon>\n              <C_Icon name=\"mdi:plus\" :size=\"16\" />\n            </template>\n            {{ addText }}\n          </NButton>\n          <NButton @click=\"toggleExpandAll\">\n            <template #icon>\n              <C_Icon name=\"mdi:file-tree\" :size=\"16\" />\n            </template>\n            {{ isAllExpanded ? \"收起全部\" : \"展开全部\" }}\n          </NButton>\n          <NButton v-if=\"refreshable\" @click=\"handleRefresh\">\n            <template #icon>\n              <C_Icon name=\"mdi:refresh\" :size=\"16\" />\n            </template>\n            刷新\n          </NButton>\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"c-tree-container\">\n      <NTree\n        :data=\"treeData\"\n        :pattern=\"currentSearchPattern\"\n        :expanded-keys=\"expandedKeys\"\n        :selected-keys=\"selectedKeys\"\n        :draggable=\"draggable\"\n        :show-line=\"showLine\"\n        :render-prefix=\"renderPrefix\"\n        :render-suffix=\"renderSuffix\"\n        :render-label=\"renderLabel\"\n        :key-field=\"keyField\"\n        :label-field=\"labelField\"\n        :children-field=\"childrenField\"\n        @update:expanded-keys=\"handleExpandedKeysChange\"\n        @update:selected-keys=\"handleSelectedKeysChange\"\n        @drop=\"handleDrop\"\n        class=\"tree-instance\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { NInput, NButton, NTree } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport { useTreeOperations } from \"./composables/useTreeOperations\";\nimport type { TreeProps, TreeEmits, TreeExpose } from \"./types\";\n\ndefineOptions({ name: \"C_Tree\" });\n\nconst props = withDefaults(defineProps<TreeProps>(), {\n  mode: \"custom\",\n  keyField: \"id\",\n  labelField: \"name\",\n  childrenField: \"children\",\n  searchPattern: \"\",\n  searchable: true,\n  searchPlaceholder: \"搜索...\",\n  draggable: false,\n  showLine: true,\n  showToolbar: true,\n  addable: true,\n  addText: \"新增\",\n  refreshable: true,\n  iconField: \"icon\",\n  iconConfig: () => ({\n    default: \"mdi:circle-outline\",\n    typeMap: {},\n    colorMap: {},\n  }),\n  statusConfigs: () => [],\n  actions: () => [],\n  defaultExpandAll: false,\n  defaultExpandedKeys: () => [],\n  defaultSelectedKeys: () => [],\n});\n\nconst emit = defineEmits<TreeEmits>();\n\nconst {\n  internalSearchPattern,\n  expandedKeys,\n  selectedKeys,\n  isAllExpanded,\n  treeData,\n  currentSearchPattern,\n  renderPrefix,\n  renderLabel,\n  renderSuffix,\n  toggleExpandAll,\n  handleExpandedKeysChange,\n  handleSelectedKeysChange,\n  handleDrop,\n  handleAdd,\n  handleRefresh,\n  expose,\n} = useTreeOperations(props, emit);\n\ndefineExpose<TreeExpose>(expose);\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}
+{"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"],"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","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-27\n * @Description: 树型组件 — 薄 UI 壳，逻辑由 useTreeOperations 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-tree\">\n    <div v-if=\"showToolbar\" class=\"c-tree-toolbar\">\n      <div class=\"toolbar-left\">\n        <NInput\n          v-if=\"searchable\"\n          v-model:value=\"internalSearchPattern\"\n          :placeholder=\"searchPlaceholder\"\n          clearable\n          class=\"search-input\"\n        >\n          <template #prefix>\n            <C_Icon name=\"mdi:magnify\" :size=\"16\" />\n          </template>\n        </NInput>\n      </div>\n      <div class=\"toolbar-right\">\n        <slot name=\"toolbar-actions\">\n          <NButton v-if=\"addable\" type=\"primary\" @click=\"handleAdd()\">\n            <template #icon>\n              <C_Icon name=\"mdi:plus\" :size=\"16\" />\n            </template>\n            {{ addText }}\n          </NButton>\n          <NButton @click=\"toggleExpandAll\">\n            <template #icon>\n              <C_Icon name=\"mdi:file-tree\" :size=\"16\" />\n            </template>\n            {{ isAllExpanded ? \"收起全部\" : \"展开全部\" }}\n          </NButton>\n          <NButton v-if=\"refreshable\" @click=\"handleRefresh\">\n            <template #icon>\n              <C_Icon name=\"mdi:refresh\" :size=\"16\" />\n            </template>\n            刷新\n          </NButton>\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"c-tree-container\">\n      <NTree\n        :data=\"treeData\"\n        :pattern=\"currentSearchPattern\"\n        :expanded-keys=\"expandedKeys\"\n        :selected-keys=\"selectedKeys\"\n        :draggable=\"draggable\"\n        :show-line=\"showLine\"\n        :render-prefix=\"renderPrefix\"\n        :render-suffix=\"renderSuffix\"\n        :render-label=\"renderLabel\"\n        :key-field=\"keyField\"\n        :label-field=\"labelField\"\n        :children-field=\"childrenField\"\n        @update:expanded-keys=\"handleExpandedKeysChange\"\n        @update:selected-keys=\"handleSelectedKeysChange\"\n        @drop=\"handleDrop\"\n        class=\"tree-instance\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { NInput, NButton, NTree } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport { useTreeOperations } from \"./composables/useTreeOperations\";\nimport type { TreeProps, TreeEmits, TreeExpose } from \"./types\";\n\ndefineOptions({ name: \"C_Tree\" });\n\nconst props = withDefaults(defineProps<TreeProps>(), {\n  mode: \"custom\",\n  keyField: \"id\",\n  labelField: \"name\",\n  childrenField: \"children\",\n  searchPattern: \"\",\n  searchable: true,\n  searchPlaceholder: \"搜索...\",\n  draggable: false,\n  showLine: true,\n  showToolbar: true,\n  addable: true,\n  addText: \"新增\",\n  refreshable: true,\n  iconField: \"icon\",\n  iconConfig: () => ({\n    default: \"mdi:circle-outline\",\n    typeMap: {},\n    colorMap: {},\n  }),\n  statusConfigs: () => [],\n  actions: () => [],\n  defaultExpandAll: false,\n  defaultExpandedKeys: () => [],\n  defaultSelectedKeys: () => [],\n});\n\nconst emit = defineEmits<TreeEmits>();\n\nconst {\n  internalSearchPattern,\n  expandedKeys,\n  selectedKeys,\n  isAllExpanded,\n  treeData,\n  currentSearchPattern,\n  renderPrefix,\n  renderLabel,\n  renderSuffix,\n  toggleExpandAll,\n  handleExpandedKeysChange,\n  handleSelectedKeysChange,\n  handleDrop,\n  handleAdd,\n  handleRefresh,\n  expose,\n} = useTreeOperations(props, emit);\n\ndefineExpose<TreeExpose>(expose);\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-27\n * @Description: 树型组件 — 薄 UI 壳，逻辑由 useTreeOperations 驱动\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-tree\">\n    <div v-if=\"showToolbar\" class=\"c-tree-toolbar\">\n      <div class=\"toolbar-left\">\n        <NInput\n          v-if=\"searchable\"\n          v-model:value=\"internalSearchPattern\"\n          :placeholder=\"searchPlaceholder\"\n          clearable\n          class=\"search-input\"\n        >\n          <template #prefix>\n            <C_Icon name=\"mdi:magnify\" :size=\"16\" />\n          </template>\n        </NInput>\n      </div>\n      <div class=\"toolbar-right\">\n        <slot name=\"toolbar-actions\">\n          <NButton v-if=\"addable\" type=\"primary\" @click=\"handleAdd()\">\n            <template #icon>\n              <C_Icon name=\"mdi:plus\" :size=\"16\" />\n            </template>\n            {{ addText }}\n          </NButton>\n          <NButton @click=\"toggleExpandAll\">\n            <template #icon>\n              <C_Icon name=\"mdi:file-tree\" :size=\"16\" />\n            </template>\n            {{ isAllExpanded ? \"收起全部\" : \"展开全部\" }}\n          </NButton>\n          <NButton v-if=\"refreshable\" @click=\"handleRefresh\">\n            <template #icon>\n              <C_Icon name=\"mdi:refresh\" :size=\"16\" />\n            </template>\n            刷新\n          </NButton>\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"c-tree-container\">\n      <NTree\n        :data=\"treeData\"\n        :pattern=\"currentSearchPattern\"\n        :expanded-keys=\"expandedKeys\"\n        :selected-keys=\"selectedKeys\"\n        :draggable=\"draggable\"\n        :show-line=\"showLine\"\n        :render-prefix=\"renderPrefix\"\n        :render-suffix=\"renderSuffix\"\n        :render-label=\"renderLabel\"\n        :key-field=\"keyField\"\n        :label-field=\"labelField\"\n        :children-field=\"childrenField\"\n        @update:expanded-keys=\"handleExpandedKeysChange\"\n        @update:selected-keys=\"handleSelectedKeysChange\"\n        @drop=\"handleDrop\"\n        class=\"tree-instance\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { NInput, NButton, NTree } from \"naive-ui\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport { useTreeOperations } from \"./composables/useTreeOperations\";\nimport type { TreeProps, TreeEmits, TreeExpose } from \"./types\";\n\ndefineOptions({ name: \"C_Tree\" });\n\nconst props = withDefaults(defineProps<TreeProps>(), {\n  mode: \"custom\",\n  keyField: \"id\",\n  labelField: \"name\",\n  childrenField: \"children\",\n  searchPattern: \"\",\n  searchable: true,\n  searchPlaceholder: \"搜索...\",\n  draggable: false,\n  showLine: true,\n  showToolbar: true,\n  addable: true,\n  addText: \"新增\",\n  refreshable: true,\n  iconField: \"icon\",\n  iconConfig: () => ({\n    default: \"mdi:circle-outline\",\n    typeMap: {},\n    colorMap: {},\n  }),\n  statusConfigs: () => [],\n  actions: () => [],\n  defaultExpandAll: false,\n  defaultExpandedKeys: () => [],\n  defaultSelectedKeys: () => [],\n});\n\nconst emit = defineEmits<TreeEmits>();\n\nconst {\n  internalSearchPattern,\n  expandedKeys,\n  selectedKeys,\n  isAllExpanded,\n  treeData,\n  currentSearchPattern,\n  renderPrefix,\n  renderLabel,\n  renderSuffix,\n  toggleExpandAll,\n  handleExpandedKeysChange,\n  handleSelectedKeysChange,\n  handleDrop,\n  handleAdd,\n  handleRefresh,\n  expose,\n} = useTreeOperations(props, emit);\n\ndefineExpose<TreeExpose>(expose);\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}

package/dist/{C_Upload-BR9fg5r4.css.map → C_Upload-CHjiVVh7.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Upload-BR9fg5r4.css","names":[],"sources":["../src/components/C_Upload/components/UploadArea.vue?vue&type=style&index=0&scoped=f5040f9e&lang.scss","../src/components/C_Upload/components/FileList.vue?vue&type=style&index=0&scoped=09e1ee73&lang.scss","../src/components/C_Upload/components/ImagePreview.vue?vue&type=style&index=0&scoped=f6e701f9&lang.scss","../src/components/C_Upload/index.vue?vue&type=style&index=0&scoped=9ccc53a0&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.upload-area[data-v-f5040f9e] {\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-f5040f9e]: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-f5040f9e] {\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-f5040f9e] {\n  color: var(--primary-color);\n  transform: scale(1.1);\n}\n.upload-area--disabled[data-v-f5040f9e] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.upload-area__input[data-v-f5040f9e] {\n  display: none;\n}\n.upload-area__default[data-v-f5040f9e] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  align-items: center;\n}\n.upload-area__icon[data-v-f5040f9e] {\n  font-size: 48px;\n  color: var(--text-color-3);\n  transition: all 0.25s ease;\n}\n.upload-area__text[data-v-f5040f9e] {\n  font-size: 14px;\n  color: var(--text-color-2);\n  line-height: 1.6;\n}\n.upload-area__text kbd[data-v-f5040f9e] {\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-f5040f9e] {\n  font-size: 12px;\n  color: var(--text-color-4);\n}","/* unplugin-vue-components disabled */.file-list[data-v-09e1ee73] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 12px;\n}\n.file-list__item[data-v-09e1ee73] {\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-09e1ee73]: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-09e1ee73] {\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-09e1ee73], .file-list__item--instant[data-v-09e1ee73] {\n  border-color: color-mix(in srgb, var(--success-color) 30%, var(--border-color));\n}\n.file-list__thumb[data-v-09e1ee73] {\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-09e1ee73] {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.file-list__thumb-icon[data-v-09e1ee73] {\n  font-size: 22px;\n  color: var(--text-color-3);\n}\n.file-list__info[data-v-09e1ee73] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.file-list__name[data-v-09e1ee73] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--text-color-1);\n}\n.file-list__meta[data-v-09e1ee73] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 12px;\n}\n.file-list__size[data-v-09e1ee73] {\n  color: var(--text-color-3);\n}\n.file-list__instant[data-v-09e1ee73] {\n  font-size: 14px;\n}\n.file-list__chunk-info[data-v-09e1ee73] {\n  font-size: 11px;\n  color: var(--text-color-4);\n}\n.file-list__error[data-v-09e1ee73] {\n  font-size: 12px;\n  color: var(--error-color);\n}\n.file-list__actions[data-v-09e1ee73] {\n  flex-shrink: 0;\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n/* ─── 过渡动画 ─────────────────────────────── */\n.file-list-enter-active[data-v-09e1ee73],\n.file-list-leave-active[data-v-09e1ee73] {\n  transition: all 0.3s ease;\n}\n.file-list-enter-from[data-v-09e1ee73] {\n  opacity: 0;\n  transform: translateX(-20px);\n}\n.file-list-leave-to[data-v-09e1ee73] {\n  opacity: 0;\n  transform: translateX(20px);\n}\n.file-list-move[data-v-09e1ee73] {\n  transition: transform 0.3s ease;\n}","/* unplugin-vue-components disabled */.image-preview[data-v-f6e701f9] {\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-f6e701f9] {\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-f6e701f9] {\n  border-color: var(--error-color);\n}\n.image-preview__item--success[data-v-f6e701f9], .image-preview__item--instant[data-v-f6e701f9] {\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-f6e701f9] {\n  opacity: 1;\n}\n.image-preview__img[data-v-f6e701f9] {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.image-preview__overlay[data-v-f6e701f9] {\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-f6e701f9], .image-preview__item--hashing .image-preview__overlay[data-v-f6e701f9], .image-preview__item--error .image-preview__overlay[data-v-f6e701f9] {\n  opacity: 1;\n}\n.image-preview__progress[data-v-f6e701f9] .n-progress {\n  --n-fill-color: #fff;\n}\n.image-preview__status-icon[data-v-f6e701f9] {\n  font-size: 28px;\n}\n.image-preview__status-icon--success[data-v-f6e701f9] {\n  color: var(--success-color);\n}\n.image-preview__status-icon--error[data-v-f6e701f9] {\n  color: var(--error-color);\n}\n.image-preview__actions[data-v-f6e701f9] {\n  display: flex;\n  gap: 6px;\n}\n.image-preview__name[data-v-f6e701f9] {\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}","/* unplugin-vue-components disabled */.c-upload[data-v-9ccc53a0] {\n  --c-upload-progress-bg: var(--body-color, #fff);\n  --c-upload-progress-border: var(--border-color, #e5e7eb);\n  --c-upload-progress-radius: 8px;\n  --c-upload-label-color: var(--text-color-3, #999);\n  --c-upload-label-size: 12px;\n  width: 100%;\n}\n.c-upload__total-progress[data-v-9ccc53a0] {\n  margin-top: 12px;\n  padding: 8px 12px;\n  border-radius: var(--c-upload-progress-radius);\n  background: var(--c-upload-progress-bg);\n  border: 1px solid var(--c-upload-progress-border);\n}\n.c-upload__total-label[data-v-9ccc53a0] {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 6px;\n  font-size: var(--c-upload-label-size);\n  color: var(--c-upload-label-color);\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;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Upload-CHjiVVh7.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=ec48178d&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.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}","/* unplugin-vue-components disabled */.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}","/* unplugin-vue-components disabled */.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}","/* unplugin-vue-components disabled */.c-upload[data-v-ec48178d] {\n  --c-upload-progress-bg: var(--body-color, #fff);\n  --c-upload-progress-border: var(--border-color, #e5e7eb);\n  --c-upload-progress-radius: 8px;\n  --c-upload-label-color: var(--text-color-3, #999);\n  --c-upload-label-size: 12px;\n  width: 100%;\n}\n.c-upload__total-progress[data-v-ec48178d] {\n  margin-top: 12px;\n  padding: 8px 12px;\n  border-radius: var(--c-upload-progress-radius);\n  background: var(--c-upload-progress-bg);\n  border: 1px solid var(--c-upload-progress-border);\n}\n.c-upload__total-label[data-v-ec48178d] {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 6px;\n  font-size: var(--c-upload-label-size);\n  color: var(--c-upload-label-color);\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;AACA;AACA;AACA;AACA;AACA"}

package/dist/{C_Upload-CPqf74Ea.css.map → C_Upload-DE3OLsZD.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Upload-CPqf74Ea.css","names":[],"sources":["../src/components/C_Upload/components/UploadArea.vue?vue&type=style&index=0&scoped=f5040f9e&lang.scss","../src/components/C_Upload/components/FileList.vue?vue&type=style&index=0&scoped=09e1ee73&lang.scss","../src/components/C_Upload/components/ImagePreview.vue?vue&type=style&index=0&scoped=f6e701f9&lang.scss","../src/components/C_Upload/index.vue?vue&type=style&index=0&scoped=9ccc53a0&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.upload-area[data-v-f5040f9e] {\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-f5040f9e]: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-f5040f9e] {\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-f5040f9e] {\n  color: var(--primary-color);\n  transform: scale(1.1);\n}\n.upload-area--disabled[data-v-f5040f9e] {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.upload-area__input[data-v-f5040f9e] {\n  display: none;\n}\n.upload-area__default[data-v-f5040f9e] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  align-items: center;\n}\n.upload-area__icon[data-v-f5040f9e] {\n  font-size: 48px;\n  color: var(--text-color-3);\n  transition: all 0.25s ease;\n}\n.upload-area__text[data-v-f5040f9e] {\n  font-size: 14px;\n  color: var(--text-color-2);\n  line-height: 1.6;\n}\n.upload-area__text kbd[data-v-f5040f9e] {\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-f5040f9e] {\n  font-size: 12px;\n  color: var(--text-color-4);\n}","/* unplugin-vue-components disabled */.file-list[data-v-09e1ee73] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 12px;\n}\n.file-list__item[data-v-09e1ee73] {\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-09e1ee73]: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-09e1ee73] {\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-09e1ee73], .file-list__item--instant[data-v-09e1ee73] {\n  border-color: color-mix(in srgb, var(--success-color) 30%, var(--border-color));\n}\n.file-list__thumb[data-v-09e1ee73] {\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-09e1ee73] {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.file-list__thumb-icon[data-v-09e1ee73] {\n  font-size: 22px;\n  color: var(--text-color-3);\n}\n.file-list__info[data-v-09e1ee73] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.file-list__name[data-v-09e1ee73] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--text-color-1);\n}\n.file-list__meta[data-v-09e1ee73] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-size: 12px;\n}\n.file-list__size[data-v-09e1ee73] {\n  color: var(--text-color-3);\n}\n.file-list__instant[data-v-09e1ee73] {\n  font-size: 14px;\n}\n.file-list__chunk-info[data-v-09e1ee73] {\n  font-size: 11px;\n  color: var(--text-color-4);\n}\n.file-list__error[data-v-09e1ee73] {\n  font-size: 12px;\n  color: var(--error-color);\n}\n.file-list__actions[data-v-09e1ee73] {\n  flex-shrink: 0;\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n/* ─── 过渡动画 ─────────────────────────────── */\n.file-list-enter-active[data-v-09e1ee73],\n.file-list-leave-active[data-v-09e1ee73] {\n  transition: all 0.3s ease;\n}\n.file-list-enter-from[data-v-09e1ee73] {\n  opacity: 0;\n  transform: translateX(-20px);\n}\n.file-list-leave-to[data-v-09e1ee73] {\n  opacity: 0;\n  transform: translateX(20px);\n}\n.file-list-move[data-v-09e1ee73] {\n  transition: transform 0.3s ease;\n}","/* unplugin-vue-components disabled */.image-preview[data-v-f6e701f9] {\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-f6e701f9] {\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-f6e701f9] {\n  border-color: var(--error-color);\n}\n.image-preview__item--success[data-v-f6e701f9], .image-preview__item--instant[data-v-f6e701f9] {\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-f6e701f9] {\n  opacity: 1;\n}\n.image-preview__img[data-v-f6e701f9] {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.image-preview__overlay[data-v-f6e701f9] {\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-f6e701f9], .image-preview__item--hashing .image-preview__overlay[data-v-f6e701f9], .image-preview__item--error .image-preview__overlay[data-v-f6e701f9] {\n  opacity: 1;\n}\n.image-preview__progress[data-v-f6e701f9] .n-progress {\n  --n-fill-color: #fff;\n}\n.image-preview__status-icon[data-v-f6e701f9] {\n  font-size: 28px;\n}\n.image-preview__status-icon--success[data-v-f6e701f9] {\n  color: var(--success-color);\n}\n.image-preview__status-icon--error[data-v-f6e701f9] {\n  color: var(--error-color);\n}\n.image-preview__actions[data-v-f6e701f9] {\n  display: flex;\n  gap: 6px;\n}\n.image-preview__name[data-v-f6e701f9] {\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}","/* unplugin-vue-components disabled */.c-upload[data-v-9ccc53a0] {\n  --c-upload-progress-bg: var(--body-color, #fff);\n  --c-upload-progress-border: var(--border-color, #e5e7eb);\n  --c-upload-progress-radius: 8px;\n  --c-upload-label-color: var(--text-color-3, #999);\n  --c-upload-label-size: 12px;\n  width: 100%;\n}\n.c-upload__total-progress[data-v-9ccc53a0] {\n  margin-top: 12px;\n  padding: 8px 12px;\n  border-radius: var(--c-upload-progress-radius);\n  background: var(--c-upload-progress-bg);\n  border: 1px solid var(--c-upload-progress-border);\n}\n.c-upload__total-label[data-v-9ccc53a0] {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 6px;\n  font-size: var(--c-upload-label-size);\n  color: var(--c-upload-label-color);\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;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Upload-DE3OLsZD.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=ec48178d&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.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}","/* unplugin-vue-components disabled */.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}","/* unplugin-vue-components disabled */.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}","/* unplugin-vue-components disabled */.c-upload[data-v-ec48178d] {\n  --c-upload-progress-bg: var(--body-color, #fff);\n  --c-upload-progress-border: var(--border-color, #e5e7eb);\n  --c-upload-progress-radius: 8px;\n  --c-upload-label-color: var(--text-color-3, #999);\n  --c-upload-label-size: 12px;\n  width: 100%;\n}\n.c-upload__total-progress[data-v-ec48178d] {\n  margin-top: 12px;\n  padding: 8px 12px;\n  border-radius: var(--c-upload-progress-radius);\n  background: var(--c-upload-progress-bg);\n  border: 1px solid var(--c-upload-progress-border);\n}\n.c-upload__total-label[data-v-ec48178d] {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 6px;\n  font-size: var(--c-upload-label-size);\n  color: var(--c-upload-label-color);\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;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Upload.css

@@ -1,4 +1,4 @@
-/* unplugin-vue-components disabled */.upload-area[data-v-f5040f9e] {
+/* unplugin-vue-components disabled */.upload-area[data-v-2e419e04] {
   position: relative;
   box-sizing: border-box;
   padding: 32px 24px;
@@ -9,60 +9,60 @@
   transition: all 0.25s ease;
   text-align: center;
 }
-.upload-area[data-v-f5040f9e]:hover:not(.upload-area--disabled) {
+.upload-area[data-v-2e419e04]:hover:not(.upload-area--disabled) {
   border-color: var(--primary-color);
   background: color-mix(in srgb, var(--primary-color) 4%, var(--card-color));
 }
-.upload-area--drag-over[data-v-f5040f9e] {
+.upload-area--drag-over[data-v-2e419e04] {
   border-color: var(--primary-color);
   border-style: solid;
   background: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));
 }
-.upload-area--drag-over .upload-area__icon[data-v-f5040f9e] {
+.upload-area--drag-over .upload-area__icon[data-v-2e419e04] {
   color: var(--primary-color);
   transform: scale(1.1);
 }
-.upload-area--disabled[data-v-f5040f9e] {
+.upload-area--disabled[data-v-2e419e04] {
   cursor: not-allowed;
   opacity: 0.5;
 }
-.upload-area__input[data-v-f5040f9e] {
+.upload-area__input[data-v-2e419e04] {
   display: none;
 }
-.upload-area__default[data-v-f5040f9e] {
+.upload-area__default[data-v-2e419e04] {
   display: flex;
   flex-direction: column;
   gap: 8px;
   align-items: center;
 }
-.upload-area__icon[data-v-f5040f9e] {
+.upload-area__icon[data-v-2e419e04] {
   font-size: 48px;
   color: var(--text-color-3);
   transition: all 0.25s ease;
 }
-.upload-area__text[data-v-f5040f9e] {
+.upload-area__text[data-v-2e419e04] {
   font-size: 14px;
   color: var(--text-color-2);
   line-height: 1.6;
 }
-.upload-area__text kbd[data-v-f5040f9e] {
+.upload-area__text kbd[data-v-2e419e04] {
   padding: 1px 5px;
   font-size: 12px;
   border: 1px solid var(--border-color);
   border-radius: 3px;
   background: var(--body-color);
 }
-.upload-area__tip[data-v-f5040f9e] {
+.upload-area__tip[data-v-2e419e04] {
   font-size: 12px;
   color: var(--text-color-4);
 }
-/* unplugin-vue-components disabled */.file-list[data-v-09e1ee73] {
+/* unplugin-vue-components disabled */.file-list[data-v-8e4ad054] {
   display: flex;
   flex-direction: column;
   gap: 8px;
   margin-top: 12px;
 }
-.file-list__item[data-v-09e1ee73] {
+.file-list__item[data-v-8e4ad054] {
   display: flex;
   gap: 12px;
   align-items: flex-start;
@@ -72,18 +72,18 @@
   background: var(--card-color);
   transition: all 0.25s ease;
 }
-.file-list__item[data-v-09e1ee73]:hover {
+.file-list__item[data-v-8e4ad054]:hover {
   border-color: color-mix(in srgb, var(--primary-color) 40%, var(--border-color));
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04);
 }
-.file-list__item--error[data-v-09e1ee73] {
+.file-list__item--error[data-v-8e4ad054] {
   border-color: var(--error-color);
   background: color-mix(in srgb, var(--error-color) 4%, var(--card-color));
 }
-.file-list__item--success[data-v-09e1ee73], .file-list__item--instant[data-v-09e1ee73] {
+.file-list__item--success[data-v-8e4ad054], .file-list__item--instant[data-v-8e4ad054] {
   border-color: color-mix(in srgb, var(--success-color) 30%, var(--border-color));
 }
-.file-list__thumb[data-v-09e1ee73] {
+.file-list__thumb[data-v-8e4ad054] {
   flex-shrink: 0;
   width: 40px;
   height: 40px;
@@ -94,48 +94,48 @@
   justify-content: center;
   background: var(--body-color);
 }
-.file-list__thumb-img[data-v-09e1ee73] {
+.file-list__thumb-img[data-v-8e4ad054] {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-.file-list__thumb-icon[data-v-09e1ee73] {
+.file-list__thumb-icon[data-v-8e4ad054] {
   font-size: 22px;
   color: var(--text-color-3);
 }
-.file-list__info[data-v-09e1ee73] {
+.file-list__info[data-v-8e4ad054] {
   flex: 1;
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 4px;
 }
-.file-list__name[data-v-09e1ee73] {
+.file-list__name[data-v-8e4ad054] {
   font-size: 13px;
   font-weight: 500;
   color: var(--text-color-1);
 }
-.file-list__meta[data-v-09e1ee73] {
+.file-list__meta[data-v-8e4ad054] {
   display: flex;
   gap: 8px;
   align-items: center;
   font-size: 12px;
 }
-.file-list__size[data-v-09e1ee73] {
+.file-list__size[data-v-8e4ad054] {
   color: var(--text-color-3);
 }
-.file-list__instant[data-v-09e1ee73] {
+.file-list__instant[data-v-8e4ad054] {
   font-size: 14px;
 }
-.file-list__chunk-info[data-v-09e1ee73] {
+.file-list__chunk-info[data-v-8e4ad054] {
   font-size: 11px;
   color: var(--text-color-4);
 }
-.file-list__error[data-v-09e1ee73] {
+.file-list__error[data-v-8e4ad054] {
   font-size: 12px;
   color: var(--error-color);
 }
-.file-list__actions[data-v-09e1ee73] {
+.file-list__actions[data-v-8e4ad054] {
   flex-shrink: 0;
   display: flex;
   gap: 4px;
@@ -143,29 +143,29 @@
 }
 
 /* ─── 过渡动画 ─────────────────────────────── */
-.file-list-enter-active[data-v-09e1ee73],
-.file-list-leave-active[data-v-09e1ee73] {
+.file-list-enter-active[data-v-8e4ad054],
+.file-list-leave-active[data-v-8e4ad054] {
   transition: all 0.3s ease;
 }
-.file-list-enter-from[data-v-09e1ee73] {
+.file-list-enter-from[data-v-8e4ad054] {
   opacity: 0;
   transform: translateX(-20px);
 }
-.file-list-leave-to[data-v-09e1ee73] {
+.file-list-leave-to[data-v-8e4ad054] {
   opacity: 0;
   transform: translateX(20px);
 }
-.file-list-move[data-v-09e1ee73] {
+.file-list-move[data-v-8e4ad054] {
   transition: transform 0.3s ease;
 }
-/* unplugin-vue-components disabled */.image-preview[data-v-f6e701f9] {
+/* unplugin-vue-components disabled */.image-preview[data-v-76efbe9c] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
   gap: 10px;
   margin-top: 12px;
   /* 上传中始终显示遮罩 */
 }
-.image-preview__item[data-v-f6e701f9] {
+.image-preview__item[data-v-76efbe9c] {
   position: relative;
   aspect-ratio: 1;
   border-radius: 8px;
@@ -173,22 +173,22 @@
   border: 1px solid var(--border-color);
   background: var(--body-color);
 }
-.image-preview__item--error[data-v-f6e701f9] {
+.image-preview__item--error[data-v-76efbe9c] {
   border-color: var(--error-color);
 }
-.image-preview__item--success[data-v-f6e701f9], .image-preview__item--instant[data-v-f6e701f9] {
+.image-preview__item--success[data-v-76efbe9c], .image-preview__item--instant[data-v-76efbe9c] {
   border-color: color-mix(in srgb, var(--success-color) 30%, var(--border-color));
 }
-.image-preview__item:hover .image-preview__overlay[data-v-f6e701f9] {
+.image-preview__item:hover .image-preview__overlay[data-v-76efbe9c] {
   opacity: 1;
 }
-.image-preview__img[data-v-f6e701f9] {
+.image-preview__img[data-v-76efbe9c] {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-.image-preview__overlay[data-v-f6e701f9] {
+.image-preview__overlay[data-v-76efbe9c] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -200,26 +200,26 @@
   opacity: 0;
   transition: opacity 0.2s ease;
 }
-.image-preview__item--uploading .image-preview__overlay[data-v-f6e701f9], .image-preview__item--hashing .image-preview__overlay[data-v-f6e701f9], .image-preview__item--error .image-preview__overlay[data-v-f6e701f9] {
+.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] {
   opacity: 1;
 }
-.image-preview__progress[data-v-f6e701f9] .n-progress {
+.image-preview__progress[data-v-76efbe9c] .n-progress {
   --n-fill-color: #fff;
 }
-.image-preview__status-icon[data-v-f6e701f9] {
+.image-preview__status-icon[data-v-76efbe9c] {
   font-size: 28px;
 }
-.image-preview__status-icon--success[data-v-f6e701f9] {
+.image-preview__status-icon--success[data-v-76efbe9c] {
   color: var(--success-color);
 }
-.image-preview__status-icon--error[data-v-f6e701f9] {
+.image-preview__status-icon--error[data-v-76efbe9c] {
   color: var(--error-color);
 }
-.image-preview__actions[data-v-f6e701f9] {
+.image-preview__actions[data-v-76efbe9c] {
   display: flex;
   gap: 6px;
 }
-.image-preview__name[data-v-f6e701f9] {
+.image-preview__name[data-v-76efbe9c] {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -230,7 +230,7 @@
   background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
   text-align: center;
 }
-/* unplugin-vue-components disabled */.c-upload[data-v-9ccc53a0] {
+/* unplugin-vue-components disabled */.c-upload[data-v-ec48178d] {
   --c-upload-progress-bg: var(--body-color, #fff);
   --c-upload-progress-border: var(--border-color, #e5e7eb);
   --c-upload-progress-radius: 8px;
@@ -238,14 +238,14 @@
   --c-upload-label-size: 12px;
   width: 100%;
 }
-.c-upload__total-progress[data-v-9ccc53a0] {
+.c-upload__total-progress[data-v-ec48178d] {
   margin-top: 12px;
   padding: 8px 12px;
   border-radius: var(--c-upload-progress-radius);
   background: var(--c-upload-progress-bg);
   border: 1px solid var(--c-upload-progress-border);
 }
-.c-upload__total-label[data-v-9ccc53a0] {
+.c-upload__total-label[data-v-ec48178d] {
   display: flex;
   justify-content: space-between;
   margin-bottom: 6px;
@@ -253,4 +253,4 @@
   color: var(--c-upload-label-color);
 }
 
-/*# sourceMappingURL=C_Upload-BR9fg5r4.css.map*/
+/*# sourceMappingURL=C_Upload-CHjiVVh7.css.map*/