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

package/dist/C_Transfer2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Transfer2.js","names":[],"sources":["../src/components/C_Transfer/types.ts","../src/components/C_Transfer/index.vue"],"sourcesContent":["/**\n * @Description: 穿梭框组件类型定义\n */\n\n/** 穿梭框数据项 */\nexport interface TransferItem {\n  /** 唯一标识 */\n  key: string | number\n  /** 显示标签 */\n  label: string\n  /** 是否禁用 */\n  disabled?: boolean\n  /** 分组名称 */\n  group?: string\n  /** 描述信息（用于详细模式） */\n  description?: string\n  /** 图标（Iconify） */\n  icon?: string\n  /** 额外数据 */\n  extra?: Record<string, unknown>\n}\n\n/** 组件 Props */\nexport interface TransferProps {\n  /** 数据源 */\n  data: TransferItem[]\n  /** 右侧已选 key 列表 (v-model) */\n  modelValue: Array<string | number>\n  /** 左右栏标题 */\n  titles?: [string, string]\n  /** 是否可搜索 */\n  filterable?: boolean\n  /** 搜索占位符 */\n  filterPlaceholder?: string\n  /** 自定义筛选函数 */\n  filterMethod?: (query: string, item: TransferItem) => boolean\n  /** 是否显示全选复选框 */\n  showSelectAll?: boolean\n  /** 左侧空状态描述 */\n  sourceEmptyText?: string\n  /** 右侧空状态描述 */\n  targetEmptyText?: string\n  /** 尺寸 */\n  size?: 'small' | 'medium' | 'large'\n}\n\n/** 默认 Props */\nexport const DEFAULT_TRANSFER_PROPS: Partial<TransferProps> = {\n  titles: ['可选列表', '已选列表'],\n  filterable: false,\n  filterPlaceholder: '搜索...',\n  showSelectAll: true,\n  sourceEmptyText: '暂无数据',\n  targetEmptyText: '未选择任何项',\n  size: 'medium',\n}\n","<!--\n * @Description: 穿梭框组件\n-->\n<template>\n  <div\n    class=\"c-transfer\"\n    :class=\"[`is-${mergedProps.size}`]\"\n  >\n    <!-- ================ Source Panel ================ -->\n    <div class=\"c-transfer__panel\">\n      <div class=\"c-transfer__header\">\n        <NCheckbox\n          v-if=\"mergedProps.showSelectAll\"\n          :checked=\"isSourceAllChecked\"\n          :indeterminate=\"isSourceIndeterminate\"\n          @update:checked=\"toggleSourceAll\"\n        >\n          {{ mergedProps.titles?.[0] }}\n        </NCheckbox>\n        <span\n          v-else\n          class=\"c-transfer__title\"\n        >\n          {{ mergedProps.titles?.[0] }}\n        </span>\n        <span class=\"c-transfer__count\"\n          >{{ sourceChecked.size }} / {{ sourceList.length }}</span\n        >\n      </div>\n\n      <div\n        v-if=\"mergedProps.filterable\"\n        class=\"c-transfer__filter\"\n      >\n        <NInput\n          v-model:value=\"sourceQuery\"\n          clearable\n          size=\"small\"\n          :placeholder=\"mergedProps.filterPlaceholder\"\n        >\n          <template #prefix>\n            <C_Icon name=\"mdi:magnify\" />\n          </template>\n        </NInput>\n      </div>\n\n      <div\n        v-if=\"filteredSourceList.length\"\n        class=\"c-transfer__list\"\n      >\n        <template\n          v-for=\"item in filteredSourceList\"\n          :key=\"item.key\"\n        >\n          <div\n            class=\"c-transfer__item\"\n            :class=\"{\n              'is-disabled': item.disabled,\n              'is-checked': sourceChecked.has(item.key),\n            }\"\n            @click=\"!item.disabled && toggleSourceCheck(item.key)\"\n          >\n            <NCheckbox\n              :checked=\"sourceChecked.has(item.key)\"\n              :disabled=\"item.disabled\"\n              size=\"small\"\n              @update:checked=\"toggleSourceCheck(item.key)\"\n              @click.stop\n            />\n            <C_Icon\n              v-if=\"item.icon\"\n              :name=\"item.icon\"\n              class=\"c-transfer__item-icon\"\n            />\n            <span class=\"c-transfer__item-label\">{{ item.label }}</span>\n          </div>\n        </template>\n      </div>\n      <div\n        v-else\n        class=\"c-transfer__empty\"\n      >\n        {{ mergedProps.sourceEmptyText }}\n      </div>\n    </div>\n\n    <!-- ================ Actions ================ -->\n    <div class=\"c-transfer__actions\">\n      <button\n        class=\"c-transfer__btn\"\n        :class=\"{ 'is-disabled': sourceChecked.size === 0 }\"\n        :disabled=\"sourceChecked.size === 0\"\n        @click=\"moveToTarget\"\n      >\n        <C_Icon name=\"mdi:chevron-right\" />\n      </button>\n      <button\n        class=\"c-transfer__btn\"\n        :class=\"{ 'is-disabled': targetChecked.size === 0 }\"\n        :disabled=\"targetChecked.size === 0\"\n        @click=\"moveToSource\"\n      >\n        <C_Icon name=\"mdi:chevron-left\" />\n      </button>\n    </div>\n\n    <!-- ================ Target Panel ================ -->\n    <div class=\"c-transfer__panel\">\n      <div class=\"c-transfer__header\">\n        <NCheckbox\n          v-if=\"mergedProps.showSelectAll\"\n          :checked=\"isTargetAllChecked\"\n          :indeterminate=\"isTargetIndeterminate\"\n          @update:checked=\"toggleTargetAll\"\n        >\n          {{ mergedProps.titles?.[1] }}\n        </NCheckbox>\n        <span\n          v-else\n          class=\"c-transfer__title\"\n        >\n          {{ mergedProps.titles?.[1] }}\n        </span>\n        <span class=\"c-transfer__count\"\n          >{{ targetChecked.size }} / {{ targetList.length }}</span\n        >\n      </div>\n\n      <div\n        v-if=\"mergedProps.filterable\"\n        class=\"c-transfer__filter\"\n      >\n        <NInput\n          v-model:value=\"targetQuery\"\n          clearable\n          size=\"small\"\n          :placeholder=\"mergedProps.filterPlaceholder\"\n        >\n          <template #prefix>\n            <C_Icon name=\"mdi:magnify\" />\n          </template>\n        </NInput>\n      </div>\n\n      <div\n        v-if=\"filteredTargetList.length\"\n        class=\"c-transfer__list\"\n      >\n        <template\n          v-for=\"item in filteredTargetList\"\n          :key=\"item.key\"\n        >\n          <div\n            class=\"c-transfer__item\"\n            :class=\"{\n              'is-disabled': item.disabled,\n              'is-checked': targetChecked.has(item.key),\n            }\"\n            @click=\"!item.disabled && toggleTargetCheck(item.key)\"\n          >\n            <NCheckbox\n              :checked=\"targetChecked.has(item.key)\"\n              :disabled=\"item.disabled\"\n              size=\"small\"\n              @update:checked=\"toggleTargetCheck(item.key)\"\n              @click.stop\n            />\n            <C_Icon\n              v-if=\"item.icon\"\n              :name=\"item.icon\"\n              class=\"c-transfer__item-icon\"\n            />\n            <span class=\"c-transfer__item-label\">{{ item.label }}</span>\n          </div>\n        </template>\n      </div>\n      <div\n        v-else\n        class=\"c-transfer__empty\"\n      >\n        {{ mergedProps.targetEmptyText }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, reactive, ref } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_TRANSFER_PROPS,\n    type TransferItem,\n    type TransferProps,\n  } from './types'\n\n  const props = withDefaults(\n    defineProps<{\n      data: TransferProps['data']\n      modelValue: TransferProps['modelValue']\n      titles?: TransferProps['titles']\n      filterable?: boolean\n      filterPlaceholder?: string\n      filterMethod?: TransferProps['filterMethod']\n      showSelectAll?: boolean\n      sourceEmptyText?: string\n      targetEmptyText?: string\n      size?: TransferProps['size']\n    }>(),\n    {\n      titles: () => DEFAULT_TRANSFER_PROPS.titles as [string, string],\n      filterable: DEFAULT_TRANSFER_PROPS.filterable,\n      filterPlaceholder: DEFAULT_TRANSFER_PROPS.filterPlaceholder,\n      showSelectAll: DEFAULT_TRANSFER_PROPS.showSelectAll,\n      sourceEmptyText: DEFAULT_TRANSFER_PROPS.sourceEmptyText,\n      targetEmptyText: DEFAULT_TRANSFER_PROPS.targetEmptyText,\n      size: DEFAULT_TRANSFER_PROPS.size,\n    }\n  )\n\n  const emit = defineEmits<{\n    'update:modelValue': [value: Array<string | number>]\n    change: [\n      targetKeys: Array<string | number>,\n      direction: 'left' | 'right',\n      moveKeys: Array<string | number>,\n    ]\n  }>()\n\n  const mergedProps = computed(() => ({ ...DEFAULT_TRANSFER_PROPS, ...props }))\n\n  // ==================== 数据列表 ====================\n\n  const dataMap = computed(() => {\n    const m = new Map<string | number, TransferItem>()\n    for (const item of props.data) m.set(item.key, item)\n    return m\n  })\n\n  const targetKeySet = computed(() => new Set(props.modelValue))\n\n  const sourceList = computed(() =>\n    props.data.filter(d => !targetKeySet.value.has(d.key))\n  )\n\n  const targetList = computed(() => {\n    const result: TransferItem[] = []\n    for (const key of props.modelValue) {\n      const item = dataMap.value.get(key)\n      if (item) result.push(item)\n    }\n    return result\n  })\n\n  // ==================== 搜索 ====================\n\n  const sourceQuery = ref('')\n  const targetQuery = ref('')\n\n  /** 默认过滤方法 */\n  function defaultFilter(query: string, item: TransferItem): boolean {\n    return item.label.toLowerCase().includes(query.toLowerCase())\n  }\n\n  const filterFn = computed(() => props.filterMethod ?? defaultFilter)\n\n  const filteredSourceList = computed(() => {\n    const q = sourceQuery.value.trim()\n    return q\n      ? sourceList.value.filter(item => filterFn.value(q, item))\n      : sourceList.value\n  })\n\n  const filteredTargetList = computed(() => {\n    const q = targetQuery.value.trim()\n    return q\n      ? targetList.value.filter(item => filterFn.value(q, item))\n      : targetList.value\n  })\n\n  // ==================== 选中态 ====================\n\n  const sourceChecked = reactive(new Set<string | number>())\n  const targetChecked = reactive(new Set<string | number>())\n\n  /** 切换源列表项选中状态 */\n  function toggleSourceCheck(key: string | number) {\n    if (sourceChecked.has(key)) sourceChecked.delete(key)\n    else sourceChecked.add(key)\n  }\n\n  /** 切换目标列表项选中状态 */\n  function toggleTargetCheck(key: string | number) {\n    if (targetChecked.has(key)) targetChecked.delete(key)\n    else targetChecked.add(key)\n  }\n\n  const isSourceAllChecked = computed(\n    () =>\n      filteredSourceList.value.length > 0 &&\n      filteredSourceList.value.every(\n        i => i.disabled || sourceChecked.has(i.key)\n      )\n  )\n  const isSourceIndeterminate = computed(\n    () =>\n      !isSourceAllChecked.value &&\n      filteredSourceList.value.some(i => sourceChecked.has(i.key))\n  )\n  const isTargetAllChecked = computed(\n    () =>\n      filteredTargetList.value.length > 0 &&\n      filteredTargetList.value.every(\n        i => i.disabled || targetChecked.has(i.key)\n      )\n  )\n  const isTargetIndeterminate = computed(\n    () =>\n      !isTargetAllChecked.value &&\n      filteredTargetList.value.some(i => targetChecked.has(i.key))\n  )\n\n  /** 切换源列表全选状态 */\n  function toggleSourceAll(checked: boolean) {\n    for (const item of filteredSourceList.value) {\n      if (item.disabled) continue\n      if (checked) sourceChecked.add(item.key)\n      else sourceChecked.delete(item.key)\n    }\n  }\n\n  /** 切换目标列表全选状态 */\n  function toggleTargetAll(checked: boolean) {\n    for (const item of filteredTargetList.value) {\n      if (item.disabled) continue\n      if (checked) targetChecked.add(item.key)\n      else targetChecked.delete(item.key)\n    }\n  }\n\n  // ==================== 穿梭操作 ====================\n\n  /** 将选中项移至目标列表 */\n  function moveToTarget() {\n    const keys = [...sourceChecked]\n    const newVal = [...props.modelValue, ...keys]\n    emit('update:modelValue', newVal)\n    emit('change', newVal, 'right', keys)\n    sourceChecked.clear()\n  }\n\n  /** 将选中项移回源列表 */\n  function moveToSource() {\n    const keys = [...targetChecked]\n    const removeSet = new Set(keys)\n    const newVal = props.modelValue.filter(k => !removeSet.has(k))\n    emit('update:modelValue', newVal)\n    emit('change', newVal, 'left', keys)\n    targetChecked.clear()\n  }\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"C_Transfer2.js","names":[],"sources":["../src/components/C_Transfer/types.ts","../src/components/C_Transfer/index.vue","../src/components/C_Transfer/index.vue"],"sourcesContent":["/**\n * @Description: 穿梭框组件类型定义\n */\n\n/** 穿梭框数据项 */\nexport interface TransferItem {\n  /** 唯一标识 */\n  key: string | number\n  /** 显示标签 */\n  label: string\n  /** 是否禁用 */\n  disabled?: boolean\n  /** 分组名称 */\n  group?: string\n  /** 描述信息（用于详细模式） */\n  description?: string\n  /** 图标（Iconify） */\n  icon?: string\n  /** 额外数据 */\n  extra?: Record<string, unknown>\n}\n\n/** 组件 Props */\nexport interface TransferProps {\n  /** 数据源 */\n  data: TransferItem[]\n  /** 右侧已选 key 列表 (v-model) */\n  modelValue: Array<string | number>\n  /** 左右栏标题 */\n  titles?: [string, string]\n  /** 是否可搜索 */\n  filterable?: boolean\n  /** 搜索占位符 */\n  filterPlaceholder?: string\n  /** 自定义筛选函数 */\n  filterMethod?: (query: string, item: TransferItem) => boolean\n  /** 是否显示全选复选框 */\n  showSelectAll?: boolean\n  /** 左侧空状态描述 */\n  sourceEmptyText?: string\n  /** 右侧空状态描述 */\n  targetEmptyText?: string\n  /** 尺寸 */\n  size?: 'small' | 'medium' | 'large'\n}\n\n/** 默认 Props */\nexport const DEFAULT_TRANSFER_PROPS: Partial<TransferProps> = {\n  titles: ['可选列表', '已选列表'],\n  filterable: false,\n  filterPlaceholder: '搜索...',\n  showSelectAll: true,\n  sourceEmptyText: '暂无数据',\n  targetEmptyText: '未选择任何项',\n  size: 'medium',\n}\n","<!--\n * @Description: 穿梭框组件\n-->\n<template>\n  <div\n    class=\"c-transfer\"\n    :class=\"[`is-${mergedProps.size}`]\"\n  >\n    <!-- ================ Source Panel ================ -->\n    <div class=\"c-transfer__panel\">\n      <div class=\"c-transfer__header\">\n        <NCheckbox\n          v-if=\"mergedProps.showSelectAll\"\n          :checked=\"isSourceAllChecked\"\n          :indeterminate=\"isSourceIndeterminate\"\n          @update:checked=\"toggleSourceAll\"\n        >\n          {{ mergedProps.titles?.[0] }}\n        </NCheckbox>\n        <span\n          v-else\n          class=\"c-transfer__title\"\n        >\n          {{ mergedProps.titles?.[0] }}\n        </span>\n        <span class=\"c-transfer__count\"\n          >{{ sourceChecked.size }} / {{ sourceList.length }}</span\n        >\n      </div>\n\n      <div\n        v-if=\"mergedProps.filterable\"\n        class=\"c-transfer__filter\"\n      >\n        <NInput\n          v-model:value=\"sourceQuery\"\n          clearable\n          size=\"small\"\n          :placeholder=\"mergedProps.filterPlaceholder\"\n        >\n          <template #prefix>\n            <C_Icon name=\"mdi:magnify\" />\n          </template>\n        </NInput>\n      </div>\n\n      <div\n        v-if=\"filteredSourceList.length\"\n        class=\"c-transfer__list\"\n      >\n        <template\n          v-for=\"item in filteredSourceList\"\n          :key=\"item.key\"\n        >\n          <div\n            class=\"c-transfer__item\"\n            :class=\"{\n              'is-disabled': item.disabled,\n              'is-checked': sourceChecked.has(item.key),\n            }\"\n            @click=\"!item.disabled && toggleSourceCheck(item.key)\"\n          >\n            <NCheckbox\n              :checked=\"sourceChecked.has(item.key)\"\n              :disabled=\"item.disabled\"\n              size=\"small\"\n              @update:checked=\"toggleSourceCheck(item.key)\"\n              @click.stop\n            />\n            <C_Icon\n              v-if=\"item.icon\"\n              :name=\"item.icon\"\n              class=\"c-transfer__item-icon\"\n            />\n            <span class=\"c-transfer__item-label\">{{ item.label }}</span>\n          </div>\n        </template>\n      </div>\n      <div\n        v-else\n        class=\"c-transfer__empty\"\n      >\n        {{ mergedProps.sourceEmptyText }}\n      </div>\n    </div>\n\n    <!-- ================ Actions ================ -->\n    <div class=\"c-transfer__actions\">\n      <button\n        class=\"c-transfer__btn\"\n        :class=\"{ 'is-disabled': sourceChecked.size === 0 }\"\n        :disabled=\"sourceChecked.size === 0\"\n        @click=\"moveToTarget\"\n      >\n        <C_Icon name=\"mdi:chevron-right\" />\n      </button>\n      <button\n        class=\"c-transfer__btn\"\n        :class=\"{ 'is-disabled': targetChecked.size === 0 }\"\n        :disabled=\"targetChecked.size === 0\"\n        @click=\"moveToSource\"\n      >\n        <C_Icon name=\"mdi:chevron-left\" />\n      </button>\n    </div>\n\n    <!-- ================ Target Panel ================ -->\n    <div class=\"c-transfer__panel\">\n      <div class=\"c-transfer__header\">\n        <NCheckbox\n          v-if=\"mergedProps.showSelectAll\"\n          :checked=\"isTargetAllChecked\"\n          :indeterminate=\"isTargetIndeterminate\"\n          @update:checked=\"toggleTargetAll\"\n        >\n          {{ mergedProps.titles?.[1] }}\n        </NCheckbox>\n        <span\n          v-else\n          class=\"c-transfer__title\"\n        >\n          {{ mergedProps.titles?.[1] }}\n        </span>\n        <span class=\"c-transfer__count\"\n          >{{ targetChecked.size }} / {{ targetList.length }}</span\n        >\n      </div>\n\n      <div\n        v-if=\"mergedProps.filterable\"\n        class=\"c-transfer__filter\"\n      >\n        <NInput\n          v-model:value=\"targetQuery\"\n          clearable\n          size=\"small\"\n          :placeholder=\"mergedProps.filterPlaceholder\"\n        >\n          <template #prefix>\n            <C_Icon name=\"mdi:magnify\" />\n          </template>\n        </NInput>\n      </div>\n\n      <div\n        v-if=\"filteredTargetList.length\"\n        class=\"c-transfer__list\"\n      >\n        <template\n          v-for=\"item in filteredTargetList\"\n          :key=\"item.key\"\n        >\n          <div\n            class=\"c-transfer__item\"\n            :class=\"{\n              'is-disabled': item.disabled,\n              'is-checked': targetChecked.has(item.key),\n            }\"\n            @click=\"!item.disabled && toggleTargetCheck(item.key)\"\n          >\n            <NCheckbox\n              :checked=\"targetChecked.has(item.key)\"\n              :disabled=\"item.disabled\"\n              size=\"small\"\n              @update:checked=\"toggleTargetCheck(item.key)\"\n              @click.stop\n            />\n            <C_Icon\n              v-if=\"item.icon\"\n              :name=\"item.icon\"\n              class=\"c-transfer__item-icon\"\n            />\n            <span class=\"c-transfer__item-label\">{{ item.label }}</span>\n          </div>\n        </template>\n      </div>\n      <div\n        v-else\n        class=\"c-transfer__empty\"\n      >\n        {{ mergedProps.targetEmptyText }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, reactive, ref } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_TRANSFER_PROPS,\n    type TransferItem,\n    type TransferProps,\n  } from './types'\n\n  const props = withDefaults(\n    defineProps<{\n      data: TransferProps['data']\n      modelValue: TransferProps['modelValue']\n      titles?: TransferProps['titles']\n      filterable?: boolean\n      filterPlaceholder?: string\n      filterMethod?: TransferProps['filterMethod']\n      showSelectAll?: boolean\n      sourceEmptyText?: string\n      targetEmptyText?: string\n      size?: TransferProps['size']\n    }>(),\n    {\n      titles: () => DEFAULT_TRANSFER_PROPS.titles as [string, string],\n      filterable: DEFAULT_TRANSFER_PROPS.filterable,\n      filterPlaceholder: DEFAULT_TRANSFER_PROPS.filterPlaceholder,\n      showSelectAll: DEFAULT_TRANSFER_PROPS.showSelectAll,\n      sourceEmptyText: DEFAULT_TRANSFER_PROPS.sourceEmptyText,\n      targetEmptyText: DEFAULT_TRANSFER_PROPS.targetEmptyText,\n      size: DEFAULT_TRANSFER_PROPS.size,\n    }\n  )\n\n  const emit = defineEmits<{\n    'update:modelValue': [value: Array<string | number>]\n    change: [\n      targetKeys: Array<string | number>,\n      direction: 'left' | 'right',\n      moveKeys: Array<string | number>,\n    ]\n  }>()\n\n  const mergedProps = computed(() => ({ ...DEFAULT_TRANSFER_PROPS, ...props }))\n\n  // ==================== 数据列表 ====================\n\n  const dataMap = computed(() => {\n    const m = new Map<string | number, TransferItem>()\n    for (const item of props.data) m.set(item.key, item)\n    return m\n  })\n\n  const targetKeySet = computed(() => new Set(props.modelValue))\n\n  const sourceList = computed(() =>\n    props.data.filter(d => !targetKeySet.value.has(d.key))\n  )\n\n  const targetList = computed(() => {\n    const result: TransferItem[] = []\n    for (const key of props.modelValue) {\n      const item = dataMap.value.get(key)\n      if (item) result.push(item)\n    }\n    return result\n  })\n\n  // ==================== 搜索 ====================\n\n  const sourceQuery = ref('')\n  const targetQuery = ref('')\n\n  /** 默认过滤方法 */\n  function defaultFilter(query: string, item: TransferItem): boolean {\n    return item.label.toLowerCase().includes(query.toLowerCase())\n  }\n\n  const filterFn = computed(() => props.filterMethod ?? defaultFilter)\n\n  const filteredSourceList = computed(() => {\n    const q = sourceQuery.value.trim()\n    return q\n      ? sourceList.value.filter(item => filterFn.value(q, item))\n      : sourceList.value\n  })\n\n  const filteredTargetList = computed(() => {\n    const q = targetQuery.value.trim()\n    return q\n      ? targetList.value.filter(item => filterFn.value(q, item))\n      : targetList.value\n  })\n\n  // ==================== 选中态 ====================\n\n  const sourceChecked = reactive(new Set<string | number>())\n  const targetChecked = reactive(new Set<string | number>())\n\n  /** 切换源列表项选中状态 */\n  function toggleSourceCheck(key: string | number) {\n    if (sourceChecked.has(key)) sourceChecked.delete(key)\n    else sourceChecked.add(key)\n  }\n\n  /** 切换目标列表项选中状态 */\n  function toggleTargetCheck(key: string | number) {\n    if (targetChecked.has(key)) targetChecked.delete(key)\n    else targetChecked.add(key)\n  }\n\n  const isSourceAllChecked = computed(\n    () =>\n      filteredSourceList.value.length > 0 &&\n      filteredSourceList.value.every(\n        i => i.disabled || sourceChecked.has(i.key)\n      )\n  )\n  const isSourceIndeterminate = computed(\n    () =>\n      !isSourceAllChecked.value &&\n      filteredSourceList.value.some(i => sourceChecked.has(i.key))\n  )\n  const isTargetAllChecked = computed(\n    () =>\n      filteredTargetList.value.length > 0 &&\n      filteredTargetList.value.every(\n        i => i.disabled || targetChecked.has(i.key)\n      )\n  )\n  const isTargetIndeterminate = computed(\n    () =>\n      !isTargetAllChecked.value &&\n      filteredTargetList.value.some(i => targetChecked.has(i.key))\n  )\n\n  /** 切换源列表全选状态 */\n  function toggleSourceAll(checked: boolean) {\n    for (const item of filteredSourceList.value) {\n      if (item.disabled) continue\n      if (checked) sourceChecked.add(item.key)\n      else sourceChecked.delete(item.key)\n    }\n  }\n\n  /** 切换目标列表全选状态 */\n  function toggleTargetAll(checked: boolean) {\n    for (const item of filteredTargetList.value) {\n      if (item.disabled) continue\n      if (checked) targetChecked.add(item.key)\n      else targetChecked.delete(item.key)\n    }\n  }\n\n  // ==================== 穿梭操作 ====================\n\n  /** 将选中项移至目标列表 */\n  function moveToTarget() {\n    const keys = [...sourceChecked]\n    const newVal = [...props.modelValue, ...keys]\n    emit('update:modelValue', newVal)\n    emit('change', newVal, 'right', keys)\n    sourceChecked.clear()\n  }\n\n  /** 将选中项移回源列表 */\n  function moveToSource() {\n    const keys = [...targetChecked]\n    const removeSet = new Set(keys)\n    const newVal = props.modelValue.filter(k => !removeSet.has(k))\n    emit('update:modelValue', newVal)\n    emit('change', newVal, 'left', keys)\n    targetChecked.clear()\n  }\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n","<!--\n * @Description: 穿梭框组件\n-->\n<template>\n  <div\n    class=\"c-transfer\"\n    :class=\"[`is-${mergedProps.size}`]\"\n  >\n    <!-- ================ Source Panel ================ -->\n    <div class=\"c-transfer__panel\">\n      <div class=\"c-transfer__header\">\n        <NCheckbox\n          v-if=\"mergedProps.showSelectAll\"\n          :checked=\"isSourceAllChecked\"\n          :indeterminate=\"isSourceIndeterminate\"\n          @update:checked=\"toggleSourceAll\"\n        >\n          {{ mergedProps.titles?.[0] }}\n        </NCheckbox>\n        <span\n          v-else\n          class=\"c-transfer__title\"\n        >\n          {{ mergedProps.titles?.[0] }}\n        </span>\n        <span class=\"c-transfer__count\"\n          >{{ sourceChecked.size }} / {{ sourceList.length }}</span\n        >\n      </div>\n\n      <div\n        v-if=\"mergedProps.filterable\"\n        class=\"c-transfer__filter\"\n      >\n        <NInput\n          v-model:value=\"sourceQuery\"\n          clearable\n          size=\"small\"\n          :placeholder=\"mergedProps.filterPlaceholder\"\n        >\n          <template #prefix>\n            <C_Icon name=\"mdi:magnify\" />\n          </template>\n        </NInput>\n      </div>\n\n      <div\n        v-if=\"filteredSourceList.length\"\n        class=\"c-transfer__list\"\n      >\n        <template\n          v-for=\"item in filteredSourceList\"\n          :key=\"item.key\"\n        >\n          <div\n            class=\"c-transfer__item\"\n            :class=\"{\n              'is-disabled': item.disabled,\n              'is-checked': sourceChecked.has(item.key),\n            }\"\n            @click=\"!item.disabled && toggleSourceCheck(item.key)\"\n          >\n            <NCheckbox\n              :checked=\"sourceChecked.has(item.key)\"\n              :disabled=\"item.disabled\"\n              size=\"small\"\n              @update:checked=\"toggleSourceCheck(item.key)\"\n              @click.stop\n            />\n            <C_Icon\n              v-if=\"item.icon\"\n              :name=\"item.icon\"\n              class=\"c-transfer__item-icon\"\n            />\n            <span class=\"c-transfer__item-label\">{{ item.label }}</span>\n          </div>\n        </template>\n      </div>\n      <div\n        v-else\n        class=\"c-transfer__empty\"\n      >\n        {{ mergedProps.sourceEmptyText }}\n      </div>\n    </div>\n\n    <!-- ================ Actions ================ -->\n    <div class=\"c-transfer__actions\">\n      <button\n        class=\"c-transfer__btn\"\n        :class=\"{ 'is-disabled': sourceChecked.size === 0 }\"\n        :disabled=\"sourceChecked.size === 0\"\n        @click=\"moveToTarget\"\n      >\n        <C_Icon name=\"mdi:chevron-right\" />\n      </button>\n      <button\n        class=\"c-transfer__btn\"\n        :class=\"{ 'is-disabled': targetChecked.size === 0 }\"\n        :disabled=\"targetChecked.size === 0\"\n        @click=\"moveToSource\"\n      >\n        <C_Icon name=\"mdi:chevron-left\" />\n      </button>\n    </div>\n\n    <!-- ================ Target Panel ================ -->\n    <div class=\"c-transfer__panel\">\n      <div class=\"c-transfer__header\">\n        <NCheckbox\n          v-if=\"mergedProps.showSelectAll\"\n          :checked=\"isTargetAllChecked\"\n          :indeterminate=\"isTargetIndeterminate\"\n          @update:checked=\"toggleTargetAll\"\n        >\n          {{ mergedProps.titles?.[1] }}\n        </NCheckbox>\n        <span\n          v-else\n          class=\"c-transfer__title\"\n        >\n          {{ mergedProps.titles?.[1] }}\n        </span>\n        <span class=\"c-transfer__count\"\n          >{{ targetChecked.size }} / {{ targetList.length }}</span\n        >\n      </div>\n\n      <div\n        v-if=\"mergedProps.filterable\"\n        class=\"c-transfer__filter\"\n      >\n        <NInput\n          v-model:value=\"targetQuery\"\n          clearable\n          size=\"small\"\n          :placeholder=\"mergedProps.filterPlaceholder\"\n        >\n          <template #prefix>\n            <C_Icon name=\"mdi:magnify\" />\n          </template>\n        </NInput>\n      </div>\n\n      <div\n        v-if=\"filteredTargetList.length\"\n        class=\"c-transfer__list\"\n      >\n        <template\n          v-for=\"item in filteredTargetList\"\n          :key=\"item.key\"\n        >\n          <div\n            class=\"c-transfer__item\"\n            :class=\"{\n              'is-disabled': item.disabled,\n              'is-checked': targetChecked.has(item.key),\n            }\"\n            @click=\"!item.disabled && toggleTargetCheck(item.key)\"\n          >\n            <NCheckbox\n              :checked=\"targetChecked.has(item.key)\"\n              :disabled=\"item.disabled\"\n              size=\"small\"\n              @update:checked=\"toggleTargetCheck(item.key)\"\n              @click.stop\n            />\n            <C_Icon\n              v-if=\"item.icon\"\n              :name=\"item.icon\"\n              class=\"c-transfer__item-icon\"\n            />\n            <span class=\"c-transfer__item-label\">{{ item.label }}</span>\n          </div>\n        </template>\n      </div>\n      <div\n        v-else\n        class=\"c-transfer__empty\"\n      >\n        {{ mergedProps.targetEmptyText }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, reactive, ref } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_TRANSFER_PROPS,\n    type TransferItem,\n    type TransferProps,\n  } from './types'\n\n  const props = withDefaults(\n    defineProps<{\n      data: TransferProps['data']\n      modelValue: TransferProps['modelValue']\n      titles?: TransferProps['titles']\n      filterable?: boolean\n      filterPlaceholder?: string\n      filterMethod?: TransferProps['filterMethod']\n      showSelectAll?: boolean\n      sourceEmptyText?: string\n      targetEmptyText?: string\n      size?: TransferProps['size']\n    }>(),\n    {\n      titles: () => DEFAULT_TRANSFER_PROPS.titles as [string, string],\n      filterable: DEFAULT_TRANSFER_PROPS.filterable,\n      filterPlaceholder: DEFAULT_TRANSFER_PROPS.filterPlaceholder,\n      showSelectAll: DEFAULT_TRANSFER_PROPS.showSelectAll,\n      sourceEmptyText: DEFAULT_TRANSFER_PROPS.sourceEmptyText,\n      targetEmptyText: DEFAULT_TRANSFER_PROPS.targetEmptyText,\n      size: DEFAULT_TRANSFER_PROPS.size,\n    }\n  )\n\n  const emit = defineEmits<{\n    'update:modelValue': [value: Array<string | number>]\n    change: [\n      targetKeys: Array<string | number>,\n      direction: 'left' | 'right',\n      moveKeys: Array<string | number>,\n    ]\n  }>()\n\n  const mergedProps = computed(() => ({ ...DEFAULT_TRANSFER_PROPS, ...props }))\n\n  // ==================== 数据列表 ====================\n\n  const dataMap = computed(() => {\n    const m = new Map<string | number, TransferItem>()\n    for (const item of props.data) m.set(item.key, item)\n    return m\n  })\n\n  const targetKeySet = computed(() => new Set(props.modelValue))\n\n  const sourceList = computed(() =>\n    props.data.filter(d => !targetKeySet.value.has(d.key))\n  )\n\n  const targetList = computed(() => {\n    const result: TransferItem[] = []\n    for (const key of props.modelValue) {\n      const item = dataMap.value.get(key)\n      if (item) result.push(item)\n    }\n    return result\n  })\n\n  // ==================== 搜索 ====================\n\n  const sourceQuery = ref('')\n  const targetQuery = ref('')\n\n  /** 默认过滤方法 */\n  function defaultFilter(query: string, item: TransferItem): boolean {\n    return item.label.toLowerCase().includes(query.toLowerCase())\n  }\n\n  const filterFn = computed(() => props.filterMethod ?? defaultFilter)\n\n  const filteredSourceList = computed(() => {\n    const q = sourceQuery.value.trim()\n    return q\n      ? sourceList.value.filter(item => filterFn.value(q, item))\n      : sourceList.value\n  })\n\n  const filteredTargetList = computed(() => {\n    const q = targetQuery.value.trim()\n    return q\n      ? targetList.value.filter(item => filterFn.value(q, item))\n      : targetList.value\n  })\n\n  // ==================== 选中态 ====================\n\n  const sourceChecked = reactive(new Set<string | number>())\n  const targetChecked = reactive(new Set<string | number>())\n\n  /** 切换源列表项选中状态 */\n  function toggleSourceCheck(key: string | number) {\n    if (sourceChecked.has(key)) sourceChecked.delete(key)\n    else sourceChecked.add(key)\n  }\n\n  /** 切换目标列表项选中状态 */\n  function toggleTargetCheck(key: string | number) {\n    if (targetChecked.has(key)) targetChecked.delete(key)\n    else targetChecked.add(key)\n  }\n\n  const isSourceAllChecked = computed(\n    () =>\n      filteredSourceList.value.length > 0 &&\n      filteredSourceList.value.every(\n        i => i.disabled || sourceChecked.has(i.key)\n      )\n  )\n  const isSourceIndeterminate = computed(\n    () =>\n      !isSourceAllChecked.value &&\n      filteredSourceList.value.some(i => sourceChecked.has(i.key))\n  )\n  const isTargetAllChecked = computed(\n    () =>\n      filteredTargetList.value.length > 0 &&\n      filteredTargetList.value.every(\n        i => i.disabled || targetChecked.has(i.key)\n      )\n  )\n  const isTargetIndeterminate = computed(\n    () =>\n      !isTargetAllChecked.value &&\n      filteredTargetList.value.some(i => targetChecked.has(i.key))\n  )\n\n  /** 切换源列表全选状态 */\n  function toggleSourceAll(checked: boolean) {\n    for (const item of filteredSourceList.value) {\n      if (item.disabled) continue\n      if (checked) sourceChecked.add(item.key)\n      else sourceChecked.delete(item.key)\n    }\n  }\n\n  /** 切换目标列表全选状态 */\n  function toggleTargetAll(checked: boolean) {\n    for (const item of filteredTargetList.value) {\n      if (item.disabled) continue\n      if (checked) targetChecked.add(item.key)\n      else targetChecked.delete(item.key)\n    }\n  }\n\n  // ==================== 穿梭操作 ====================\n\n  /** 将选中项移至目标列表 */\n  function moveToTarget() {\n    const keys = [...sourceChecked]\n    const newVal = [...props.modelValue, ...keys]\n    emit('update:modelValue', newVal)\n    emit('change', newVal, 'right', keys)\n    sourceChecked.clear()\n  }\n\n  /** 将选中项移回源列表 */\n  function moveToSource() {\n    const keys = [...targetChecked]\n    const removeSet = new Set(keys)\n    const newVal = props.modelValue.filter(k => !removeSet.has(k))\n    emit('update:modelValue', newVal)\n    emit('change', newVal, 'left', keys)\n    targetChecked.clear()\n  }\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n"],"mappings":"0cA+CA,MAAa,EAAiD,CAC5D,OAAQ,CAAC,OAAQ,OAAO,CACxB,WAAY,GACZ,kBAAmB,QACnB,cAAe,GACf,gBAAiB,OACjB,gBAAiB,SACjB,KAAM,SACP,+hCC4IC,IAAM,EAAQ,EAwBR,EAAO,EASP,EAAc,OAAgB,CAAE,GAAG,EAAwB,GAAG,EAAO,EAAC,CAItE,EAAU,MAAe,CAC7B,IAAM,EAAI,IAAI,IACd,IAAK,IAAM,KAAQ,EAAM,KAAM,EAAE,IAAI,EAAK,IAAK,EAAI,CACnD,OAAO,GACR,CAEK,EAAe,MAAe,IAAI,IAAI,EAAM,WAAW,CAAA,CAEvD,EAAa,MACjB,EAAM,KAAK,OAAO,GAAK,CAAC,EAAa,MAAM,IAAI,EAAE,IAAI,CAAA,CACvD,CAEM,EAAa,MAAe,CAChC,IAAM,EAAyB,EAAC,CAChC,IAAK,IAAM,KAAO,EAAM,WAAY,CAClC,IAAM,EAAO,EAAQ,MAAM,IAAI,EAAG,CAC9B,GAAM,EAAO,KAAK,EAAI,CAE5B,OAAO,GACR,CAIK,EAAc,EAAI,GAAE,CACpB,EAAc,EAAI,GAAE,CAG1B,SAAS,EAAc,EAAe,EAA6B,CACjE,OAAO,EAAK,MAAM,aAAa,CAAC,SAAS,EAAM,aAAa,CAAA,CAG9D,IAAM,EAAW,MAAe,EAAM,cAAgB,EAAa,CAE7D,EAAqB,MAAe,CACxC,IAAM,EAAI,EAAY,MAAM,MAAK,CACjC,OAAO,EACH,EAAW,MAAM,OAAO,GAAQ,EAAS,MAAM,EAAG,EAAK,CAAA,CACvD,EAAW,OAChB,CAEK,EAAqB,MAAe,CACxC,IAAM,EAAI,EAAY,MAAM,MAAK,CACjC,OAAO,EACH,EAAW,MAAM,OAAO,GAAQ,EAAS,MAAM,EAAG,EAAK,CAAA,CACvD,EAAW,OAChB,CAIK,EAAgB,EAAS,IAAI,IAAsB,CACnD,EAAgB,EAAS,IAAI,IAAsB,CAGzD,SAAS,EAAkB,EAAsB,CAC3C,EAAc,IAAI,EAAI,CAAE,EAAc,OAAO,EAAG,CAC/C,EAAc,IAAI,EAAG,CAI5B,SAAS,EAAkB,EAAsB,CAC3C,EAAc,IAAI,EAAI,CAAE,EAAc,OAAO,EAAG,CAC/C,EAAc,IAAI,EAAG,CAG5B,IAAM,EAAqB,MAEvB,EAAmB,MAAM,OAAS,GAClC,EAAmB,MAAM,MACvB,GAAK,EAAE,UAAY,EAAc,IAAI,EAAE,IAAG,CAC5C,CACJ,CACM,GAAwB,MAE1B,CAAC,EAAmB,OACpB,EAAmB,MAAM,KAAK,GAAK,EAAc,IAAI,EAAE,IAAI,CAAA,CAC/D,CACM,EAAqB,MAEvB,EAAmB,MAAM,OAAS,GAClC,EAAmB,MAAM,MACvB,GAAK,EAAE,UAAY,EAAc,IAAI,EAAE,IAAG,CAC5C,CACJ,CACM,EAAwB,MAE1B,CAAC,EAAmB,OACpB,EAAmB,MAAM,KAAK,GAAK,EAAc,IAAI,EAAE,IAAI,CAAA,CAC/D,CAGA,SAAS,GAAgB,EAAkB,CACzC,IAAK,IAAM,KAAQ,EAAmB,MAChC,EAAK,WACL,EAAS,EAAc,IAAI,EAAK,IAAG,CAClC,EAAc,OAAO,EAAK,IAAG,EAKtC,SAAS,GAAgB,EAAkB,CACzC,IAAK,IAAM,KAAQ,EAAmB,MAChC,EAAK,WACL,EAAS,EAAc,IAAI,EAAK,IAAG,CAClC,EAAc,OAAO,EAAK,IAAG,EAOtC,SAAS,IAAe,CACtB,IAAM,EAAO,CAAC,GAAG,EAAa,CACxB,EAAS,CAAC,GAAG,EAAM,WAAY,GAAG,EAAI,CAC5C,EAAK,oBAAqB,EAAM,CAChC,EAAK,SAAU,EAAQ,QAAS,EAAI,CACpC,EAAc,OAAM,CAItB,SAAS,IAAe,CACtB,IAAM,EAAO,CAAC,GAAG,EAAa,CACxB,EAAY,IAAI,IAAI,EAAI,CACxB,EAAS,EAAM,WAAW,OAAO,GAAK,CAAC,EAAU,IAAI,EAAE,CAAA,CAC7D,EAAK,oBAAqB,EAAM,CAChC,EAAK,SAAU,EAAQ,OAAQ,EAAI,CACnC,EAAc,OAAM,sCCjWtB,EAmLM,MAAA,CAlLJ,MAAK,EAAA,CAAC,aAAY,CAAA,MACH,EAAA,MAAY,OAAI,CAAA,CAAA,CAAA,CAAA,CAE/B,EAAA,mDAAuD,CACvD,EA2EM,MA3EN,GA2EM,CA1EJ,EAkBM,MAlBN,GAkBM,CAhBI,EAAA,MAAY,eAAA,GAAA,CADpB,EAOY,EAAA,OALT,QAAS,EAAA,MACT,cAAe,GAAA,MACf,mBAAgB,mBAEY,CAAA,EAAA,EAA1B,EAAA,MAAY,SAAM,GAAA,CAAA,EAAA,CAAA,CAAA,2CAEvB,EAKO,OALP,GAKO,EADF,EAAA,MAAY,SAAM,GAAA,CAAA,EAAA,EAEvB,EAEC,OAFD,GAEC,EADK,EAAc,KAAI,CAAG,MAAG,EAAG,EAAA,MAAW,OAAM,CAAA,EAAA,CAAA,CAAA,CAK5C,EAAA,MAAY,YAAA,GAAA,CADpB,EAcM,MAdN,GAcM,CAVJ,EASS,EAAA,CARC,MAAO,EAAA,iCAAA,EAAW,MAAA,EAC1B,UAAA,GACA,KAAK,QACJ,YAAa,EAAA,MAAY,oBAEf,OAAM,MACc,CAA7B,EAA6B,EAAA,CAArB,KAAK,cAAa,CAAA,CAAA,CAAA,iDAMxB,EAAA,MAAmB,QAAA,GAAA,CAD3B,EA+BM,MA/BN,GA+BM,EAAA,EAAA,GAAA,CA3BJ,EA0BW,EAAA,KAAA,EAzBM,EAAA,MAAR,QAGP,EAqBM,MAAA,KAvBA,EAAK,IAGT,MAAK,EAAA,CAAC,mBAAkB,eACe,EAAK,sBAAsC,EAAc,IAAI,EAAK,IAAA,IAIxG,QAAK,GAAA,CAAG,EAAK,UAAY,EAAkB,EAAK,IAAA,GAEjD,EAME,EAAA,CALC,QAAS,EAAc,IAAI,EAAK,IAAG,CACnC,SAAU,EAAK,SAChB,KAAK,QACJ,mBAAc,GAAE,EAAkB,EAAK,IAAG,CAC1C,QAAK,AAAA,EAAA,KAAA,MAAN,GAAW,CAAA,OAAA,CAAA,oDAGL,EAAK,MAAA,GAAA,CADb,EAIE,EAAA,OAFC,KAAM,EAAK,KACZ,MAAM,wDAER,EAA4D,OAA5D,EAA4D,EAApB,EAAK,MAAK,CAAA,EAAA,wBAIxD,EAKM,MALN,EAKM,EADD,EAAA,MAAY,gBAAe,CAAA,EAAA,IAIlC,EAAA,8CAAkD,CAClD,EAiBM,MAjBN,EAiBM,CAhBJ,EAOS,SAAA,CANP,MAAK,EAAA,CAAC,kBAAiB,CAAA,cACE,EAAc,OAAI,EAAA,CAAA,CAAA,CAC1C,SAAU,EAAc,OAAI,EAC5B,QAAO,KAER,EAAmC,EAAA,CAA3B,KAAK,oBAAmB,CAAA,CAAA,CAAA,GAAA,EAAA,CAElC,EAOS,SAAA,CANP,MAAK,EAAA,CAAC,kBAAiB,CAAA,cACE,EAAc,OAAI,EAAA,CAAA,CAAA,CAC1C,SAAU,EAAc,OAAI,EAC5B,QAAO,KAER,EAAkC,EAAA,CAA1B,KAAK,mBAAkB,CAAA,CAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAInC,EAAA,mDAAuD,CACvD,EA2EM,MA3EN,EA2EM,CA1EJ,EAkBM,MAlBN,GAkBM,CAhBI,EAAA,MAAY,eAAA,GAAA,CADpB,EAOY,EAAA,OALT,QAAS,EAAA,MACT,cAAe,EAAA,MACf,mBAAgB,mBAEY,CAAA,EAAA,EAA1B,EAAA,MAAY,SAAM,GAAA,CAAA,EAAA,CAAA,CAAA,2CAEvB,EAKO,OALP,GAKO,EADF,EAAA,MAAY,SAAM,GAAA,CAAA,EAAA,EAEvB,EAEC,OAFD,GAEC,EADK,EAAc,KAAI,CAAG,MAAG,EAAG,EAAA,MAAW,OAAM,CAAA,EAAA,CAAA,CAAA,CAK5C,EAAA,MAAY,YAAA,GAAA,CADpB,EAcM,MAdN,EAcM,CAVJ,EASS,EAAA,CARC,MAAO,EAAA,iCAAA,EAAW,MAAA,EAC1B,UAAA,GACA,KAAK,QACJ,YAAa,EAAA,MAAY,oBAEf,OAAM,MACc,CAA7B,EAA6B,EAAA,CAArB,KAAK,cAAa,CAAA,CAAA,CAAA,iDAMxB,EAAA,MAAmB,QAAA,GAAA,CAD3B,EA+BM,MA/BN,EA+BM,EAAA,EAAA,GAAA,CA3BJ,EA0BW,EAAA,KAAA,EAzBM,EAAA,MAAR,QAGP,EAqBM,MAAA,KAvBA,EAAK,IAGT,MAAK,EAAA,CAAC,mBAAkB,eACe,EAAK,sBAAsC,EAAc,IAAI,EAAK,IAAA,IAIxG,QAAK,GAAA,CAAG,EAAK,UAAY,EAAkB,EAAK,IAAA,GAEjD,EAME,EAAA,CALC,QAAS,EAAc,IAAI,EAAK,IAAG,CACnC,SAAU,EAAK,SAChB,KAAK,QACJ,mBAAc,GAAE,EAAkB,EAAK,IAAG,CAC1C,QAAK,AAAA,EAAA,KAAA,MAAN,GAAW,CAAA,OAAA,CAAA,oDAGL,EAAK,MAAA,GAAA,CADb,EAIE,EAAA,OAFC,KAAM,EAAK,KACZ,MAAM,wDAER,EAA4D,OAA5D,EAA4D,EAApB,EAAK,MAAK,CAAA,EAAA,wBAIxD,EAKM,MALN,EAKM,EADD,EAAA,MAAY,gBAAe,CAAA,EAAA"}

package/dist/{C_Tree-D98nX9qT.css.map → C_Tree-CsXgGfhn.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Tree-D98nX9qT.css","names":[],"sources":["../src/components/C_Tree/index.vue?vue&type=style&index=0&scoped=56828099&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-tree[data-v-56828099] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.c-tree .c-tree-toolbar[data-v-56828099] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  background: #fafafa;\n  border-radius: 6px;\n  margin-bottom: 12px;\n  flex-shrink: 0;\n}\n.c-tree .c-tree-toolbar .toolbar-left .search-input[data-v-56828099] {\n  width: 260px;\n}\n.c-tree .c-tree-toolbar .toolbar-right[data-v-56828099] {\n  display: flex;\n  gap: 8px;\n}\n.c-tree .c-tree-container[data-v-56828099] {\n  flex: 1;\n  min-height: 0;\n  border: 1px solid #e0e0e6;\n  border-radius: 6px;\n  padding: 12px;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(0, 0, 0, 0.12) transparent;\n}\n.c-tree .c-tree-container[data-v-56828099]::-webkit-scrollbar {\n  width: 6px;\n}\n.c-tree .c-tree-container[data-v-56828099]::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.12);\n  border-radius: 3px;\n  transition: background 0.2s;\n}\n.c-tree .c-tree-container[data-v-56828099]::-webkit-scrollbar-thumb:hover {\n  background: rgba(0, 0, 0, 0.25);\n}\n.c-tree .c-tree-container[data-v-56828099]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node {\n  margin-bottom: 4px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-wrapper {\n  padding: 2px 0;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content {\n  padding: 12px 8px;\n  border-radius: 6px;\n  transition: all 0.2s ease;\n  align-items: center;\n  min-height: 44px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content:hover {\n  background-color: #f0f9ff;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content:hover .tree-actions {\n  opacity: 1 !important;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__prefix {\n  margin-right: 0;\n  display: flex;\n  align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__text {\n  flex: 1;\n  display: flex;\n  align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__suffix {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-switcher {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 8px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-switcher .n-tree-node-switcher__icon {\n  font-size: 14px;\n  transition: transform 0.2s ease;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node.n-tree-node--selected .n-tree-node-content {\n  background-color: #e6f3ff;\n  border: 1px solid #1890ff;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node.n-tree-node--disabled .n-tree-node-content {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node-indent {\n  width: 24px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree-node:hover .tree-actions {\n  opacity: 1 !important;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .tree-actions {\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .tree-actions:hover {\n  opacity: 1 !important;\n}\n.c-tree[data-v-56828099] .n-tree-node-content:hover .tree-actions,\n.c-tree[data-v-56828099] .n-tree-node:hover .tree-actions {\n  opacity: 1 !important;\n}\n.c-tree[data-v-56828099] .tree-actions {\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n/* responsive */\n@media (max-width: 768px) {\n.c-tree .c-tree-toolbar[data-v-56828099] {\n    flex-direction: column;\n    gap: 12px;\n}\n.c-tree .c-tree-toolbar .toolbar-left .search-input[data-v-56828099] {\n    width: 100%;\n}\n.c-tree .c-tree-toolbar .toolbar-right[data-v-56828099] {\n    width: 100%;\n    justify-content: center;\n}\n.c-tree[data-v-56828099] .tree-actions {\n    opacity: 1 !important;\n}\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA"}
+{"version":3,"file":"C_Tree-CsXgGfhn.css","names":[],"sources":["../src/components/C_Tree/index.vue?vue&type=style&index=0&scoped=30316c81&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-tree[data-v-30316c81] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.c-tree .c-tree-toolbar[data-v-30316c81] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  background: #fafafa;\n  border-radius: 6px;\n  margin-bottom: 12px;\n  flex-shrink: 0;\n}\n.c-tree .c-tree-toolbar .toolbar-left .search-input[data-v-30316c81] {\n  width: 260px;\n}\n.c-tree .c-tree-toolbar .toolbar-right[data-v-30316c81] {\n  display: flex;\n  gap: 8px;\n}\n.c-tree .c-tree-container[data-v-30316c81] {\n  flex: 1;\n  min-height: 0;\n  border: 1px solid #e0e0e6;\n  border-radius: 6px;\n  padding: 12px;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(0, 0, 0, 0.12) transparent;\n}\n.c-tree .c-tree-container[data-v-30316c81]::-webkit-scrollbar {\n  width: 6px;\n}\n.c-tree .c-tree-container[data-v-30316c81]::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.12);\n  border-radius: 3px;\n  transition: background 0.2s;\n}\n.c-tree .c-tree-container[data-v-30316c81]::-webkit-scrollbar-thumb:hover {\n  background: rgba(0, 0, 0, 0.25);\n}\n.c-tree .c-tree-container[data-v-30316c81]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node {\n  margin-bottom: 4px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-wrapper {\n  padding: 2px 0;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content {\n  padding: 12px 8px;\n  border-radius: 6px;\n  transition: all 0.2s ease;\n  align-items: center;\n  min-height: 44px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content:hover {\n  background-color: #f0f9ff;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content:hover .tree-actions {\n  opacity: 1 !important;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__prefix {\n  margin-right: 0;\n  display: flex;\n  align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__text {\n  flex: 1;\n  display: flex;\n  align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__suffix {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-switcher {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 8px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-switcher .n-tree-node-switcher__icon {\n  font-size: 14px;\n  transition: transform 0.2s ease;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node.n-tree-node--selected .n-tree-node-content {\n  background-color: #e6f3ff;\n  border: 1px solid #1890ff;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node.n-tree-node--disabled .n-tree-node-content {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node-indent {\n  width: 24px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree-node:hover .tree-actions {\n  opacity: 1 !important;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .tree-actions {\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .tree-actions:hover {\n  opacity: 1 !important;\n}\n.c-tree[data-v-30316c81] .n-tree-node-content:hover .tree-actions,\n.c-tree[data-v-30316c81] .n-tree-node:hover .tree-actions {\n  opacity: 1 !important;\n}\n.c-tree[data-v-30316c81] .tree-actions {\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n/* responsive */\n@media (max-width: 768px) {\n.c-tree .c-tree-toolbar[data-v-30316c81] {\n    flex-direction: column;\n    gap: 12px;\n}\n.c-tree .c-tree-toolbar .toolbar-left .search-input[data-v-30316c81] {\n    width: 100%;\n}\n.c-tree .c-tree-toolbar .toolbar-right[data-v-30316c81] {\n    width: 100%;\n    justify-content: center;\n}\n.c-tree[data-v-30316c81] .tree-actions {\n    opacity: 1 !important;\n}\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA"}

package/dist/{C_Tree-ulfm7b-P.css.map → C_Tree-P7eRpnOa.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Tree-ulfm7b-P.css","names":[],"sources":["../src/components/C_Tree/index.vue?vue&type=style&index=0&scoped=56828099&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-tree[data-v-56828099] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.c-tree .c-tree-toolbar[data-v-56828099] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  background: #fafafa;\n  border-radius: 6px;\n  margin-bottom: 12px;\n  flex-shrink: 0;\n}\n.c-tree .c-tree-toolbar .toolbar-left .search-input[data-v-56828099] {\n  width: 260px;\n}\n.c-tree .c-tree-toolbar .toolbar-right[data-v-56828099] {\n  display: flex;\n  gap: 8px;\n}\n.c-tree .c-tree-container[data-v-56828099] {\n  flex: 1;\n  min-height: 0;\n  border: 1px solid #e0e0e6;\n  border-radius: 6px;\n  padding: 12px;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(0, 0, 0, 0.12) transparent;\n}\n.c-tree .c-tree-container[data-v-56828099]::-webkit-scrollbar {\n  width: 6px;\n}\n.c-tree .c-tree-container[data-v-56828099]::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.12);\n  border-radius: 3px;\n  transition: background 0.2s;\n}\n.c-tree .c-tree-container[data-v-56828099]::-webkit-scrollbar-thumb:hover {\n  background: rgba(0, 0, 0, 0.25);\n}\n.c-tree .c-tree-container[data-v-56828099]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node {\n  margin-bottom: 4px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-wrapper {\n  padding: 2px 0;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content {\n  padding: 12px 8px;\n  border-radius: 6px;\n  transition: all 0.2s ease;\n  align-items: center;\n  min-height: 44px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content:hover {\n  background-color: #f0f9ff;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content:hover .tree-actions {\n  opacity: 1 !important;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__prefix {\n  margin-right: 0;\n  display: flex;\n  align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__text {\n  flex: 1;\n  display: flex;\n  align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__suffix {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-switcher {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 8px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-switcher .n-tree-node-switcher__icon {\n  font-size: 14px;\n  transition: transform 0.2s ease;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node.n-tree-node--selected .n-tree-node-content {\n  background-color: #e6f3ff;\n  border: 1px solid #1890ff;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node.n-tree-node--disabled .n-tree-node-content {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node-indent {\n  width: 24px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree-node:hover .tree-actions {\n  opacity: 1 !important;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .tree-actions {\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n.c-tree .c-tree-container .tree-instance[data-v-56828099] .tree-actions:hover {\n  opacity: 1 !important;\n}\n.c-tree[data-v-56828099] .n-tree-node-content:hover .tree-actions,\n.c-tree[data-v-56828099] .n-tree-node:hover .tree-actions {\n  opacity: 1 !important;\n}\n.c-tree[data-v-56828099] .tree-actions {\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n/* responsive */\n@media (max-width: 768px) {\n.c-tree .c-tree-toolbar[data-v-56828099] {\n    flex-direction: column;\n    gap: 12px;\n}\n.c-tree .c-tree-toolbar .toolbar-left .search-input[data-v-56828099] {\n    width: 100%;\n}\n.c-tree .c-tree-toolbar .toolbar-right[data-v-56828099] {\n    width: 100%;\n    justify-content: center;\n}\n.c-tree[data-v-56828099] .tree-actions {\n    opacity: 1 !important;\n}\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA"}
+{"version":3,"file":"C_Tree-P7eRpnOa.css","names":[],"sources":["../src/components/C_Tree/index.vue?vue&type=style&index=0&scoped=30316c81&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-tree[data-v-30316c81] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.c-tree .c-tree-toolbar[data-v-30316c81] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  background: #fafafa;\n  border-radius: 6px;\n  margin-bottom: 12px;\n  flex-shrink: 0;\n}\n.c-tree .c-tree-toolbar .toolbar-left .search-input[data-v-30316c81] {\n  width: 260px;\n}\n.c-tree .c-tree-toolbar .toolbar-right[data-v-30316c81] {\n  display: flex;\n  gap: 8px;\n}\n.c-tree .c-tree-container[data-v-30316c81] {\n  flex: 1;\n  min-height: 0;\n  border: 1px solid #e0e0e6;\n  border-radius: 6px;\n  padding: 12px;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(0, 0, 0, 0.12) transparent;\n}\n.c-tree .c-tree-container[data-v-30316c81]::-webkit-scrollbar {\n  width: 6px;\n}\n.c-tree .c-tree-container[data-v-30316c81]::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.12);\n  border-radius: 3px;\n  transition: background 0.2s;\n}\n.c-tree .c-tree-container[data-v-30316c81]::-webkit-scrollbar-thumb:hover {\n  background: rgba(0, 0, 0, 0.25);\n}\n.c-tree .c-tree-container[data-v-30316c81]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node {\n  margin-bottom: 4px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-wrapper {\n  padding: 2px 0;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content {\n  padding: 12px 8px;\n  border-radius: 6px;\n  transition: all 0.2s ease;\n  align-items: center;\n  min-height: 44px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content:hover {\n  background-color: #f0f9ff;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content:hover .tree-actions {\n  opacity: 1 !important;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__prefix {\n  margin-right: 0;\n  display: flex;\n  align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__text {\n  flex: 1;\n  display: flex;\n  align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__suffix {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-switcher {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 8px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-switcher .n-tree-node-switcher__icon {\n  font-size: 14px;\n  transition: transform 0.2s ease;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node.n-tree-node--selected .n-tree-node-content {\n  background-color: #e6f3ff;\n  border: 1px solid #1890ff;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node.n-tree-node--disabled .n-tree-node-content {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node-indent {\n  width: 24px;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree-node:hover .tree-actions {\n  opacity: 1 !important;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .tree-actions {\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n.c-tree .c-tree-container .tree-instance[data-v-30316c81] .tree-actions:hover {\n  opacity: 1 !important;\n}\n.c-tree[data-v-30316c81] .n-tree-node-content:hover .tree-actions,\n.c-tree[data-v-30316c81] .n-tree-node:hover .tree-actions {\n  opacity: 1 !important;\n}\n.c-tree[data-v-30316c81] .tree-actions {\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n/* responsive */\n@media (max-width: 768px) {\n.c-tree .c-tree-toolbar[data-v-30316c81] {\n    flex-direction: column;\n    gap: 12px;\n}\n.c-tree .c-tree-toolbar .toolbar-left .search-input[data-v-30316c81] {\n    width: 100%;\n}\n.c-tree .c-tree-toolbar .toolbar-right[data-v-30316c81] {\n    width: 100%;\n    justify-content: center;\n}\n.c-tree[data-v-30316c81] .tree-actions {\n    opacity: 1 !important;\n}\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA"}

package/dist/C_Tree.css

@@ -1,9 +1,9 @@
-/* unplugin-vue-components disabled */.c-tree[data-v-56828099] {
+/* unplugin-vue-components disabled */.c-tree[data-v-30316c81] {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.c-tree .c-tree-toolbar[data-v-56828099] {
+.c-tree .c-tree-toolbar[data-v-30316c81] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -13,14 +13,14 @@
   margin-bottom: 12px;
   flex-shrink: 0;
 }
-.c-tree .c-tree-toolbar .toolbar-left .search-input[data-v-56828099] {
+.c-tree .c-tree-toolbar .toolbar-left .search-input[data-v-30316c81] {
   width: 260px;
 }
-.c-tree .c-tree-toolbar .toolbar-right[data-v-56828099] {
+.c-tree .c-tree-toolbar .toolbar-right[data-v-30316c81] {
   display: flex;
   gap: 8px;
 }
-.c-tree .c-tree-container[data-v-56828099] {
+.c-tree .c-tree-container[data-v-30316c81] {
   flex: 1;
   min-height: 0;
   border: 1px solid #e0e0e6;
@@ -30,56 +30,56 @@
   scrollbar-width: thin;
   scrollbar-color: rgba(0, 0, 0, 0.12) transparent;
 }
-.c-tree .c-tree-container[data-v-56828099]::-webkit-scrollbar {
+.c-tree .c-tree-container[data-v-30316c81]::-webkit-scrollbar {
   width: 6px;
 }
-.c-tree .c-tree-container[data-v-56828099]::-webkit-scrollbar-thumb {
+.c-tree .c-tree-container[data-v-30316c81]::-webkit-scrollbar-thumb {
   background: rgba(0, 0, 0, 0.12);
   border-radius: 3px;
   transition: background 0.2s;
 }
-.c-tree .c-tree-container[data-v-56828099]::-webkit-scrollbar-thumb:hover {
+.c-tree .c-tree-container[data-v-30316c81]::-webkit-scrollbar-thumb:hover {
   background: rgba(0, 0, 0, 0.25);
 }
-.c-tree .c-tree-container[data-v-56828099]::-webkit-scrollbar-track {
+.c-tree .c-tree-container[data-v-30316c81]::-webkit-scrollbar-track {
   background: transparent;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node {
   margin-bottom: 4px;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-wrapper {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-wrapper {
   padding: 2px 0;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content {
   padding: 12px 8px;
   border-radius: 6px;
   transition: all 0.2s ease;
   align-items: center;
   min-height: 44px;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content:hover {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content:hover {
   background-color: #f0f9ff;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content:hover .tree-actions {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content:hover .tree-actions {
   opacity: 1 !important;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__prefix {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__prefix {
   margin-right: 0;
   display: flex;
   align-items: center;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__text {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__text {
   flex: 1;
   display: flex;
   align-items: center;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__suffix {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__suffix {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-switcher {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-switcher {
   width: 24px;
   height: 24px;
   display: flex;
@@ -87,56 +87,56 @@
   justify-content: center;
   margin-right: 8px;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node .n-tree-node-switcher .n-tree-node-switcher__icon {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node .n-tree-node-switcher .n-tree-node-switcher__icon {
   font-size: 14px;
   transition: transform 0.2s ease;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node.n-tree-node--selected .n-tree-node-content {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node.n-tree-node--selected .n-tree-node-content {
   background-color: #e6f3ff;
   border: 1px solid #1890ff;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node.n-tree-node--disabled .n-tree-node-content {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node.n-tree-node--disabled .n-tree-node-content {
   opacity: 0.6;
   cursor: not-allowed;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree .n-tree-node-indent {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree .n-tree-node-indent {
   width: 24px;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .n-tree-node:hover .tree-actions {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .n-tree-node:hover .tree-actions {
   opacity: 1 !important;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .tree-actions {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .tree-actions {
   opacity: 0;
   transition: opacity 0.2s ease;
 }
-.c-tree .c-tree-container .tree-instance[data-v-56828099] .tree-actions:hover {
+.c-tree .c-tree-container .tree-instance[data-v-30316c81] .tree-actions:hover {
   opacity: 1 !important;
 }
-.c-tree[data-v-56828099] .n-tree-node-content:hover .tree-actions,
-.c-tree[data-v-56828099] .n-tree-node:hover .tree-actions {
+.c-tree[data-v-30316c81] .n-tree-node-content:hover .tree-actions,
+.c-tree[data-v-30316c81] .n-tree-node:hover .tree-actions {
   opacity: 1 !important;
 }
-.c-tree[data-v-56828099] .tree-actions {
+.c-tree[data-v-30316c81] .tree-actions {
   opacity: 0;
   transition: opacity 0.2s ease-in-out;
 }
 
 /* responsive */
 @media (max-width: 768px) {
-.c-tree .c-tree-toolbar[data-v-56828099] {
+.c-tree .c-tree-toolbar[data-v-30316c81] {
     flex-direction: column;
     gap: 12px;
 }
-.c-tree .c-tree-toolbar .toolbar-left .search-input[data-v-56828099] {
+.c-tree .c-tree-toolbar .toolbar-left .search-input[data-v-30316c81] {
     width: 100%;
 }
-.c-tree .c-tree-toolbar .toolbar-right[data-v-56828099] {
+.c-tree .c-tree-toolbar .toolbar-right[data-v-30316c81] {
     width: 100%;
     justify-content: center;
 }
-.c-tree[data-v-56828099] .tree-actions {
+.c-tree[data-v-30316c81] .tree-actions {
     opacity: 1 !important;
 }
 }
 
-/*# sourceMappingURL=C_Tree-D98nX9qT.css.map*/
+/*# sourceMappingURL=C_Tree-CsXgGfhn.css.map*/

package/dist/C_Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Tree.js","names":["C_Icon","NTag","NPopconfirm","NButton","NSpace"],"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_Tree.js","names":["C_Icon","NTag","NPopconfirm","NButton","NSpace","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_Tree2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,h as u,isRef as d,openBlock as f,ref as p,renderSlot as m,toDisplayString as h,unref as g,withCtx as _}from"vue";import{NButton as v,NInput as y,NPopconfirm as b,NSpace as x,NTag as S,NTree as C}from"naive-ui";const w={menu:{draggable:!0,showLine:!0,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:!1,showLine:!1,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:!1,showLine:!0,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:{}};function T(t,r){let i=p(``),a=p(t.defaultExpandedKeys??[]),o=p(t.defaultSelectedKeys??[]),s=p(t.defaultExpandAll??!1),c=n(()=>t.keyField??`id`),l=n(()=>t.labelField??`name`),d=n(()=>t.childrenField??`children`),f=n(()=>t.iconField??`icon`),m=n(()=>{let e=w[t.mode??`custom`]||{};return{...e,...t,iconConfig:{...e.iconConfig,...t.iconConfig},actions:t.actions?.length?t.actions:e.actions||[]}}),h=n(()=>t.data),g=n(()=>t.searchPattern||i.value),_=n(()=>{if(o.value.length===0)return null;let e=(t,n)=>{for(let r of t){if(r[c.value]===n)return r;if(r[d.value]){let t=e(r[d.value],n);if(t)return t}}return null};return e(t.data,o.value[0])}),y=e=>{let t=[];return e.forEach(e=>{t.push(e[c.value]),e[d.value]&&t.push(...y(e[d.value]))}),t},C=e=>{let t=m.value.iconConfig;return e[f.value]?e[f.value]:e.type&&t.typeMap?.[e.type]?t.typeMap[e.type]:t.default||`mdi:circle-outline`},T=e=>{let t=m.value.iconConfig;return e.type&&t.colorMap?.[e.type]?t.colorMap[e.type]:`currentColor`},E=({option:t})=>{let n=t;return u(e,{name:C(n),size:18,color:T(n),class:`mr-3 flex-shrink-0`})},D=({option:e})=>{let n=e,r=t.statusConfigs?.map(e=>{let t=n[e.field],r=e.values[t];return r?.text?u(S,{type:r.type,size:`small`,class:`ml-2`,style:{fontSize:`12px`}},{default:()=>r.text}):null}).filter(Boolean)||[];return u(`div`,{class:`flex items-center flex-1 min-w-0 py-1`,style:{lineHeight:`1.5`}},[u(`span`,{class:`mr-3 font-medium text-sm`},n[l.value]),...r])},O=({option:t})=>{let n=t,r=(m.value.actions||[]).filter(e=>!e.show||e.show(n)).map(t=>{let r={size:`tiny`,type:t.type||`default`,secondary:!0,style:{padding:`4px 6px`,minWidth:`24px`,height:`24px`},onClick:e=>{e.stopPropagation(),N(t.key,n)}},i=u(e,{name:t.icon,size:12,title:t.text});return t.confirm?u(b,{onPositiveClick:()=>N(t.key,n)},{trigger:()=>u(v,{...r,onClick:e=>e.stopPropagation()},{icon:()=>i}),default:()=>t.confirm}):u(v,r,{icon:()=>i})});return u(`div`,{class:`tree-actions`,style:{display:`flex`,alignItems:`center`,marginLeft:`8px`,opacity:`0`,transition:`opacity 0.2s ease`}},[u(x,{size:4},{default:()=>r})])},k=()=>{s.value?(a.value=[],s.value=!1):(a.value=y(t.data),s.value=!0)},A=e=>{a.value=e,s.value=e.length===y(t.data).length},j=e=>{o.value=e,r(`node-select`,_.value,e)},M=e=>r(`node-drop`,e),N=(e,t)=>{e===`add`?r(`add`,t):r(`node-action`,e,t)};return{internalSearchPattern:i,expandedKeys:a,selectedKeys:o,isAllExpanded:s,treeData:h,currentSearchPattern:g,renderPrefix:E,renderLabel:D,renderSuffix:O,toggleExpandAll:k,handleExpandedKeysChange:A,handleSelectedKeysChange:j,handleDrop:M,handleAdd:()=>r(`add`),handleRefresh:()=>r(`refresh`),expose:{expandAll:()=>{a.value=y(t.data),s.value=!0},collapseAll:()=>{a.value=[],s.value=!1},selectNode:e=>{o.value=[e]},getSelectedNode:()=>_.value,expandedKeys:a,selectedKeys:o}}}const E={class:`c-tree`},D={key:0,class:`c-tree-toolbar`},O={class:`toolbar-left`},k={class:`toolbar-right`},A={class:`c-tree-container`};var j=t(l({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:!0},searchPlaceholder:{default:`搜索...`},draggable:{type:Boolean,default:!1},showLine:{type:Boolean,default:!0},showToolbar:{type:Boolean,default:!0},addable:{type:Boolean,default:!0},addText:{default:`新增`},refreshable:{type:Boolean,default:!0},iconField:{default:`icon`},iconConfig:{default:()=>({default:`mdi:circle-outline`,typeMap:{},colorMap:{}})},statusConfigs:{default:()=>[]},actions:{default:()=>[]},defaultExpandAll:{type:Boolean,default:!1},defaultExpandedKeys:{default:()=>[]},defaultSelectedKeys:{default:()=>[]}},emits:[`node-select`,`node-action`,`node-drop`,`add`,`refresh`],setup(t,{expose:n,emit:l}){let{internalSearchPattern:u,expandedKeys:p,selectedKeys:b,isAllExpanded:x,treeData:S,currentSearchPattern:w,renderPrefix:j,renderLabel:M,renderSuffix:N,toggleExpandAll:P,handleExpandedKeysChange:F,handleSelectedKeysChange:I,handleDrop:L,handleAdd:R,handleRefresh:z,expose:B}=T(t,l);return n(B),(t,n)=>(f(),a(`div`,E,[t.showToolbar?(f(),a(`div`,D,[o(`div`,O,[t.searchable?(f(),r(g(y),{key:0,value:g(u),"onUpdate:value":n[0]||=e=>d(u)?u.value=e:null,placeholder:t.searchPlaceholder,clearable:``,class:`search-input`},{prefix:_(()=>[c(e,{name:`mdi:magnify`,size:16})]),_:1},8,[`value`,`placeholder`])):i(`v-if`,!0)]),o(`div`,k,[m(t.$slots,`toolbar-actions`,{},()=>[t.addable?(f(),r(g(v),{key:0,type:`primary`,onClick:n[1]||=e=>g(R)()},{icon:_(()=>[c(e,{name:`mdi:plus`,size:16})]),default:_(()=>[s(` `+h(t.addText),1)]),_:1})):i(`v-if`,!0),c(g(v),{onClick:g(P)},{icon:_(()=>[c(e,{name:`mdi:file-tree`,size:16})]),default:_(()=>[s(` `+h(g(x)?`收起全部`:`展开全部`),1)]),_:1},8,[`onClick`]),t.refreshable?(f(),r(g(v),{key:1,onClick:g(z)},{icon:_(()=>[c(e,{name:`mdi:refresh`,size:16})]),default:_(()=>[n[2]||=s(` 刷新 `,-1)]),_:1,__:[2]},8,[`onClick`])):i(`v-if`,!0)],!0)])])):i(`v-if`,!0),o(`div`,A,[c(g(C),{data:g(S),pattern:g(w),"expanded-keys":g(p),"selected-keys":g(b),draggable:t.draggable,"show-line":t.showLine,"render-prefix":g(j),"render-suffix":g(N),"render-label":g(M),"key-field":t.keyField,"label-field":t.labelField,"children-field":t.childrenField,"onUpdate:expandedKeys":g(F),"onUpdate:selectedKeys":g(I),onDrop:g(L),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`])])]))}}),[[`__scopeId`,`data-v-56828099`]]);export{T as n,w as r,j as t};
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{NButton as n,NInput as r,NPopconfirm as i,NSpace as a,NTag as o,NTree as s}from"naive-ui";import{computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createTextVNode as p,createVNode as m,defineComponent as h,h as g,isRef as _,openBlock as v,ref as y,renderSlot as b,toDisplayString as x,unref as S,withCtx as C}from"vue";const w={menu:{draggable:!0,showLine:!0,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:!1,showLine:!1,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:!1,showLine:!0,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:{}};function T(t,r){let s=y(``),l=y(t.defaultExpandedKeys??[]),u=y(t.defaultSelectedKeys??[]),d=y(t.defaultExpandAll??!1),f=c(()=>t.keyField??`id`),p=c(()=>t.labelField??`name`),m=c(()=>t.childrenField??`children`),h=c(()=>t.iconField??`icon`),_=c(()=>{let e=w[t.mode??`custom`]||{};return{...e,...t,iconConfig:{...e.iconConfig,...t.iconConfig},actions:t.actions?.length?t.actions:e.actions||[]}}),v=c(()=>t.data),b=c(()=>t.searchPattern||s.value),x=c(()=>{if(u.value.length===0)return null;let e=(t,n)=>{for(let r of t){if(r[f.value]===n)return r;if(r[m.value]){let t=e(r[m.value],n);if(t)return t}}return null};return e(t.data,u.value[0])}),S=e=>{let t=[];return e.forEach(e=>{t.push(e[f.value]),e[m.value]&&t.push(...S(e[m.value]))}),t},C=e=>{let t=_.value.iconConfig;return e[h.value]?e[h.value]:e.type&&t.typeMap?.[e.type]?t.typeMap[e.type]:t.default||`mdi:circle-outline`},T=e=>{let t=_.value.iconConfig;return e.type&&t.colorMap?.[e.type]?t.colorMap[e.type]:`currentColor`},E=({option:t})=>{let n=t;return g(e,{name:C(n),size:18,color:T(n),class:`mr-3 flex-shrink-0`})},D=({option:e})=>{let n=e,r=t.statusConfigs?.map(e=>{let t=n[e.field],r=e.values[t];return r?.text?g(o,{type:r.type,size:`small`,class:`ml-2`,style:{fontSize:`12px`}},{default:()=>r.text}):null}).filter(Boolean)||[];return g(`div`,{class:`flex items-center flex-1 min-w-0 py-1`,style:{lineHeight:`1.5`}},[g(`span`,{class:`mr-3 font-medium text-sm`},n[p.value]),...r])},O=({option:t})=>{let r=t,o=(_.value.actions||[]).filter(e=>!e.show||e.show(r)).map(t=>{let a={size:`tiny`,type:t.type||`default`,secondary:!0,style:{padding:`4px 6px`,minWidth:`24px`,height:`24px`},onClick:e=>{e.stopPropagation(),N(t.key,r)}},o=g(e,{name:t.icon,size:12,title:t.text});return t.confirm?g(i,{onPositiveClick:()=>N(t.key,r)},{trigger:()=>g(n,{...a,onClick:e=>e.stopPropagation()},{icon:()=>o}),default:()=>t.confirm}):g(n,a,{icon:()=>o})});return g(`div`,{class:`tree-actions`,style:{display:`flex`,alignItems:`center`,marginLeft:`8px`,opacity:`0`,transition:`opacity 0.2s ease`}},[g(a,{size:4},{default:()=>o})])},k=()=>{d.value?(l.value=[],d.value=!1):(l.value=S(t.data),d.value=!0)},A=e=>{l.value=e,d.value=e.length===S(t.data).length},j=e=>{u.value=e,r(`node-select`,x.value,e)},M=e=>r(`node-drop`,e),N=(e,t)=>{e===`add`?r(`add`,t):r(`node-action`,e,t)};return{internalSearchPattern:s,expandedKeys:l,selectedKeys:u,isAllExpanded:d,treeData:v,currentSearchPattern:b,renderPrefix:E,renderLabel:D,renderSuffix:O,toggleExpandAll:k,handleExpandedKeysChange:A,handleSelectedKeysChange:j,handleDrop:M,handleAdd:()=>r(`add`),handleRefresh:()=>r(`refresh`),expose:{expandAll:()=>{l.value=S(t.data),d.value=!0},collapseAll:()=>{l.value=[],d.value=!1},selectNode:e=>{u.value=[e]},getSelectedNode:()=>x.value,expandedKeys:l,selectedKeys:u}}}const E={class:`c-tree`},D={key:0,class:`c-tree-toolbar`},O={class:`toolbar-left`},k={class:`toolbar-right`},A={class:`c-tree-container`};var j=t(h({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:!0},searchPlaceholder:{default:`搜索...`},draggable:{type:Boolean,default:!1},showLine:{type:Boolean,default:!0},showToolbar:{type:Boolean,default:!0},addable:{type:Boolean,default:!0},addText:{default:`新增`},refreshable:{type:Boolean,default:!0},iconField:{default:`icon`},iconConfig:{default:()=>({default:`mdi:circle-outline`,typeMap:{},colorMap:{}})},statusConfigs:{default:()=>[]},actions:{default:()=>[]},defaultExpandAll:{type:Boolean,default:!1},defaultExpandedKeys:{default:()=>[]},defaultSelectedKeys:{default:()=>[]}},emits:[`node-select`,`node-action`,`node-drop`,`add`,`refresh`],setup(t,{expose:i,emit:a}){let{internalSearchPattern:o,expandedKeys:c,selectedKeys:h,isAllExpanded:g,treeData:y,currentSearchPattern:w,renderPrefix:j,renderLabel:M,renderSuffix:N,toggleExpandAll:P,handleExpandedKeysChange:F,handleSelectedKeysChange:I,handleDrop:L,handleAdd:R,handleRefresh:z,expose:B}=T(t,a);return i(B),(t,i)=>(v(),d(`div`,E,[t.showToolbar?(v(),d(`div`,D,[f(`div`,O,[t.searchable?(v(),l(S(r),{key:0,value:S(o),"onUpdate:value":i[0]||=e=>_(o)?o.value=e:null,placeholder:t.searchPlaceholder,clearable:``,class:`search-input`},{prefix:C(()=>[m(e,{name:`mdi:magnify`,size:16})]),_:1},8,[`value`,`placeholder`])):u(`v-if`,!0)]),f(`div`,k,[b(t.$slots,`toolbar-actions`,{},()=>[t.addable?(v(),l(S(n),{key:0,type:`primary`,onClick:i[1]||=e=>S(R)()},{icon:C(()=>[m(e,{name:`mdi:plus`,size:16})]),default:C(()=>[p(` `+x(t.addText),1)]),_:1})):u(`v-if`,!0),m(S(n),{onClick:S(P)},{icon:C(()=>[m(e,{name:`mdi:file-tree`,size:16})]),default:C(()=>[p(` `+x(S(g)?`收起全部`:`展开全部`),1)]),_:1},8,[`onClick`]),t.refreshable?(v(),l(S(n),{key:1,onClick:S(z)},{icon:C(()=>[m(e,{name:`mdi:refresh`,size:16})]),default:C(()=>[i[2]||=p(` 刷新 `,-1)]),_:1,__:[2]},8,[`onClick`])):u(`v-if`,!0)],!0)])])):u(`v-if`,!0),f(`div`,A,[m(S(s),{data:S(y),pattern:S(w),"expanded-keys":S(c),"selected-keys":S(h),draggable:t.draggable,"show-line":t.showLine,"render-prefix":S(j),"render-suffix":S(N),"render-label":S(M),"key-field":t.keyField,"label-field":t.labelField,"children-field":t.childrenField,"onUpdate:expandedKeys":S(F),"onUpdate:selectedKeys":S(I),onDrop:S(L),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`])])]))}}),[[`__scopeId`,`data-v-30316c81`]]);export{T as n,w as r,j as t};
 //# sourceMappingURL=C_Tree2.js.map