@robot-admin/naive-ui-components 0.9.2 → 0.10.0

package/dist/C_Date2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Date2.js","names":[],"sources":["../src/components/C_Date/index.vue"],"sourcesContent":["<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-28\n * @Description: 日期选择器组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"inline-block\">\n    <NDatePicker\n      v-if=\"mode === 'date'\"\n      v-model:formatted-value=\"singleDateModel\"\n      type=\"date\"\n      :placeholder=\"placeholder || '请选择日期'\"\n      :disabled=\"disabled\"\n      :is-date-disabled=\"singleDisabledDate\"\n      :value-format=\"valueFormat\"\n      clearable\n      v-bind=\"$attrs\"\n    />\n\n    <NDatePicker\n      v-else-if=\"mode === 'datetime'\"\n      v-model:formatted-value=\"singleDateTimeModel\"\n      type=\"datetime\"\n      :placeholder=\"placeholder || '请选择日期时间'\"\n      :disabled=\"disabled\"\n      :is-date-disabled=\"singleDisabledDate\"\n      :value-format=\"valueFormat\"\n      clearable\n      v-bind=\"$attrs\"\n    />\n\n    <NDatePicker\n      v-else-if=\"mode === 'daterange'\"\n      v-model:formatted-value=\"dateRangeModel\"\n      type=\"daterange\"\n      :start-placeholder=\"startPlaceholder || '开始日期'\"\n      :end-placeholder=\"endPlaceholder || '结束日期'\"\n      :disabled=\"disabled\"\n      :is-date-disabled=\"singleDisabledDate\"\n      :value-format=\"valueFormat\"\n      clearable\n      v-bind=\"$attrs\"\n    />\n\n    <NDatePicker\n      v-else-if=\"mode === 'datetimerange'\"\n      v-model:formatted-value=\"dateTimeRangeModel\"\n      type=\"datetimerange\"\n      :start-placeholder=\"startPlaceholder || '开始日期时间'\"\n      :end-placeholder=\"endPlaceholder || '结束日期时间'\"\n      :disabled=\"disabled\"\n      :is-date-disabled=\"singleDisabledDate\"\n      :value-format=\"valueFormat\"\n      clearable\n      v-bind=\"$attrs\"\n    />\n\n    <div\n      v-else-if=\"mode === 'smart-range'\"\n      class=\"inline-block\"\n    >\n      <div class=\"flex gap-2.5 items-center\">\n        <NDatePicker\n          class=\"flex-1\"\n          v-model:formatted-value=\"startDate\"\n          type=\"date\"\n          :placeholder=\"startPlaceholder || '请选择开始日期'\"\n          :is-date-disabled=\"singleDisabledDate\"\n          :value-format=\"valueFormat\"\n          clearable\n          v-bind=\"startDateProps\"\n        />\n        <NDatePicker\n          class=\"flex-1\"\n          v-model:formatted-value=\"endDate\"\n          type=\"date\"\n          :placeholder=\"endPlaceholder || '请选择结束日期'\"\n          :disabled=\"endDateDisabled\"\n          :is-date-disabled=\"endDisabledDate\"\n          :value-format=\"valueFormat\"\n          clearable\n          v-bind=\"endDateProps\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { ref, watch, computed } from 'vue'\n  import { NDatePicker } from 'naive-ui'\n\n  defineOptions({ name: 'C_Date' })\n\n  type DatePickerMode =\n    | 'date'\n    | 'datetime'\n    | 'daterange'\n    | 'datetimerange'\n    | 'smart-range'\n\n  // 使用 formatted-value 绑定，值始终为格式化字符串\n  type DateValue = string | null\n  type DateRangeValue = [string, string] | null\n\n  interface Props {\n    mode?: DatePickerMode\n    placeholder?: string\n    startPlaceholder?: string\n    endPlaceholder?: string\n    disabled?: boolean\n    disabledBeforeToday?: boolean\n    disabledAfterToday?: boolean\n    valueFormat?: string\n    startDateProps?: Record<string, any>\n    endDateProps?: Record<string, any>\n    // v-model 值 props，支持受控模式（外部设置初始值 / 双向绑定）\n    singleDate?: DateValue\n    singleDateTime?: DateValue\n    dateRange?: DateRangeValue\n    dateTimeRange?: DateRangeValue\n    smartRange?: DateRangeValue\n  }\n\n  interface Emits {\n    (e: 'update:singleDate', value: DateValue): void\n    (e: 'update:singleDateTime', value: DateValue): void\n    (e: 'update:dateRange', value: DateRangeValue): void\n    (e: 'update:dateTimeRange', value: DateRangeValue): void\n    (e: 'update:smartRange', value: DateRangeValue): void\n    (e: 'change', value: DateValue | DateRangeValue): void\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    mode: 'date',\n    placeholder: '',\n    startPlaceholder: '',\n    endPlaceholder: '',\n    disabled: false,\n    disabledBeforeToday: false,\n    disabledAfterToday: false,\n    valueFormat: 'yyyy-MM-dd',\n    startDateProps: () => ({}),\n    endDateProps: () => ({}),\n    singleDate: null,\n    singleDateTime: null,\n    dateRange: null,\n    dateTimeRange: null,\n    smartRange: null,\n  })\n\n  const emits = defineEmits<Emits>()\n\n  // 今日零点时间戳 —— 模块级缓存，isDateDisabled 为高频回调，避免重复 new Date()\n  const _todayStart = (() => {\n    const d = new Date()\n    d.setHours(0, 0, 0, 0)\n    return d.getTime()\n  })()\n\n  // —— 四种基础模式：computed getter/setter 实现受控绑定 ——\n  // 后缀 Model 避免与同名 prop 产生 vue/no-dupe-keys 冲突\n  const singleDateModel = computed<DateValue>({\n    get: () => props.singleDate ?? null,\n    set: val => {\n      emits('update:singleDate', val)\n      emits('change', val)\n    },\n  })\n\n  const singleDateTimeModel = computed<DateValue>({\n    get: () => props.singleDateTime ?? null,\n    set: val => {\n      emits('update:singleDateTime', val)\n      emits('change', val)\n    },\n  })\n\n  const dateRangeModel = computed<DateRangeValue>({\n    get: () => props.dateRange ?? null,\n    set: val => {\n      emits('update:dateRange', val)\n      emits('change', val)\n    },\n  })\n\n  const dateTimeRangeModel = computed<DateRangeValue>({\n    get: () => props.dateTimeRange ?? null,\n    set: val => {\n      emits('update:dateTimeRange', val)\n      emits('change', val)\n    },\n  })\n\n  // —— smart-range：两个独立 ref（prop 名为 smartRange，start/endDate 无命名冲突）——\n  const startDate = ref<DateValue>(null)\n  const endDate = ref<DateValue>(null)\n  const endDateDisabled = computed(() => !startDate.value)\n\n  // 将外部 smartRange prop 同步到内部 startDate/endDate\n  watch(\n    () => props.smartRange,\n    val => {\n      const newStart = val?.[0] ?? null\n      const newEnd = val?.[1] ?? null\n      if (newStart === startDate.value && newEnd === endDate.value) return\n      startDate.value = newStart\n      endDate.value = newEnd\n    },\n    { immediate: true, deep: true }\n  )\n\n  // 用户选择后：两者均有值时 emit；清空开始日期时级联清空结束日期\n  watch(\n    () => [startDate.value, endDate.value] as const,\n    ([startVal, endVal]) => {\n      if (!startVal) {\n        endDate.value = null\n        return\n      }\n      if (endVal) {\n        emits('update:smartRange', [startVal, endVal])\n        emits('change', [startVal, endVal])\n      }\n    },\n    { deep: true }\n  )\n\n  // —— 日期禁用逻辑 ——\n  const singleDisabledDate = (timestamp: number): boolean => {\n    if (props.disabledBeforeToday && timestamp < _todayStart) return true\n    if (props.disabledAfterToday && timestamp > _todayStart) return true\n    return false\n  }\n\n  const endDisabledDate = (timestamp: number): boolean => {\n    if (!startDate.value) return true\n    if (timestamp < new Date(startDate.value).getTime()) return true\n    return singleDisabledDate(timestamp)\n  }\n\n  // clearAll：emit 驱动父组件清空同名绑定，同时重置 smart-range 内部 ref\n  defineExpose({\n    clearAll: () => {\n      emits('update:singleDate', null)\n      emits('update:singleDateTime', null)\n      emits('update:dateRange', null)\n      emits('update:dateTimeRange', null)\n      emits('update:smartRange', null)\n      startDate.value = null\n      endDate.value = null\n    },\n  })\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"C_Date2.js","names":["mode","placeholder","disabled","valueFormat","$attrs","startPlaceholder","endPlaceholder","startDateProps","endDateProps"],"sources":["../src/components/C_Date/index.vue","../src/components/C_Date/index.vue"],"sourcesContent":["<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-28\n * @Description: 日期选择器组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"inline-block\">\n    <NDatePicker\n      v-if=\"mode === 'date'\"\n      v-model:formatted-value=\"singleDateModel\"\n      type=\"date\"\n      :placeholder=\"placeholder || '请选择日期'\"\n      :disabled=\"disabled\"\n      :is-date-disabled=\"singleDisabledDate\"\n      :value-format=\"valueFormat\"\n      clearable\n      v-bind=\"$attrs\"\n    />\n\n    <NDatePicker\n      v-else-if=\"mode === 'datetime'\"\n      v-model:formatted-value=\"singleDateTimeModel\"\n      type=\"datetime\"\n      :placeholder=\"placeholder || '请选择日期时间'\"\n      :disabled=\"disabled\"\n      :is-date-disabled=\"singleDisabledDate\"\n      :value-format=\"valueFormat\"\n      clearable\n      v-bind=\"$attrs\"\n    />\n\n    <NDatePicker\n      v-else-if=\"mode === 'daterange'\"\n      v-model:formatted-value=\"dateRangeModel\"\n      type=\"daterange\"\n      :start-placeholder=\"startPlaceholder || '开始日期'\"\n      :end-placeholder=\"endPlaceholder || '结束日期'\"\n      :disabled=\"disabled\"\n      :is-date-disabled=\"singleDisabledDate\"\n      :value-format=\"valueFormat\"\n      clearable\n      v-bind=\"$attrs\"\n    />\n\n    <NDatePicker\n      v-else-if=\"mode === 'datetimerange'\"\n      v-model:formatted-value=\"dateTimeRangeModel\"\n      type=\"datetimerange\"\n      :start-placeholder=\"startPlaceholder || '开始日期时间'\"\n      :end-placeholder=\"endPlaceholder || '结束日期时间'\"\n      :disabled=\"disabled\"\n      :is-date-disabled=\"singleDisabledDate\"\n      :value-format=\"valueFormat\"\n      clearable\n      v-bind=\"$attrs\"\n    />\n\n    <div\n      v-else-if=\"mode === 'smart-range'\"\n      class=\"inline-block\"\n    >\n      <div class=\"flex gap-2.5 items-center\">\n        <NDatePicker\n          class=\"flex-1\"\n          v-model:formatted-value=\"startDate\"\n          type=\"date\"\n          :placeholder=\"startPlaceholder || '请选择开始日期'\"\n          :is-date-disabled=\"singleDisabledDate\"\n          :value-format=\"valueFormat\"\n          clearable\n          v-bind=\"startDateProps\"\n        />\n        <NDatePicker\n          class=\"flex-1\"\n          v-model:formatted-value=\"endDate\"\n          type=\"date\"\n          :placeholder=\"endPlaceholder || '请选择结束日期'\"\n          :disabled=\"endDateDisabled\"\n          :is-date-disabled=\"endDisabledDate\"\n          :value-format=\"valueFormat\"\n          clearable\n          v-bind=\"endDateProps\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { ref, watch, computed } from 'vue'\n  import { NDatePicker } from 'naive-ui'\n\n  defineOptions({ name: 'C_Date' })\n\n  type DatePickerMode =\n    | 'date'\n    | 'datetime'\n    | 'daterange'\n    | 'datetimerange'\n    | 'smart-range'\n\n  // 使用 formatted-value 绑定，值始终为格式化字符串\n  type DateValue = string | null\n  type DateRangeValue = [string, string] | null\n\n  interface Props {\n    mode?: DatePickerMode\n    placeholder?: string\n    startPlaceholder?: string\n    endPlaceholder?: string\n    disabled?: boolean\n    disabledBeforeToday?: boolean\n    disabledAfterToday?: boolean\n    valueFormat?: string\n    startDateProps?: Record<string, any>\n    endDateProps?: Record<string, any>\n    // v-model 值 props，支持受控模式（外部设置初始值 / 双向绑定）\n    singleDate?: DateValue\n    singleDateTime?: DateValue\n    dateRange?: DateRangeValue\n    dateTimeRange?: DateRangeValue\n    smartRange?: DateRangeValue\n  }\n\n  interface Emits {\n    (e: 'update:singleDate', value: DateValue): void\n    (e: 'update:singleDateTime', value: DateValue): void\n    (e: 'update:dateRange', value: DateRangeValue): void\n    (e: 'update:dateTimeRange', value: DateRangeValue): void\n    (e: 'update:smartRange', value: DateRangeValue): void\n    (e: 'change', value: DateValue | DateRangeValue): void\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    mode: 'date',\n    placeholder: '',\n    startPlaceholder: '',\n    endPlaceholder: '',\n    disabled: false,\n    disabledBeforeToday: false,\n    disabledAfterToday: false,\n    valueFormat: 'yyyy-MM-dd',\n    startDateProps: () => ({}),\n    endDateProps: () => ({}),\n    singleDate: null,\n    singleDateTime: null,\n    dateRange: null,\n    dateTimeRange: null,\n    smartRange: null,\n  })\n\n  const emits = defineEmits<Emits>()\n\n  // 今日零点时间戳 —— 模块级缓存，isDateDisabled 为高频回调，避免重复 new Date()\n  const _todayStart = (() => {\n    const d = new Date()\n    d.setHours(0, 0, 0, 0)\n    return d.getTime()\n  })()\n\n  // —— 四种基础模式：computed getter/setter 实现受控绑定 ——\n  // 后缀 Model 避免与同名 prop 产生 vue/no-dupe-keys 冲突\n  const singleDateModel = computed<DateValue>({\n    get: () => props.singleDate ?? null,\n    set: val => {\n      emits('update:singleDate', val)\n      emits('change', val)\n    },\n  })\n\n  const singleDateTimeModel = computed<DateValue>({\n    get: () => props.singleDateTime ?? null,\n    set: val => {\n      emits('update:singleDateTime', val)\n      emits('change', val)\n    },\n  })\n\n  const dateRangeModel = computed<DateRangeValue>({\n    get: () => props.dateRange ?? null,\n    set: val => {\n      emits('update:dateRange', val)\n      emits('change', val)\n    },\n  })\n\n  const dateTimeRangeModel = computed<DateRangeValue>({\n    get: () => props.dateTimeRange ?? null,\n    set: val => {\n      emits('update:dateTimeRange', val)\n      emits('change', val)\n    },\n  })\n\n  // —— smart-range：两个独立 ref（prop 名为 smartRange，start/endDate 无命名冲突）——\n  const startDate = ref<DateValue>(null)\n  const endDate = ref<DateValue>(null)\n  const endDateDisabled = computed(() => !startDate.value)\n\n  // 将外部 smartRange prop 同步到内部 startDate/endDate\n  watch(\n    () => props.smartRange,\n    val => {\n      const newStart = val?.[0] ?? null\n      const newEnd = val?.[1] ?? null\n      if (newStart === startDate.value && newEnd === endDate.value) return\n      startDate.value = newStart\n      endDate.value = newEnd\n    },\n    { immediate: true, deep: true }\n  )\n\n  // 用户选择后：两者均有值时 emit；清空开始日期时级联清空结束日期\n  watch(\n    () => [startDate.value, endDate.value] as const,\n    ([startVal, endVal]) => {\n      if (!startVal) {\n        endDate.value = null\n        return\n      }\n      if (endVal) {\n        emits('update:smartRange', [startVal, endVal])\n        emits('change', [startVal, endVal])\n      }\n    },\n    { deep: true }\n  )\n\n  // —— 日期禁用逻辑 ——\n  const singleDisabledDate = (timestamp: number): boolean => {\n    if (props.disabledBeforeToday && timestamp < _todayStart) return true\n    if (props.disabledAfterToday && timestamp > _todayStart) return true\n    return false\n  }\n\n  const endDisabledDate = (timestamp: number): boolean => {\n    if (!startDate.value) return true\n    if (timestamp < new Date(startDate.value).getTime()) return true\n    return singleDisabledDate(timestamp)\n  }\n\n  // clearAll：emit 驱动父组件清空同名绑定，同时重置 smart-range 内部 ref\n  defineExpose({\n    clearAll: () => {\n      emits('update:singleDate', null)\n      emits('update:singleDateTime', null)\n      emits('update:dateRange', null)\n      emits('update:dateTimeRange', null)\n      emits('update:smartRange', null)\n      startDate.value = null\n      endDate.value = null\n    },\n  })\n</script>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-05-28\n * @Description: 日期选择器组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"inline-block\">\n    <NDatePicker\n      v-if=\"mode === 'date'\"\n      v-model:formatted-value=\"singleDateModel\"\n      type=\"date\"\n      :placeholder=\"placeholder || '请选择日期'\"\n      :disabled=\"disabled\"\n      :is-date-disabled=\"singleDisabledDate\"\n      :value-format=\"valueFormat\"\n      clearable\n      v-bind=\"$attrs\"\n    />\n\n    <NDatePicker\n      v-else-if=\"mode === 'datetime'\"\n      v-model:formatted-value=\"singleDateTimeModel\"\n      type=\"datetime\"\n      :placeholder=\"placeholder || '请选择日期时间'\"\n      :disabled=\"disabled\"\n      :is-date-disabled=\"singleDisabledDate\"\n      :value-format=\"valueFormat\"\n      clearable\n      v-bind=\"$attrs\"\n    />\n\n    <NDatePicker\n      v-else-if=\"mode === 'daterange'\"\n      v-model:formatted-value=\"dateRangeModel\"\n      type=\"daterange\"\n      :start-placeholder=\"startPlaceholder || '开始日期'\"\n      :end-placeholder=\"endPlaceholder || '结束日期'\"\n      :disabled=\"disabled\"\n      :is-date-disabled=\"singleDisabledDate\"\n      :value-format=\"valueFormat\"\n      clearable\n      v-bind=\"$attrs\"\n    />\n\n    <NDatePicker\n      v-else-if=\"mode === 'datetimerange'\"\n      v-model:formatted-value=\"dateTimeRangeModel\"\n      type=\"datetimerange\"\n      :start-placeholder=\"startPlaceholder || '开始日期时间'\"\n      :end-placeholder=\"endPlaceholder || '结束日期时间'\"\n      :disabled=\"disabled\"\n      :is-date-disabled=\"singleDisabledDate\"\n      :value-format=\"valueFormat\"\n      clearable\n      v-bind=\"$attrs\"\n    />\n\n    <div\n      v-else-if=\"mode === 'smart-range'\"\n      class=\"inline-block\"\n    >\n      <div class=\"flex gap-2.5 items-center\">\n        <NDatePicker\n          class=\"flex-1\"\n          v-model:formatted-value=\"startDate\"\n          type=\"date\"\n          :placeholder=\"startPlaceholder || '请选择开始日期'\"\n          :is-date-disabled=\"singleDisabledDate\"\n          :value-format=\"valueFormat\"\n          clearable\n          v-bind=\"startDateProps\"\n        />\n        <NDatePicker\n          class=\"flex-1\"\n          v-model:formatted-value=\"endDate\"\n          type=\"date\"\n          :placeholder=\"endPlaceholder || '请选择结束日期'\"\n          :disabled=\"endDateDisabled\"\n          :is-date-disabled=\"endDisabledDate\"\n          :value-format=\"valueFormat\"\n          clearable\n          v-bind=\"endDateProps\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { ref, watch, computed } from 'vue'\n  import { NDatePicker } from 'naive-ui'\n\n  defineOptions({ name: 'C_Date' })\n\n  type DatePickerMode =\n    | 'date'\n    | 'datetime'\n    | 'daterange'\n    | 'datetimerange'\n    | 'smart-range'\n\n  // 使用 formatted-value 绑定，值始终为格式化字符串\n  type DateValue = string | null\n  type DateRangeValue = [string, string] | null\n\n  interface Props {\n    mode?: DatePickerMode\n    placeholder?: string\n    startPlaceholder?: string\n    endPlaceholder?: string\n    disabled?: boolean\n    disabledBeforeToday?: boolean\n    disabledAfterToday?: boolean\n    valueFormat?: string\n    startDateProps?: Record<string, any>\n    endDateProps?: Record<string, any>\n    // v-model 值 props，支持受控模式（外部设置初始值 / 双向绑定）\n    singleDate?: DateValue\n    singleDateTime?: DateValue\n    dateRange?: DateRangeValue\n    dateTimeRange?: DateRangeValue\n    smartRange?: DateRangeValue\n  }\n\n  interface Emits {\n    (e: 'update:singleDate', value: DateValue): void\n    (e: 'update:singleDateTime', value: DateValue): void\n    (e: 'update:dateRange', value: DateRangeValue): void\n    (e: 'update:dateTimeRange', value: DateRangeValue): void\n    (e: 'update:smartRange', value: DateRangeValue): void\n    (e: 'change', value: DateValue | DateRangeValue): void\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    mode: 'date',\n    placeholder: '',\n    startPlaceholder: '',\n    endPlaceholder: '',\n    disabled: false,\n    disabledBeforeToday: false,\n    disabledAfterToday: false,\n    valueFormat: 'yyyy-MM-dd',\n    startDateProps: () => ({}),\n    endDateProps: () => ({}),\n    singleDate: null,\n    singleDateTime: null,\n    dateRange: null,\n    dateTimeRange: null,\n    smartRange: null,\n  })\n\n  const emits = defineEmits<Emits>()\n\n  // 今日零点时间戳 —— 模块级缓存，isDateDisabled 为高频回调，避免重复 new Date()\n  const _todayStart = (() => {\n    const d = new Date()\n    d.setHours(0, 0, 0, 0)\n    return d.getTime()\n  })()\n\n  // —— 四种基础模式：computed getter/setter 实现受控绑定 ——\n  // 后缀 Model 避免与同名 prop 产生 vue/no-dupe-keys 冲突\n  const singleDateModel = computed<DateValue>({\n    get: () => props.singleDate ?? null,\n    set: val => {\n      emits('update:singleDate', val)\n      emits('change', val)\n    },\n  })\n\n  const singleDateTimeModel = computed<DateValue>({\n    get: () => props.singleDateTime ?? null,\n    set: val => {\n      emits('update:singleDateTime', val)\n      emits('change', val)\n    },\n  })\n\n  const dateRangeModel = computed<DateRangeValue>({\n    get: () => props.dateRange ?? null,\n    set: val => {\n      emits('update:dateRange', val)\n      emits('change', val)\n    },\n  })\n\n  const dateTimeRangeModel = computed<DateRangeValue>({\n    get: () => props.dateTimeRange ?? null,\n    set: val => {\n      emits('update:dateTimeRange', val)\n      emits('change', val)\n    },\n  })\n\n  // —— smart-range：两个独立 ref（prop 名为 smartRange，start/endDate 无命名冲突）——\n  const startDate = ref<DateValue>(null)\n  const endDate = ref<DateValue>(null)\n  const endDateDisabled = computed(() => !startDate.value)\n\n  // 将外部 smartRange prop 同步到内部 startDate/endDate\n  watch(\n    () => props.smartRange,\n    val => {\n      const newStart = val?.[0] ?? null\n      const newEnd = val?.[1] ?? null\n      if (newStart === startDate.value && newEnd === endDate.value) return\n      startDate.value = newStart\n      endDate.value = newEnd\n    },\n    { immediate: true, deep: true }\n  )\n\n  // 用户选择后：两者均有值时 emit；清空开始日期时级联清空结束日期\n  watch(\n    () => [startDate.value, endDate.value] as const,\n    ([startVal, endVal]) => {\n      if (!startVal) {\n        endDate.value = null\n        return\n      }\n      if (endVal) {\n        emits('update:smartRange', [startVal, endVal])\n        emits('change', [startVal, endVal])\n      }\n    },\n    { deep: true }\n  )\n\n  // —— 日期禁用逻辑 ——\n  const singleDisabledDate = (timestamp: number): boolean => {\n    if (props.disabledBeforeToday && timestamp < _todayStart) return true\n    if (props.disabledAfterToday && timestamp > _todayStart) return true\n    return false\n  }\n\n  const endDisabledDate = (timestamp: number): boolean => {\n    if (!startDate.value) return true\n    if (timestamp < new Date(startDate.value).getTime()) return true\n    return singleDisabledDate(timestamp)\n  }\n\n  // clearAll：emit 驱动父组件清空同名绑定，同时重置 smart-range 内部 ref\n  defineExpose({\n    clearAll: () => {\n      emits('update:singleDate', null)\n      emits('update:singleDateTime', null)\n      emits('update:dateRange', null)\n      emits('update:dateTimeRange', null)\n      emits('update:smartRange', null)\n      startDate.value = null\n      endDate.value = null\n    },\n  })\n</script>\n"],"mappings":"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"}

package/dist/{C_Draggable-BCjIvIwT.css.map → C_Draggable-BDAbk4s5.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Draggable-BCjIvIwT.css","names":[],"sources":["../src/components/C_Draggable/index.vue?vue&type=style&index=0&scoped=0d667b68&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ===== 容器布局样式 ===== */\n.c-draggable-wrapper[data-v-0d667b68] {\n  position: relative;\n  width: 100%;\n}\n.c-draggable-list[data-v-0d667b68] {\n  min-height: 50px;\n  width: 100%;\n  display: flex;\n  gap: var(--gap, 8px);\n  /* 默认垂直布局 */\n  /* 水平布局 */\n  /* 弹性换行布局 */\n  /* 网格布局 */\n}\n.c-draggable-list.layout-vertical[data-v-0d667b68] {\n  flex-direction: column;\n}\n.c-draggable-list.layout-horizontal[data-v-0d667b68] {\n  flex-direction: row;\n  align-items: var(--align-items, stretch);\n  justify-content: var(--justify-content, flex-start);\n}\n.c-draggable-list.layout-horizontal.flex-wrap[data-v-0d667b68] {\n  flex-wrap: wrap;\n}\n.c-draggable-list.layout-flex-wrap[data-v-0d667b68] {\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: var(--align-items, stretch);\n  justify-content: var(--justify-content, flex-start);\n}\n.c-draggable-list.layout-grid[data-v-0d667b68] {\n  display: grid;\n  grid-template-columns: repeat(var(--grid-columns, 4), 1fr);\n  grid-template-rows: var(--grid-rows, auto);\n  align-items: var(--align-items, stretch);\n  justify-content: var(--justify-content, stretch);\n}\n.c-draggable-list.layout-grid > .c-draggable-item[data-v-0d667b68] {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* ===== 拖拽项目基础样式 ===== */\n.c-draggable-item[data-v-0d667b68] {\n  position: relative;\n}\n.c-draggable-item.is-disabled[data-v-0d667b68] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.c-draggable-item.is-disabled[data-v-0d667b68] * {\n  cursor: not-allowed !important;\n}\n\n/* ===== 默认项目样式 ===== */\n.default-item[data-v-0d667b68] {\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  background: var(--n-card-color);\n  border: 1px solid var(--n-border-color);\n  border-radius: 8px;\n  cursor: grab;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n}\n.default-item[data-v-0d667b68]:hover {\n  border-color: var(--n-primary-color);\n  box-shadow: 0 2px 8px var(--n-box-shadow-color);\n  transform: translateY(-1px);\n}\n.default-item[data-v-0d667b68]:active {\n  cursor: grabbing;\n}\n.default-item .drag-handle[data-v-0d667b68] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  margin-right: 12px;\n  color: var(--n-text-color-disabled);\n  cursor: grab;\n  border-radius: 4px;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  flex-shrink: 0;\n}\n.default-item .drag-handle[data-v-0d667b68]:hover {\n  background: var(--n-action-color);\n  color: var(--n-primary-color);\n}\n.default-item .drag-handle[data-v-0d667b68]:active {\n  cursor: grabbing;\n}\n.default-item .drag-handle div[data-v-0d667b68] {\n  font-size: 18px;\n}\n.default-item .item-content[data-v-0d667b68] {\n  flex: 1;\n  min-width: 0;\n}\n.default-item .item-content .item-title[data-v-0d667b68] {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--n-text-color);\n  line-height: 1.5;\n  margin-bottom: 4px;\n  word-break: break-word;\n}\n.default-item .item-content .item-description[data-v-0d667b68] {\n  font-size: 14px;\n  color: var(--n-text-color-disabled);\n  line-height: 1.4;\n  word-break: break-word;\n}\n\n/* ===== 空状态样式 ===== */\n.empty-state[data-v-0d667b68] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  border: 2px dashed var(--n-border-color);\n  border-radius: 8px;\n}\n.empty-state .default-empty .empty-icon[data-v-0d667b68] {\n  font-size: 48px;\n  color: var(--n-text-color-disabled);\n  margin-bottom: 16px;\n}\n.empty-state .default-empty .empty-text[data-v-0d667b68] {\n  color: var(--n-text-color-disabled);\n  font-size: 16px;\n  margin: 0;\n}\n\n/* ===== 拖拽状态样式 ===== */\n.sortable-ghost {\n  opacity: 0.5 !important;\n  background: var(--n-primary-color-suppl) !important;\n  border: 2px dashed var(--n-primary-color) !important;\n  transform: scale(0.98) !important;\n}\n.sortable-chosen {\n  outline: 2px solid var(--n-primary-color) !important;\n  outline-offset: 2px !important;\n  transform: scale(1.02) !important;\n  z-index: 999 !important;\n}\n.sortable-drag {\n  opacity: 0.9 !important;\n  transform: rotate(2deg) scale(1.05) !important;\n  z-index: 1000 !important;\n  box-shadow: 0 8px 25px var(--n-box-shadow-color) !important;\n}\n\n/* ===== 网格布局特殊优化 ===== */\n.c-draggable-list.layout-grid .c-draggable-item[data-v-0d667b68] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.c-draggable-list.layout-grid .c-draggable-item .default-item[data-v-0d667b68] {\n  flex: 1;\n  height: 100%;\n  min-height: 80px;\n}\n.c-draggable-list.layout-grid + .empty-state[data-v-0d667b68] {\n  grid-column: 1/-1;\n  padding: 40px 20px;\n}\n.c-draggable-list.layout-grid + .empty-state .default-empty .empty-icon[data-v-0d667b68] {\n  font-size: 36px;\n}\n\n/* ===== 弹性布局特殊优化 ===== */\n.c-draggable-list.layout-horizontal .c-draggable-item[data-v-0d667b68],\n.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-0d667b68] {\n  flex-shrink: 0;\n}\n.c-draggable-list.layout-horizontal .c-draggable-item[data-v-0d667b68]:not(:last-child),\n.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-0d667b68]:not(:last-child) {\n  margin-right: 0;\n}\n.c-draggable-list.layout-horizontal .default-item[data-v-0d667b68],\n.c-draggable-list.layout-flex-wrap .default-item[data-v-0d667b68] {\n  min-width: 200px;\n  width: 100%;\n}\n\n/* ===== 响应式设计 ===== */\n@media (max-width: 768px) {\n.c-draggable-list.layout-grid[data-v-0d667b68] {\n    grid-template-columns: repeat(2, 1fr) !important;\n}\n.c-draggable-list.layout-horizontal[data-v-0d667b68] {\n    flex-wrap: wrap;\n}\n.default-item[data-v-0d667b68] {\n    padding: 12px;\n    min-width: 150px !important;\n}\n.default-item .drag-handle[data-v-0d667b68] {\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n}\n.default-item .drag-handle div[data-v-0d667b68] {\n    font-size: 16px;\n}\n.default-item .item-content .item-title[data-v-0d667b68] {\n    font-size: 15px;\n}\n.default-item .item-content .item-description[data-v-0d667b68] {\n    font-size: 13px;\n}\n.empty-state[data-v-0d667b68] {\n    padding: 40px 16px;\n}\n.empty-state .default-empty .empty-icon[data-v-0d667b68] {\n    font-size: 36px;\n}\n}\n@media (max-width: 480px) {\n.c-draggable-list.layout-grid[data-v-0d667b68] {\n    grid-template-columns: 1fr !important;\n}\n.default-item[data-v-0d667b68] {\n    min-width: 100% !important;\n    padding: 10px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_Draggable-BDAbk4s5.css","names":[],"sources":["../src/components/C_Draggable/index.vue?vue&type=style&index=0&scoped=3d349d16&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ===== 容器布局样式 ===== */\n.c-draggable-wrapper[data-v-3d349d16] {\n  position: relative;\n  width: 100%;\n}\n.c-draggable-list[data-v-3d349d16] {\n  min-height: 50px;\n  width: 100%;\n  display: flex;\n  gap: var(--gap, 8px);\n  /* 默认垂直布局 */\n  /* 水平布局 */\n  /* 弹性换行布局 */\n  /* 网格布局 */\n}\n.c-draggable-list.layout-vertical[data-v-3d349d16] {\n  flex-direction: column;\n}\n.c-draggable-list.layout-horizontal[data-v-3d349d16] {\n  flex-direction: row;\n  align-items: var(--align-items, stretch);\n  justify-content: var(--justify-content, flex-start);\n}\n.c-draggable-list.layout-horizontal.flex-wrap[data-v-3d349d16] {\n  flex-wrap: wrap;\n}\n.c-draggable-list.layout-flex-wrap[data-v-3d349d16] {\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: var(--align-items, stretch);\n  justify-content: var(--justify-content, flex-start);\n}\n.c-draggable-list.layout-grid[data-v-3d349d16] {\n  display: grid;\n  grid-template-columns: repeat(var(--grid-columns, 4), 1fr);\n  grid-template-rows: var(--grid-rows, auto);\n  align-items: var(--align-items, stretch);\n  justify-content: var(--justify-content, stretch);\n}\n.c-draggable-list.layout-grid > .c-draggable-item[data-v-3d349d16] {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* ===== 拖拽项目基础样式 ===== */\n.c-draggable-item[data-v-3d349d16] {\n  position: relative;\n}\n.c-draggable-item.is-disabled[data-v-3d349d16] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.c-draggable-item.is-disabled[data-v-3d349d16] * {\n  cursor: not-allowed !important;\n}\n\n/* ===== 默认项目样式 ===== */\n.default-item[data-v-3d349d16] {\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  background: var(--n-card-color);\n  border: 1px solid var(--n-border-color);\n  border-radius: 8px;\n  cursor: grab;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n}\n.default-item[data-v-3d349d16]:hover {\n  border-color: var(--n-primary-color);\n  box-shadow: 0 2px 8px var(--n-box-shadow-color);\n  transform: translateY(-1px);\n}\n.default-item[data-v-3d349d16]:active {\n  cursor: grabbing;\n}\n.default-item .drag-handle[data-v-3d349d16] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  margin-right: 12px;\n  color: var(--n-text-color-disabled);\n  cursor: grab;\n  border-radius: 4px;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  flex-shrink: 0;\n}\n.default-item .drag-handle[data-v-3d349d16]:hover {\n  background: var(--n-action-color);\n  color: var(--n-primary-color);\n}\n.default-item .drag-handle[data-v-3d349d16]:active {\n  cursor: grabbing;\n}\n.default-item .drag-handle div[data-v-3d349d16] {\n  font-size: 18px;\n}\n.default-item .item-content[data-v-3d349d16] {\n  flex: 1;\n  min-width: 0;\n}\n.default-item .item-content .item-title[data-v-3d349d16] {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--n-text-color);\n  line-height: 1.5;\n  margin-bottom: 4px;\n  word-break: break-word;\n}\n.default-item .item-content .item-description[data-v-3d349d16] {\n  font-size: 14px;\n  color: var(--n-text-color-disabled);\n  line-height: 1.4;\n  word-break: break-word;\n}\n\n/* ===== 空状态样式 ===== */\n.empty-state[data-v-3d349d16] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  border: 2px dashed var(--n-border-color);\n  border-radius: 8px;\n}\n.empty-state .default-empty .empty-icon[data-v-3d349d16] {\n  font-size: 48px;\n  color: var(--n-text-color-disabled);\n  margin-bottom: 16px;\n}\n.empty-state .default-empty .empty-text[data-v-3d349d16] {\n  color: var(--n-text-color-disabled);\n  font-size: 16px;\n  margin: 0;\n}\n\n/* ===== 拖拽状态样式 ===== */\n.sortable-ghost {\n  opacity: 0.5 !important;\n  background: var(--n-primary-color-suppl) !important;\n  border: 2px dashed var(--n-primary-color) !important;\n  transform: scale(0.98) !important;\n}\n.sortable-chosen {\n  outline: 2px solid var(--n-primary-color) !important;\n  outline-offset: 2px !important;\n  transform: scale(1.02) !important;\n  z-index: 999 !important;\n}\n.sortable-drag {\n  opacity: 0.9 !important;\n  transform: rotate(2deg) scale(1.05) !important;\n  z-index: 1000 !important;\n  box-shadow: 0 8px 25px var(--n-box-shadow-color) !important;\n}\n\n/* ===== 网格布局特殊优化 ===== */\n.c-draggable-list.layout-grid .c-draggable-item[data-v-3d349d16] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.c-draggable-list.layout-grid .c-draggable-item .default-item[data-v-3d349d16] {\n  flex: 1;\n  height: 100%;\n  min-height: 80px;\n}\n.c-draggable-list.layout-grid + .empty-state[data-v-3d349d16] {\n  grid-column: 1/-1;\n  padding: 40px 20px;\n}\n.c-draggable-list.layout-grid + .empty-state .default-empty .empty-icon[data-v-3d349d16] {\n  font-size: 36px;\n}\n\n/* ===== 弹性布局特殊优化 ===== */\n.c-draggable-list.layout-horizontal .c-draggable-item[data-v-3d349d16],\n.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-3d349d16] {\n  flex-shrink: 0;\n}\n.c-draggable-list.layout-horizontal .c-draggable-item[data-v-3d349d16]:not(:last-child),\n.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-3d349d16]:not(:last-child) {\n  margin-right: 0;\n}\n.c-draggable-list.layout-horizontal .default-item[data-v-3d349d16],\n.c-draggable-list.layout-flex-wrap .default-item[data-v-3d349d16] {\n  min-width: 200px;\n  width: 100%;\n}\n\n/* ===== 响应式设计 ===== */\n@media (max-width: 768px) {\n.c-draggable-list.layout-grid[data-v-3d349d16] {\n    grid-template-columns: repeat(2, 1fr) !important;\n}\n.c-draggable-list.layout-horizontal[data-v-3d349d16] {\n    flex-wrap: wrap;\n}\n.default-item[data-v-3d349d16] {\n    padding: 12px;\n    min-width: 150px !important;\n}\n.default-item .drag-handle[data-v-3d349d16] {\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n}\n.default-item .drag-handle div[data-v-3d349d16] {\n    font-size: 16px;\n}\n.default-item .item-content .item-title[data-v-3d349d16] {\n    font-size: 15px;\n}\n.default-item .item-content .item-description[data-v-3d349d16] {\n    font-size: 13px;\n}\n.empty-state[data-v-3d349d16] {\n    padding: 40px 16px;\n}\n.empty-state .default-empty .empty-icon[data-v-3d349d16] {\n    font-size: 36px;\n}\n}\n@media (max-width: 480px) {\n.c-draggable-list.layout-grid[data-v-3d349d16] {\n    grid-template-columns: 1fr !important;\n}\n.default-item[data-v-3d349d16] {\n    min-width: 100% !important;\n    padding: 10px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_Draggable-DwkSlCOS.css.map → C_Draggable-UhfDLXop.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Draggable-DwkSlCOS.css","names":[],"sources":["../src/components/C_Draggable/index.vue?vue&type=style&index=0&scoped=0d667b68&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ===== 容器布局样式 ===== */\n.c-draggable-wrapper[data-v-0d667b68] {\n  position: relative;\n  width: 100%;\n}\n.c-draggable-list[data-v-0d667b68] {\n  min-height: 50px;\n  width: 100%;\n  display: flex;\n  gap: var(--gap, 8px);\n  /* 默认垂直布局 */\n  /* 水平布局 */\n  /* 弹性换行布局 */\n  /* 网格布局 */\n}\n.c-draggable-list.layout-vertical[data-v-0d667b68] {\n  flex-direction: column;\n}\n.c-draggable-list.layout-horizontal[data-v-0d667b68] {\n  flex-direction: row;\n  align-items: var(--align-items, stretch);\n  justify-content: var(--justify-content, flex-start);\n}\n.c-draggable-list.layout-horizontal.flex-wrap[data-v-0d667b68] {\n  flex-wrap: wrap;\n}\n.c-draggable-list.layout-flex-wrap[data-v-0d667b68] {\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: var(--align-items, stretch);\n  justify-content: var(--justify-content, flex-start);\n}\n.c-draggable-list.layout-grid[data-v-0d667b68] {\n  display: grid;\n  grid-template-columns: repeat(var(--grid-columns, 4), 1fr);\n  grid-template-rows: var(--grid-rows, auto);\n  align-items: var(--align-items, stretch);\n  justify-content: var(--justify-content, stretch);\n}\n.c-draggable-list.layout-grid > .c-draggable-item[data-v-0d667b68] {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* ===== 拖拽项目基础样式 ===== */\n.c-draggable-item[data-v-0d667b68] {\n  position: relative;\n}\n.c-draggable-item.is-disabled[data-v-0d667b68] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.c-draggable-item.is-disabled[data-v-0d667b68] * {\n  cursor: not-allowed !important;\n}\n\n/* ===== 默认项目样式 ===== */\n.default-item[data-v-0d667b68] {\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  background: var(--n-card-color);\n  border: 1px solid var(--n-border-color);\n  border-radius: 8px;\n  cursor: grab;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n}\n.default-item[data-v-0d667b68]:hover {\n  border-color: var(--n-primary-color);\n  box-shadow: 0 2px 8px var(--n-box-shadow-color);\n  transform: translateY(-1px);\n}\n.default-item[data-v-0d667b68]:active {\n  cursor: grabbing;\n}\n.default-item .drag-handle[data-v-0d667b68] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  margin-right: 12px;\n  color: var(--n-text-color-disabled);\n  cursor: grab;\n  border-radius: 4px;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  flex-shrink: 0;\n}\n.default-item .drag-handle[data-v-0d667b68]:hover {\n  background: var(--n-action-color);\n  color: var(--n-primary-color);\n}\n.default-item .drag-handle[data-v-0d667b68]:active {\n  cursor: grabbing;\n}\n.default-item .drag-handle div[data-v-0d667b68] {\n  font-size: 18px;\n}\n.default-item .item-content[data-v-0d667b68] {\n  flex: 1;\n  min-width: 0;\n}\n.default-item .item-content .item-title[data-v-0d667b68] {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--n-text-color);\n  line-height: 1.5;\n  margin-bottom: 4px;\n  word-break: break-word;\n}\n.default-item .item-content .item-description[data-v-0d667b68] {\n  font-size: 14px;\n  color: var(--n-text-color-disabled);\n  line-height: 1.4;\n  word-break: break-word;\n}\n\n/* ===== 空状态样式 ===== */\n.empty-state[data-v-0d667b68] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  border: 2px dashed var(--n-border-color);\n  border-radius: 8px;\n}\n.empty-state .default-empty .empty-icon[data-v-0d667b68] {\n  font-size: 48px;\n  color: var(--n-text-color-disabled);\n  margin-bottom: 16px;\n}\n.empty-state .default-empty .empty-text[data-v-0d667b68] {\n  color: var(--n-text-color-disabled);\n  font-size: 16px;\n  margin: 0;\n}\n\n/* ===== 拖拽状态样式 ===== */\n.sortable-ghost {\n  opacity: 0.5 !important;\n  background: var(--n-primary-color-suppl) !important;\n  border: 2px dashed var(--n-primary-color) !important;\n  transform: scale(0.98) !important;\n}\n.sortable-chosen {\n  outline: 2px solid var(--n-primary-color) !important;\n  outline-offset: 2px !important;\n  transform: scale(1.02) !important;\n  z-index: 999 !important;\n}\n.sortable-drag {\n  opacity: 0.9 !important;\n  transform: rotate(2deg) scale(1.05) !important;\n  z-index: 1000 !important;\n  box-shadow: 0 8px 25px var(--n-box-shadow-color) !important;\n}\n\n/* ===== 网格布局特殊优化 ===== */\n.c-draggable-list.layout-grid .c-draggable-item[data-v-0d667b68] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.c-draggable-list.layout-grid .c-draggable-item .default-item[data-v-0d667b68] {\n  flex: 1;\n  height: 100%;\n  min-height: 80px;\n}\n.c-draggable-list.layout-grid + .empty-state[data-v-0d667b68] {\n  grid-column: 1/-1;\n  padding: 40px 20px;\n}\n.c-draggable-list.layout-grid + .empty-state .default-empty .empty-icon[data-v-0d667b68] {\n  font-size: 36px;\n}\n\n/* ===== 弹性布局特殊优化 ===== */\n.c-draggable-list.layout-horizontal .c-draggable-item[data-v-0d667b68],\n.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-0d667b68] {\n  flex-shrink: 0;\n}\n.c-draggable-list.layout-horizontal .c-draggable-item[data-v-0d667b68]:not(:last-child),\n.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-0d667b68]:not(:last-child) {\n  margin-right: 0;\n}\n.c-draggable-list.layout-horizontal .default-item[data-v-0d667b68],\n.c-draggable-list.layout-flex-wrap .default-item[data-v-0d667b68] {\n  min-width: 200px;\n  width: 100%;\n}\n\n/* ===== 响应式设计 ===== */\n@media (max-width: 768px) {\n.c-draggable-list.layout-grid[data-v-0d667b68] {\n    grid-template-columns: repeat(2, 1fr) !important;\n}\n.c-draggable-list.layout-horizontal[data-v-0d667b68] {\n    flex-wrap: wrap;\n}\n.default-item[data-v-0d667b68] {\n    padding: 12px;\n    min-width: 150px !important;\n}\n.default-item .drag-handle[data-v-0d667b68] {\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n}\n.default-item .drag-handle div[data-v-0d667b68] {\n    font-size: 16px;\n}\n.default-item .item-content .item-title[data-v-0d667b68] {\n    font-size: 15px;\n}\n.default-item .item-content .item-description[data-v-0d667b68] {\n    font-size: 13px;\n}\n.empty-state[data-v-0d667b68] {\n    padding: 40px 16px;\n}\n.empty-state .default-empty .empty-icon[data-v-0d667b68] {\n    font-size: 36px;\n}\n}\n@media (max-width: 480px) {\n.c-draggable-list.layout-grid[data-v-0d667b68] {\n    grid-template-columns: 1fr !important;\n}\n.default-item[data-v-0d667b68] {\n    min-width: 100% !important;\n    padding: 10px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_Draggable-UhfDLXop.css","names":[],"sources":["../src/components/C_Draggable/index.vue?vue&type=style&index=0&scoped=3d349d16&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ===== 容器布局样式 ===== */\n.c-draggable-wrapper[data-v-3d349d16] {\n  position: relative;\n  width: 100%;\n}\n.c-draggable-list[data-v-3d349d16] {\n  min-height: 50px;\n  width: 100%;\n  display: flex;\n  gap: var(--gap, 8px);\n  /* 默认垂直布局 */\n  /* 水平布局 */\n  /* 弹性换行布局 */\n  /* 网格布局 */\n}\n.c-draggable-list.layout-vertical[data-v-3d349d16] {\n  flex-direction: column;\n}\n.c-draggable-list.layout-horizontal[data-v-3d349d16] {\n  flex-direction: row;\n  align-items: var(--align-items, stretch);\n  justify-content: var(--justify-content, flex-start);\n}\n.c-draggable-list.layout-horizontal.flex-wrap[data-v-3d349d16] {\n  flex-wrap: wrap;\n}\n.c-draggable-list.layout-flex-wrap[data-v-3d349d16] {\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: var(--align-items, stretch);\n  justify-content: var(--justify-content, flex-start);\n}\n.c-draggable-list.layout-grid[data-v-3d349d16] {\n  display: grid;\n  grid-template-columns: repeat(var(--grid-columns, 4), 1fr);\n  grid-template-rows: var(--grid-rows, auto);\n  align-items: var(--align-items, stretch);\n  justify-content: var(--justify-content, stretch);\n}\n.c-draggable-list.layout-grid > .c-draggable-item[data-v-3d349d16] {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* ===== 拖拽项目基础样式 ===== */\n.c-draggable-item[data-v-3d349d16] {\n  position: relative;\n}\n.c-draggable-item.is-disabled[data-v-3d349d16] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.c-draggable-item.is-disabled[data-v-3d349d16] * {\n  cursor: not-allowed !important;\n}\n\n/* ===== 默认项目样式 ===== */\n.default-item[data-v-3d349d16] {\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  background: var(--n-card-color);\n  border: 1px solid var(--n-border-color);\n  border-radius: 8px;\n  cursor: grab;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n}\n.default-item[data-v-3d349d16]:hover {\n  border-color: var(--n-primary-color);\n  box-shadow: 0 2px 8px var(--n-box-shadow-color);\n  transform: translateY(-1px);\n}\n.default-item[data-v-3d349d16]:active {\n  cursor: grabbing;\n}\n.default-item .drag-handle[data-v-3d349d16] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  margin-right: 12px;\n  color: var(--n-text-color-disabled);\n  cursor: grab;\n  border-radius: 4px;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  flex-shrink: 0;\n}\n.default-item .drag-handle[data-v-3d349d16]:hover {\n  background: var(--n-action-color);\n  color: var(--n-primary-color);\n}\n.default-item .drag-handle[data-v-3d349d16]:active {\n  cursor: grabbing;\n}\n.default-item .drag-handle div[data-v-3d349d16] {\n  font-size: 18px;\n}\n.default-item .item-content[data-v-3d349d16] {\n  flex: 1;\n  min-width: 0;\n}\n.default-item .item-content .item-title[data-v-3d349d16] {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--n-text-color);\n  line-height: 1.5;\n  margin-bottom: 4px;\n  word-break: break-word;\n}\n.default-item .item-content .item-description[data-v-3d349d16] {\n  font-size: 14px;\n  color: var(--n-text-color-disabled);\n  line-height: 1.4;\n  word-break: break-word;\n}\n\n/* ===== 空状态样式 ===== */\n.empty-state[data-v-3d349d16] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  border: 2px dashed var(--n-border-color);\n  border-radius: 8px;\n}\n.empty-state .default-empty .empty-icon[data-v-3d349d16] {\n  font-size: 48px;\n  color: var(--n-text-color-disabled);\n  margin-bottom: 16px;\n}\n.empty-state .default-empty .empty-text[data-v-3d349d16] {\n  color: var(--n-text-color-disabled);\n  font-size: 16px;\n  margin: 0;\n}\n\n/* ===== 拖拽状态样式 ===== */\n.sortable-ghost {\n  opacity: 0.5 !important;\n  background: var(--n-primary-color-suppl) !important;\n  border: 2px dashed var(--n-primary-color) !important;\n  transform: scale(0.98) !important;\n}\n.sortable-chosen {\n  outline: 2px solid var(--n-primary-color) !important;\n  outline-offset: 2px !important;\n  transform: scale(1.02) !important;\n  z-index: 999 !important;\n}\n.sortable-drag {\n  opacity: 0.9 !important;\n  transform: rotate(2deg) scale(1.05) !important;\n  z-index: 1000 !important;\n  box-shadow: 0 8px 25px var(--n-box-shadow-color) !important;\n}\n\n/* ===== 网格布局特殊优化 ===== */\n.c-draggable-list.layout-grid .c-draggable-item[data-v-3d349d16] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.c-draggable-list.layout-grid .c-draggable-item .default-item[data-v-3d349d16] {\n  flex: 1;\n  height: 100%;\n  min-height: 80px;\n}\n.c-draggable-list.layout-grid + .empty-state[data-v-3d349d16] {\n  grid-column: 1/-1;\n  padding: 40px 20px;\n}\n.c-draggable-list.layout-grid + .empty-state .default-empty .empty-icon[data-v-3d349d16] {\n  font-size: 36px;\n}\n\n/* ===== 弹性布局特殊优化 ===== */\n.c-draggable-list.layout-horizontal .c-draggable-item[data-v-3d349d16],\n.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-3d349d16] {\n  flex-shrink: 0;\n}\n.c-draggable-list.layout-horizontal .c-draggable-item[data-v-3d349d16]:not(:last-child),\n.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-3d349d16]:not(:last-child) {\n  margin-right: 0;\n}\n.c-draggable-list.layout-horizontal .default-item[data-v-3d349d16],\n.c-draggable-list.layout-flex-wrap .default-item[data-v-3d349d16] {\n  min-width: 200px;\n  width: 100%;\n}\n\n/* ===== 响应式设计 ===== */\n@media (max-width: 768px) {\n.c-draggable-list.layout-grid[data-v-3d349d16] {\n    grid-template-columns: repeat(2, 1fr) !important;\n}\n.c-draggable-list.layout-horizontal[data-v-3d349d16] {\n    flex-wrap: wrap;\n}\n.default-item[data-v-3d349d16] {\n    padding: 12px;\n    min-width: 150px !important;\n}\n.default-item .drag-handle[data-v-3d349d16] {\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n}\n.default-item .drag-handle div[data-v-3d349d16] {\n    font-size: 16px;\n}\n.default-item .item-content .item-title[data-v-3d349d16] {\n    font-size: 15px;\n}\n.default-item .item-content .item-description[data-v-3d349d16] {\n    font-size: 13px;\n}\n.empty-state[data-v-3d349d16] {\n    padding: 40px 16px;\n}\n.empty-state .default-empty .empty-icon[data-v-3d349d16] {\n    font-size: 36px;\n}\n}\n@media (max-width: 480px) {\n.c-draggable-list.layout-grid[data-v-3d349d16] {\n    grid-template-columns: 1fr !important;\n}\n.default-item[data-v-3d349d16] {\n    min-width: 100% !important;\n    padding: 10px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_Draggable.css

@@ -1,9 +1,9 @@
 /* unplugin-vue-components disabled *//* ===== 容器布局样式 ===== */
-.c-draggable-wrapper[data-v-0d667b68] {
+.c-draggable-wrapper[data-v-3d349d16] {
   position: relative;
   width: 100%;
 }
-.c-draggable-list[data-v-0d667b68] {
+.c-draggable-list[data-v-3d349d16] {
   min-height: 50px;
   width: 100%;
   display: flex;
@@ -13,49 +13,49 @@
   /* 弹性换行布局 */
   /* 网格布局 */
 }
-.c-draggable-list.layout-vertical[data-v-0d667b68] {
+.c-draggable-list.layout-vertical[data-v-3d349d16] {
   flex-direction: column;
 }
-.c-draggable-list.layout-horizontal[data-v-0d667b68] {
+.c-draggable-list.layout-horizontal[data-v-3d349d16] {
   flex-direction: row;
   align-items: var(--align-items, stretch);
   justify-content: var(--justify-content, flex-start);
 }
-.c-draggable-list.layout-horizontal.flex-wrap[data-v-0d667b68] {
+.c-draggable-list.layout-horizontal.flex-wrap[data-v-3d349d16] {
   flex-wrap: wrap;
 }
-.c-draggable-list.layout-flex-wrap[data-v-0d667b68] {
+.c-draggable-list.layout-flex-wrap[data-v-3d349d16] {
   flex-direction: row;
   flex-wrap: wrap;
   align-items: var(--align-items, stretch);
   justify-content: var(--justify-content, flex-start);
 }
-.c-draggable-list.layout-grid[data-v-0d667b68] {
+.c-draggable-list.layout-grid[data-v-3d349d16] {
   display: grid;
   grid-template-columns: repeat(var(--grid-columns, 4), 1fr);
   grid-template-rows: var(--grid-rows, auto);
   align-items: var(--align-items, stretch);
   justify-content: var(--justify-content, stretch);
 }
-.c-draggable-list.layout-grid > .c-draggable-item[data-v-0d667b68] {
+.c-draggable-list.layout-grid > .c-draggable-item[data-v-3d349d16] {
   width: 100%;
   box-sizing: border-box;
 }
 
 /* ===== 拖拽项目基础样式 ===== */
-.c-draggable-item[data-v-0d667b68] {
+.c-draggable-item[data-v-3d349d16] {
   position: relative;
 }
-.c-draggable-item.is-disabled[data-v-0d667b68] {
+.c-draggable-item.is-disabled[data-v-3d349d16] {
   opacity: 0.6;
   cursor: not-allowed;
 }
-.c-draggable-item.is-disabled[data-v-0d667b68] * {
+.c-draggable-item.is-disabled[data-v-3d349d16] * {
   cursor: not-allowed !important;
 }
 
 /* ===== 默认项目样式 ===== */
-.default-item[data-v-0d667b68] {
+.default-item[data-v-3d349d16] {
   display: flex;
   align-items: center;
   padding: 16px;
@@ -66,15 +66,15 @@
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   position: relative;
 }
-.default-item[data-v-0d667b68]:hover {
+.default-item[data-v-3d349d16]:hover {
   border-color: var(--n-primary-color);
   box-shadow: 0 2px 8px var(--n-box-shadow-color);
   transform: translateY(-1px);
 }
-.default-item[data-v-0d667b68]:active {
+.default-item[data-v-3d349d16]:active {
   cursor: grabbing;
 }
-.default-item .drag-handle[data-v-0d667b68] {
+.default-item .drag-handle[data-v-3d349d16] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -87,21 +87,21 @@
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   flex-shrink: 0;
 }
-.default-item .drag-handle[data-v-0d667b68]:hover {
+.default-item .drag-handle[data-v-3d349d16]:hover {
   background: var(--n-action-color);
   color: var(--n-primary-color);
 }
-.default-item .drag-handle[data-v-0d667b68]:active {
+.default-item .drag-handle[data-v-3d349d16]:active {
   cursor: grabbing;
 }
-.default-item .drag-handle div[data-v-0d667b68] {
+.default-item .drag-handle div[data-v-3d349d16] {
   font-size: 18px;
 }
-.default-item .item-content[data-v-0d667b68] {
+.default-item .item-content[data-v-3d349d16] {
   flex: 1;
   min-width: 0;
 }
-.default-item .item-content .item-title[data-v-0d667b68] {
+.default-item .item-content .item-title[data-v-3d349d16] {
   font-size: 16px;
   font-weight: 600;
   color: var(--n-text-color);
@@ -109,7 +109,7 @@
   margin-bottom: 4px;
   word-break: break-word;
 }
-.default-item .item-content .item-description[data-v-0d667b68] {
+.default-item .item-content .item-description[data-v-3d349d16] {
   font-size: 14px;
   color: var(--n-text-color-disabled);
   line-height: 1.4;
@@ -117,7 +117,7 @@
 }
 
 /* ===== 空状态样式 ===== */
-.empty-state[data-v-0d667b68] {
+.empty-state[data-v-3d349d16] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -127,12 +127,12 @@
   border: 2px dashed var(--n-border-color);
   border-radius: 8px;
 }
-.empty-state .default-empty .empty-icon[data-v-0d667b68] {
+.empty-state .default-empty .empty-icon[data-v-3d349d16] {
   font-size: 48px;
   color: var(--n-text-color-disabled);
   margin-bottom: 16px;
 }
-.empty-state .default-empty .empty-text[data-v-0d667b68] {
+.empty-state .default-empty .empty-text[data-v-3d349d16] {
   color: var(--n-text-color-disabled);
   font-size: 16px;
   margin: 0;
@@ -159,80 +159,80 @@
 }
 
 /* ===== 网格布局特殊优化 ===== */
-.c-draggable-list.layout-grid .c-draggable-item[data-v-0d667b68] {
+.c-draggable-list.layout-grid .c-draggable-item[data-v-3d349d16] {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.c-draggable-list.layout-grid .c-draggable-item .default-item[data-v-0d667b68] {
+.c-draggable-list.layout-grid .c-draggable-item .default-item[data-v-3d349d16] {
   flex: 1;
   height: 100%;
   min-height: 80px;
 }
-.c-draggable-list.layout-grid + .empty-state[data-v-0d667b68] {
+.c-draggable-list.layout-grid + .empty-state[data-v-3d349d16] {
   grid-column: 1/-1;
   padding: 40px 20px;
 }
-.c-draggable-list.layout-grid + .empty-state .default-empty .empty-icon[data-v-0d667b68] {
+.c-draggable-list.layout-grid + .empty-state .default-empty .empty-icon[data-v-3d349d16] {
   font-size: 36px;
 }
 
 /* ===== 弹性布局特殊优化 ===== */
-.c-draggable-list.layout-horizontal .c-draggable-item[data-v-0d667b68],
-.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-0d667b68] {
+.c-draggable-list.layout-horizontal .c-draggable-item[data-v-3d349d16],
+.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-3d349d16] {
   flex-shrink: 0;
 }
-.c-draggable-list.layout-horizontal .c-draggable-item[data-v-0d667b68]:not(:last-child),
-.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-0d667b68]:not(:last-child) {
+.c-draggable-list.layout-horizontal .c-draggable-item[data-v-3d349d16]:not(:last-child),
+.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-3d349d16]:not(:last-child) {
   margin-right: 0;
 }
-.c-draggable-list.layout-horizontal .default-item[data-v-0d667b68],
-.c-draggable-list.layout-flex-wrap .default-item[data-v-0d667b68] {
+.c-draggable-list.layout-horizontal .default-item[data-v-3d349d16],
+.c-draggable-list.layout-flex-wrap .default-item[data-v-3d349d16] {
   min-width: 200px;
   width: 100%;
 }
 
 /* ===== 响应式设计 ===== */
 @media (max-width: 768px) {
-.c-draggable-list.layout-grid[data-v-0d667b68] {
+.c-draggable-list.layout-grid[data-v-3d349d16] {
     grid-template-columns: repeat(2, 1fr) !important;
 }
-.c-draggable-list.layout-horizontal[data-v-0d667b68] {
+.c-draggable-list.layout-horizontal[data-v-3d349d16] {
     flex-wrap: wrap;
 }
-.default-item[data-v-0d667b68] {
+.default-item[data-v-3d349d16] {
     padding: 12px;
     min-width: 150px !important;
 }
-.default-item .drag-handle[data-v-0d667b68] {
+.default-item .drag-handle[data-v-3d349d16] {
     width: 20px;
     height: 20px;
     margin-right: 8px;
 }
-.default-item .drag-handle div[data-v-0d667b68] {
+.default-item .drag-handle div[data-v-3d349d16] {
     font-size: 16px;
 }
-.default-item .item-content .item-title[data-v-0d667b68] {
+.default-item .item-content .item-title[data-v-3d349d16] {
     font-size: 15px;
 }
-.default-item .item-content .item-description[data-v-0d667b68] {
+.default-item .item-content .item-description[data-v-3d349d16] {
     font-size: 13px;
 }
-.empty-state[data-v-0d667b68] {
+.empty-state[data-v-3d349d16] {
     padding: 40px 16px;
 }
-.empty-state .default-empty .empty-icon[data-v-0d667b68] {
+.empty-state .default-empty .empty-icon[data-v-3d349d16] {
     font-size: 36px;
 }
 }
 @media (max-width: 480px) {
-.c-draggable-list.layout-grid[data-v-0d667b68] {
+.c-draggable-list.layout-grid[data-v-3d349d16] {
     grid-template-columns: 1fr !important;
 }
-.default-item[data-v-0d667b68] {
+.default-item[data-v-3d349d16] {
     min-width: 100% !important;
     padding: 10px;
 }
 }
 
-/*# sourceMappingURL=C_Draggable-BCjIvIwT.css.map*/
+/*# sourceMappingURL=C_Draggable-BDAbk4s5.css.map*/

package/dist/C_Draggable.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Draggable.js","names":[],"sources":["../src/components/C_Draggable/composables/useDraggableLayout.ts","../src/components/C_Draggable/index.vue"],"sourcesContent":["import { ref, computed, nextTick } from \"vue\";\r\nimport type { DraggableItem, DragEvent, DraggableProps } from \"../types\";\r\n\r\ntype EmitFn = {\r\n  (event: \"update:modelValue\", value: DraggableItem[]): void;\r\n  (event: \"drag-start\", dragEvent: DragEvent): void;\r\n  (event: \"drag-end\", dragEvent: DragEvent): void;\r\n  (event: \"item-add\", item: DraggableItem, index: number): void;\r\n  (event: \"item-remove\", item: DraggableItem, index: number): void;\r\n  (event: \"list-change\", list: DraggableItem[]): void;\r\n};\r\n\r\nexport function useDraggableLayout(props: DraggableProps, emit: EmitFn) {\r\n  const isDragging = ref(false);\r\n\r\n  const internalList = computed({\r\n    get: () => props.modelValue ?? [],\r\n    set: (value: DraggableItem[]) => {\r\n      emit(\"update:modelValue\", value);\r\n      emit(\"list-change\", value);\r\n    },\r\n  });\r\n\r\n  const isEmpty = computed(() => (props.modelValue ?? []).length === 0);\r\n\r\n  const listClasses = computed(() => [\r\n    \"c-draggable-list\",\r\n    props.listClass,\r\n    `layout-${props.layout}`,\r\n    {\r\n      \"flex-wrap\":\r\n        props.flexWrap &&\r\n        (props.layout === \"horizontal\" || props.layout === \"flex-wrap\"),\r\n    },\r\n  ]);\r\n\r\n  const listStyles = computed(() => {\r\n    const styles: Record<string, string | number> = {\r\n      \"--gap\":\r\n        typeof props.gap === \"number\" ? `${props.gap}px` : (props.gap ?? \"8px\"),\r\n      \"--grid-columns\": props.gridColumns ?? 4,\r\n      \"--justify-content\": props.justifyContent ?? \"flex-start\",\r\n      \"--align-items\": props.alignItems ?? \"stretch\",\r\n      ...props.customStyles,\r\n    };\r\n    if (props.gridRows) {\r\n      styles[\"--grid-rows\"] = props.gridRows;\r\n    }\r\n    return styles;\r\n  });\r\n\r\n  const draggableOptions = computed(() => {\r\n    const options: Record<string, any> = {\r\n      disabled: props.disabled,\r\n      group: props.group,\r\n      sort: props.sort,\r\n      animation: props.animation,\r\n      delay: props.delay,\r\n      ghostClass: props.ghostClass,\r\n      chosenClass: props.chosenClass,\r\n      dragClass: props.dragClass,\r\n      swapThreshold: props.swapThreshold,\r\n      invertSwap: props.invertSwap,\r\n      direction: props.direction,\r\n      forceFallback: false,\r\n    };\r\n    if (props.handle) {\r\n      options.handle = props.handle;\r\n    } else if (props.showHandle) {\r\n      options.handle = \".drag-handle\";\r\n    }\r\n    return options;\r\n  });\r\n\r\n  const getItemKey = (item: DraggableItem, index: number): string | number =>\r\n    props.itemKey ? props.itemKey(item, index) : (item.id ?? index);\r\n\r\n  const getItemTitle = (item: DraggableItem): string => {\r\n    if (props.itemTitle) return props.itemTitle(item);\r\n    return (\r\n      item.title || item.name || item.label || String(item.id) || \"未命名项目\"\r\n    );\r\n  };\r\n\r\n  const getItemDescription = (item: DraggableItem): string => {\r\n    if (props.itemDescription) return props.itemDescription(item);\r\n    return item.description || \"\";\r\n  };\r\n\r\n  const getItemClass = (_index: number) => [\r\n    \"c-draggable-item\",\r\n    props.itemClass,\r\n    { \"is-disabled\": props.disabled },\r\n  ];\r\n\r\n  const handleStart = (event: any) => {\r\n    isDragging.value = true;\r\n    const item = internalList.value[event.oldIndex];\r\n    if (item) {\r\n      emit(\"drag-start\", {\r\n        oldIndex: event.oldIndex,\r\n        newIndex: event.oldIndex,\r\n        item,\r\n      } as DragEvent);\r\n    }\r\n  };\r\n\r\n  const handleEnd = (event: any) => {\r\n    const item = internalList.value[event.newIndex];\r\n    if (item) {\r\n      emit(\"drag-end\", {\r\n        oldIndex: event.oldIndex,\r\n        newIndex: event.newIndex,\r\n        item,\r\n      } as DragEvent);\r\n    }\r\n    nextTick(() => {\r\n      isDragging.value = false;\r\n    });\r\n  };\r\n\r\n  const handleAdd = (event: any) => {\r\n    const item = internalList.value[event.newIndex];\r\n    if (item) emit(\"item-add\", item, event.newIndex);\r\n  };\r\n\r\n  const handleRemove = (event: any) => {\r\n    if (event.item) emit(\"item-remove\", event.item, event.oldIndex);\r\n  };\r\n\r\n  const handleUpdate = (_event: any) => {};\r\n\r\n  const addItem = (item: DraggableItem, index?: number): void => {\r\n    const list = [...internalList.value];\r\n    if (typeof index === \"number\" && index >= 0 && index <= list.length) {\r\n      list.splice(index, 0, item);\r\n    } else {\r\n      list.push(item);\r\n    }\r\n    internalList.value = list;\r\n  };\r\n\r\n  const removeItem = (index: number): DraggableItem | null => {\r\n    if (index >= 0 && index < internalList.value.length) {\r\n      const list = [...internalList.value];\r\n      const [removed] = list.splice(index, 1);\r\n      internalList.value = list;\r\n      return removed;\r\n    }\r\n    return null;\r\n  };\r\n\r\n  const moveItem = (fromIndex: number, toIndex: number): boolean => {\r\n    const list = internalList.value;\r\n    if (\r\n      fromIndex >= 0 &&\r\n      fromIndex < list.length &&\r\n      toIndex >= 0 &&\r\n      toIndex < list.length &&\r\n      fromIndex !== toIndex\r\n    ) {\r\n      const newList = [...list];\r\n      const [item] = newList.splice(fromIndex, 1);\r\n      newList.splice(toIndex, 0, item);\r\n      internalList.value = newList;\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  const updateList = (newList: DraggableItem[]): void => {\r\n    internalList.value = [...newList];\r\n  };\r\n\r\n  const clear = (): void => {\r\n    internalList.value = [];\r\n  };\r\n\r\n  const getItem = (index: number): DraggableItem | undefined =>\r\n    internalList.value[index];\r\n\r\n  const findIndex = (predicate: (item: DraggableItem) => boolean): number =>\r\n    internalList.value.findIndex(predicate);\r\n\r\n  return {\r\n    isDragging,\r\n    internalList,\r\n    isEmpty,\r\n    listClasses,\r\n    listStyles,\r\n    draggableOptions,\r\n    getItemKey,\r\n    getItemTitle,\r\n    getItemDescription,\r\n    getItemClass,\r\n    handleStart,\r\n    handleEnd,\r\n    handleAdd,\r\n    handleRemove,\r\n    handleUpdate,\r\n    addItem,\r\n    removeItem,\r\n    moveItem,\r\n    updateList,\r\n    clear,\r\n    getItem,\r\n    findIndex,\r\n  };\r\n}\r\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-25\n * @Description: 拖拽组件 - 基于 vue-draggable-plus 封装（薄 UI 壳 + useDraggableLayout 引擎）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-draggable-wrapper\" :class=\"wrapperClass\">\n    <VueDraggable\n      v-model=\"internalList\"\n      v-bind=\"draggableOptions\"\n      :class=\"listClasses\"\n      :style=\"listStyles\"\n      @start=\"handleStart\"\n      @end=\"handleEnd\"\n      @add=\"handleAdd\"\n      @remove=\"handleRemove\"\n      @update=\"handleUpdate\"\n    >\n      <div\n        v-for=\"(item, index) in internalList\"\n        :key=\"getItemKey(item, index)\"\n        :class=\"getItemClass(index)\"\n        :data-index=\"index\"\n      >\n        <slot\n          :item=\"item\"\n          :index=\"index\"\n          :is-dragging=\"isDragging\"\n          :is-disabled=\"disabled\"\n        >\n          <div class=\"default-item\">\n            <div v-if=\"showHandle\" class=\"drag-handle\">\n              <div class=\"i-mdi:drag-vertical\"></div>\n            </div>\n            <div class=\"item-content\">\n              <div class=\"item-title\">{{ getItemTitle(item) }}</div>\n              <div v-if=\"getItemDescription(item)\" class=\"item-description\">\n                {{ getItemDescription(item) }}\n              </div>\n            </div>\n          </div>\n        </slot>\n      </div>\n    </VueDraggable>\n\n    <div v-if=\"isEmpty && showEmptyState\" class=\"empty-state\">\n      <slot name=\"empty\">\n        <div class=\"default-empty\">\n          <div class=\"empty-icon i-mdi:inbox-outline\"></div>\n          <p class=\"empty-text\">{{ emptyText }}</p>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { readonly } from \"vue\";\nimport { VueDraggable } from \"vue-draggable-plus\";\nimport { useDraggableLayout } from \"./composables/useDraggableLayout\";\nimport type { DraggableProps, DraggableEmits } from \"./types\";\n\ndefineOptions({ name: \"C_Draggable\" });\n\nconst props = withDefaults(defineProps<DraggableProps>(), {\n  modelValue: () => [],\n  disabled: false,\n  group: \"default\",\n  sort: true,\n  animation: 200,\n  delay: 0,\n  handle: \"\",\n  showHandle: false,\n  ghostClass: \"sortable-ghost\",\n  chosenClass: \"sortable-chosen\",\n  dragClass: \"sortable-drag\",\n  wrapperClass: \"\",\n  listClass: \"\",\n  itemClass: \"\",\n  showEmptyState: true,\n  emptyText: \"暂无数据\",\n  swapThreshold: 1,\n  invertSwap: false,\n  direction: \"vertical\",\n  layout: \"vertical\",\n  gridColumns: 4,\n  gridRows: undefined,\n  gap: \"8px\",\n  flexWrap: false,\n  justifyContent: \"flex-start\",\n  alignItems: \"stretch\",\n  customStyles: () => ({}),\n});\n\nconst emit = defineEmits<DraggableEmits>();\n\nconst {\n  isDragging,\n  internalList,\n  isEmpty,\n  listClasses,\n  listStyles,\n  draggableOptions,\n  getItemKey,\n  getItemTitle,\n  getItemDescription,\n  getItemClass,\n  handleStart,\n  handleEnd,\n  handleAdd,\n  handleRemove,\n  handleUpdate,\n  addItem,\n  removeItem,\n  moveItem,\n  updateList,\n  clear,\n  getItem,\n  findIndex,\n} = useDraggableLayout(props, emit);\n\ndefineExpose({\n  isDragging: readonly(isDragging),\n  list: readonly(internalList),\n  isEmpty: readonly(isEmpty),\n  addItem,\n  removeItem,\n  moveItem,\n  updateList,\n  clear,\n  getItem,\n  findIndex,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"C_Draggable.js","names":["wrapperClass","disabled","showHandle","showEmptyState","emptyText"],"sources":["../src/components/C_Draggable/composables/useDraggableLayout.ts","../src/components/C_Draggable/index.vue","../src/components/C_Draggable/index.vue"],"sourcesContent":["import { ref, computed, nextTick } from \"vue\";\r\nimport type { DraggableItem, DragEvent, DraggableProps } from \"../types\";\r\n\r\ntype EmitFn = {\r\n  (event: \"update:modelValue\", value: DraggableItem[]): void;\r\n  (event: \"drag-start\", dragEvent: DragEvent): void;\r\n  (event: \"drag-end\", dragEvent: DragEvent): void;\r\n  (event: \"item-add\", item: DraggableItem, index: number): void;\r\n  (event: \"item-remove\", item: DraggableItem, index: number): void;\r\n  (event: \"list-change\", list: DraggableItem[]): void;\r\n};\r\n\r\nexport function useDraggableLayout(props: DraggableProps, emit: EmitFn) {\r\n  const isDragging = ref(false);\r\n\r\n  const internalList = computed({\r\n    get: () => props.modelValue ?? [],\r\n    set: (value: DraggableItem[]) => {\r\n      emit(\"update:modelValue\", value);\r\n      emit(\"list-change\", value);\r\n    },\r\n  });\r\n\r\n  const isEmpty = computed(() => (props.modelValue ?? []).length === 0);\r\n\r\n  const listClasses = computed(() => [\r\n    \"c-draggable-list\",\r\n    props.listClass,\r\n    `layout-${props.layout}`,\r\n    {\r\n      \"flex-wrap\":\r\n        props.flexWrap &&\r\n        (props.layout === \"horizontal\" || props.layout === \"flex-wrap\"),\r\n    },\r\n  ]);\r\n\r\n  const listStyles = computed(() => {\r\n    const styles: Record<string, string | number> = {\r\n      \"--gap\":\r\n        typeof props.gap === \"number\" ? `${props.gap}px` : (props.gap ?? \"8px\"),\r\n      \"--grid-columns\": props.gridColumns ?? 4,\r\n      \"--justify-content\": props.justifyContent ?? \"flex-start\",\r\n      \"--align-items\": props.alignItems ?? \"stretch\",\r\n      ...props.customStyles,\r\n    };\r\n    if (props.gridRows) {\r\n      styles[\"--grid-rows\"] = props.gridRows;\r\n    }\r\n    return styles;\r\n  });\r\n\r\n  const draggableOptions = computed(() => {\r\n    const options: Record<string, any> = {\r\n      disabled: props.disabled,\r\n      group: props.group,\r\n      sort: props.sort,\r\n      animation: props.animation,\r\n      delay: props.delay,\r\n      ghostClass: props.ghostClass,\r\n      chosenClass: props.chosenClass,\r\n      dragClass: props.dragClass,\r\n      swapThreshold: props.swapThreshold,\r\n      invertSwap: props.invertSwap,\r\n      direction: props.direction,\r\n      forceFallback: false,\r\n    };\r\n    if (props.handle) {\r\n      options.handle = props.handle;\r\n    } else if (props.showHandle) {\r\n      options.handle = \".drag-handle\";\r\n    }\r\n    return options;\r\n  });\r\n\r\n  const getItemKey = (item: DraggableItem, index: number): string | number =>\r\n    props.itemKey ? props.itemKey(item, index) : (item.id ?? index);\r\n\r\n  const getItemTitle = (item: DraggableItem): string => {\r\n    if (props.itemTitle) return props.itemTitle(item);\r\n    return (\r\n      item.title || item.name || item.label || String(item.id) || \"未命名项目\"\r\n    );\r\n  };\r\n\r\n  const getItemDescription = (item: DraggableItem): string => {\r\n    if (props.itemDescription) return props.itemDescription(item);\r\n    return item.description || \"\";\r\n  };\r\n\r\n  const getItemClass = (_index: number) => [\r\n    \"c-draggable-item\",\r\n    props.itemClass,\r\n    { \"is-disabled\": props.disabled },\r\n  ];\r\n\r\n  const handleStart = (event: any) => {\r\n    isDragging.value = true;\r\n    const item = internalList.value[event.oldIndex];\r\n    if (item) {\r\n      emit(\"drag-start\", {\r\n        oldIndex: event.oldIndex,\r\n        newIndex: event.oldIndex,\r\n        item,\r\n      } as DragEvent);\r\n    }\r\n  };\r\n\r\n  const handleEnd = (event: any) => {\r\n    const item = internalList.value[event.newIndex];\r\n    if (item) {\r\n      emit(\"drag-end\", {\r\n        oldIndex: event.oldIndex,\r\n        newIndex: event.newIndex,\r\n        item,\r\n      } as DragEvent);\r\n    }\r\n    nextTick(() => {\r\n      isDragging.value = false;\r\n    });\r\n  };\r\n\r\n  const handleAdd = (event: any) => {\r\n    const item = internalList.value[event.newIndex];\r\n    if (item) emit(\"item-add\", item, event.newIndex);\r\n  };\r\n\r\n  const handleRemove = (event: any) => {\r\n    if (event.item) emit(\"item-remove\", event.item, event.oldIndex);\r\n  };\r\n\r\n  const handleUpdate = (_event: any) => {};\r\n\r\n  const addItem = (item: DraggableItem, index?: number): void => {\r\n    const list = [...internalList.value];\r\n    if (typeof index === \"number\" && index >= 0 && index <= list.length) {\r\n      list.splice(index, 0, item);\r\n    } else {\r\n      list.push(item);\r\n    }\r\n    internalList.value = list;\r\n  };\r\n\r\n  const removeItem = (index: number): DraggableItem | null => {\r\n    if (index >= 0 && index < internalList.value.length) {\r\n      const list = [...internalList.value];\r\n      const [removed] = list.splice(index, 1);\r\n      internalList.value = list;\r\n      return removed;\r\n    }\r\n    return null;\r\n  };\r\n\r\n  const moveItem = (fromIndex: number, toIndex: number): boolean => {\r\n    const list = internalList.value;\r\n    if (\r\n      fromIndex >= 0 &&\r\n      fromIndex < list.length &&\r\n      toIndex >= 0 &&\r\n      toIndex < list.length &&\r\n      fromIndex !== toIndex\r\n    ) {\r\n      const newList = [...list];\r\n      const [item] = newList.splice(fromIndex, 1);\r\n      newList.splice(toIndex, 0, item);\r\n      internalList.value = newList;\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  const updateList = (newList: DraggableItem[]): void => {\r\n    internalList.value = [...newList];\r\n  };\r\n\r\n  const clear = (): void => {\r\n    internalList.value = [];\r\n  };\r\n\r\n  const getItem = (index: number): DraggableItem | undefined =>\r\n    internalList.value[index];\r\n\r\n  const findIndex = (predicate: (item: DraggableItem) => boolean): number =>\r\n    internalList.value.findIndex(predicate);\r\n\r\n  return {\r\n    isDragging,\r\n    internalList,\r\n    isEmpty,\r\n    listClasses,\r\n    listStyles,\r\n    draggableOptions,\r\n    getItemKey,\r\n    getItemTitle,\r\n    getItemDescription,\r\n    getItemClass,\r\n    handleStart,\r\n    handleEnd,\r\n    handleAdd,\r\n    handleRemove,\r\n    handleUpdate,\r\n    addItem,\r\n    removeItem,\r\n    moveItem,\r\n    updateList,\r\n    clear,\r\n    getItem,\r\n    findIndex,\r\n  };\r\n}\r\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-25\n * @Description: 拖拽组件 - 基于 vue-draggable-plus 封装（薄 UI 壳 + useDraggableLayout 引擎）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-draggable-wrapper\" :class=\"wrapperClass\">\n    <VueDraggable\n      v-model=\"internalList\"\n      v-bind=\"draggableOptions\"\n      :class=\"listClasses\"\n      :style=\"listStyles\"\n      @start=\"handleStart\"\n      @end=\"handleEnd\"\n      @add=\"handleAdd\"\n      @remove=\"handleRemove\"\n      @update=\"handleUpdate\"\n    >\n      <div\n        v-for=\"(item, index) in internalList\"\n        :key=\"getItemKey(item, index)\"\n        :class=\"getItemClass(index)\"\n        :data-index=\"index\"\n      >\n        <slot\n          :item=\"item\"\n          :index=\"index\"\n          :is-dragging=\"isDragging\"\n          :is-disabled=\"disabled\"\n        >\n          <div class=\"default-item\">\n            <div v-if=\"showHandle\" class=\"drag-handle\">\n              <div class=\"i-mdi:drag-vertical\"></div>\n            </div>\n            <div class=\"item-content\">\n              <div class=\"item-title\">{{ getItemTitle(item) }}</div>\n              <div v-if=\"getItemDescription(item)\" class=\"item-description\">\n                {{ getItemDescription(item) }}\n              </div>\n            </div>\n          </div>\n        </slot>\n      </div>\n    </VueDraggable>\n\n    <div v-if=\"isEmpty && showEmptyState\" class=\"empty-state\">\n      <slot name=\"empty\">\n        <div class=\"default-empty\">\n          <div class=\"empty-icon i-mdi:inbox-outline\"></div>\n          <p class=\"empty-text\">{{ emptyText }}</p>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { readonly } from \"vue\";\nimport { VueDraggable } from \"vue-draggable-plus\";\nimport { useDraggableLayout } from \"./composables/useDraggableLayout\";\nimport type { DraggableProps, DraggableEmits } from \"./types\";\n\ndefineOptions({ name: \"C_Draggable\" });\n\nconst props = withDefaults(defineProps<DraggableProps>(), {\n  modelValue: () => [],\n  disabled: false,\n  group: \"default\",\n  sort: true,\n  animation: 200,\n  delay: 0,\n  handle: \"\",\n  showHandle: false,\n  ghostClass: \"sortable-ghost\",\n  chosenClass: \"sortable-chosen\",\n  dragClass: \"sortable-drag\",\n  wrapperClass: \"\",\n  listClass: \"\",\n  itemClass: \"\",\n  showEmptyState: true,\n  emptyText: \"暂无数据\",\n  swapThreshold: 1,\n  invertSwap: false,\n  direction: \"vertical\",\n  layout: \"vertical\",\n  gridColumns: 4,\n  gridRows: undefined,\n  gap: \"8px\",\n  flexWrap: false,\n  justifyContent: \"flex-start\",\n  alignItems: \"stretch\",\n  customStyles: () => ({}),\n});\n\nconst emit = defineEmits<DraggableEmits>();\n\nconst {\n  isDragging,\n  internalList,\n  isEmpty,\n  listClasses,\n  listStyles,\n  draggableOptions,\n  getItemKey,\n  getItemTitle,\n  getItemDescription,\n  getItemClass,\n  handleStart,\n  handleEnd,\n  handleAdd,\n  handleRemove,\n  handleUpdate,\n  addItem,\n  removeItem,\n  moveItem,\n  updateList,\n  clear,\n  getItem,\n  findIndex,\n} = useDraggableLayout(props, emit);\n\ndefineExpose({\n  isDragging: readonly(isDragging),\n  list: readonly(internalList),\n  isEmpty: readonly(isEmpty),\n  addItem,\n  removeItem,\n  moveItem,\n  updateList,\n  clear,\n  getItem,\n  findIndex,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-25\n * @Description: 拖拽组件 - 基于 vue-draggable-plus 封装（薄 UI 壳 + useDraggableLayout 引擎）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-draggable-wrapper\" :class=\"wrapperClass\">\n    <VueDraggable\n      v-model=\"internalList\"\n      v-bind=\"draggableOptions\"\n      :class=\"listClasses\"\n      :style=\"listStyles\"\n      @start=\"handleStart\"\n      @end=\"handleEnd\"\n      @add=\"handleAdd\"\n      @remove=\"handleRemove\"\n      @update=\"handleUpdate\"\n    >\n      <div\n        v-for=\"(item, index) in internalList\"\n        :key=\"getItemKey(item, index)\"\n        :class=\"getItemClass(index)\"\n        :data-index=\"index\"\n      >\n        <slot\n          :item=\"item\"\n          :index=\"index\"\n          :is-dragging=\"isDragging\"\n          :is-disabled=\"disabled\"\n        >\n          <div class=\"default-item\">\n            <div v-if=\"showHandle\" class=\"drag-handle\">\n              <div class=\"i-mdi:drag-vertical\"></div>\n            </div>\n            <div class=\"item-content\">\n              <div class=\"item-title\">{{ getItemTitle(item) }}</div>\n              <div v-if=\"getItemDescription(item)\" class=\"item-description\">\n                {{ getItemDescription(item) }}\n              </div>\n            </div>\n          </div>\n        </slot>\n      </div>\n    </VueDraggable>\n\n    <div v-if=\"isEmpty && showEmptyState\" class=\"empty-state\">\n      <slot name=\"empty\">\n        <div class=\"default-empty\">\n          <div class=\"empty-icon i-mdi:inbox-outline\"></div>\n          <p class=\"empty-text\">{{ emptyText }}</p>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { readonly } from \"vue\";\nimport { VueDraggable } from \"vue-draggable-plus\";\nimport { useDraggableLayout } from \"./composables/useDraggableLayout\";\nimport type { DraggableProps, DraggableEmits } from \"./types\";\n\ndefineOptions({ name: \"C_Draggable\" });\n\nconst props = withDefaults(defineProps<DraggableProps>(), {\n  modelValue: () => [],\n  disabled: false,\n  group: \"default\",\n  sort: true,\n  animation: 200,\n  delay: 0,\n  handle: \"\",\n  showHandle: false,\n  ghostClass: \"sortable-ghost\",\n  chosenClass: \"sortable-chosen\",\n  dragClass: \"sortable-drag\",\n  wrapperClass: \"\",\n  listClass: \"\",\n  itemClass: \"\",\n  showEmptyState: true,\n  emptyText: \"暂无数据\",\n  swapThreshold: 1,\n  invertSwap: false,\n  direction: \"vertical\",\n  layout: \"vertical\",\n  gridColumns: 4,\n  gridRows: undefined,\n  gap: \"8px\",\n  flexWrap: false,\n  justifyContent: \"flex-start\",\n  alignItems: \"stretch\",\n  customStyles: () => ({}),\n});\n\nconst emit = defineEmits<DraggableEmits>();\n\nconst {\n  isDragging,\n  internalList,\n  isEmpty,\n  listClasses,\n  listStyles,\n  draggableOptions,\n  getItemKey,\n  getItemTitle,\n  getItemDescription,\n  getItemClass,\n  handleStart,\n  handleEnd,\n  handleAdd,\n  handleRemove,\n  handleUpdate,\n  addItem,\n  removeItem,\n  moveItem,\n  updateList,\n  clear,\n  getItem,\n  findIndex,\n} = useDraggableLayout(props, emit);\n\ndefineExpose({\n  isDragging: readonly(isDragging),\n  list: readonly(internalList),\n  isEmpty: readonly(isEmpty),\n  addItem,\n  removeItem,\n  moveItem,\n  updateList,\n  clear,\n  getItem,\n  findIndex,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}

package/dist/C_Draggable2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./export-helper.js";import{Fragment as t,computed as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,isRef as c,mergeProps as l,nextTick as u,normalizeClass as d,openBlock as f,readonly as p,ref as m,renderList as h,renderSlot as g,toDisplayString as _,unref as v,withCtx as y}from"vue";import{VueDraggable as b}from"vue-draggable-plus";function x(e,t){let r=m(!1),i=n({get:()=>e.modelValue??[],set:e=>{t(`update:modelValue`,e),t(`list-change`,e)}});return{isDragging:r,internalList:i,isEmpty:n(()=>(e.modelValue??[]).length===0),listClasses:n(()=>[`c-draggable-list`,e.listClass,`layout-${e.layout}`,{"flex-wrap":e.flexWrap&&(e.layout===`horizontal`||e.layout===`flex-wrap`)}]),listStyles:n(()=>{let t={"--gap":typeof e.gap==`number`?`${e.gap}px`:e.gap??`8px`,"--grid-columns":e.gridColumns??4,"--justify-content":e.justifyContent??`flex-start`,"--align-items":e.alignItems??`stretch`,...e.customStyles};return e.gridRows&&(t[`--grid-rows`]=e.gridRows),t}),draggableOptions:n(()=>{let t={disabled:e.disabled,group:e.group,sort:e.sort,animation:e.animation,delay:e.delay,ghostClass:e.ghostClass,chosenClass:e.chosenClass,dragClass:e.dragClass,swapThreshold:e.swapThreshold,invertSwap:e.invertSwap,direction:e.direction,forceFallback:!1};return e.handle?t.handle=e.handle:e.showHandle&&(t.handle=`.drag-handle`),t}),getItemKey:(t,n)=>e.itemKey?e.itemKey(t,n):t.id??n,getItemTitle:t=>e.itemTitle?e.itemTitle(t):t.title||t.name||t.label||String(t.id)||`未命名项目`,getItemDescription:t=>e.itemDescription?e.itemDescription(t):t.description||``,getItemClass:t=>[`c-draggable-item`,e.itemClass,{"is-disabled":e.disabled}],handleStart:e=>{r.value=!0;let n=i.value[e.oldIndex];n&&t(`drag-start`,{oldIndex:e.oldIndex,newIndex:e.oldIndex,item:n})},handleEnd:e=>{let n=i.value[e.newIndex];n&&t(`drag-end`,{oldIndex:e.oldIndex,newIndex:e.newIndex,item:n}),u(()=>{r.value=!1})},handleAdd:e=>{let n=i.value[e.newIndex];n&&t(`item-add`,n,e.newIndex)},handleRemove:e=>{e.item&&t(`item-remove`,e.item,e.oldIndex)},handleUpdate:e=>{},addItem:(e,t)=>{let n=[...i.value];typeof t==`number`&&t>=0&&t<=n.length?n.splice(t,0,e):n.push(e),i.value=n},removeItem:e=>{if(e>=0&&e<i.value.length){let t=[...i.value],[n]=t.splice(e,1);return i.value=t,n}return null},moveItem:(e,t)=>{let n=i.value;if(e>=0&&e<n.length&&t>=0&&t<n.length&&e!==t){let r=[...n],[a]=r.splice(e,1);return r.splice(t,0,a),i.value=r,!0}return!1},updateList:e=>{i.value=[...e]},clear:()=>{i.value=[]},getItem:e=>i.value[e],findIndex:e=>i.value.findIndex(e)}}const S=[`data-index`],C={class:`default-item`},w={key:0,class:`drag-handle`},T={class:`item-content`},E={class:`item-title`},D={key:0,class:`item-description`},O={key:0,class:`empty-state`},k={class:`default-empty`},A={class:`empty-text`};var j=e(s({name:`C_Draggable`,__name:`index`,props:{modelValue:{default:()=>[]},disabled:{type:Boolean,default:!1},group:{default:`default`},sort:{type:Boolean,default:!0},animation:{default:200},delay:{default:0},handle:{default:``},showHandle:{type:Boolean,default:!1},ghostClass:{default:`sortable-ghost`},chosenClass:{default:`sortable-chosen`},dragClass:{default:`sortable-drag`},wrapperClass:{default:``},listClass:{default:``},itemClass:{default:``},showEmptyState:{type:Boolean,default:!0},emptyText:{default:`暂无数据`},itemKey:{},itemTitle:{},itemDescription:{},swapThreshold:{default:1},invertSwap:{type:Boolean,default:!1},direction:{default:`vertical`},layout:{default:`vertical`},gridColumns:{default:4},gridRows:{default:void 0},gap:{default:`8px`},flexWrap:{type:Boolean,default:!1},justifyContent:{default:`flex-start`},alignItems:{default:`stretch`},customStyles:{default:()=>({})}},emits:[`update:modelValue`,`drag-start`,`drag-end`,`item-add`,`item-remove`,`list-change`],setup(e,{expose:n,emit:s}){let{isDragging:u,internalList:m,isEmpty:j,listClasses:M,listStyles:N,draggableOptions:P,getItemKey:F,getItemTitle:I,getItemDescription:L,getItemClass:R,handleStart:z,handleEnd:B,handleAdd:V,handleRemove:H,handleUpdate:U,addItem:W,removeItem:G,moveItem:K,updateList:q,clear:J,getItem:Y,findIndex:X}=x(e,s);return n({isDragging:p(u),list:p(m),isEmpty:p(j),addItem:W,removeItem:G,moveItem:K,updateList:q,clear:J,getItem:Y,findIndex:X}),(e,n)=>(f(),i(`div`,{class:d([`c-draggable-wrapper`,e.wrapperClass])},[o(v(b),l({modelValue:v(m),"onUpdate:modelValue":n[0]||=e=>c(m)?m.value=e:null},v(P),{class:v(M),style:v(N),onStart:v(z),onEnd:v(B),onAdd:v(V),onRemove:v(H),onUpdate:v(U)}),{default:y(()=>[(f(!0),i(t,null,h(v(m),(t,o)=>(f(),i(`div`,{key:v(F)(t,o),class:d(v(R)(o)),"data-index":o},[g(e.$slots,`default`,{item:t,index:o,isDragging:v(u),isDisabled:e.disabled},()=>[a(`div`,C,[e.showHandle?(f(),i(`div`,w,n[1]||=[a(`div`,{class:`i-mdi:drag-vertical`},null,-1)])):r(`v-if`,!0),a(`div`,T,[a(`div`,E,_(v(I)(t)),1),v(L)(t)?(f(),i(`div`,D,_(v(L)(t)),1)):r(`v-if`,!0)])])],!0)],10,S))),128))]),_:3},16,[`modelValue`,`class`,`style`,`onStart`,`onEnd`,`onAdd`,`onRemove`,`onUpdate`]),v(j)&&e.showEmptyState?(f(),i(`div`,O,[g(e.$slots,`empty`,{},()=>[a(`div`,k,[n[2]||=a(`div`,{class:`empty-icon i-mdi:inbox-outline`},null,-1),a(`p`,A,_(e.emptyText),1)])],!0)])):r(`v-if`,!0)],2))}}),[[`__scopeId`,`data-v-0d667b68`]]);export{x as n,j as t};
+import{t as e}from"./export-helper.js";import{Fragment as t,computed as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,isRef as c,mergeProps as l,nextTick as u,normalizeClass as d,openBlock as f,readonly as p,ref as m,renderList as h,renderSlot as g,toDisplayString as _,unref as v,withCtx as y}from"vue";import{VueDraggable as b}from"vue-draggable-plus";function x(e,t){let r=m(!1),i=n({get:()=>e.modelValue??[],set:e=>{t(`update:modelValue`,e),t(`list-change`,e)}});return{isDragging:r,internalList:i,isEmpty:n(()=>(e.modelValue??[]).length===0),listClasses:n(()=>[`c-draggable-list`,e.listClass,`layout-${e.layout}`,{"flex-wrap":e.flexWrap&&(e.layout===`horizontal`||e.layout===`flex-wrap`)}]),listStyles:n(()=>{let t={"--gap":typeof e.gap==`number`?`${e.gap}px`:e.gap??`8px`,"--grid-columns":e.gridColumns??4,"--justify-content":e.justifyContent??`flex-start`,"--align-items":e.alignItems??`stretch`,...e.customStyles};return e.gridRows&&(t[`--grid-rows`]=e.gridRows),t}),draggableOptions:n(()=>{let t={disabled:e.disabled,group:e.group,sort:e.sort,animation:e.animation,delay:e.delay,ghostClass:e.ghostClass,chosenClass:e.chosenClass,dragClass:e.dragClass,swapThreshold:e.swapThreshold,invertSwap:e.invertSwap,direction:e.direction,forceFallback:!1};return e.handle?t.handle=e.handle:e.showHandle&&(t.handle=`.drag-handle`),t}),getItemKey:(t,n)=>e.itemKey?e.itemKey(t,n):t.id??n,getItemTitle:t=>e.itemTitle?e.itemTitle(t):t.title||t.name||t.label||String(t.id)||`未命名项目`,getItemDescription:t=>e.itemDescription?e.itemDescription(t):t.description||``,getItemClass:t=>[`c-draggable-item`,e.itemClass,{"is-disabled":e.disabled}],handleStart:e=>{r.value=!0;let n=i.value[e.oldIndex];n&&t(`drag-start`,{oldIndex:e.oldIndex,newIndex:e.oldIndex,item:n})},handleEnd:e=>{let n=i.value[e.newIndex];n&&t(`drag-end`,{oldIndex:e.oldIndex,newIndex:e.newIndex,item:n}),u(()=>{r.value=!1})},handleAdd:e=>{let n=i.value[e.newIndex];n&&t(`item-add`,n,e.newIndex)},handleRemove:e=>{e.item&&t(`item-remove`,e.item,e.oldIndex)},handleUpdate:e=>{},addItem:(e,t)=>{let n=[...i.value];typeof t==`number`&&t>=0&&t<=n.length?n.splice(t,0,e):n.push(e),i.value=n},removeItem:e=>{if(e>=0&&e<i.value.length){let t=[...i.value],[n]=t.splice(e,1);return i.value=t,n}return null},moveItem:(e,t)=>{let n=i.value;if(e>=0&&e<n.length&&t>=0&&t<n.length&&e!==t){let r=[...n],[a]=r.splice(e,1);return r.splice(t,0,a),i.value=r,!0}return!1},updateList:e=>{i.value=[...e]},clear:()=>{i.value=[]},getItem:e=>i.value[e],findIndex:e=>i.value.findIndex(e)}}const S=[`data-index`],C={class:`default-item`},w={key:0,class:`drag-handle`},T={class:`item-content`},E={class:`item-title`},D={key:0,class:`item-description`},O={key:0,class:`empty-state`},k={class:`default-empty`},A={class:`empty-text`};var j=e(s({name:`C_Draggable`,__name:`index`,props:{modelValue:{default:()=>[]},disabled:{type:Boolean,default:!1},group:{default:`default`},sort:{type:Boolean,default:!0},animation:{default:200},delay:{default:0},handle:{default:``},showHandle:{type:Boolean,default:!1},ghostClass:{default:`sortable-ghost`},chosenClass:{default:`sortable-chosen`},dragClass:{default:`sortable-drag`},wrapperClass:{default:``},listClass:{default:``},itemClass:{default:``},showEmptyState:{type:Boolean,default:!0},emptyText:{default:`暂无数据`},itemKey:{},itemTitle:{},itemDescription:{},swapThreshold:{default:1},invertSwap:{type:Boolean,default:!1},direction:{default:`vertical`},layout:{default:`vertical`},gridColumns:{default:4},gridRows:{default:void 0},gap:{default:`8px`},flexWrap:{type:Boolean,default:!1},justifyContent:{default:`flex-start`},alignItems:{default:`stretch`},customStyles:{default:()=>({})}},emits:[`update:modelValue`,`drag-start`,`drag-end`,`item-add`,`item-remove`,`list-change`],setup(e,{expose:n,emit:s}){let{isDragging:u,internalList:m,isEmpty:j,listClasses:M,listStyles:N,draggableOptions:P,getItemKey:F,getItemTitle:I,getItemDescription:L,getItemClass:R,handleStart:z,handleEnd:B,handleAdd:V,handleRemove:H,handleUpdate:U,addItem:W,removeItem:G,moveItem:K,updateList:q,clear:J,getItem:Y,findIndex:X}=x(e,s);return n({isDragging:p(u),list:p(m),isEmpty:p(j),addItem:W,removeItem:G,moveItem:K,updateList:q,clear:J,getItem:Y,findIndex:X}),(e,n)=>(f(),i(`div`,{class:d([`c-draggable-wrapper`,e.wrapperClass])},[o(v(b),l({modelValue:v(m),"onUpdate:modelValue":n[0]||=e=>c(m)?m.value=e:null},v(P),{class:v(M),style:v(N),onStart:v(z),onEnd:v(B),onAdd:v(V),onRemove:v(H),onUpdate:v(U)}),{default:y(()=>[(f(!0),i(t,null,h(v(m),(t,o)=>(f(),i(`div`,{key:v(F)(t,o),class:d(v(R)(o)),"data-index":o},[g(e.$slots,`default`,{item:t,index:o,isDragging:v(u),isDisabled:e.disabled},()=>[a(`div`,C,[e.showHandle?(f(),i(`div`,w,n[1]||=[a(`div`,{class:`i-mdi:drag-vertical`},null,-1)])):r(`v-if`,!0),a(`div`,T,[a(`div`,E,_(v(I)(t)),1),v(L)(t)?(f(),i(`div`,D,_(v(L)(t)),1)):r(`v-if`,!0)])])],!0)],10,S))),128))]),_:3},16,[`modelValue`,`class`,`style`,`onStart`,`onEnd`,`onAdd`,`onRemove`,`onUpdate`]),v(j)&&e.showEmptyState?(f(),i(`div`,O,[g(e.$slots,`empty`,{},()=>[a(`div`,k,[n[2]||=a(`div`,{class:`empty-icon i-mdi:inbox-outline`},null,-1),a(`p`,A,_(e.emptyText),1)])],!0)])):r(`v-if`,!0)],2))}}),[[`__scopeId`,`data-v-3d349d16`]]);export{x as n,j as t};
 //# sourceMappingURL=C_Draggable2.js.map

package/dist/C_Draggable2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Draggable2.js","names":[],"sources":["../src/components/C_Draggable/composables/useDraggableLayout.ts","../src/components/C_Draggable/index.vue"],"sourcesContent":["import { ref, computed, nextTick } from \"vue\";\r\nimport type { DraggableItem, DragEvent, DraggableProps } from \"../types\";\r\n\r\ntype EmitFn = {\r\n  (event: \"update:modelValue\", value: DraggableItem[]): void;\r\n  (event: \"drag-start\", dragEvent: DragEvent): void;\r\n  (event: \"drag-end\", dragEvent: DragEvent): void;\r\n  (event: \"item-add\", item: DraggableItem, index: number): void;\r\n  (event: \"item-remove\", item: DraggableItem, index: number): void;\r\n  (event: \"list-change\", list: DraggableItem[]): void;\r\n};\r\n\r\nexport function useDraggableLayout(props: DraggableProps, emit: EmitFn) {\r\n  const isDragging = ref(false);\r\n\r\n  const internalList = computed({\r\n    get: () => props.modelValue ?? [],\r\n    set: (value: DraggableItem[]) => {\r\n      emit(\"update:modelValue\", value);\r\n      emit(\"list-change\", value);\r\n    },\r\n  });\r\n\r\n  const isEmpty = computed(() => (props.modelValue ?? []).length === 0);\r\n\r\n  const listClasses = computed(() => [\r\n    \"c-draggable-list\",\r\n    props.listClass,\r\n    `layout-${props.layout}`,\r\n    {\r\n      \"flex-wrap\":\r\n        props.flexWrap &&\r\n        (props.layout === \"horizontal\" || props.layout === \"flex-wrap\"),\r\n    },\r\n  ]);\r\n\r\n  const listStyles = computed(() => {\r\n    const styles: Record<string, string | number> = {\r\n      \"--gap\":\r\n        typeof props.gap === \"number\" ? `${props.gap}px` : (props.gap ?? \"8px\"),\r\n      \"--grid-columns\": props.gridColumns ?? 4,\r\n      \"--justify-content\": props.justifyContent ?? \"flex-start\",\r\n      \"--align-items\": props.alignItems ?? \"stretch\",\r\n      ...props.customStyles,\r\n    };\r\n    if (props.gridRows) {\r\n      styles[\"--grid-rows\"] = props.gridRows;\r\n    }\r\n    return styles;\r\n  });\r\n\r\n  const draggableOptions = computed(() => {\r\n    const options: Record<string, any> = {\r\n      disabled: props.disabled,\r\n      group: props.group,\r\n      sort: props.sort,\r\n      animation: props.animation,\r\n      delay: props.delay,\r\n      ghostClass: props.ghostClass,\r\n      chosenClass: props.chosenClass,\r\n      dragClass: props.dragClass,\r\n      swapThreshold: props.swapThreshold,\r\n      invertSwap: props.invertSwap,\r\n      direction: props.direction,\r\n      forceFallback: false,\r\n    };\r\n    if (props.handle) {\r\n      options.handle = props.handle;\r\n    } else if (props.showHandle) {\r\n      options.handle = \".drag-handle\";\r\n    }\r\n    return options;\r\n  });\r\n\r\n  const getItemKey = (item: DraggableItem, index: number): string | number =>\r\n    props.itemKey ? props.itemKey(item, index) : (item.id ?? index);\r\n\r\n  const getItemTitle = (item: DraggableItem): string => {\r\n    if (props.itemTitle) return props.itemTitle(item);\r\n    return (\r\n      item.title || item.name || item.label || String(item.id) || \"未命名项目\"\r\n    );\r\n  };\r\n\r\n  const getItemDescription = (item: DraggableItem): string => {\r\n    if (props.itemDescription) return props.itemDescription(item);\r\n    return item.description || \"\";\r\n  };\r\n\r\n  const getItemClass = (_index: number) => [\r\n    \"c-draggable-item\",\r\n    props.itemClass,\r\n    { \"is-disabled\": props.disabled },\r\n  ];\r\n\r\n  const handleStart = (event: any) => {\r\n    isDragging.value = true;\r\n    const item = internalList.value[event.oldIndex];\r\n    if (item) {\r\n      emit(\"drag-start\", {\r\n        oldIndex: event.oldIndex,\r\n        newIndex: event.oldIndex,\r\n        item,\r\n      } as DragEvent);\r\n    }\r\n  };\r\n\r\n  const handleEnd = (event: any) => {\r\n    const item = internalList.value[event.newIndex];\r\n    if (item) {\r\n      emit(\"drag-end\", {\r\n        oldIndex: event.oldIndex,\r\n        newIndex: event.newIndex,\r\n        item,\r\n      } as DragEvent);\r\n    }\r\n    nextTick(() => {\r\n      isDragging.value = false;\r\n    });\r\n  };\r\n\r\n  const handleAdd = (event: any) => {\r\n    const item = internalList.value[event.newIndex];\r\n    if (item) emit(\"item-add\", item, event.newIndex);\r\n  };\r\n\r\n  const handleRemove = (event: any) => {\r\n    if (event.item) emit(\"item-remove\", event.item, event.oldIndex);\r\n  };\r\n\r\n  const handleUpdate = (_event: any) => {};\r\n\r\n  const addItem = (item: DraggableItem, index?: number): void => {\r\n    const list = [...internalList.value];\r\n    if (typeof index === \"number\" && index >= 0 && index <= list.length) {\r\n      list.splice(index, 0, item);\r\n    } else {\r\n      list.push(item);\r\n    }\r\n    internalList.value = list;\r\n  };\r\n\r\n  const removeItem = (index: number): DraggableItem | null => {\r\n    if (index >= 0 && index < internalList.value.length) {\r\n      const list = [...internalList.value];\r\n      const [removed] = list.splice(index, 1);\r\n      internalList.value = list;\r\n      return removed;\r\n    }\r\n    return null;\r\n  };\r\n\r\n  const moveItem = (fromIndex: number, toIndex: number): boolean => {\r\n    const list = internalList.value;\r\n    if (\r\n      fromIndex >= 0 &&\r\n      fromIndex < list.length &&\r\n      toIndex >= 0 &&\r\n      toIndex < list.length &&\r\n      fromIndex !== toIndex\r\n    ) {\r\n      const newList = [...list];\r\n      const [item] = newList.splice(fromIndex, 1);\r\n      newList.splice(toIndex, 0, item);\r\n      internalList.value = newList;\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  const updateList = (newList: DraggableItem[]): void => {\r\n    internalList.value = [...newList];\r\n  };\r\n\r\n  const clear = (): void => {\r\n    internalList.value = [];\r\n  };\r\n\r\n  const getItem = (index: number): DraggableItem | undefined =>\r\n    internalList.value[index];\r\n\r\n  const findIndex = (predicate: (item: DraggableItem) => boolean): number =>\r\n    internalList.value.findIndex(predicate);\r\n\r\n  return {\r\n    isDragging,\r\n    internalList,\r\n    isEmpty,\r\n    listClasses,\r\n    listStyles,\r\n    draggableOptions,\r\n    getItemKey,\r\n    getItemTitle,\r\n    getItemDescription,\r\n    getItemClass,\r\n    handleStart,\r\n    handleEnd,\r\n    handleAdd,\r\n    handleRemove,\r\n    handleUpdate,\r\n    addItem,\r\n    removeItem,\r\n    moveItem,\r\n    updateList,\r\n    clear,\r\n    getItem,\r\n    findIndex,\r\n  };\r\n}\r\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-25\n * @Description: 拖拽组件 - 基于 vue-draggable-plus 封装（薄 UI 壳 + useDraggableLayout 引擎）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-draggable-wrapper\" :class=\"wrapperClass\">\n    <VueDraggable\n      v-model=\"internalList\"\n      v-bind=\"draggableOptions\"\n      :class=\"listClasses\"\n      :style=\"listStyles\"\n      @start=\"handleStart\"\n      @end=\"handleEnd\"\n      @add=\"handleAdd\"\n      @remove=\"handleRemove\"\n      @update=\"handleUpdate\"\n    >\n      <div\n        v-for=\"(item, index) in internalList\"\n        :key=\"getItemKey(item, index)\"\n        :class=\"getItemClass(index)\"\n        :data-index=\"index\"\n      >\n        <slot\n          :item=\"item\"\n          :index=\"index\"\n          :is-dragging=\"isDragging\"\n          :is-disabled=\"disabled\"\n        >\n          <div class=\"default-item\">\n            <div v-if=\"showHandle\" class=\"drag-handle\">\n              <div class=\"i-mdi:drag-vertical\"></div>\n            </div>\n            <div class=\"item-content\">\n              <div class=\"item-title\">{{ getItemTitle(item) }}</div>\n              <div v-if=\"getItemDescription(item)\" class=\"item-description\">\n                {{ getItemDescription(item) }}\n              </div>\n            </div>\n          </div>\n        </slot>\n      </div>\n    </VueDraggable>\n\n    <div v-if=\"isEmpty && showEmptyState\" class=\"empty-state\">\n      <slot name=\"empty\">\n        <div class=\"default-empty\">\n          <div class=\"empty-icon i-mdi:inbox-outline\"></div>\n          <p class=\"empty-text\">{{ emptyText }}</p>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { readonly } from \"vue\";\nimport { VueDraggable } from \"vue-draggable-plus\";\nimport { useDraggableLayout } from \"./composables/useDraggableLayout\";\nimport type { DraggableProps, DraggableEmits } from \"./types\";\n\ndefineOptions({ name: \"C_Draggable\" });\n\nconst props = withDefaults(defineProps<DraggableProps>(), {\n  modelValue: () => [],\n  disabled: false,\n  group: \"default\",\n  sort: true,\n  animation: 200,\n  delay: 0,\n  handle: \"\",\n  showHandle: false,\n  ghostClass: \"sortable-ghost\",\n  chosenClass: \"sortable-chosen\",\n  dragClass: \"sortable-drag\",\n  wrapperClass: \"\",\n  listClass: \"\",\n  itemClass: \"\",\n  showEmptyState: true,\n  emptyText: \"暂无数据\",\n  swapThreshold: 1,\n  invertSwap: false,\n  direction: \"vertical\",\n  layout: \"vertical\",\n  gridColumns: 4,\n  gridRows: undefined,\n  gap: \"8px\",\n  flexWrap: false,\n  justifyContent: \"flex-start\",\n  alignItems: \"stretch\",\n  customStyles: () => ({}),\n});\n\nconst emit = defineEmits<DraggableEmits>();\n\nconst {\n  isDragging,\n  internalList,\n  isEmpty,\n  listClasses,\n  listStyles,\n  draggableOptions,\n  getItemKey,\n  getItemTitle,\n  getItemDescription,\n  getItemClass,\n  handleStart,\n  handleEnd,\n  handleAdd,\n  handleRemove,\n  handleUpdate,\n  addItem,\n  removeItem,\n  moveItem,\n  updateList,\n  clear,\n  getItem,\n  findIndex,\n} = useDraggableLayout(props, emit);\n\ndefineExpose({\n  isDragging: readonly(isDragging),\n  list: readonly(internalList),\n  isEmpty: readonly(isEmpty),\n  addItem,\n  removeItem,\n  moveItem,\n  updateList,\n  clear,\n  getItem,\n  findIndex,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"C_Draggable2.js","names":["wrapperClass","disabled","showHandle","showEmptyState","emptyText"],"sources":["../src/components/C_Draggable/composables/useDraggableLayout.ts","../src/components/C_Draggable/index.vue","../src/components/C_Draggable/index.vue"],"sourcesContent":["import { ref, computed, nextTick } from \"vue\";\r\nimport type { DraggableItem, DragEvent, DraggableProps } from \"../types\";\r\n\r\ntype EmitFn = {\r\n  (event: \"update:modelValue\", value: DraggableItem[]): void;\r\n  (event: \"drag-start\", dragEvent: DragEvent): void;\r\n  (event: \"drag-end\", dragEvent: DragEvent): void;\r\n  (event: \"item-add\", item: DraggableItem, index: number): void;\r\n  (event: \"item-remove\", item: DraggableItem, index: number): void;\r\n  (event: \"list-change\", list: DraggableItem[]): void;\r\n};\r\n\r\nexport function useDraggableLayout(props: DraggableProps, emit: EmitFn) {\r\n  const isDragging = ref(false);\r\n\r\n  const internalList = computed({\r\n    get: () => props.modelValue ?? [],\r\n    set: (value: DraggableItem[]) => {\r\n      emit(\"update:modelValue\", value);\r\n      emit(\"list-change\", value);\r\n    },\r\n  });\r\n\r\n  const isEmpty = computed(() => (props.modelValue ?? []).length === 0);\r\n\r\n  const listClasses = computed(() => [\r\n    \"c-draggable-list\",\r\n    props.listClass,\r\n    `layout-${props.layout}`,\r\n    {\r\n      \"flex-wrap\":\r\n        props.flexWrap &&\r\n        (props.layout === \"horizontal\" || props.layout === \"flex-wrap\"),\r\n    },\r\n  ]);\r\n\r\n  const listStyles = computed(() => {\r\n    const styles: Record<string, string | number> = {\r\n      \"--gap\":\r\n        typeof props.gap === \"number\" ? `${props.gap}px` : (props.gap ?? \"8px\"),\r\n      \"--grid-columns\": props.gridColumns ?? 4,\r\n      \"--justify-content\": props.justifyContent ?? \"flex-start\",\r\n      \"--align-items\": props.alignItems ?? \"stretch\",\r\n      ...props.customStyles,\r\n    };\r\n    if (props.gridRows) {\r\n      styles[\"--grid-rows\"] = props.gridRows;\r\n    }\r\n    return styles;\r\n  });\r\n\r\n  const draggableOptions = computed(() => {\r\n    const options: Record<string, any> = {\r\n      disabled: props.disabled,\r\n      group: props.group,\r\n      sort: props.sort,\r\n      animation: props.animation,\r\n      delay: props.delay,\r\n      ghostClass: props.ghostClass,\r\n      chosenClass: props.chosenClass,\r\n      dragClass: props.dragClass,\r\n      swapThreshold: props.swapThreshold,\r\n      invertSwap: props.invertSwap,\r\n      direction: props.direction,\r\n      forceFallback: false,\r\n    };\r\n    if (props.handle) {\r\n      options.handle = props.handle;\r\n    } else if (props.showHandle) {\r\n      options.handle = \".drag-handle\";\r\n    }\r\n    return options;\r\n  });\r\n\r\n  const getItemKey = (item: DraggableItem, index: number): string | number =>\r\n    props.itemKey ? props.itemKey(item, index) : (item.id ?? index);\r\n\r\n  const getItemTitle = (item: DraggableItem): string => {\r\n    if (props.itemTitle) return props.itemTitle(item);\r\n    return (\r\n      item.title || item.name || item.label || String(item.id) || \"未命名项目\"\r\n    );\r\n  };\r\n\r\n  const getItemDescription = (item: DraggableItem): string => {\r\n    if (props.itemDescription) return props.itemDescription(item);\r\n    return item.description || \"\";\r\n  };\r\n\r\n  const getItemClass = (_index: number) => [\r\n    \"c-draggable-item\",\r\n    props.itemClass,\r\n    { \"is-disabled\": props.disabled },\r\n  ];\r\n\r\n  const handleStart = (event: any) => {\r\n    isDragging.value = true;\r\n    const item = internalList.value[event.oldIndex];\r\n    if (item) {\r\n      emit(\"drag-start\", {\r\n        oldIndex: event.oldIndex,\r\n        newIndex: event.oldIndex,\r\n        item,\r\n      } as DragEvent);\r\n    }\r\n  };\r\n\r\n  const handleEnd = (event: any) => {\r\n    const item = internalList.value[event.newIndex];\r\n    if (item) {\r\n      emit(\"drag-end\", {\r\n        oldIndex: event.oldIndex,\r\n        newIndex: event.newIndex,\r\n        item,\r\n      } as DragEvent);\r\n    }\r\n    nextTick(() => {\r\n      isDragging.value = false;\r\n    });\r\n  };\r\n\r\n  const handleAdd = (event: any) => {\r\n    const item = internalList.value[event.newIndex];\r\n    if (item) emit(\"item-add\", item, event.newIndex);\r\n  };\r\n\r\n  const handleRemove = (event: any) => {\r\n    if (event.item) emit(\"item-remove\", event.item, event.oldIndex);\r\n  };\r\n\r\n  const handleUpdate = (_event: any) => {};\r\n\r\n  const addItem = (item: DraggableItem, index?: number): void => {\r\n    const list = [...internalList.value];\r\n    if (typeof index === \"number\" && index >= 0 && index <= list.length) {\r\n      list.splice(index, 0, item);\r\n    } else {\r\n      list.push(item);\r\n    }\r\n    internalList.value = list;\r\n  };\r\n\r\n  const removeItem = (index: number): DraggableItem | null => {\r\n    if (index >= 0 && index < internalList.value.length) {\r\n      const list = [...internalList.value];\r\n      const [removed] = list.splice(index, 1);\r\n      internalList.value = list;\r\n      return removed;\r\n    }\r\n    return null;\r\n  };\r\n\r\n  const moveItem = (fromIndex: number, toIndex: number): boolean => {\r\n    const list = internalList.value;\r\n    if (\r\n      fromIndex >= 0 &&\r\n      fromIndex < list.length &&\r\n      toIndex >= 0 &&\r\n      toIndex < list.length &&\r\n      fromIndex !== toIndex\r\n    ) {\r\n      const newList = [...list];\r\n      const [item] = newList.splice(fromIndex, 1);\r\n      newList.splice(toIndex, 0, item);\r\n      internalList.value = newList;\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  const updateList = (newList: DraggableItem[]): void => {\r\n    internalList.value = [...newList];\r\n  };\r\n\r\n  const clear = (): void => {\r\n    internalList.value = [];\r\n  };\r\n\r\n  const getItem = (index: number): DraggableItem | undefined =>\r\n    internalList.value[index];\r\n\r\n  const findIndex = (predicate: (item: DraggableItem) => boolean): number =>\r\n    internalList.value.findIndex(predicate);\r\n\r\n  return {\r\n    isDragging,\r\n    internalList,\r\n    isEmpty,\r\n    listClasses,\r\n    listStyles,\r\n    draggableOptions,\r\n    getItemKey,\r\n    getItemTitle,\r\n    getItemDescription,\r\n    getItemClass,\r\n    handleStart,\r\n    handleEnd,\r\n    handleAdd,\r\n    handleRemove,\r\n    handleUpdate,\r\n    addItem,\r\n    removeItem,\r\n    moveItem,\r\n    updateList,\r\n    clear,\r\n    getItem,\r\n    findIndex,\r\n  };\r\n}\r\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-25\n * @Description: 拖拽组件 - 基于 vue-draggable-plus 封装（薄 UI 壳 + useDraggableLayout 引擎）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-draggable-wrapper\" :class=\"wrapperClass\">\n    <VueDraggable\n      v-model=\"internalList\"\n      v-bind=\"draggableOptions\"\n      :class=\"listClasses\"\n      :style=\"listStyles\"\n      @start=\"handleStart\"\n      @end=\"handleEnd\"\n      @add=\"handleAdd\"\n      @remove=\"handleRemove\"\n      @update=\"handleUpdate\"\n    >\n      <div\n        v-for=\"(item, index) in internalList\"\n        :key=\"getItemKey(item, index)\"\n        :class=\"getItemClass(index)\"\n        :data-index=\"index\"\n      >\n        <slot\n          :item=\"item\"\n          :index=\"index\"\n          :is-dragging=\"isDragging\"\n          :is-disabled=\"disabled\"\n        >\n          <div class=\"default-item\">\n            <div v-if=\"showHandle\" class=\"drag-handle\">\n              <div class=\"i-mdi:drag-vertical\"></div>\n            </div>\n            <div class=\"item-content\">\n              <div class=\"item-title\">{{ getItemTitle(item) }}</div>\n              <div v-if=\"getItemDescription(item)\" class=\"item-description\">\n                {{ getItemDescription(item) }}\n              </div>\n            </div>\n          </div>\n        </slot>\n      </div>\n    </VueDraggable>\n\n    <div v-if=\"isEmpty && showEmptyState\" class=\"empty-state\">\n      <slot name=\"empty\">\n        <div class=\"default-empty\">\n          <div class=\"empty-icon i-mdi:inbox-outline\"></div>\n          <p class=\"empty-text\">{{ emptyText }}</p>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { readonly } from \"vue\";\nimport { VueDraggable } from \"vue-draggable-plus\";\nimport { useDraggableLayout } from \"./composables/useDraggableLayout\";\nimport type { DraggableProps, DraggableEmits } from \"./types\";\n\ndefineOptions({ name: \"C_Draggable\" });\n\nconst props = withDefaults(defineProps<DraggableProps>(), {\n  modelValue: () => [],\n  disabled: false,\n  group: \"default\",\n  sort: true,\n  animation: 200,\n  delay: 0,\n  handle: \"\",\n  showHandle: false,\n  ghostClass: \"sortable-ghost\",\n  chosenClass: \"sortable-chosen\",\n  dragClass: \"sortable-drag\",\n  wrapperClass: \"\",\n  listClass: \"\",\n  itemClass: \"\",\n  showEmptyState: true,\n  emptyText: \"暂无数据\",\n  swapThreshold: 1,\n  invertSwap: false,\n  direction: \"vertical\",\n  layout: \"vertical\",\n  gridColumns: 4,\n  gridRows: undefined,\n  gap: \"8px\",\n  flexWrap: false,\n  justifyContent: \"flex-start\",\n  alignItems: \"stretch\",\n  customStyles: () => ({}),\n});\n\nconst emit = defineEmits<DraggableEmits>();\n\nconst {\n  isDragging,\n  internalList,\n  isEmpty,\n  listClasses,\n  listStyles,\n  draggableOptions,\n  getItemKey,\n  getItemTitle,\n  getItemDescription,\n  getItemClass,\n  handleStart,\n  handleEnd,\n  handleAdd,\n  handleRemove,\n  handleUpdate,\n  addItem,\n  removeItem,\n  moveItem,\n  updateList,\n  clear,\n  getItem,\n  findIndex,\n} = useDraggableLayout(props, emit);\n\ndefineExpose({\n  isDragging: readonly(isDragging),\n  list: readonly(internalList),\n  isEmpty: readonly(isEmpty),\n  addItem,\n  removeItem,\n  moveItem,\n  updateList,\n  clear,\n  getItem,\n  findIndex,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-25\n * @Description: 拖拽组件 - 基于 vue-draggable-plus 封装（薄 UI 壳 + useDraggableLayout 引擎）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div class=\"c-draggable-wrapper\" :class=\"wrapperClass\">\n    <VueDraggable\n      v-model=\"internalList\"\n      v-bind=\"draggableOptions\"\n      :class=\"listClasses\"\n      :style=\"listStyles\"\n      @start=\"handleStart\"\n      @end=\"handleEnd\"\n      @add=\"handleAdd\"\n      @remove=\"handleRemove\"\n      @update=\"handleUpdate\"\n    >\n      <div\n        v-for=\"(item, index) in internalList\"\n        :key=\"getItemKey(item, index)\"\n        :class=\"getItemClass(index)\"\n        :data-index=\"index\"\n      >\n        <slot\n          :item=\"item\"\n          :index=\"index\"\n          :is-dragging=\"isDragging\"\n          :is-disabled=\"disabled\"\n        >\n          <div class=\"default-item\">\n            <div v-if=\"showHandle\" class=\"drag-handle\">\n              <div class=\"i-mdi:drag-vertical\"></div>\n            </div>\n            <div class=\"item-content\">\n              <div class=\"item-title\">{{ getItemTitle(item) }}</div>\n              <div v-if=\"getItemDescription(item)\" class=\"item-description\">\n                {{ getItemDescription(item) }}\n              </div>\n            </div>\n          </div>\n        </slot>\n      </div>\n    </VueDraggable>\n\n    <div v-if=\"isEmpty && showEmptyState\" class=\"empty-state\">\n      <slot name=\"empty\">\n        <div class=\"default-empty\">\n          <div class=\"empty-icon i-mdi:inbox-outline\"></div>\n          <p class=\"empty-text\">{{ emptyText }}</p>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { readonly } from \"vue\";\nimport { VueDraggable } from \"vue-draggable-plus\";\nimport { useDraggableLayout } from \"./composables/useDraggableLayout\";\nimport type { DraggableProps, DraggableEmits } from \"./types\";\n\ndefineOptions({ name: \"C_Draggable\" });\n\nconst props = withDefaults(defineProps<DraggableProps>(), {\n  modelValue: () => [],\n  disabled: false,\n  group: \"default\",\n  sort: true,\n  animation: 200,\n  delay: 0,\n  handle: \"\",\n  showHandle: false,\n  ghostClass: \"sortable-ghost\",\n  chosenClass: \"sortable-chosen\",\n  dragClass: \"sortable-drag\",\n  wrapperClass: \"\",\n  listClass: \"\",\n  itemClass: \"\",\n  showEmptyState: true,\n  emptyText: \"暂无数据\",\n  swapThreshold: 1,\n  invertSwap: false,\n  direction: \"vertical\",\n  layout: \"vertical\",\n  gridColumns: 4,\n  gridRows: undefined,\n  gap: \"8px\",\n  flexWrap: false,\n  justifyContent: \"flex-start\",\n  alignItems: \"stretch\",\n  customStyles: () => ({}),\n});\n\nconst emit = defineEmits<DraggableEmits>();\n\nconst {\n  isDragging,\n  internalList,\n  isEmpty,\n  listClasses,\n  listStyles,\n  draggableOptions,\n  getItemKey,\n  getItemTitle,\n  getItemDescription,\n  getItemClass,\n  handleStart,\n  handleEnd,\n  handleAdd,\n  handleRemove,\n  handleUpdate,\n  addItem,\n  removeItem,\n  moveItem,\n  updateList,\n  clear,\n  getItem,\n  findIndex,\n} = useDraggableLayout(props, emit);\n\ndefineExpose({\n  isDragging: readonly(isDragging),\n  list: readonly(internalList),\n  isEmpty: readonly(isEmpty),\n  addItem,\n  removeItem,\n  moveItem,\n  updateList,\n  clear,\n  getItem,\n  findIndex,\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}