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

package/dist/C_Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Timeline.js","names":[],"sources":["../src/components/C_Timeline/types.ts","../src/components/C_Timeline/index.vue"],"sourcesContent":["/**\n * @Description: 时间线组件类型定义\n */\n\n/** 单条时间线节点 */\nexport interface TimelineItem {\n  /** 唯一标识 */\n  id: string | number\n  /** 标题 */\n  title: string\n  /** 描述内容（支持 HTML 字符串） */\n  content?: string\n  /** 时间标签 */\n  time?: string\n  /** 节点颜色（CSS 颜色值） */\n  color?: string\n  /** 节点图标（Iconify 图标名） */\n  icon?: string\n  /** 节点状态 */\n  status?: 'default' | 'success' | 'warning' | 'error' | 'info'\n  /** 是否可展开/折叠详情 */\n  collapsible?: boolean\n  /** 初始是否展开 */\n  defaultExpanded?: boolean\n  /** 附加标签组 */\n  tags?: Array<{ text: string; type?: string }>\n  /** 自定义额外数据 */\n  extra?: Record<string, unknown>\n}\n\n/** 组件 Props */\nexport interface TimelineProps {\n  /** 时间线数据 */\n  items: TimelineItem[]\n  /** 布局方向 */\n  mode?: 'vertical' | 'horizontal'\n  /** 垂直模式下时间标签位置 */\n  labelPlacement?: 'left' | 'right' | 'alternate'\n  /** 是否显示尾部加载更多指示 */\n  pending?: boolean\n  /** 加载更多文案 */\n  pendingText?: string\n  /** 是否反转排列（最新在前） */\n  reverse?: boolean\n  /** 节点大小 */\n  size?: 'small' | 'medium' | 'large'\n  /** 连接线样式 */\n  lineType?: 'solid' | 'dashed' | 'dotted'\n  /** 是否显示时间标签 */\n  showTime?: boolean\n}\n\n/** 默认 Props */\nexport const DEFAULT_TIMELINE_PROPS = {\n  mode: 'vertical' as const,\n  labelPlacement: 'right' as const,\n  pending: false,\n  pendingText: '加载中...',\n  reverse: false,\n  size: 'medium' as const,\n  lineType: 'solid' as const,\n  showTime: true,\n}\n\n/** 状态 → 颜色映射 */\nexport const STATUS_COLOR_MAP: Record<string, string> = {\n  default: '',\n  success: '#18a058',\n  warning: '#f0a020',\n  error: '#d03050',\n  info: '#2080f0',\n}\n","<!--\n * @Description: 时间线组件 — 支持垂直/水平布局、自定义节点、可折叠详情\n-->\n<template>\n  <div\n    :class=\"rootClasses\"\n    role=\"list\"\n  >\n    <div\n      v-for=\"(item, idx) in displayItems\"\n      :key=\"item.id\"\n      class=\"c-timeline__item\"\n      role=\"listitem\"\n    >\n      <!-- 轨道区：圆点 + 连接线 -->\n      <div class=\"c-timeline__track\">\n        <span\n          :class=\"['c-timeline__dot', item.icon ? 'is-icon' : 'is-dot']\"\n          :style=\"dotStyle(item)\"\n        >\n          <slot\n            name=\"dot\"\n            :item=\"item\"\n            :index=\"idx\"\n          >\n            <C_Icon\n              v-if=\"item.icon\"\n              :name=\"item.icon\"\n            />\n          </slot>\n        </span>\n        <!-- 连接线：最后一项不渲染 -->\n        <span\n          v-if=\"idx < displayItems.length - 1\"\n          class=\"c-timeline__line\"\n        />\n      </div>\n\n      <!-- 内容区 -->\n      <div class=\"c-timeline__body\">\n        <div\n          class=\"c-timeline__header\"\n          @click=\"emit('item-click', item, idx)\"\n        >\n          <slot\n            name=\"title\"\n            :item=\"item\"\n            :index=\"idx\"\n          >\n            <span class=\"c-timeline__title\">{{ item.title }}</span>\n          </slot>\n          <span\n            v-if=\"props.showTime && item.time\"\n            class=\"c-timeline__time\"\n            >{{ item.time }}</span\n          >\n        </div>\n\n        <div\n          v-if=\"item.tags?.length\"\n          class=\"c-timeline__tags\"\n        >\n          <span\n            v-for=\"tag in item.tags\"\n            :key=\"tag.text\"\n            class=\"c-timeline__tag\"\n            >{{ tag.text }}</span\n          >\n        </div>\n\n        <div\n          v-if=\"item.content && (!item.collapsible || expandedMap[item.id])\"\n          :class=\"[\n            'c-timeline__detail',\n            item.collapsible\n              ? expandedMap[item.id]\n                ? 'is-expanded'\n                : 'is-collapsed'\n              : 'is-expanded',\n          ]\"\n        >\n          <div\n            class=\"c-timeline__content\"\n            v-html=\"item.content\"\n          />\n        </div>\n\n        <span\n          v-if=\"item.collapsible\"\n          :class=\"[\n            'c-timeline__collapse-trigger',\n            { 'is-expanded': expandedMap[item.id] },\n          ]\"\n          @click=\"toggleExpand(item)\"\n        >\n          {{ expandedMap[item.id] ? '收起' : '展开详情' }}\n          <C_Icon\n            name=\"mdi:chevron-down\"\n            class=\"collapse-arrow\"\n          />\n        </span>\n      </div>\n    </div>\n\n    <!-- Pending 加载指示 -->\n    <div\n      v-if=\"props.pending\"\n      class=\"c-timeline__pending\"\n    >\n      <span class=\"pending-dot\" />\n      <span>{{ props.pendingText }}</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_TIMELINE_PROPS,\n    STATUS_COLOR_MAP,\n    type TimelineProps,\n    type TimelineItem,\n  } from './types'\n\n  defineOptions({ name: 'C_Timeline' })\n\n  const props = withDefaults(defineProps<TimelineProps>(), {\n    items: () => [],\n    mode: DEFAULT_TIMELINE_PROPS.mode,\n    labelPlacement: DEFAULT_TIMELINE_PROPS.labelPlacement,\n    pending: DEFAULT_TIMELINE_PROPS.pending,\n    pendingText: DEFAULT_TIMELINE_PROPS.pendingText,\n    reverse: DEFAULT_TIMELINE_PROPS.reverse,\n    size: DEFAULT_TIMELINE_PROPS.size,\n    lineType: DEFAULT_TIMELINE_PROPS.lineType,\n    showTime: DEFAULT_TIMELINE_PROPS.showTime,\n  })\n\n  const emit = defineEmits<{\n    (e: 'item-click', item: TimelineItem, index: number): void\n    (e: 'expand', item: TimelineItem, expanded: boolean): void\n  }>()\n\n  // ===== 展开状态 =====\n  const expandedMap = ref<Record<string | number, boolean>>({})\n\n  // 初始化展开状态\n  watch(\n    () => props.items,\n    items => {\n      items.forEach(item => {\n        if (item.collapsible && !(item.id in expandedMap.value)) {\n          expandedMap.value[item.id] = item.defaultExpanded ?? false\n        }\n      })\n    },\n    { immediate: true }\n  )\n\n  const toggleExpand = (item: TimelineItem) => {\n    const next = !expandedMap.value[item.id]\n    expandedMap.value[item.id] = next\n    emit('expand', item, next)\n  }\n\n  // ===== 排列顺序 =====\n  const displayItems = computed(() =>\n    props.reverse ? [...props.items].reverse() : props.items\n  )\n\n  // ===== 根类 =====\n  const rootClasses = computed(() => [\n    'c-timeline',\n    `is-${props.mode}`,\n    `is-${props.size}`,\n    `is-line-${props.lineType}`,\n    `is-label-${props.labelPlacement}`,\n  ])\n\n  // ===== 节点颜色 =====\n  const dotStyle = (item: TimelineItem) => {\n    const color =\n      item.color || STATUS_COLOR_MAP[item.status || 'default'] || undefined\n    if (item.icon) {\n      return { color, borderColor: color || undefined }\n    }\n    return {\n      background: color || undefined,\n      boxShadow: color ? `0 0 0 2px ${color}` : undefined,\n    }\n  }\n\n  // ===== 暴露 =====\n  defineExpose({\n    /** 展开全部 */\n    expandAll: () => {\n      props.items.forEach(item => {\n        if (item.collapsible) expandedMap.value[item.id] = true\n      })\n    },\n    /** 折叠全部 */\n    collapseAll: () => {\n      props.items.forEach(item => {\n        if (item.collapsible) expandedMap.value[item.id] = false\n      })\n    },\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_Timeline.js","names":[],"sources":["../src/components/C_Timeline/types.ts","../src/components/C_Timeline/index.vue","../src/components/C_Timeline/index.vue"],"sourcesContent":["/**\n * @Description: 时间线组件类型定义\n */\n\n/** 单条时间线节点 */\nexport interface TimelineItem {\n  /** 唯一标识 */\n  id: string | number\n  /** 标题 */\n  title: string\n  /** 描述内容（支持 HTML 字符串） */\n  content?: string\n  /** 时间标签 */\n  time?: string\n  /** 节点颜色（CSS 颜色值） */\n  color?: string\n  /** 节点图标（Iconify 图标名） */\n  icon?: string\n  /** 节点状态 */\n  status?: 'default' | 'success' | 'warning' | 'error' | 'info'\n  /** 是否可展开/折叠详情 */\n  collapsible?: boolean\n  /** 初始是否展开 */\n  defaultExpanded?: boolean\n  /** 附加标签组 */\n  tags?: Array<{ text: string; type?: string }>\n  /** 自定义额外数据 */\n  extra?: Record<string, unknown>\n}\n\n/** 组件 Props */\nexport interface TimelineProps {\n  /** 时间线数据 */\n  items: TimelineItem[]\n  /** 布局方向 */\n  mode?: 'vertical' | 'horizontal'\n  /** 垂直模式下时间标签位置 */\n  labelPlacement?: 'left' | 'right' | 'alternate'\n  /** 是否显示尾部加载更多指示 */\n  pending?: boolean\n  /** 加载更多文案 */\n  pendingText?: string\n  /** 是否反转排列（最新在前） */\n  reverse?: boolean\n  /** 节点大小 */\n  size?: 'small' | 'medium' | 'large'\n  /** 连接线样式 */\n  lineType?: 'solid' | 'dashed' | 'dotted'\n  /** 是否显示时间标签 */\n  showTime?: boolean\n}\n\n/** 默认 Props */\nexport const DEFAULT_TIMELINE_PROPS = {\n  mode: 'vertical' as const,\n  labelPlacement: 'right' as const,\n  pending: false,\n  pendingText: '加载中...',\n  reverse: false,\n  size: 'medium' as const,\n  lineType: 'solid' as const,\n  showTime: true,\n}\n\n/** 状态 → 颜色映射 */\nexport const STATUS_COLOR_MAP: Record<string, string> = {\n  default: '',\n  success: '#18a058',\n  warning: '#f0a020',\n  error: '#d03050',\n  info: '#2080f0',\n}\n","<!--\n * @Description: 时间线组件 — 支持垂直/水平布局、自定义节点、可折叠详情\n-->\n<template>\n  <div\n    :class=\"rootClasses\"\n    role=\"list\"\n  >\n    <div\n      v-for=\"(item, idx) in displayItems\"\n      :key=\"item.id\"\n      class=\"c-timeline__item\"\n      role=\"listitem\"\n    >\n      <!-- 轨道区：圆点 + 连接线 -->\n      <div class=\"c-timeline__track\">\n        <span\n          :class=\"['c-timeline__dot', item.icon ? 'is-icon' : 'is-dot']\"\n          :style=\"dotStyle(item)\"\n        >\n          <slot\n            name=\"dot\"\n            :item=\"item\"\n            :index=\"idx\"\n          >\n            <C_Icon\n              v-if=\"item.icon\"\n              :name=\"item.icon\"\n            />\n          </slot>\n        </span>\n        <!-- 连接线：最后一项不渲染 -->\n        <span\n          v-if=\"idx < displayItems.length - 1\"\n          class=\"c-timeline__line\"\n        />\n      </div>\n\n      <!-- 内容区 -->\n      <div class=\"c-timeline__body\">\n        <div\n          class=\"c-timeline__header\"\n          @click=\"emit('item-click', item, idx)\"\n        >\n          <slot\n            name=\"title\"\n            :item=\"item\"\n            :index=\"idx\"\n          >\n            <span class=\"c-timeline__title\">{{ item.title }}</span>\n          </slot>\n          <span\n            v-if=\"props.showTime && item.time\"\n            class=\"c-timeline__time\"\n            >{{ item.time }}</span\n          >\n        </div>\n\n        <div\n          v-if=\"item.tags?.length\"\n          class=\"c-timeline__tags\"\n        >\n          <span\n            v-for=\"tag in item.tags\"\n            :key=\"tag.text\"\n            class=\"c-timeline__tag\"\n            >{{ tag.text }}</span\n          >\n        </div>\n\n        <div\n          v-if=\"item.content && (!item.collapsible || expandedMap[item.id])\"\n          :class=\"[\n            'c-timeline__detail',\n            item.collapsible\n              ? expandedMap[item.id]\n                ? 'is-expanded'\n                : 'is-collapsed'\n              : 'is-expanded',\n          ]\"\n        >\n          <div\n            class=\"c-timeline__content\"\n            v-html=\"item.content\"\n          />\n        </div>\n\n        <span\n          v-if=\"item.collapsible\"\n          :class=\"[\n            'c-timeline__collapse-trigger',\n            { 'is-expanded': expandedMap[item.id] },\n          ]\"\n          @click=\"toggleExpand(item)\"\n        >\n          {{ expandedMap[item.id] ? '收起' : '展开详情' }}\n          <C_Icon\n            name=\"mdi:chevron-down\"\n            class=\"collapse-arrow\"\n          />\n        </span>\n      </div>\n    </div>\n\n    <!-- Pending 加载指示 -->\n    <div\n      v-if=\"props.pending\"\n      class=\"c-timeline__pending\"\n    >\n      <span class=\"pending-dot\" />\n      <span>{{ props.pendingText }}</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_TIMELINE_PROPS,\n    STATUS_COLOR_MAP,\n    type TimelineProps,\n    type TimelineItem,\n  } from './types'\n\n  defineOptions({ name: 'C_Timeline' })\n\n  const props = withDefaults(defineProps<TimelineProps>(), {\n    items: () => [],\n    mode: DEFAULT_TIMELINE_PROPS.mode,\n    labelPlacement: DEFAULT_TIMELINE_PROPS.labelPlacement,\n    pending: DEFAULT_TIMELINE_PROPS.pending,\n    pendingText: DEFAULT_TIMELINE_PROPS.pendingText,\n    reverse: DEFAULT_TIMELINE_PROPS.reverse,\n    size: DEFAULT_TIMELINE_PROPS.size,\n    lineType: DEFAULT_TIMELINE_PROPS.lineType,\n    showTime: DEFAULT_TIMELINE_PROPS.showTime,\n  })\n\n  const emit = defineEmits<{\n    (e: 'item-click', item: TimelineItem, index: number): void\n    (e: 'expand', item: TimelineItem, expanded: boolean): void\n  }>()\n\n  // ===== 展开状态 =====\n  const expandedMap = ref<Record<string | number, boolean>>({})\n\n  // 初始化展开状态\n  watch(\n    () => props.items,\n    items => {\n      items.forEach(item => {\n        if (item.collapsible && !(item.id in expandedMap.value)) {\n          expandedMap.value[item.id] = item.defaultExpanded ?? false\n        }\n      })\n    },\n    { immediate: true }\n  )\n\n  const toggleExpand = (item: TimelineItem) => {\n    const next = !expandedMap.value[item.id]\n    expandedMap.value[item.id] = next\n    emit('expand', item, next)\n  }\n\n  // ===== 排列顺序 =====\n  const displayItems = computed(() =>\n    props.reverse ? [...props.items].reverse() : props.items\n  )\n\n  // ===== 根类 =====\n  const rootClasses = computed(() => [\n    'c-timeline',\n    `is-${props.mode}`,\n    `is-${props.size}`,\n    `is-line-${props.lineType}`,\n    `is-label-${props.labelPlacement}`,\n  ])\n\n  // ===== 节点颜色 =====\n  const dotStyle = (item: TimelineItem) => {\n    const color =\n      item.color || STATUS_COLOR_MAP[item.status || 'default'] || undefined\n    if (item.icon) {\n      return { color, borderColor: color || undefined }\n    }\n    return {\n      background: color || undefined,\n      boxShadow: color ? `0 0 0 2px ${color}` : undefined,\n    }\n  }\n\n  // ===== 暴露 =====\n  defineExpose({\n    /** 展开全部 */\n    expandAll: () => {\n      props.items.forEach(item => {\n        if (item.collapsible) expandedMap.value[item.id] = true\n      })\n    },\n    /** 折叠全部 */\n    collapseAll: () => {\n      props.items.forEach(item => {\n        if (item.collapsible) expandedMap.value[item.id] = false\n      })\n    },\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=\"rootClasses\"\n    role=\"list\"\n  >\n    <div\n      v-for=\"(item, idx) in displayItems\"\n      :key=\"item.id\"\n      class=\"c-timeline__item\"\n      role=\"listitem\"\n    >\n      <!-- 轨道区：圆点 + 连接线 -->\n      <div class=\"c-timeline__track\">\n        <span\n          :class=\"['c-timeline__dot', item.icon ? 'is-icon' : 'is-dot']\"\n          :style=\"dotStyle(item)\"\n        >\n          <slot\n            name=\"dot\"\n            :item=\"item\"\n            :index=\"idx\"\n          >\n            <C_Icon\n              v-if=\"item.icon\"\n              :name=\"item.icon\"\n            />\n          </slot>\n        </span>\n        <!-- 连接线：最后一项不渲染 -->\n        <span\n          v-if=\"idx < displayItems.length - 1\"\n          class=\"c-timeline__line\"\n        />\n      </div>\n\n      <!-- 内容区 -->\n      <div class=\"c-timeline__body\">\n        <div\n          class=\"c-timeline__header\"\n          @click=\"emit('item-click', item, idx)\"\n        >\n          <slot\n            name=\"title\"\n            :item=\"item\"\n            :index=\"idx\"\n          >\n            <span class=\"c-timeline__title\">{{ item.title }}</span>\n          </slot>\n          <span\n            v-if=\"props.showTime && item.time\"\n            class=\"c-timeline__time\"\n            >{{ item.time }}</span\n          >\n        </div>\n\n        <div\n          v-if=\"item.tags?.length\"\n          class=\"c-timeline__tags\"\n        >\n          <span\n            v-for=\"tag in item.tags\"\n            :key=\"tag.text\"\n            class=\"c-timeline__tag\"\n            >{{ tag.text }}</span\n          >\n        </div>\n\n        <div\n          v-if=\"item.content && (!item.collapsible || expandedMap[item.id])\"\n          :class=\"[\n            'c-timeline__detail',\n            item.collapsible\n              ? expandedMap[item.id]\n                ? 'is-expanded'\n                : 'is-collapsed'\n              : 'is-expanded',\n          ]\"\n        >\n          <div\n            class=\"c-timeline__content\"\n            v-html=\"item.content\"\n          />\n        </div>\n\n        <span\n          v-if=\"item.collapsible\"\n          :class=\"[\n            'c-timeline__collapse-trigger',\n            { 'is-expanded': expandedMap[item.id] },\n          ]\"\n          @click=\"toggleExpand(item)\"\n        >\n          {{ expandedMap[item.id] ? '收起' : '展开详情' }}\n          <C_Icon\n            name=\"mdi:chevron-down\"\n            class=\"collapse-arrow\"\n          />\n        </span>\n      </div>\n    </div>\n\n    <!-- Pending 加载指示 -->\n    <div\n      v-if=\"props.pending\"\n      class=\"c-timeline__pending\"\n    >\n      <span class=\"pending-dot\" />\n      <span>{{ props.pendingText }}</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_TIMELINE_PROPS,\n    STATUS_COLOR_MAP,\n    type TimelineProps,\n    type TimelineItem,\n  } from './types'\n\n  defineOptions({ name: 'C_Timeline' })\n\n  const props = withDefaults(defineProps<TimelineProps>(), {\n    items: () => [],\n    mode: DEFAULT_TIMELINE_PROPS.mode,\n    labelPlacement: DEFAULT_TIMELINE_PROPS.labelPlacement,\n    pending: DEFAULT_TIMELINE_PROPS.pending,\n    pendingText: DEFAULT_TIMELINE_PROPS.pendingText,\n    reverse: DEFAULT_TIMELINE_PROPS.reverse,\n    size: DEFAULT_TIMELINE_PROPS.size,\n    lineType: DEFAULT_TIMELINE_PROPS.lineType,\n    showTime: DEFAULT_TIMELINE_PROPS.showTime,\n  })\n\n  const emit = defineEmits<{\n    (e: 'item-click', item: TimelineItem, index: number): void\n    (e: 'expand', item: TimelineItem, expanded: boolean): void\n  }>()\n\n  // ===== 展开状态 =====\n  const expandedMap = ref<Record<string | number, boolean>>({})\n\n  // 初始化展开状态\n  watch(\n    () => props.items,\n    items => {\n      items.forEach(item => {\n        if (item.collapsible && !(item.id in expandedMap.value)) {\n          expandedMap.value[item.id] = item.defaultExpanded ?? false\n        }\n      })\n    },\n    { immediate: true }\n  )\n\n  const toggleExpand = (item: TimelineItem) => {\n    const next = !expandedMap.value[item.id]\n    expandedMap.value[item.id] = next\n    emit('expand', item, next)\n  }\n\n  // ===== 排列顺序 =====\n  const displayItems = computed(() =>\n    props.reverse ? [...props.items].reverse() : props.items\n  )\n\n  // ===== 根类 =====\n  const rootClasses = computed(() => [\n    'c-timeline',\n    `is-${props.mode}`,\n    `is-${props.size}`,\n    `is-line-${props.lineType}`,\n    `is-label-${props.labelPlacement}`,\n  ])\n\n  // ===== 节点颜色 =====\n  const dotStyle = (item: TimelineItem) => {\n    const color =\n      item.color || STATUS_COLOR_MAP[item.status || 'default'] || undefined\n    if (item.icon) {\n      return { color, borderColor: color || undefined }\n    }\n    return {\n      background: color || undefined,\n      boxShadow: color ? `0 0 0 2px ${color}` : undefined,\n    }\n  }\n\n  // ===== 暴露 =====\n  defineExpose({\n    /** 展开全部 */\n    expandAll: () => {\n      props.items.forEach(item => {\n        if (item.collapsible) expandedMap.value[item.id] = true\n      })\n    },\n    /** 折叠全部 */\n    collapseAll: () => {\n      props.items.forEach(item => {\n        if (item.collapsible) expandedMap.value[item.id] = false\n      })\n    },\n  })\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n"],"mappings":"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"}

package/dist/C_Timeline2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,normalizeClass as d,normalizeStyle as f,openBlock as p,ref as m,renderList as h,renderSlot as g,toDisplayString as _,watch as v}from"vue";const y={mode:`vertical`,labelPlacement:`right`,pending:!1,pendingText:`加载中...`,reverse:!1,size:`medium`,lineType:`solid`,showTime:!0},b={default:``,success:`#18a058`,warning:`#f0a020`,error:`#d03050`,info:`#2080f0`},x={class:`c-timeline__track`},S={key:0,class:`c-timeline__line`},C={class:`c-timeline__body`},w=[`onClick`],T={class:`c-timeline__title`},E={key:0,class:`c-timeline__time`},D={key:0,class:`c-timeline__tags`},O=[`innerHTML`],k=[`onClick`],A={key:0,class:`c-timeline__pending`};var j=t(u({name:`C_Timeline`,__name:`index`,props:{items:{default:()=>[]},mode:{default:y.mode},labelPlacement:{default:y.labelPlacement},pending:{type:Boolean,default:y.pending},pendingText:{default:y.pendingText},reverse:{type:Boolean,default:y.reverse},size:{default:y.size},lineType:{default:y.lineType},showTime:{type:Boolean,default:y.showTime}},emits:[`item-click`,`expand`],setup(t,{expose:u,emit:y}){let j=t,M=y,N=m({});v(()=>j.items,e=>{e.forEach(e=>{e.collapsible&&!(e.id in N.value)&&(N.value[e.id]=e.defaultExpanded??!1)})},{immediate:!0});let P=e=>{let t=!N.value[e.id];N.value[e.id]=t,M(`expand`,e,t)},F=r(()=>j.reverse?[...j.items].reverse():j.items),I=r(()=>[`c-timeline`,`is-${j.mode}`,`is-${j.size}`,`is-line-${j.lineType}`,`is-label-${j.labelPlacement}`]),L=e=>{let t=e.color||b[e.status||`default`]||void 0;return e.icon?{color:t,borderColor:t||void 0}:{background:t||void 0,boxShadow:t?`0 0 0 2px ${t}`:void 0}};return u({expandAll:()=>{j.items.forEach(e=>{e.collapsible&&(N.value[e.id]=!0)})},collapseAll:()=>{j.items.forEach(e=>{e.collapsible&&(N.value[e.id]=!1)})}}),(t,r)=>(p(),o(`div`,{class:d(I.value),role:`list`},[(p(!0),o(n,null,h(F.value,(r,u)=>(p(),o(`div`,{key:r.id,class:`c-timeline__item`,role:`listitem`},[a(` 轨道区：圆点 + 连接线 `),s(`div`,x,[s(`span`,{class:d([`c-timeline__dot`,r.icon?`is-icon`:`is-dot`]),style:f(L(r))},[g(t.$slots,`dot`,{item:r,index:u},()=>[r.icon?(p(),i(e,{key:0,name:r.icon},null,8,[`name`])):a(`v-if`,!0)],!0)],6),a(` 连接线：最后一项不渲染 `),u<F.value.length-1?(p(),o(`span`,S)):a(`v-if`,!0)]),a(` 内容区 `),s(`div`,C,[s(`div`,{class:`c-timeline__header`,onClick:e=>M(`item-click`,r,u)},[g(t.$slots,`title`,{item:r,index:u},()=>[s(`span`,T,_(r.title),1)],!0),j.showTime&&r.time?(p(),o(`span`,E,_(r.time),1)):a(`v-if`,!0)],8,w),r.tags?.length?(p(),o(`div`,D,[(p(!0),o(n,null,h(r.tags,e=>(p(),o(`span`,{key:e.text,class:`c-timeline__tag`},_(e.text),1))),128))])):a(`v-if`,!0),r.content&&(!r.collapsible||N.value[r.id])?(p(),o(`div`,{key:1,class:d([`c-timeline__detail`,r.collapsible?N.value[r.id]?`is-expanded`:`is-collapsed`:`is-expanded`])},[s(`div`,{class:`c-timeline__content`,innerHTML:r.content},null,8,O)],2)):a(`v-if`,!0),r.collapsible?(p(),o(`span`,{key:2,class:d([`c-timeline__collapse-trigger`,{"is-expanded":N.value[r.id]}]),onClick:e=>P(r)},[c(_(N.value[r.id]?`收起`:`展开详情`)+` `,1),l(e,{name:`mdi:chevron-down`,class:`collapse-arrow`})],10,k)):a(`v-if`,!0)])]))),128)),a(` Pending 加载指示 `),j.pending?(p(),o(`div`,A,[r[0]||=s(`span`,{class:`pending-dot`},null,-1),s(`span`,null,_(j.pendingText),1)])):a(`v-if`,!0)],2))}}),[[`__scopeId`,`data-v-7e1acecc`]]);export{y as n,b as r,j as t};
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,normalizeClass as d,normalizeStyle as f,openBlock as p,ref as m,renderList as h,renderSlot as g,toDisplayString as _,watch as v}from"vue";const y={mode:`vertical`,labelPlacement:`right`,pending:!1,pendingText:`加载中...`,reverse:!1,size:`medium`,lineType:`solid`,showTime:!0},b={default:``,success:`#18a058`,warning:`#f0a020`,error:`#d03050`,info:`#2080f0`},x={class:`c-timeline__track`},S={key:0,class:`c-timeline__line`},C={class:`c-timeline__body`},w=[`onClick`],T={class:`c-timeline__title`},E={key:0,class:`c-timeline__time`},D={key:0,class:`c-timeline__tags`},O=[`innerHTML`],k=[`onClick`],A={key:0,class:`c-timeline__pending`};var j=t(u({name:`C_Timeline`,__name:`index`,props:{items:{default:()=>[]},mode:{default:y.mode},labelPlacement:{default:y.labelPlacement},pending:{type:Boolean,default:y.pending},pendingText:{default:y.pendingText},reverse:{type:Boolean,default:y.reverse},size:{default:y.size},lineType:{default:y.lineType},showTime:{type:Boolean,default:y.showTime}},emits:[`item-click`,`expand`],setup(t,{expose:u,emit:y}){let j=t,M=y,N=m({});v(()=>j.items,e=>{e.forEach(e=>{e.collapsible&&!(e.id in N.value)&&(N.value[e.id]=e.defaultExpanded??!1)})},{immediate:!0});let P=e=>{let t=!N.value[e.id];N.value[e.id]=t,M(`expand`,e,t)},F=r(()=>j.reverse?[...j.items].reverse():j.items),I=r(()=>[`c-timeline`,`is-${j.mode}`,`is-${j.size}`,`is-line-${j.lineType}`,`is-label-${j.labelPlacement}`]),L=e=>{let t=e.color||b[e.status||`default`]||void 0;return e.icon?{color:t,borderColor:t||void 0}:{background:t||void 0,boxShadow:t?`0 0 0 2px ${t}`:void 0}};return u({expandAll:()=>{j.items.forEach(e=>{e.collapsible&&(N.value[e.id]=!0)})},collapseAll:()=>{j.items.forEach(e=>{e.collapsible&&(N.value[e.id]=!1)})}}),(t,r)=>(p(),o(`div`,{class:d(I.value),role:`list`},[(p(!0),o(n,null,h(F.value,(r,u)=>(p(),o(`div`,{key:r.id,class:`c-timeline__item`,role:`listitem`},[a(` 轨道区：圆点 + 连接线 `),s(`div`,x,[s(`span`,{class:d([`c-timeline__dot`,r.icon?`is-icon`:`is-dot`]),style:f(L(r))},[g(t.$slots,`dot`,{item:r,index:u},()=>[r.icon?(p(),i(e,{key:0,name:r.icon},null,8,[`name`])):a(`v-if`,!0)],!0)],6),a(` 连接线：最后一项不渲染 `),u<F.value.length-1?(p(),o(`span`,S)):a(`v-if`,!0)]),a(` 内容区 `),s(`div`,C,[s(`div`,{class:`c-timeline__header`,onClick:e=>M(`item-click`,r,u)},[g(t.$slots,`title`,{item:r,index:u},()=>[s(`span`,T,_(r.title),1)],!0),j.showTime&&r.time?(p(),o(`span`,E,_(r.time),1)):a(`v-if`,!0)],8,w),r.tags?.length?(p(),o(`div`,D,[(p(!0),o(n,null,h(r.tags,e=>(p(),o(`span`,{key:e.text,class:`c-timeline__tag`},_(e.text),1))),128))])):a(`v-if`,!0),r.content&&(!r.collapsible||N.value[r.id])?(p(),o(`div`,{key:1,class:d([`c-timeline__detail`,r.collapsible?N.value[r.id]?`is-expanded`:`is-collapsed`:`is-expanded`])},[s(`div`,{class:`c-timeline__content`,innerHTML:r.content},null,8,O)],2)):a(`v-if`,!0),r.collapsible?(p(),o(`span`,{key:2,class:d([`c-timeline__collapse-trigger`,{"is-expanded":N.value[r.id]}]),onClick:e=>P(r)},[c(_(N.value[r.id]?`收起`:`展开详情`)+` `,1),l(e,{name:`mdi:chevron-down`,class:`collapse-arrow`})],10,k)):a(`v-if`,!0)])]))),128)),a(` Pending 加载指示 `),j.pending?(p(),o(`div`,A,[r[0]||=s(`span`,{class:`pending-dot`},null,-1),s(`span`,null,_(j.pendingText),1)])):a(`v-if`,!0)],2))}}),[[`__scopeId`,`data-v-3da6d11e`]]);export{y as n,b as r,j as t};
 //# sourceMappingURL=C_Timeline2.js.map

package/dist/C_Timeline2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Timeline2.js","names":[],"sources":["../src/components/C_Timeline/types.ts","../src/components/C_Timeline/index.vue"],"sourcesContent":["/**\n * @Description: 时间线组件类型定义\n */\n\n/** 单条时间线节点 */\nexport interface TimelineItem {\n  /** 唯一标识 */\n  id: string | number\n  /** 标题 */\n  title: string\n  /** 描述内容（支持 HTML 字符串） */\n  content?: string\n  /** 时间标签 */\n  time?: string\n  /** 节点颜色（CSS 颜色值） */\n  color?: string\n  /** 节点图标（Iconify 图标名） */\n  icon?: string\n  /** 节点状态 */\n  status?: 'default' | 'success' | 'warning' | 'error' | 'info'\n  /** 是否可展开/折叠详情 */\n  collapsible?: boolean\n  /** 初始是否展开 */\n  defaultExpanded?: boolean\n  /** 附加标签组 */\n  tags?: Array<{ text: string; type?: string }>\n  /** 自定义额外数据 */\n  extra?: Record<string, unknown>\n}\n\n/** 组件 Props */\nexport interface TimelineProps {\n  /** 时间线数据 */\n  items: TimelineItem[]\n  /** 布局方向 */\n  mode?: 'vertical' | 'horizontal'\n  /** 垂直模式下时间标签位置 */\n  labelPlacement?: 'left' | 'right' | 'alternate'\n  /** 是否显示尾部加载更多指示 */\n  pending?: boolean\n  /** 加载更多文案 */\n  pendingText?: string\n  /** 是否反转排列（最新在前） */\n  reverse?: boolean\n  /** 节点大小 */\n  size?: 'small' | 'medium' | 'large'\n  /** 连接线样式 */\n  lineType?: 'solid' | 'dashed' | 'dotted'\n  /** 是否显示时间标签 */\n  showTime?: boolean\n}\n\n/** 默认 Props */\nexport const DEFAULT_TIMELINE_PROPS = {\n  mode: 'vertical' as const,\n  labelPlacement: 'right' as const,\n  pending: false,\n  pendingText: '加载中...',\n  reverse: false,\n  size: 'medium' as const,\n  lineType: 'solid' as const,\n  showTime: true,\n}\n\n/** 状态 → 颜色映射 */\nexport const STATUS_COLOR_MAP: Record<string, string> = {\n  default: '',\n  success: '#18a058',\n  warning: '#f0a020',\n  error: '#d03050',\n  info: '#2080f0',\n}\n","<!--\n * @Description: 时间线组件 — 支持垂直/水平布局、自定义节点、可折叠详情\n-->\n<template>\n  <div\n    :class=\"rootClasses\"\n    role=\"list\"\n  >\n    <div\n      v-for=\"(item, idx) in displayItems\"\n      :key=\"item.id\"\n      class=\"c-timeline__item\"\n      role=\"listitem\"\n    >\n      <!-- 轨道区：圆点 + 连接线 -->\n      <div class=\"c-timeline__track\">\n        <span\n          :class=\"['c-timeline__dot', item.icon ? 'is-icon' : 'is-dot']\"\n          :style=\"dotStyle(item)\"\n        >\n          <slot\n            name=\"dot\"\n            :item=\"item\"\n            :index=\"idx\"\n          >\n            <C_Icon\n              v-if=\"item.icon\"\n              :name=\"item.icon\"\n            />\n          </slot>\n        </span>\n        <!-- 连接线：最后一项不渲染 -->\n        <span\n          v-if=\"idx < displayItems.length - 1\"\n          class=\"c-timeline__line\"\n        />\n      </div>\n\n      <!-- 内容区 -->\n      <div class=\"c-timeline__body\">\n        <div\n          class=\"c-timeline__header\"\n          @click=\"emit('item-click', item, idx)\"\n        >\n          <slot\n            name=\"title\"\n            :item=\"item\"\n            :index=\"idx\"\n          >\n            <span class=\"c-timeline__title\">{{ item.title }}</span>\n          </slot>\n          <span\n            v-if=\"props.showTime && item.time\"\n            class=\"c-timeline__time\"\n            >{{ item.time }}</span\n          >\n        </div>\n\n        <div\n          v-if=\"item.tags?.length\"\n          class=\"c-timeline__tags\"\n        >\n          <span\n            v-for=\"tag in item.tags\"\n            :key=\"tag.text\"\n            class=\"c-timeline__tag\"\n            >{{ tag.text }}</span\n          >\n        </div>\n\n        <div\n          v-if=\"item.content && (!item.collapsible || expandedMap[item.id])\"\n          :class=\"[\n            'c-timeline__detail',\n            item.collapsible\n              ? expandedMap[item.id]\n                ? 'is-expanded'\n                : 'is-collapsed'\n              : 'is-expanded',\n          ]\"\n        >\n          <div\n            class=\"c-timeline__content\"\n            v-html=\"item.content\"\n          />\n        </div>\n\n        <span\n          v-if=\"item.collapsible\"\n          :class=\"[\n            'c-timeline__collapse-trigger',\n            { 'is-expanded': expandedMap[item.id] },\n          ]\"\n          @click=\"toggleExpand(item)\"\n        >\n          {{ expandedMap[item.id] ? '收起' : '展开详情' }}\n          <C_Icon\n            name=\"mdi:chevron-down\"\n            class=\"collapse-arrow\"\n          />\n        </span>\n      </div>\n    </div>\n\n    <!-- Pending 加载指示 -->\n    <div\n      v-if=\"props.pending\"\n      class=\"c-timeline__pending\"\n    >\n      <span class=\"pending-dot\" />\n      <span>{{ props.pendingText }}</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_TIMELINE_PROPS,\n    STATUS_COLOR_MAP,\n    type TimelineProps,\n    type TimelineItem,\n  } from './types'\n\n  defineOptions({ name: 'C_Timeline' })\n\n  const props = withDefaults(defineProps<TimelineProps>(), {\n    items: () => [],\n    mode: DEFAULT_TIMELINE_PROPS.mode,\n    labelPlacement: DEFAULT_TIMELINE_PROPS.labelPlacement,\n    pending: DEFAULT_TIMELINE_PROPS.pending,\n    pendingText: DEFAULT_TIMELINE_PROPS.pendingText,\n    reverse: DEFAULT_TIMELINE_PROPS.reverse,\n    size: DEFAULT_TIMELINE_PROPS.size,\n    lineType: DEFAULT_TIMELINE_PROPS.lineType,\n    showTime: DEFAULT_TIMELINE_PROPS.showTime,\n  })\n\n  const emit = defineEmits<{\n    (e: 'item-click', item: TimelineItem, index: number): void\n    (e: 'expand', item: TimelineItem, expanded: boolean): void\n  }>()\n\n  // ===== 展开状态 =====\n  const expandedMap = ref<Record<string | number, boolean>>({})\n\n  // 初始化展开状态\n  watch(\n    () => props.items,\n    items => {\n      items.forEach(item => {\n        if (item.collapsible && !(item.id in expandedMap.value)) {\n          expandedMap.value[item.id] = item.defaultExpanded ?? false\n        }\n      })\n    },\n    { immediate: true }\n  )\n\n  const toggleExpand = (item: TimelineItem) => {\n    const next = !expandedMap.value[item.id]\n    expandedMap.value[item.id] = next\n    emit('expand', item, next)\n  }\n\n  // ===== 排列顺序 =====\n  const displayItems = computed(() =>\n    props.reverse ? [...props.items].reverse() : props.items\n  )\n\n  // ===== 根类 =====\n  const rootClasses = computed(() => [\n    'c-timeline',\n    `is-${props.mode}`,\n    `is-${props.size}`,\n    `is-line-${props.lineType}`,\n    `is-label-${props.labelPlacement}`,\n  ])\n\n  // ===== 节点颜色 =====\n  const dotStyle = (item: TimelineItem) => {\n    const color =\n      item.color || STATUS_COLOR_MAP[item.status || 'default'] || undefined\n    if (item.icon) {\n      return { color, borderColor: color || undefined }\n    }\n    return {\n      background: color || undefined,\n      boxShadow: color ? `0 0 0 2px ${color}` : undefined,\n    }\n  }\n\n  // ===== 暴露 =====\n  defineExpose({\n    /** 展开全部 */\n    expandAll: () => {\n      props.items.forEach(item => {\n        if (item.collapsible) expandedMap.value[item.id] = true\n      })\n    },\n    /** 折叠全部 */\n    collapseAll: () => {\n      props.items.forEach(item => {\n        if (item.collapsible) expandedMap.value[item.id] = false\n      })\n    },\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_Timeline2.js","names":[],"sources":["../src/components/C_Timeline/types.ts","../src/components/C_Timeline/index.vue","../src/components/C_Timeline/index.vue"],"sourcesContent":["/**\n * @Description: 时间线组件类型定义\n */\n\n/** 单条时间线节点 */\nexport interface TimelineItem {\n  /** 唯一标识 */\n  id: string | number\n  /** 标题 */\n  title: string\n  /** 描述内容（支持 HTML 字符串） */\n  content?: string\n  /** 时间标签 */\n  time?: string\n  /** 节点颜色（CSS 颜色值） */\n  color?: string\n  /** 节点图标（Iconify 图标名） */\n  icon?: string\n  /** 节点状态 */\n  status?: 'default' | 'success' | 'warning' | 'error' | 'info'\n  /** 是否可展开/折叠详情 */\n  collapsible?: boolean\n  /** 初始是否展开 */\n  defaultExpanded?: boolean\n  /** 附加标签组 */\n  tags?: Array<{ text: string; type?: string }>\n  /** 自定义额外数据 */\n  extra?: Record<string, unknown>\n}\n\n/** 组件 Props */\nexport interface TimelineProps {\n  /** 时间线数据 */\n  items: TimelineItem[]\n  /** 布局方向 */\n  mode?: 'vertical' | 'horizontal'\n  /** 垂直模式下时间标签位置 */\n  labelPlacement?: 'left' | 'right' | 'alternate'\n  /** 是否显示尾部加载更多指示 */\n  pending?: boolean\n  /** 加载更多文案 */\n  pendingText?: string\n  /** 是否反转排列（最新在前） */\n  reverse?: boolean\n  /** 节点大小 */\n  size?: 'small' | 'medium' | 'large'\n  /** 连接线样式 */\n  lineType?: 'solid' | 'dashed' | 'dotted'\n  /** 是否显示时间标签 */\n  showTime?: boolean\n}\n\n/** 默认 Props */\nexport const DEFAULT_TIMELINE_PROPS = {\n  mode: 'vertical' as const,\n  labelPlacement: 'right' as const,\n  pending: false,\n  pendingText: '加载中...',\n  reverse: false,\n  size: 'medium' as const,\n  lineType: 'solid' as const,\n  showTime: true,\n}\n\n/** 状态 → 颜色映射 */\nexport const STATUS_COLOR_MAP: Record<string, string> = {\n  default: '',\n  success: '#18a058',\n  warning: '#f0a020',\n  error: '#d03050',\n  info: '#2080f0',\n}\n","<!--\n * @Description: 时间线组件 — 支持垂直/水平布局、自定义节点、可折叠详情\n-->\n<template>\n  <div\n    :class=\"rootClasses\"\n    role=\"list\"\n  >\n    <div\n      v-for=\"(item, idx) in displayItems\"\n      :key=\"item.id\"\n      class=\"c-timeline__item\"\n      role=\"listitem\"\n    >\n      <!-- 轨道区：圆点 + 连接线 -->\n      <div class=\"c-timeline__track\">\n        <span\n          :class=\"['c-timeline__dot', item.icon ? 'is-icon' : 'is-dot']\"\n          :style=\"dotStyle(item)\"\n        >\n          <slot\n            name=\"dot\"\n            :item=\"item\"\n            :index=\"idx\"\n          >\n            <C_Icon\n              v-if=\"item.icon\"\n              :name=\"item.icon\"\n            />\n          </slot>\n        </span>\n        <!-- 连接线：最后一项不渲染 -->\n        <span\n          v-if=\"idx < displayItems.length - 1\"\n          class=\"c-timeline__line\"\n        />\n      </div>\n\n      <!-- 内容区 -->\n      <div class=\"c-timeline__body\">\n        <div\n          class=\"c-timeline__header\"\n          @click=\"emit('item-click', item, idx)\"\n        >\n          <slot\n            name=\"title\"\n            :item=\"item\"\n            :index=\"idx\"\n          >\n            <span class=\"c-timeline__title\">{{ item.title }}</span>\n          </slot>\n          <span\n            v-if=\"props.showTime && item.time\"\n            class=\"c-timeline__time\"\n            >{{ item.time }}</span\n          >\n        </div>\n\n        <div\n          v-if=\"item.tags?.length\"\n          class=\"c-timeline__tags\"\n        >\n          <span\n            v-for=\"tag in item.tags\"\n            :key=\"tag.text\"\n            class=\"c-timeline__tag\"\n            >{{ tag.text }}</span\n          >\n        </div>\n\n        <div\n          v-if=\"item.content && (!item.collapsible || expandedMap[item.id])\"\n          :class=\"[\n            'c-timeline__detail',\n            item.collapsible\n              ? expandedMap[item.id]\n                ? 'is-expanded'\n                : 'is-collapsed'\n              : 'is-expanded',\n          ]\"\n        >\n          <div\n            class=\"c-timeline__content\"\n            v-html=\"item.content\"\n          />\n        </div>\n\n        <span\n          v-if=\"item.collapsible\"\n          :class=\"[\n            'c-timeline__collapse-trigger',\n            { 'is-expanded': expandedMap[item.id] },\n          ]\"\n          @click=\"toggleExpand(item)\"\n        >\n          {{ expandedMap[item.id] ? '收起' : '展开详情' }}\n          <C_Icon\n            name=\"mdi:chevron-down\"\n            class=\"collapse-arrow\"\n          />\n        </span>\n      </div>\n    </div>\n\n    <!-- Pending 加载指示 -->\n    <div\n      v-if=\"props.pending\"\n      class=\"c-timeline__pending\"\n    >\n      <span class=\"pending-dot\" />\n      <span>{{ props.pendingText }}</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_TIMELINE_PROPS,\n    STATUS_COLOR_MAP,\n    type TimelineProps,\n    type TimelineItem,\n  } from './types'\n\n  defineOptions({ name: 'C_Timeline' })\n\n  const props = withDefaults(defineProps<TimelineProps>(), {\n    items: () => [],\n    mode: DEFAULT_TIMELINE_PROPS.mode,\n    labelPlacement: DEFAULT_TIMELINE_PROPS.labelPlacement,\n    pending: DEFAULT_TIMELINE_PROPS.pending,\n    pendingText: DEFAULT_TIMELINE_PROPS.pendingText,\n    reverse: DEFAULT_TIMELINE_PROPS.reverse,\n    size: DEFAULT_TIMELINE_PROPS.size,\n    lineType: DEFAULT_TIMELINE_PROPS.lineType,\n    showTime: DEFAULT_TIMELINE_PROPS.showTime,\n  })\n\n  const emit = defineEmits<{\n    (e: 'item-click', item: TimelineItem, index: number): void\n    (e: 'expand', item: TimelineItem, expanded: boolean): void\n  }>()\n\n  // ===== 展开状态 =====\n  const expandedMap = ref<Record<string | number, boolean>>({})\n\n  // 初始化展开状态\n  watch(\n    () => props.items,\n    items => {\n      items.forEach(item => {\n        if (item.collapsible && !(item.id in expandedMap.value)) {\n          expandedMap.value[item.id] = item.defaultExpanded ?? false\n        }\n      })\n    },\n    { immediate: true }\n  )\n\n  const toggleExpand = (item: TimelineItem) => {\n    const next = !expandedMap.value[item.id]\n    expandedMap.value[item.id] = next\n    emit('expand', item, next)\n  }\n\n  // ===== 排列顺序 =====\n  const displayItems = computed(() =>\n    props.reverse ? [...props.items].reverse() : props.items\n  )\n\n  // ===== 根类 =====\n  const rootClasses = computed(() => [\n    'c-timeline',\n    `is-${props.mode}`,\n    `is-${props.size}`,\n    `is-line-${props.lineType}`,\n    `is-label-${props.labelPlacement}`,\n  ])\n\n  // ===== 节点颜色 =====\n  const dotStyle = (item: TimelineItem) => {\n    const color =\n      item.color || STATUS_COLOR_MAP[item.status || 'default'] || undefined\n    if (item.icon) {\n      return { color, borderColor: color || undefined }\n    }\n    return {\n      background: color || undefined,\n      boxShadow: color ? `0 0 0 2px ${color}` : undefined,\n    }\n  }\n\n  // ===== 暴露 =====\n  defineExpose({\n    /** 展开全部 */\n    expandAll: () => {\n      props.items.forEach(item => {\n        if (item.collapsible) expandedMap.value[item.id] = true\n      })\n    },\n    /** 折叠全部 */\n    collapseAll: () => {\n      props.items.forEach(item => {\n        if (item.collapsible) expandedMap.value[item.id] = false\n      })\n    },\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=\"rootClasses\"\n    role=\"list\"\n  >\n    <div\n      v-for=\"(item, idx) in displayItems\"\n      :key=\"item.id\"\n      class=\"c-timeline__item\"\n      role=\"listitem\"\n    >\n      <!-- 轨道区：圆点 + 连接线 -->\n      <div class=\"c-timeline__track\">\n        <span\n          :class=\"['c-timeline__dot', item.icon ? 'is-icon' : 'is-dot']\"\n          :style=\"dotStyle(item)\"\n        >\n          <slot\n            name=\"dot\"\n            :item=\"item\"\n            :index=\"idx\"\n          >\n            <C_Icon\n              v-if=\"item.icon\"\n              :name=\"item.icon\"\n            />\n          </slot>\n        </span>\n        <!-- 连接线：最后一项不渲染 -->\n        <span\n          v-if=\"idx < displayItems.length - 1\"\n          class=\"c-timeline__line\"\n        />\n      </div>\n\n      <!-- 内容区 -->\n      <div class=\"c-timeline__body\">\n        <div\n          class=\"c-timeline__header\"\n          @click=\"emit('item-click', item, idx)\"\n        >\n          <slot\n            name=\"title\"\n            :item=\"item\"\n            :index=\"idx\"\n          >\n            <span class=\"c-timeline__title\">{{ item.title }}</span>\n          </slot>\n          <span\n            v-if=\"props.showTime && item.time\"\n            class=\"c-timeline__time\"\n            >{{ item.time }}</span\n          >\n        </div>\n\n        <div\n          v-if=\"item.tags?.length\"\n          class=\"c-timeline__tags\"\n        >\n          <span\n            v-for=\"tag in item.tags\"\n            :key=\"tag.text\"\n            class=\"c-timeline__tag\"\n            >{{ tag.text }}</span\n          >\n        </div>\n\n        <div\n          v-if=\"item.content && (!item.collapsible || expandedMap[item.id])\"\n          :class=\"[\n            'c-timeline__detail',\n            item.collapsible\n              ? expandedMap[item.id]\n                ? 'is-expanded'\n                : 'is-collapsed'\n              : 'is-expanded',\n          ]\"\n        >\n          <div\n            class=\"c-timeline__content\"\n            v-html=\"item.content\"\n          />\n        </div>\n\n        <span\n          v-if=\"item.collapsible\"\n          :class=\"[\n            'c-timeline__collapse-trigger',\n            { 'is-expanded': expandedMap[item.id] },\n          ]\"\n          @click=\"toggleExpand(item)\"\n        >\n          {{ expandedMap[item.id] ? '收起' : '展开详情' }}\n          <C_Icon\n            name=\"mdi:chevron-down\"\n            class=\"collapse-arrow\"\n          />\n        </span>\n      </div>\n    </div>\n\n    <!-- Pending 加载指示 -->\n    <div\n      v-if=\"props.pending\"\n      class=\"c-timeline__pending\"\n    >\n      <span class=\"pending-dot\" />\n      <span>{{ props.pendingText }}</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_TIMELINE_PROPS,\n    STATUS_COLOR_MAP,\n    type TimelineProps,\n    type TimelineItem,\n  } from './types'\n\n  defineOptions({ name: 'C_Timeline' })\n\n  const props = withDefaults(defineProps<TimelineProps>(), {\n    items: () => [],\n    mode: DEFAULT_TIMELINE_PROPS.mode,\n    labelPlacement: DEFAULT_TIMELINE_PROPS.labelPlacement,\n    pending: DEFAULT_TIMELINE_PROPS.pending,\n    pendingText: DEFAULT_TIMELINE_PROPS.pendingText,\n    reverse: DEFAULT_TIMELINE_PROPS.reverse,\n    size: DEFAULT_TIMELINE_PROPS.size,\n    lineType: DEFAULT_TIMELINE_PROPS.lineType,\n    showTime: DEFAULT_TIMELINE_PROPS.showTime,\n  })\n\n  const emit = defineEmits<{\n    (e: 'item-click', item: TimelineItem, index: number): void\n    (e: 'expand', item: TimelineItem, expanded: boolean): void\n  }>()\n\n  // ===== 展开状态 =====\n  const expandedMap = ref<Record<string | number, boolean>>({})\n\n  // 初始化展开状态\n  watch(\n    () => props.items,\n    items => {\n      items.forEach(item => {\n        if (item.collapsible && !(item.id in expandedMap.value)) {\n          expandedMap.value[item.id] = item.defaultExpanded ?? false\n        }\n      })\n    },\n    { immediate: true }\n  )\n\n  const toggleExpand = (item: TimelineItem) => {\n    const next = !expandedMap.value[item.id]\n    expandedMap.value[item.id] = next\n    emit('expand', item, next)\n  }\n\n  // ===== 排列顺序 =====\n  const displayItems = computed(() =>\n    props.reverse ? [...props.items].reverse() : props.items\n  )\n\n  // ===== 根类 =====\n  const rootClasses = computed(() => [\n    'c-timeline',\n    `is-${props.mode}`,\n    `is-${props.size}`,\n    `is-line-${props.lineType}`,\n    `is-label-${props.labelPlacement}`,\n  ])\n\n  // ===== 节点颜色 =====\n  const dotStyle = (item: TimelineItem) => {\n    const color =\n      item.color || STATUS_COLOR_MAP[item.status || 'default'] || undefined\n    if (item.icon) {\n      return { color, borderColor: color || undefined }\n    }\n    return {\n      background: color || undefined,\n      boxShadow: color ? `0 0 0 2px ${color}` : undefined,\n    }\n  }\n\n  // ===== 暴露 =====\n  defineExpose({\n    /** 展开全部 */\n    expandAll: () => {\n      props.items.forEach(item => {\n        if (item.collapsible) expandedMap.value[item.id] = true\n      })\n    },\n    /** 折叠全部 */\n    collapseAll: () => {\n      props.items.forEach(item => {\n        if (item.collapsible) expandedMap.value[item.id] = false\n      })\n    },\n  })\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n"],"mappings":"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"}

package/dist/{C_Transfer-BOB6OBqS.css.map → C_Transfer-B-vjvhjI.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Transfer-BOB6OBqS.css","names":[],"sources":["../src/components/C_Transfer/index.vue?vue&type=style&index=0&scoped=6de1c97f&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//**\n * C_Transfer — 穿梭框组件样式\n * 变量说明：\n *   --tf-border       : 面板边框色\n *   --tf-header-bg    : 标题栏背景\n *   --tf-item-hover   : 列表行悬停色\n *   --tf-accent       : 操作按钮主色\n *   --tf-height       : 面板高度\n */\n.c-transfer[data-v-6de1c97f] {\n  --tf-border: var(--border-color);\n  --tf-header-bg: color-mix(in srgb, var(--primary-color) 6%, var(--card-color));\n  --tf-item-hover: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));\n  --tf-accent: var(--primary-color);\n  --tf-height: 380px;\n  display: flex;\n  align-items: stretch;\n  gap: 16px;\n  user-select: none;\n  /* ======================== Panel ======================== */\n  /* ---- Header ---- */\n  /* ---- Filter ---- */\n  /* ---- List ---- */\n  /* ---- Empty ---- */\n  /* ======================== Actions ======================== */\n  /* ======================== Sizes ======================== */\n  /* ======================== Group divider ======================== */\n}\n.c-transfer__panel[data-v-6de1c97f] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--tf-border);\n  border-radius: 8px;\n  overflow: hidden;\n  background: var(--card-color);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);\n  transition: box-shadow 0.2s;\n}\n.c-transfer__panel[data-v-6de1c97f]:hover {\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);\n}\n.c-transfer__header[data-v-6de1c97f] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  background: var(--tf-header-bg);\n  border-bottom: 1px solid var(--tf-border);\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--text-color-1);\n}\n.c-transfer__count[data-v-6de1c97f] {\n  font-weight: 400;\n  font-size: 12px;\n  color: var(--text-color-3);\n}\n.c-transfer__filter[data-v-6de1c97f] {\n  padding: 8px 10px;\n  border-bottom: 1px solid var(--tf-border);\n}\n.c-transfer__filter .n-input[data-v-6de1c97f] {\n  --n-border: 1px solid var(--tf-border);\n  --n-border-focus: 1px solid var(--tf-accent);\n}\n.c-transfer__list[data-v-6de1c97f] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 4px 0;\n  min-height: 0;\n  max-height: var(--tf-height);\n}\n.c-transfer__item[data-v-6de1c97f] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 14px;\n  cursor: pointer;\n  transition: background 0.15s;\n  font-size: 13px;\n  color: var(--text-color-1);\n}\n.c-transfer__item[data-v-6de1c97f]:hover {\n  background: var(--tf-item-hover);\n}\n.c-transfer__item.is-disabled[data-v-6de1c97f] {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.c-transfer__item.is-disabled[data-v-6de1c97f]:hover {\n  background: transparent;\n}\n.c-transfer__item.is-checked[data-v-6de1c97f] {\n  color: var(--tf-accent);\n  font-weight: 500;\n}\n.c-transfer__item-icon[data-v-6de1c97f] {\n  font-size: 16px;\n  flex-shrink: 0;\n  color: var(--text-color-3);\n}\n.c-transfer__item-label[data-v-6de1c97f] {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-transfer__item-desc[data-v-6de1c97f] {\n  font-size: 11px;\n  color: var(--text-color-3);\n  margin-top: 2px;\n}\n.c-transfer__empty[data-v-6de1c97f] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  color: var(--text-color-3);\n  font-size: 13px;\n  padding: 32px 0;\n}\n.c-transfer__actions[data-v-6de1c97f] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 10px;\n}\n.c-transfer__btn[data-v-6de1c97f] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  border: 1px solid var(--tf-border);\n  background: var(--card-color);\n  color: var(--tf-accent);\n  font-size: 18px;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.c-transfer__btn[data-v-6de1c97f]:hover:not(.is-disabled) {\n  background: var(--tf-accent);\n  color: #fff;\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--tf-accent) 30%, transparent);\n}\n.c-transfer__btn.is-disabled[data-v-6de1c97f] {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n.c-transfer.is-small[data-v-6de1c97f] {\n  --tf-height: 280px;\n}\n.c-transfer.is-small .c-transfer__header[data-v-6de1c97f] {\n  padding: 8px 12px;\n  font-size: 12px;\n}\n.c-transfer.is-small .c-transfer__item[data-v-6de1c97f] {\n  padding: 5px 12px;\n  font-size: 12px;\n}\n.c-transfer.is-small .c-transfer__btn[data-v-6de1c97f] {\n  width: 30px;\n  height: 30px;\n  font-size: 15px;\n}\n.c-transfer.is-large[data-v-6de1c97f] {\n  --tf-height: 480px;\n}\n.c-transfer.is-large .c-transfer__header[data-v-6de1c97f] {\n  padding: 12px 16px;\n  font-size: 14px;\n}\n.c-transfer.is-large .c-transfer__item[data-v-6de1c97f] {\n  padding: 9px 16px;\n  font-size: 14px;\n}\n.c-transfer.is-large .c-transfer__btn[data-v-6de1c97f] {\n  width: 42px;\n  height: 42px;\n  font-size: 20px;\n}\n.c-transfer__group[data-v-6de1c97f] {\n  padding: 6px 14px 4px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--text-color-3);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Transfer-B-vjvhjI.css","names":[],"sources":["../src/components/C_Transfer/index.vue?vue&type=style&index=0&scoped=f51ca797&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//**\n * C_Transfer — 穿梭框组件样式\n * 变量说明：\n *   --tf-border       : 面板边框色\n *   --tf-header-bg    : 标题栏背景\n *   --tf-item-hover   : 列表行悬停色\n *   --tf-accent       : 操作按钮主色\n *   --tf-height       : 面板高度\n */\n.c-transfer[data-v-f51ca797] {\n  --tf-border: var(--border-color);\n  --tf-header-bg: color-mix(in srgb, var(--primary-color) 6%, var(--card-color));\n  --tf-item-hover: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));\n  --tf-accent: var(--primary-color);\n  --tf-height: 380px;\n  display: flex;\n  align-items: stretch;\n  gap: 16px;\n  user-select: none;\n  /* ======================== Panel ======================== */\n  /* ---- Header ---- */\n  /* ---- Filter ---- */\n  /* ---- List ---- */\n  /* ---- Empty ---- */\n  /* ======================== Actions ======================== */\n  /* ======================== Sizes ======================== */\n  /* ======================== Group divider ======================== */\n}\n.c-transfer__panel[data-v-f51ca797] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--tf-border);\n  border-radius: 8px;\n  overflow: hidden;\n  background: var(--card-color);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);\n  transition: box-shadow 0.2s;\n}\n.c-transfer__panel[data-v-f51ca797]:hover {\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);\n}\n.c-transfer__header[data-v-f51ca797] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  background: var(--tf-header-bg);\n  border-bottom: 1px solid var(--tf-border);\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--text-color-1);\n}\n.c-transfer__count[data-v-f51ca797] {\n  font-weight: 400;\n  font-size: 12px;\n  color: var(--text-color-3);\n}\n.c-transfer__filter[data-v-f51ca797] {\n  padding: 8px 10px;\n  border-bottom: 1px solid var(--tf-border);\n}\n.c-transfer__filter .n-input[data-v-f51ca797] {\n  --n-border: 1px solid var(--tf-border);\n  --n-border-focus: 1px solid var(--tf-accent);\n}\n.c-transfer__list[data-v-f51ca797] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 4px 0;\n  min-height: 0;\n  max-height: var(--tf-height);\n}\n.c-transfer__item[data-v-f51ca797] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 14px;\n  cursor: pointer;\n  transition: background 0.15s;\n  font-size: 13px;\n  color: var(--text-color-1);\n}\n.c-transfer__item[data-v-f51ca797]:hover {\n  background: var(--tf-item-hover);\n}\n.c-transfer__item.is-disabled[data-v-f51ca797] {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.c-transfer__item.is-disabled[data-v-f51ca797]:hover {\n  background: transparent;\n}\n.c-transfer__item.is-checked[data-v-f51ca797] {\n  color: var(--tf-accent);\n  font-weight: 500;\n}\n.c-transfer__item-icon[data-v-f51ca797] {\n  font-size: 16px;\n  flex-shrink: 0;\n  color: var(--text-color-3);\n}\n.c-transfer__item-label[data-v-f51ca797] {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-transfer__item-desc[data-v-f51ca797] {\n  font-size: 11px;\n  color: var(--text-color-3);\n  margin-top: 2px;\n}\n.c-transfer__empty[data-v-f51ca797] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  color: var(--text-color-3);\n  font-size: 13px;\n  padding: 32px 0;\n}\n.c-transfer__actions[data-v-f51ca797] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 10px;\n}\n.c-transfer__btn[data-v-f51ca797] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  border: 1px solid var(--tf-border);\n  background: var(--card-color);\n  color: var(--tf-accent);\n  font-size: 18px;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.c-transfer__btn[data-v-f51ca797]:hover:not(.is-disabled) {\n  background: var(--tf-accent);\n  color: #fff;\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--tf-accent) 30%, transparent);\n}\n.c-transfer__btn.is-disabled[data-v-f51ca797] {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n.c-transfer.is-small[data-v-f51ca797] {\n  --tf-height: 280px;\n}\n.c-transfer.is-small .c-transfer__header[data-v-f51ca797] {\n  padding: 8px 12px;\n  font-size: 12px;\n}\n.c-transfer.is-small .c-transfer__item[data-v-f51ca797] {\n  padding: 5px 12px;\n  font-size: 12px;\n}\n.c-transfer.is-small .c-transfer__btn[data-v-f51ca797] {\n  width: 30px;\n  height: 30px;\n  font-size: 15px;\n}\n.c-transfer.is-large[data-v-f51ca797] {\n  --tf-height: 480px;\n}\n.c-transfer.is-large .c-transfer__header[data-v-f51ca797] {\n  padding: 12px 16px;\n  font-size: 14px;\n}\n.c-transfer.is-large .c-transfer__item[data-v-f51ca797] {\n  padding: 9px 16px;\n  font-size: 14px;\n}\n.c-transfer.is-large .c-transfer__btn[data-v-f51ca797] {\n  width: 42px;\n  height: 42px;\n  font-size: 20px;\n}\n.c-transfer__group[data-v-f51ca797] {\n  padding: 6px 14px 4px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--text-color-3);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/{C_Transfer-Dpq7ezWC.css.map → C_Transfer-EzdHzZNv.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Transfer-Dpq7ezWC.css","names":[],"sources":["../src/components/C_Transfer/index.vue?vue&type=style&index=0&scoped=6de1c97f&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//**\n * C_Transfer — 穿梭框组件样式\n * 变量说明：\n *   --tf-border       : 面板边框色\n *   --tf-header-bg    : 标题栏背景\n *   --tf-item-hover   : 列表行悬停色\n *   --tf-accent       : 操作按钮主色\n *   --tf-height       : 面板高度\n */\n.c-transfer[data-v-6de1c97f] {\n  --tf-border: var(--border-color);\n  --tf-header-bg: color-mix(in srgb, var(--primary-color) 6%, var(--card-color));\n  --tf-item-hover: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));\n  --tf-accent: var(--primary-color);\n  --tf-height: 380px;\n  display: flex;\n  align-items: stretch;\n  gap: 16px;\n  user-select: none;\n  /* ======================== Panel ======================== */\n  /* ---- Header ---- */\n  /* ---- Filter ---- */\n  /* ---- List ---- */\n  /* ---- Empty ---- */\n  /* ======================== Actions ======================== */\n  /* ======================== Sizes ======================== */\n  /* ======================== Group divider ======================== */\n}\n.c-transfer__panel[data-v-6de1c97f] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--tf-border);\n  border-radius: 8px;\n  overflow: hidden;\n  background: var(--card-color);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);\n  transition: box-shadow 0.2s;\n}\n.c-transfer__panel[data-v-6de1c97f]:hover {\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);\n}\n.c-transfer__header[data-v-6de1c97f] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  background: var(--tf-header-bg);\n  border-bottom: 1px solid var(--tf-border);\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--text-color-1);\n}\n.c-transfer__count[data-v-6de1c97f] {\n  font-weight: 400;\n  font-size: 12px;\n  color: var(--text-color-3);\n}\n.c-transfer__filter[data-v-6de1c97f] {\n  padding: 8px 10px;\n  border-bottom: 1px solid var(--tf-border);\n}\n.c-transfer__filter .n-input[data-v-6de1c97f] {\n  --n-border: 1px solid var(--tf-border);\n  --n-border-focus: 1px solid var(--tf-accent);\n}\n.c-transfer__list[data-v-6de1c97f] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 4px 0;\n  min-height: 0;\n  max-height: var(--tf-height);\n}\n.c-transfer__item[data-v-6de1c97f] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 14px;\n  cursor: pointer;\n  transition: background 0.15s;\n  font-size: 13px;\n  color: var(--text-color-1);\n}\n.c-transfer__item[data-v-6de1c97f]:hover {\n  background: var(--tf-item-hover);\n}\n.c-transfer__item.is-disabled[data-v-6de1c97f] {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.c-transfer__item.is-disabled[data-v-6de1c97f]:hover {\n  background: transparent;\n}\n.c-transfer__item.is-checked[data-v-6de1c97f] {\n  color: var(--tf-accent);\n  font-weight: 500;\n}\n.c-transfer__item-icon[data-v-6de1c97f] {\n  font-size: 16px;\n  flex-shrink: 0;\n  color: var(--text-color-3);\n}\n.c-transfer__item-label[data-v-6de1c97f] {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-transfer__item-desc[data-v-6de1c97f] {\n  font-size: 11px;\n  color: var(--text-color-3);\n  margin-top: 2px;\n}\n.c-transfer__empty[data-v-6de1c97f] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  color: var(--text-color-3);\n  font-size: 13px;\n  padding: 32px 0;\n}\n.c-transfer__actions[data-v-6de1c97f] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 10px;\n}\n.c-transfer__btn[data-v-6de1c97f] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  border: 1px solid var(--tf-border);\n  background: var(--card-color);\n  color: var(--tf-accent);\n  font-size: 18px;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.c-transfer__btn[data-v-6de1c97f]:hover:not(.is-disabled) {\n  background: var(--tf-accent);\n  color: #fff;\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--tf-accent) 30%, transparent);\n}\n.c-transfer__btn.is-disabled[data-v-6de1c97f] {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n.c-transfer.is-small[data-v-6de1c97f] {\n  --tf-height: 280px;\n}\n.c-transfer.is-small .c-transfer__header[data-v-6de1c97f] {\n  padding: 8px 12px;\n  font-size: 12px;\n}\n.c-transfer.is-small .c-transfer__item[data-v-6de1c97f] {\n  padding: 5px 12px;\n  font-size: 12px;\n}\n.c-transfer.is-small .c-transfer__btn[data-v-6de1c97f] {\n  width: 30px;\n  height: 30px;\n  font-size: 15px;\n}\n.c-transfer.is-large[data-v-6de1c97f] {\n  --tf-height: 480px;\n}\n.c-transfer.is-large .c-transfer__header[data-v-6de1c97f] {\n  padding: 12px 16px;\n  font-size: 14px;\n}\n.c-transfer.is-large .c-transfer__item[data-v-6de1c97f] {\n  padding: 9px 16px;\n  font-size: 14px;\n}\n.c-transfer.is-large .c-transfer__btn[data-v-6de1c97f] {\n  width: 42px;\n  height: 42px;\n  font-size: 20px;\n}\n.c-transfer__group[data-v-6de1c97f] {\n  padding: 6px 14px 4px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--text-color-3);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Transfer-EzdHzZNv.css","names":[],"sources":["../src/components/C_Transfer/index.vue?vue&type=style&index=0&scoped=f51ca797&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//**\n * C_Transfer — 穿梭框组件样式\n * 变量说明：\n *   --tf-border       : 面板边框色\n *   --tf-header-bg    : 标题栏背景\n *   --tf-item-hover   : 列表行悬停色\n *   --tf-accent       : 操作按钮主色\n *   --tf-height       : 面板高度\n */\n.c-transfer[data-v-f51ca797] {\n  --tf-border: var(--border-color);\n  --tf-header-bg: color-mix(in srgb, var(--primary-color) 6%, var(--card-color));\n  --tf-item-hover: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));\n  --tf-accent: var(--primary-color);\n  --tf-height: 380px;\n  display: flex;\n  align-items: stretch;\n  gap: 16px;\n  user-select: none;\n  /* ======================== Panel ======================== */\n  /* ---- Header ---- */\n  /* ---- Filter ---- */\n  /* ---- List ---- */\n  /* ---- Empty ---- */\n  /* ======================== Actions ======================== */\n  /* ======================== Sizes ======================== */\n  /* ======================== Group divider ======================== */\n}\n.c-transfer__panel[data-v-f51ca797] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--tf-border);\n  border-radius: 8px;\n  overflow: hidden;\n  background: var(--card-color);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);\n  transition: box-shadow 0.2s;\n}\n.c-transfer__panel[data-v-f51ca797]:hover {\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);\n}\n.c-transfer__header[data-v-f51ca797] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  background: var(--tf-header-bg);\n  border-bottom: 1px solid var(--tf-border);\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--text-color-1);\n}\n.c-transfer__count[data-v-f51ca797] {\n  font-weight: 400;\n  font-size: 12px;\n  color: var(--text-color-3);\n}\n.c-transfer__filter[data-v-f51ca797] {\n  padding: 8px 10px;\n  border-bottom: 1px solid var(--tf-border);\n}\n.c-transfer__filter .n-input[data-v-f51ca797] {\n  --n-border: 1px solid var(--tf-border);\n  --n-border-focus: 1px solid var(--tf-accent);\n}\n.c-transfer__list[data-v-f51ca797] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 4px 0;\n  min-height: 0;\n  max-height: var(--tf-height);\n}\n.c-transfer__item[data-v-f51ca797] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 14px;\n  cursor: pointer;\n  transition: background 0.15s;\n  font-size: 13px;\n  color: var(--text-color-1);\n}\n.c-transfer__item[data-v-f51ca797]:hover {\n  background: var(--tf-item-hover);\n}\n.c-transfer__item.is-disabled[data-v-f51ca797] {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.c-transfer__item.is-disabled[data-v-f51ca797]:hover {\n  background: transparent;\n}\n.c-transfer__item.is-checked[data-v-f51ca797] {\n  color: var(--tf-accent);\n  font-weight: 500;\n}\n.c-transfer__item-icon[data-v-f51ca797] {\n  font-size: 16px;\n  flex-shrink: 0;\n  color: var(--text-color-3);\n}\n.c-transfer__item-label[data-v-f51ca797] {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-transfer__item-desc[data-v-f51ca797] {\n  font-size: 11px;\n  color: var(--text-color-3);\n  margin-top: 2px;\n}\n.c-transfer__empty[data-v-f51ca797] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  color: var(--text-color-3);\n  font-size: 13px;\n  padding: 32px 0;\n}\n.c-transfer__actions[data-v-f51ca797] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 10px;\n}\n.c-transfer__btn[data-v-f51ca797] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  border: 1px solid var(--tf-border);\n  background: var(--card-color);\n  color: var(--tf-accent);\n  font-size: 18px;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, box-shadow 0.2s;\n}\n.c-transfer__btn[data-v-f51ca797]:hover:not(.is-disabled) {\n  background: var(--tf-accent);\n  color: #fff;\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--tf-accent) 30%, transparent);\n}\n.c-transfer__btn.is-disabled[data-v-f51ca797] {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n.c-transfer.is-small[data-v-f51ca797] {\n  --tf-height: 280px;\n}\n.c-transfer.is-small .c-transfer__header[data-v-f51ca797] {\n  padding: 8px 12px;\n  font-size: 12px;\n}\n.c-transfer.is-small .c-transfer__item[data-v-f51ca797] {\n  padding: 5px 12px;\n  font-size: 12px;\n}\n.c-transfer.is-small .c-transfer__btn[data-v-f51ca797] {\n  width: 30px;\n  height: 30px;\n  font-size: 15px;\n}\n.c-transfer.is-large[data-v-f51ca797] {\n  --tf-height: 480px;\n}\n.c-transfer.is-large .c-transfer__header[data-v-f51ca797] {\n  padding: 12px 16px;\n  font-size: 14px;\n}\n.c-transfer.is-large .c-transfer__item[data-v-f51ca797] {\n  padding: 9px 16px;\n  font-size: 14px;\n}\n.c-transfer.is-large .c-transfer__btn[data-v-f51ca797] {\n  width: 42px;\n  height: 42px;\n  font-size: 20px;\n}\n.c-transfer__group[data-v-f51ca797] {\n  padding: 6px 14px 4px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--text-color-3);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Transfer.css

@@ -7,7 +7,7 @@
  *   --tf-accent       : 操作按钮主色
  *   --tf-height       : 面板高度
  */
-.c-transfer[data-v-6de1c97f] {
+.c-transfer[data-v-f51ca797] {
   --tf-border: var(--border-color);
   --tf-header-bg: color-mix(in srgb, var(--primary-color) 6%, var(--card-color));
   --tf-item-hover: color-mix(in srgb, var(--primary-color) 8%, var(--card-color));
@@ -26,7 +26,7 @@
   /* ======================== Sizes ======================== */
   /* ======================== Group divider ======================== */
 }
-.c-transfer__panel[data-v-6de1c97f] {
+.c-transfer__panel[data-v-f51ca797] {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -37,10 +37,10 @@
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
   transition: box-shadow 0.2s;
 }
-.c-transfer__panel[data-v-6de1c97f]:hover {
+.c-transfer__panel[data-v-f51ca797]:hover {
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
 }
-.c-transfer__header[data-v-6de1c97f] {
+.c-transfer__header[data-v-f51ca797] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -51,27 +51,27 @@
   font-size: 13px;
   color: var(--text-color-1);
 }
-.c-transfer__count[data-v-6de1c97f] {
+.c-transfer__count[data-v-f51ca797] {
   font-weight: 400;
   font-size: 12px;
   color: var(--text-color-3);
 }
-.c-transfer__filter[data-v-6de1c97f] {
+.c-transfer__filter[data-v-f51ca797] {
   padding: 8px 10px;
   border-bottom: 1px solid var(--tf-border);
 }
-.c-transfer__filter .n-input[data-v-6de1c97f] {
+.c-transfer__filter .n-input[data-v-f51ca797] {
   --n-border: 1px solid var(--tf-border);
   --n-border-focus: 1px solid var(--tf-accent);
 }
-.c-transfer__list[data-v-6de1c97f] {
+.c-transfer__list[data-v-f51ca797] {
   flex: 1;
   overflow-y: auto;
   padding: 4px 0;
   min-height: 0;
   max-height: var(--tf-height);
 }
-.c-transfer__item[data-v-6de1c97f] {
+.c-transfer__item[data-v-f51ca797] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -81,37 +81,37 @@
   font-size: 13px;
   color: var(--text-color-1);
 }
-.c-transfer__item[data-v-6de1c97f]:hover {
+.c-transfer__item[data-v-f51ca797]:hover {
   background: var(--tf-item-hover);
 }
-.c-transfer__item.is-disabled[data-v-6de1c97f] {
+.c-transfer__item.is-disabled[data-v-f51ca797] {
   opacity: 0.45;
   cursor: not-allowed;
 }
-.c-transfer__item.is-disabled[data-v-6de1c97f]:hover {
+.c-transfer__item.is-disabled[data-v-f51ca797]:hover {
   background: transparent;
 }
-.c-transfer__item.is-checked[data-v-6de1c97f] {
+.c-transfer__item.is-checked[data-v-f51ca797] {
   color: var(--tf-accent);
   font-weight: 500;
 }
-.c-transfer__item-icon[data-v-6de1c97f] {
+.c-transfer__item-icon[data-v-f51ca797] {
   font-size: 16px;
   flex-shrink: 0;
   color: var(--text-color-3);
 }
-.c-transfer__item-label[data-v-6de1c97f] {
+.c-transfer__item-label[data-v-f51ca797] {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.c-transfer__item-desc[data-v-6de1c97f] {
+.c-transfer__item-desc[data-v-f51ca797] {
   font-size: 11px;
   color: var(--text-color-3);
   margin-top: 2px;
 }
-.c-transfer__empty[data-v-6de1c97f] {
+.c-transfer__empty[data-v-f51ca797] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -120,13 +120,13 @@
   font-size: 13px;
   padding: 32px 0;
 }
-.c-transfer__actions[data-v-6de1c97f] {
+.c-transfer__actions[data-v-f51ca797] {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 10px;
 }
-.c-transfer__btn[data-v-6de1c97f] {
+.c-transfer__btn[data-v-f51ca797] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -140,48 +140,48 @@
   cursor: pointer;
   transition: background 0.2s, color 0.2s, box-shadow 0.2s;
 }
-.c-transfer__btn[data-v-6de1c97f]:hover:not(.is-disabled) {
+.c-transfer__btn[data-v-f51ca797]:hover:not(.is-disabled) {
   background: var(--tf-accent);
   color: #fff;
   box-shadow: 0 2px 8px color-mix(in srgb, var(--tf-accent) 30%, transparent);
 }
-.c-transfer__btn.is-disabled[data-v-6de1c97f] {
+.c-transfer__btn.is-disabled[data-v-f51ca797] {
   opacity: 0.35;
   cursor: not-allowed;
 }
-.c-transfer.is-small[data-v-6de1c97f] {
+.c-transfer.is-small[data-v-f51ca797] {
   --tf-height: 280px;
 }
-.c-transfer.is-small .c-transfer__header[data-v-6de1c97f] {
+.c-transfer.is-small .c-transfer__header[data-v-f51ca797] {
   padding: 8px 12px;
   font-size: 12px;
 }
-.c-transfer.is-small .c-transfer__item[data-v-6de1c97f] {
+.c-transfer.is-small .c-transfer__item[data-v-f51ca797] {
   padding: 5px 12px;
   font-size: 12px;
 }
-.c-transfer.is-small .c-transfer__btn[data-v-6de1c97f] {
+.c-transfer.is-small .c-transfer__btn[data-v-f51ca797] {
   width: 30px;
   height: 30px;
   font-size: 15px;
 }
-.c-transfer.is-large[data-v-6de1c97f] {
+.c-transfer.is-large[data-v-f51ca797] {
   --tf-height: 480px;
 }
-.c-transfer.is-large .c-transfer__header[data-v-6de1c97f] {
+.c-transfer.is-large .c-transfer__header[data-v-f51ca797] {
   padding: 12px 16px;
   font-size: 14px;
 }
-.c-transfer.is-large .c-transfer__item[data-v-6de1c97f] {
+.c-transfer.is-large .c-transfer__item[data-v-f51ca797] {
   padding: 9px 16px;
   font-size: 14px;
 }
-.c-transfer.is-large .c-transfer__btn[data-v-6de1c97f] {
+.c-transfer.is-large .c-transfer__btn[data-v-f51ca797] {
   width: 42px;
   height: 42px;
   font-size: 20px;
 }
-.c-transfer__group[data-v-6de1c97f] {
+.c-transfer__group[data-v-f51ca797] {
   padding: 6px 14px 4px;
   font-size: 11px;
   font-weight: 600;
@@ -190,4 +190,4 @@
   letter-spacing: 0.04em;
 }
 
-/*# sourceMappingURL=C_Transfer-BOB6OBqS.css.map*/
+/*# sourceMappingURL=C_Transfer-B-vjvhjI.css.map*/

package/dist/C_Transfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Transfer.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_Transfer.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":"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"}

package/dist/C_Transfer2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,normalizeClass as d,openBlock as f,reactive as p,ref as m,renderList as h,resolveComponent as g,toDisplayString as _,withCtx as v,withModifiers as y}from"vue";const b={titles:[`可选列表`,`已选列表`],filterable:!1,filterPlaceholder:`搜索...`,showSelectAll:!0,sourceEmptyText:`暂无数据`,targetEmptyText:`未选择任何项`,size:`medium`},x={class:`c-transfer__panel`},S={class:`c-transfer__header`},C={key:1,class:`c-transfer__title`},w={class:`c-transfer__count`},T={key:0,class:`c-transfer__filter`},E={key:1,class:`c-transfer__list`},D=[`onClick`],O={class:`c-transfer__item-label`},k={key:2,class:`c-transfer__empty`},ee={class:`c-transfer__actions`},te=[`disabled`],ne=[`disabled`],re={class:`c-transfer__panel`},ie={class:`c-transfer__header`},ae={key:1,class:`c-transfer__title`},oe={class:`c-transfer__count`},se={key:0,class:`c-transfer__filter`},A={key:1,class:`c-transfer__list`},j=[`onClick`],M={class:`c-transfer__item-label`},N={key:2,class:`c-transfer__empty`};var P=t(u({__name:`index`,props:{data:{},modelValue:{},titles:{default:()=>b.titles},filterable:{type:Boolean,default:b.filterable},filterPlaceholder:{default:b.filterPlaceholder},filterMethod:{},showSelectAll:{type:Boolean,default:b.showSelectAll},sourceEmptyText:{default:b.sourceEmptyText},targetEmptyText:{default:b.targetEmptyText},size:{default:b.size}},emits:[`update:modelValue`,`change`],setup(t,{emit:u}){let P=t,F=u,I=r(()=>({...b,...P})),L=r(()=>{let e=new Map;for(let t of P.data)e.set(t.key,t);return e}),R=r(()=>new Set(P.modelValue)),z=r(()=>P.data.filter(e=>!R.value.has(e.key))),B=r(()=>{let e=[];for(let t of P.modelValue){let n=L.value.get(t);n&&e.push(n)}return e}),V=m(``),H=m(``);function U(e,t){return t.label.toLowerCase().includes(e.toLowerCase())}let W=r(()=>P.filterMethod??U),G=r(()=>{let e=V.value.trim();return e?z.value.filter(t=>W.value(e,t)):z.value}),K=r(()=>{let e=H.value.trim();return e?B.value.filter(t=>W.value(e,t)):B.value}),q=p(new Set),J=p(new Set);function Y(e){q.has(e)?q.delete(e):q.add(e)}function X(e){J.has(e)?J.delete(e):J.add(e)}let Z=r(()=>G.value.length>0&&G.value.every(e=>e.disabled||q.has(e.key))),ce=r(()=>!Z.value&&G.value.some(e=>q.has(e.key))),Q=r(()=>K.value.length>0&&K.value.every(e=>e.disabled||J.has(e.key))),le=r(()=>!Q.value&&K.value.some(e=>J.has(e.key)));function $(e){for(let t of G.value)t.disabled||(e?q.add(t.key):q.delete(t.key))}function ue(e){for(let t of K.value)t.disabled||(e?J.add(t.key):J.delete(t.key))}function de(){let e=[...q],t=[...P.modelValue,...e];F(`update:modelValue`,t),F(`change`,t,`right`,e),q.clear()}function fe(){let e=[...J],t=new Set(e),n=P.modelValue.filter(e=>!t.has(e));F(`update:modelValue`,n),F(`change`,n,`left`,e),J.clear()}return(t,r)=>{let u=g(`NCheckbox`),p=g(`NInput`);return f(),o(`div`,{class:d([`c-transfer`,[`is-${I.value.size}`]])},[a(` ================ Source Panel ================ `),s(`div`,x,[s(`div`,S,[I.value.showSelectAll?(f(),i(u,{key:0,checked:Z.value,indeterminate:ce.value,"onUpdate:checked":$},{default:v(()=>[c(_(I.value.titles?.[0]),1)]),_:1},8,[`checked`,`indeterminate`])):(f(),o(`span`,C,_(I.value.titles?.[0]),1)),s(`span`,w,_(q.size)+` / `+_(z.value.length),1)]),I.value.filterable?(f(),o(`div`,T,[l(p,{value:V.value,"onUpdate:value":r[0]||=e=>V.value=e,clearable:``,size:`small`,placeholder:I.value.filterPlaceholder},{prefix:v(()=>[l(e,{name:`mdi:magnify`})]),_:1},8,[`value`,`placeholder`])])):a(`v-if`,!0),G.value.length?(f(),o(`div`,E,[(f(!0),o(n,null,h(G.value,t=>(f(),o(`div`,{key:t.key,class:d([`c-transfer__item`,{"is-disabled":t.disabled,"is-checked":q.has(t.key)}]),onClick:e=>!t.disabled&&Y(t.key)},[l(u,{checked:q.has(t.key),disabled:t.disabled,size:`small`,"onUpdate:checked":e=>Y(t.key),onClick:r[1]||=y(()=>{},[`stop`])},null,8,[`checked`,`disabled`,`onUpdate:checked`]),t.icon?(f(),i(e,{key:0,name:t.icon,class:`c-transfer__item-icon`},null,8,[`name`])):a(`v-if`,!0),s(`span`,O,_(t.label),1)],10,D))),128))])):(f(),o(`div`,k,_(I.value.sourceEmptyText),1))]),a(` ================ Actions ================ `),s(`div`,ee,[s(`button`,{class:d([`c-transfer__btn`,{"is-disabled":q.size===0}]),disabled:q.size===0,onClick:de},[l(e,{name:`mdi:chevron-right`})],10,te),s(`button`,{class:d([`c-transfer__btn`,{"is-disabled":J.size===0}]),disabled:J.size===0,onClick:fe},[l(e,{name:`mdi:chevron-left`})],10,ne)]),a(` ================ Target Panel ================ `),s(`div`,re,[s(`div`,ie,[I.value.showSelectAll?(f(),i(u,{key:0,checked:Q.value,indeterminate:le.value,"onUpdate:checked":ue},{default:v(()=>[c(_(I.value.titles?.[1]),1)]),_:1},8,[`checked`,`indeterminate`])):(f(),o(`span`,ae,_(I.value.titles?.[1]),1)),s(`span`,oe,_(J.size)+` / `+_(B.value.length),1)]),I.value.filterable?(f(),o(`div`,se,[l(p,{value:H.value,"onUpdate:value":r[2]||=e=>H.value=e,clearable:``,size:`small`,placeholder:I.value.filterPlaceholder},{prefix:v(()=>[l(e,{name:`mdi:magnify`})]),_:1},8,[`value`,`placeholder`])])):a(`v-if`,!0),K.value.length?(f(),o(`div`,A,[(f(!0),o(n,null,h(K.value,t=>(f(),o(`div`,{key:t.key,class:d([`c-transfer__item`,{"is-disabled":t.disabled,"is-checked":J.has(t.key)}]),onClick:e=>!t.disabled&&X(t.key)},[l(u,{checked:J.has(t.key),disabled:t.disabled,size:`small`,"onUpdate:checked":e=>X(t.key),onClick:r[3]||=y(()=>{},[`stop`])},null,8,[`checked`,`disabled`,`onUpdate:checked`]),t.icon?(f(),i(e,{key:0,name:t.icon,class:`c-transfer__item-icon`},null,8,[`name`])):a(`v-if`,!0),s(`span`,M,_(t.label),1)],10,j))),128))])):(f(),o(`div`,N,_(I.value.targetEmptyText),1))])],2)}}}),[[`__scopeId`,`data-v-6de1c97f`]]);export{b as n,P as t};
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{NCheckbox as n,NInput as r}from"naive-ui";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,normalizeClass as p,openBlock as m,reactive as h,ref as g,renderList as _,resolveComponent as v,toDisplayString as y,withCtx as b,withModifiers as x}from"vue";const S={titles:[`可选列表`,`已选列表`],filterable:!1,filterPlaceholder:`搜索...`,showSelectAll:!0,sourceEmptyText:`暂无数据`,targetEmptyText:`未选择任何项`,size:`medium`},ee={class:`c-transfer__panel`},te={class:`c-transfer__header`},ne={key:1,class:`c-transfer__title`},re={class:`c-transfer__count`},ie={key:0,class:`c-transfer__filter`},ae={key:1,class:`c-transfer__list`},C=[`onClick`],w={class:`c-transfer__item-label`},T={key:2,class:`c-transfer__empty`},E={class:`c-transfer__actions`},D=[`disabled`],O=[`disabled`],k={class:`c-transfer__panel`},oe={class:`c-transfer__header`},se={key:1,class:`c-transfer__title`},ce={class:`c-transfer__count`},A={key:0,class:`c-transfer__filter`},j={key:1,class:`c-transfer__list`},M=[`onClick`],N={class:`c-transfer__item-label`},P={key:2,class:`c-transfer__empty`};var F=t(f({__name:`index`,props:{data:{},modelValue:{},titles:{default:()=>S.titles},filterable:{type:Boolean,default:S.filterable},filterPlaceholder:{default:S.filterPlaceholder},filterMethod:{},showSelectAll:{type:Boolean,default:S.showSelectAll},sourceEmptyText:{default:S.sourceEmptyText},targetEmptyText:{default:S.targetEmptyText},size:{default:S.size}},emits:[`update:modelValue`,`change`],setup(t,{emit:f}){let v=t,F=f,I=a(()=>({...S,...v})),L=a(()=>{let e=new Map;for(let t of v.data)e.set(t.key,t);return e}),R=a(()=>new Set(v.modelValue)),z=a(()=>v.data.filter(e=>!R.value.has(e.key))),B=a(()=>{let e=[];for(let t of v.modelValue){let n=L.value.get(t);n&&e.push(n)}return e}),V=g(``),H=g(``);function U(e,t){return t.label.toLowerCase().includes(e.toLowerCase())}let W=a(()=>v.filterMethod??U),G=a(()=>{let e=V.value.trim();return e?z.value.filter(t=>W.value(e,t)):z.value}),K=a(()=>{let e=H.value.trim();return e?B.value.filter(t=>W.value(e,t)):B.value}),q=h(new Set),J=h(new Set);function Y(e){q.has(e)?q.delete(e):q.add(e)}function X(e){J.has(e)?J.delete(e):J.add(e)}let Z=a(()=>G.value.length>0&&G.value.every(e=>e.disabled||q.has(e.key))),le=a(()=>!Z.value&&G.value.some(e=>q.has(e.key))),Q=a(()=>K.value.length>0&&K.value.every(e=>e.disabled||J.has(e.key))),$=a(()=>!Q.value&&K.value.some(e=>J.has(e.key)));function ue(e){for(let t of G.value)t.disabled||(e?q.add(t.key):q.delete(t.key))}function de(e){for(let t of K.value)t.disabled||(e?J.add(t.key):J.delete(t.key))}function fe(){let e=[...q],t=[...v.modelValue,...e];F(`update:modelValue`,t),F(`change`,t,`right`,e),q.clear()}function pe(){let e=[...J],t=new Set(e),n=v.modelValue.filter(e=>!t.has(e));F(`update:modelValue`,n),F(`change`,n,`left`,e),J.clear()}return(t,a)=>{let f=n,h=r;return m(),c(`div`,{class:p([`c-transfer`,[`is-${I.value.size}`]])},[s(` ================ Source Panel ================ `),l(`div`,ee,[l(`div`,te,[I.value.showSelectAll?(m(),o(f,{key:0,checked:Z.value,indeterminate:le.value,"onUpdate:checked":ue},{default:b(()=>[u(y(I.value.titles?.[0]),1)]),_:1},8,[`checked`,`indeterminate`])):(m(),c(`span`,ne,y(I.value.titles?.[0]),1)),l(`span`,re,y(q.size)+` / `+y(z.value.length),1)]),I.value.filterable?(m(),c(`div`,ie,[d(h,{value:V.value,"onUpdate:value":a[0]||=e=>V.value=e,clearable:``,size:`small`,placeholder:I.value.filterPlaceholder},{prefix:b(()=>[d(e,{name:`mdi:magnify`})]),_:1},8,[`value`,`placeholder`])])):s(`v-if`,!0),G.value.length?(m(),c(`div`,ae,[(m(!0),c(i,null,_(G.value,t=>(m(),c(`div`,{key:t.key,class:p([`c-transfer__item`,{"is-disabled":t.disabled,"is-checked":q.has(t.key)}]),onClick:e=>!t.disabled&&Y(t.key)},[d(f,{checked:q.has(t.key),disabled:t.disabled,size:`small`,"onUpdate:checked":e=>Y(t.key),onClick:a[1]||=x(()=>{},[`stop`])},null,8,[`checked`,`disabled`,`onUpdate:checked`]),t.icon?(m(),o(e,{key:0,name:t.icon,class:`c-transfer__item-icon`},null,8,[`name`])):s(`v-if`,!0),l(`span`,w,y(t.label),1)],10,C))),128))])):(m(),c(`div`,T,y(I.value.sourceEmptyText),1))]),s(` ================ Actions ================ `),l(`div`,E,[l(`button`,{class:p([`c-transfer__btn`,{"is-disabled":q.size===0}]),disabled:q.size===0,onClick:fe},[d(e,{name:`mdi:chevron-right`})],10,D),l(`button`,{class:p([`c-transfer__btn`,{"is-disabled":J.size===0}]),disabled:J.size===0,onClick:pe},[d(e,{name:`mdi:chevron-left`})],10,O)]),s(` ================ Target Panel ================ `),l(`div`,k,[l(`div`,oe,[I.value.showSelectAll?(m(),o(f,{key:0,checked:Q.value,indeterminate:$.value,"onUpdate:checked":de},{default:b(()=>[u(y(I.value.titles?.[1]),1)]),_:1},8,[`checked`,`indeterminate`])):(m(),c(`span`,se,y(I.value.titles?.[1]),1)),l(`span`,ce,y(J.size)+` / `+y(B.value.length),1)]),I.value.filterable?(m(),c(`div`,A,[d(h,{value:H.value,"onUpdate:value":a[2]||=e=>H.value=e,clearable:``,size:`small`,placeholder:I.value.filterPlaceholder},{prefix:b(()=>[d(e,{name:`mdi:magnify`})]),_:1},8,[`value`,`placeholder`])])):s(`v-if`,!0),K.value.length?(m(),c(`div`,j,[(m(!0),c(i,null,_(K.value,t=>(m(),c(`div`,{key:t.key,class:p([`c-transfer__item`,{"is-disabled":t.disabled,"is-checked":J.has(t.key)}]),onClick:e=>!t.disabled&&X(t.key)},[d(f,{checked:J.has(t.key),disabled:t.disabled,size:`small`,"onUpdate:checked":e=>X(t.key),onClick:a[3]||=x(()=>{},[`stop`])},null,8,[`checked`,`disabled`,`onUpdate:checked`]),t.icon?(m(),o(e,{key:0,name:t.icon,class:`c-transfer__item-icon`},null,8,[`name`])):s(`v-if`,!0),l(`span`,N,y(t.label),1)],10,M))),128))])):(m(),c(`div`,P,y(I.value.targetEmptyText),1))])],2)}}}),[[`__scopeId`,`data-v-f51ca797`]]);export{S as n,F as t};
 //# sourceMappingURL=C_Transfer2.js.map