@robot-admin/naive-ui-components 0.8.1 → 0.9.0

package/dist/C_Date.js.map

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

package/dist/C_Date2.js

@@ -1,2 +1,2 @@
-import{NDatePicker as e}from"naive-ui";import{computed as t,createBlock as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,ref as u,unref as d,watch as f}from"vue";const p={class:`inline-block`},m={key:4,class:`inline-block`},h={class:`flex gap-2.5 items-center`};var g=s({name:`C_Date`,__name:`index`,props:{mode:{default:`date`},placeholder:{default:``},startPlaceholder:{default:``},endPlaceholder:{default:``},disabled:{type:Boolean,default:!1},disabledBeforeToday:{type:Boolean,default:!1},disabledAfterToday:{type:Boolean,default:!1},valueFormat:{default:`yyyy-MM-dd`},startDateProps:{default:()=>({})},endDateProps:{default:()=>({})},singleDate:{default:null},singleDateTime:{default:null},dateRange:{default:null},dateTimeRange:{default:null},smartRange:{default:null}},emits:[`update:singleDate`,`update:singleDateTime`,`update:dateRange`,`update:dateTimeRange`,`update:smartRange`,`change`],setup(s,{expose:g,emit:_}){let v=s,y=_,b=(()=>{let e=new Date;return e.setHours(0,0,0,0),e.getTime()})(),x=t({get:()=>v.singleDate??null,set:e=>{y(`update:singleDate`,e),y(`change`,e)}}),S=t({get:()=>v.singleDateTime??null,set:e=>{y(`update:singleDateTime`,e),y(`change`,e)}}),C=t({get:()=>v.dateRange??null,set:e=>{y(`update:dateRange`,e),y(`change`,e)}}),w=t({get:()=>v.dateTimeRange??null,set:e=>{y(`update:dateTimeRange`,e),y(`change`,e)}}),T=u(null),E=u(null),D=t(()=>!T.value);f(()=>v.smartRange,e=>{let t=e?.[0]??null,n=e?.[1]??null;t===T.value&&n===E.value||(T.value=t,E.value=n)},{immediate:!0,deep:!0}),f(()=>[T.value,E.value],([e,t])=>{if(!e){E.value=null;return}t&&(y(`update:smartRange`,[e,t]),y(`change`,[e,t]))},{deep:!0});let O=e=>!!(v.disabledBeforeToday&&e<b||v.disabledAfterToday&&e>b),k=e=>!T.value||e<new Date(T.value).getTime()?!0:O(e);return g({clearAll:()=>{y(`update:singleDate`,null),y(`update:singleDateTime`,null),y(`update:dateRange`,null),y(`update:dateTimeRange`,null),y(`update:smartRange`,null),T.value=null,E.value=null}}),(t,s)=>(l(),i(`div`,p,[t.mode===`date`?(l(),n(d(e),c({key:0,"formatted-value":x.value,"onUpdate:formattedValue":s[0]||=e=>x.value=e,type:`date`,placeholder:t.placeholder||`请选择日期`,disabled:t.disabled,"is-date-disabled":O,"value-format":t.valueFormat,clearable:``},t.$attrs),null,16,[`formatted-value`,`placeholder`,`disabled`,`value-format`])):t.mode===`datetime`?(l(),n(d(e),c({key:1,"formatted-value":S.value,"onUpdate:formattedValue":s[1]||=e=>S.value=e,type:`datetime`,placeholder:t.placeholder||`请选择日期时间`,disabled:t.disabled,"is-date-disabled":O,"value-format":t.valueFormat,clearable:``},t.$attrs),null,16,[`formatted-value`,`placeholder`,`disabled`,`value-format`])):t.mode===`daterange`?(l(),n(d(e),c({key:2,"formatted-value":C.value,"onUpdate:formattedValue":s[2]||=e=>C.value=e,type:`daterange`,"start-placeholder":t.startPlaceholder||`开始日期`,"end-placeholder":t.endPlaceholder||`结束日期`,disabled:t.disabled,"is-date-disabled":O,"value-format":t.valueFormat,clearable:``},t.$attrs),null,16,[`formatted-value`,`start-placeholder`,`end-placeholder`,`disabled`,`value-format`])):t.mode===`datetimerange`?(l(),n(d(e),c({key:3,"formatted-value":w.value,"onUpdate:formattedValue":s[3]||=e=>w.value=e,type:`datetimerange`,"start-placeholder":t.startPlaceholder||`开始日期时间`,"end-placeholder":t.endPlaceholder||`结束日期时间`,disabled:t.disabled,"is-date-disabled":O,"value-format":t.valueFormat,clearable:``},t.$attrs),null,16,[`formatted-value`,`start-placeholder`,`end-placeholder`,`disabled`,`value-format`])):t.mode===`smart-range`?(l(),i(`div`,m,[a(`div`,h,[o(d(e),c({class:`flex-1`,"formatted-value":T.value,"onUpdate:formattedValue":s[4]||=e=>T.value=e,type:`date`,placeholder:t.startPlaceholder||`请选择开始日期`,"is-date-disabled":O,"value-format":t.valueFormat,clearable:``},t.startDateProps),null,16,[`formatted-value`,`placeholder`,`value-format`]),o(d(e),c({class:`flex-1`,"formatted-value":E.value,"onUpdate:formattedValue":s[5]||=e=>E.value=e,type:`date`,placeholder:t.endPlaceholder||`请选择结束日期`,disabled:D.value,"is-date-disabled":k,"value-format":t.valueFormat,clearable:``},t.endDateProps),null,16,[`formatted-value`,`placeholder`,`disabled`,`value-format`])])])):r(`v-if`,!0)]))}});export{g as t};
+import{computed as e,createBlock as t,createCommentVNode as n,createElementBlock as r,createElementVNode as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,ref as l,unref as u,watch as d}from"vue";import{NDatePicker as f}from"naive-ui";const p={class:`inline-block`},m={key:4,class:`inline-block`},h={class:`flex gap-2.5 items-center`},g=o({name:`C_Date`,__name:`index`,props:{mode:{default:`date`},placeholder:{default:``},startPlaceholder:{default:``},endPlaceholder:{default:``},disabled:{type:Boolean,default:!1},disabledBeforeToday:{type:Boolean,default:!1},disabledAfterToday:{type:Boolean,default:!1},valueFormat:{default:`yyyy-MM-dd`},startDateProps:{default:()=>({})},endDateProps:{default:()=>({})},singleDate:{default:null},singleDateTime:{default:null},dateRange:{default:null},dateTimeRange:{default:null},smartRange:{default:null}},emits:[`update:singleDate`,`update:singleDateTime`,`update:dateRange`,`update:dateTimeRange`,`update:smartRange`,`change`],setup(o,{expose:g,emit:_}){let v=o,y=_,b=(()=>{let e=new Date;return e.setHours(0,0,0,0),e.getTime()})(),x=e({get:()=>v.singleDate??null,set:e=>{y(`update:singleDate`,e),y(`change`,e)}}),S=e({get:()=>v.singleDateTime??null,set:e=>{y(`update:singleDateTime`,e),y(`change`,e)}}),C=e({get:()=>v.dateRange??null,set:e=>{y(`update:dateRange`,e),y(`change`,e)}}),w=e({get:()=>v.dateTimeRange??null,set:e=>{y(`update:dateTimeRange`,e),y(`change`,e)}}),T=l(null),E=l(null),D=e(()=>!T.value);d(()=>v.smartRange,e=>{let t=e?.[0]??null,n=e?.[1]??null;t===T.value&&n===E.value||(T.value=t,E.value=n)},{immediate:!0,deep:!0}),d(()=>[T.value,E.value],([e,t])=>{if(!e){E.value=null;return}t&&(y(`update:smartRange`,[e,t]),y(`change`,[e,t]))},{deep:!0});let O=e=>!!(v.disabledBeforeToday&&e<b||v.disabledAfterToday&&e>b),k=e=>!T.value||e<new Date(T.value).getTime()?!0:O(e);return g({clearAll:()=>{y(`update:singleDate`,null),y(`update:singleDateTime`,null),y(`update:dateRange`,null),y(`update:dateTimeRange`,null),y(`update:smartRange`,null),T.value=null,E.value=null}}),(e,o)=>(c(),r(`div`,p,[e.mode===`date`?(c(),t(u(f),s({key:0,"formatted-value":x.value,"onUpdate:formattedValue":o[0]||=e=>x.value=e,type:`date`,placeholder:e.placeholder||`请选择日期`,disabled:e.disabled,"is-date-disabled":O,"value-format":e.valueFormat,clearable:``},e.$attrs),null,16,[`formatted-value`,`placeholder`,`disabled`,`value-format`])):e.mode===`datetime`?(c(),t(u(f),s({key:1,"formatted-value":S.value,"onUpdate:formattedValue":o[1]||=e=>S.value=e,type:`datetime`,placeholder:e.placeholder||`请选择日期时间`,disabled:e.disabled,"is-date-disabled":O,"value-format":e.valueFormat,clearable:``},e.$attrs),null,16,[`formatted-value`,`placeholder`,`disabled`,`value-format`])):e.mode===`daterange`?(c(),t(u(f),s({key:2,"formatted-value":C.value,"onUpdate:formattedValue":o[2]||=e=>C.value=e,type:`daterange`,"start-placeholder":e.startPlaceholder||`开始日期`,"end-placeholder":e.endPlaceholder||`结束日期`,disabled:e.disabled,"is-date-disabled":O,"value-format":e.valueFormat,clearable:``},e.$attrs),null,16,[`formatted-value`,`start-placeholder`,`end-placeholder`,`disabled`,`value-format`])):e.mode===`datetimerange`?(c(),t(u(f),s({key:3,"formatted-value":w.value,"onUpdate:formattedValue":o[3]||=e=>w.value=e,type:`datetimerange`,"start-placeholder":e.startPlaceholder||`开始日期时间`,"end-placeholder":e.endPlaceholder||`结束日期时间`,disabled:e.disabled,"is-date-disabled":O,"value-format":e.valueFormat,clearable:``},e.$attrs),null,16,[`formatted-value`,`start-placeholder`,`end-placeholder`,`disabled`,`value-format`])):e.mode===`smart-range`?(c(),r(`div`,m,[i(`div`,h,[a(u(f),s({class:`flex-1`,"formatted-value":T.value,"onUpdate:formattedValue":o[4]||=e=>T.value=e,type:`date`,placeholder:e.startPlaceholder||`请选择开始日期`,"is-date-disabled":O,"value-format":e.valueFormat,clearable:``},e.startDateProps),null,16,[`formatted-value`,`placeholder`,`value-format`]),a(u(f),s({class:`flex-1`,"formatted-value":E.value,"onUpdate:formattedValue":o[5]||=e=>E.value=e,type:`date`,placeholder:e.endPlaceholder||`请选择结束日期`,disabled:D.value,"is-date-disabled":k,"value-format":e.valueFormat,clearable:``},e.endDateProps),null,16,[`formatted-value`,`placeholder`,`disabled`,`value-format`])])])):n(`v-if`,!0)]))}});export{g as t};
 //# sourceMappingURL=C_Date2.js.map

package/dist/C_Date2.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"C_Draggable-Bq6o0qXn.css","names":[],"sources":["../src/components/C_Draggable/index.vue?vue&type=style&index=0&scoped=2c965573&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ===== 容器布局样式 ===== */\n.c-draggable-wrapper[data-v-2c965573] {\n  position: relative;\n  width: 100%;\n}\n.c-draggable-list[data-v-2c965573] {\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-2c965573] {\n  flex-direction: column;\n}\n.c-draggable-list.layout-horizontal[data-v-2c965573] {\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-2c965573] {\n  flex-wrap: wrap;\n}\n.c-draggable-list.layout-flex-wrap[data-v-2c965573] {\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-2c965573] {\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-2c965573] {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* ===== 拖拽项目基础样式 ===== */\n.c-draggable-item[data-v-2c965573] {\n  position: relative;\n}\n.c-draggable-item.is-disabled[data-v-2c965573] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.c-draggable-item.is-disabled[data-v-2c965573] * {\n  cursor: not-allowed !important;\n}\n\n/* ===== 默认项目样式 ===== */\n.default-item[data-v-2c965573] {\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-2c965573]: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-2c965573]:active {\n  cursor: grabbing;\n}\n.default-item .drag-handle[data-v-2c965573] {\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-2c965573]:hover {\n  background: var(--n-action-color);\n  color: var(--n-primary-color);\n}\n.default-item .drag-handle[data-v-2c965573]:active {\n  cursor: grabbing;\n}\n.default-item .drag-handle div[data-v-2c965573] {\n  font-size: 18px;\n}\n.default-item .item-content[data-v-2c965573] {\n  flex: 1;\n  min-width: 0;\n}\n.default-item .item-content .item-title[data-v-2c965573] {\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-2c965573] {\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-2c965573] {\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-2c965573] {\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-2c965573] {\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-2c965573] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.c-draggable-list.layout-grid .c-draggable-item .default-item[data-v-2c965573] {\n  flex: 1;\n  height: 100%;\n  min-height: 80px;\n}\n.c-draggable-list.layout-grid + .empty-state[data-v-2c965573] {\n  grid-column: 1/-1;\n  padding: 40px 20px;\n}\n.c-draggable-list.layout-grid + .empty-state .default-empty .empty-icon[data-v-2c965573] {\n  font-size: 36px;\n}\n\n/* ===== 弹性布局特殊优化 ===== */\n.c-draggable-list.layout-horizontal .c-draggable-item[data-v-2c965573],\n.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-2c965573] {\n  flex-shrink: 0;\n}\n.c-draggable-list.layout-horizontal .c-draggable-item[data-v-2c965573]:not(:last-child),\n.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-2c965573]:not(:last-child) {\n  margin-right: 0;\n}\n.c-draggable-list.layout-horizontal .default-item[data-v-2c965573],\n.c-draggable-list.layout-flex-wrap .default-item[data-v-2c965573] {\n  min-width: 200px;\n  width: 100%;\n}\n\n/* ===== 响应式设计 ===== */\n@media (max-width: 768px) {\n.c-draggable-list.layout-grid[data-v-2c965573] {\n    grid-template-columns: repeat(2, 1fr) !important;\n}\n.c-draggable-list.layout-horizontal[data-v-2c965573] {\n    flex-wrap: wrap;\n}\n.default-item[data-v-2c965573] {\n    padding: 12px;\n    min-width: 150px !important;\n}\n.default-item .drag-handle[data-v-2c965573] {\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n}\n.default-item .drag-handle div[data-v-2c965573] {\n    font-size: 16px;\n}\n.default-item .item-content .item-title[data-v-2c965573] {\n    font-size: 15px;\n}\n.default-item .item-content .item-description[data-v-2c965573] {\n    font-size: 13px;\n}\n.empty-state[data-v-2c965573] {\n    padding: 40px 16px;\n}\n.empty-state .default-empty .empty-icon[data-v-2c965573] {\n    font-size: 36px;\n}\n}\n@media (max-width: 480px) {\n.c-draggable-list.layout-grid[data-v-2c965573] {\n    grid-template-columns: 1fr !important;\n}\n.default-item[data-v-2c965573] {\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-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"}

package/dist/{C_Draggable-r6nhx3yM.css.map → C_Draggable-DwkSlCOS.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Draggable-r6nhx3yM.css","names":[],"sources":["../src/components/C_Draggable/index.vue?vue&type=style&index=0&scoped=2c965573&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* ===== 容器布局样式 ===== */\n.c-draggable-wrapper[data-v-2c965573] {\n  position: relative;\n  width: 100%;\n}\n.c-draggable-list[data-v-2c965573] {\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-2c965573] {\n  flex-direction: column;\n}\n.c-draggable-list.layout-horizontal[data-v-2c965573] {\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-2c965573] {\n  flex-wrap: wrap;\n}\n.c-draggable-list.layout-flex-wrap[data-v-2c965573] {\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-2c965573] {\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-2c965573] {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* ===== 拖拽项目基础样式 ===== */\n.c-draggable-item[data-v-2c965573] {\n  position: relative;\n}\n.c-draggable-item.is-disabled[data-v-2c965573] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.c-draggable-item.is-disabled[data-v-2c965573] * {\n  cursor: not-allowed !important;\n}\n\n/* ===== 默认项目样式 ===== */\n.default-item[data-v-2c965573] {\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-2c965573]: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-2c965573]:active {\n  cursor: grabbing;\n}\n.default-item .drag-handle[data-v-2c965573] {\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-2c965573]:hover {\n  background: var(--n-action-color);\n  color: var(--n-primary-color);\n}\n.default-item .drag-handle[data-v-2c965573]:active {\n  cursor: grabbing;\n}\n.default-item .drag-handle div[data-v-2c965573] {\n  font-size: 18px;\n}\n.default-item .item-content[data-v-2c965573] {\n  flex: 1;\n  min-width: 0;\n}\n.default-item .item-content .item-title[data-v-2c965573] {\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-2c965573] {\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-2c965573] {\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-2c965573] {\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-2c965573] {\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-2c965573] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.c-draggable-list.layout-grid .c-draggable-item .default-item[data-v-2c965573] {\n  flex: 1;\n  height: 100%;\n  min-height: 80px;\n}\n.c-draggable-list.layout-grid + .empty-state[data-v-2c965573] {\n  grid-column: 1/-1;\n  padding: 40px 20px;\n}\n.c-draggable-list.layout-grid + .empty-state .default-empty .empty-icon[data-v-2c965573] {\n  font-size: 36px;\n}\n\n/* ===== 弹性布局特殊优化 ===== */\n.c-draggable-list.layout-horizontal .c-draggable-item[data-v-2c965573],\n.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-2c965573] {\n  flex-shrink: 0;\n}\n.c-draggable-list.layout-horizontal .c-draggable-item[data-v-2c965573]:not(:last-child),\n.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-2c965573]:not(:last-child) {\n  margin-right: 0;\n}\n.c-draggable-list.layout-horizontal .default-item[data-v-2c965573],\n.c-draggable-list.layout-flex-wrap .default-item[data-v-2c965573] {\n  min-width: 200px;\n  width: 100%;\n}\n\n/* ===== 响应式设计 ===== */\n@media (max-width: 768px) {\n.c-draggable-list.layout-grid[data-v-2c965573] {\n    grid-template-columns: repeat(2, 1fr) !important;\n}\n.c-draggable-list.layout-horizontal[data-v-2c965573] {\n    flex-wrap: wrap;\n}\n.default-item[data-v-2c965573] {\n    padding: 12px;\n    min-width: 150px !important;\n}\n.default-item .drag-handle[data-v-2c965573] {\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n}\n.default-item .drag-handle div[data-v-2c965573] {\n    font-size: 16px;\n}\n.default-item .item-content .item-title[data-v-2c965573] {\n    font-size: 15px;\n}\n.default-item .item-content .item-description[data-v-2c965573] {\n    font-size: 13px;\n}\n.empty-state[data-v-2c965573] {\n    padding: 40px 16px;\n}\n.empty-state .default-empty .empty-icon[data-v-2c965573] {\n    font-size: 36px;\n}\n}\n@media (max-width: 480px) {\n.c-draggable-list.layout-grid[data-v-2c965573] {\n    grid-template-columns: 1fr !important;\n}\n.default-item[data-v-2c965573] {\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-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"}

package/dist/C_Draggable.css

@@ -1,9 +1,9 @@
 /* unplugin-vue-components disabled *//* ===== 容器布局样式 ===== */
-.c-draggable-wrapper[data-v-2c965573] {
+.c-draggable-wrapper[data-v-0d667b68] {
   position: relative;
   width: 100%;
 }
-.c-draggable-list[data-v-2c965573] {
+.c-draggable-list[data-v-0d667b68] {
   min-height: 50px;
   width: 100%;
   display: flex;
@@ -13,49 +13,49 @@
   /* 弹性换行布局 */
   /* 网格布局 */
 }
-.c-draggable-list.layout-vertical[data-v-2c965573] {
+.c-draggable-list.layout-vertical[data-v-0d667b68] {
   flex-direction: column;
 }
-.c-draggable-list.layout-horizontal[data-v-2c965573] {
+.c-draggable-list.layout-horizontal[data-v-0d667b68] {
   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-2c965573] {
+.c-draggable-list.layout-horizontal.flex-wrap[data-v-0d667b68] {
   flex-wrap: wrap;
 }
-.c-draggable-list.layout-flex-wrap[data-v-2c965573] {
+.c-draggable-list.layout-flex-wrap[data-v-0d667b68] {
   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-2c965573] {
+.c-draggable-list.layout-grid[data-v-0d667b68] {
   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-2c965573] {
+.c-draggable-list.layout-grid > .c-draggable-item[data-v-0d667b68] {
   width: 100%;
   box-sizing: border-box;
 }
 
 /* ===== 拖拽项目基础样式 ===== */
-.c-draggable-item[data-v-2c965573] {
+.c-draggable-item[data-v-0d667b68] {
   position: relative;
 }
-.c-draggable-item.is-disabled[data-v-2c965573] {
+.c-draggable-item.is-disabled[data-v-0d667b68] {
   opacity: 0.6;
   cursor: not-allowed;
 }
-.c-draggable-item.is-disabled[data-v-2c965573] * {
+.c-draggable-item.is-disabled[data-v-0d667b68] * {
   cursor: not-allowed !important;
 }
 
 /* ===== 默认项目样式 ===== */
-.default-item[data-v-2c965573] {
+.default-item[data-v-0d667b68] {
   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-2c965573]:hover {
+.default-item[data-v-0d667b68]:hover {
   border-color: var(--n-primary-color);
   box-shadow: 0 2px 8px var(--n-box-shadow-color);
   transform: translateY(-1px);
 }
-.default-item[data-v-2c965573]:active {
+.default-item[data-v-0d667b68]:active {
   cursor: grabbing;
 }
-.default-item .drag-handle[data-v-2c965573] {
+.default-item .drag-handle[data-v-0d667b68] {
   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-2c965573]:hover {
+.default-item .drag-handle[data-v-0d667b68]:hover {
   background: var(--n-action-color);
   color: var(--n-primary-color);
 }
-.default-item .drag-handle[data-v-2c965573]:active {
+.default-item .drag-handle[data-v-0d667b68]:active {
   cursor: grabbing;
 }
-.default-item .drag-handle div[data-v-2c965573] {
+.default-item .drag-handle div[data-v-0d667b68] {
   font-size: 18px;
 }
-.default-item .item-content[data-v-2c965573] {
+.default-item .item-content[data-v-0d667b68] {
   flex: 1;
   min-width: 0;
 }
-.default-item .item-content .item-title[data-v-2c965573] {
+.default-item .item-content .item-title[data-v-0d667b68] {
   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-2c965573] {
+.default-item .item-content .item-description[data-v-0d667b68] {
   font-size: 14px;
   color: var(--n-text-color-disabled);
   line-height: 1.4;
@@ -117,7 +117,7 @@
 }
 
 /* ===== 空状态样式 ===== */
-.empty-state[data-v-2c965573] {
+.empty-state[data-v-0d667b68] {
   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-2c965573] {
+.empty-state .default-empty .empty-icon[data-v-0d667b68] {
   font-size: 48px;
   color: var(--n-text-color-disabled);
   margin-bottom: 16px;
 }
-.empty-state .default-empty .empty-text[data-v-2c965573] {
+.empty-state .default-empty .empty-text[data-v-0d667b68] {
   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-2c965573] {
+.c-draggable-list.layout-grid .c-draggable-item[data-v-0d667b68] {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.c-draggable-list.layout-grid .c-draggable-item .default-item[data-v-2c965573] {
+.c-draggable-list.layout-grid .c-draggable-item .default-item[data-v-0d667b68] {
   flex: 1;
   height: 100%;
   min-height: 80px;
 }
-.c-draggable-list.layout-grid + .empty-state[data-v-2c965573] {
+.c-draggable-list.layout-grid + .empty-state[data-v-0d667b68] {
   grid-column: 1/-1;
   padding: 40px 20px;
 }
-.c-draggable-list.layout-grid + .empty-state .default-empty .empty-icon[data-v-2c965573] {
+.c-draggable-list.layout-grid + .empty-state .default-empty .empty-icon[data-v-0d667b68] {
   font-size: 36px;
 }
 
 /* ===== 弹性布局特殊优化 ===== */
-.c-draggable-list.layout-horizontal .c-draggable-item[data-v-2c965573],
-.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-2c965573] {
+.c-draggable-list.layout-horizontal .c-draggable-item[data-v-0d667b68],
+.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-0d667b68] {
   flex-shrink: 0;
 }
-.c-draggable-list.layout-horizontal .c-draggable-item[data-v-2c965573]:not(:last-child),
-.c-draggable-list.layout-flex-wrap .c-draggable-item[data-v-2c965573]:not(:last-child) {
+.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) {
   margin-right: 0;
 }
-.c-draggable-list.layout-horizontal .default-item[data-v-2c965573],
-.c-draggable-list.layout-flex-wrap .default-item[data-v-2c965573] {
+.c-draggable-list.layout-horizontal .default-item[data-v-0d667b68],
+.c-draggable-list.layout-flex-wrap .default-item[data-v-0d667b68] {
   min-width: 200px;
   width: 100%;
 }
 
 /* ===== 响应式设计 ===== */
 @media (max-width: 768px) {
-.c-draggable-list.layout-grid[data-v-2c965573] {
+.c-draggable-list.layout-grid[data-v-0d667b68] {
     grid-template-columns: repeat(2, 1fr) !important;
 }
-.c-draggable-list.layout-horizontal[data-v-2c965573] {
+.c-draggable-list.layout-horizontal[data-v-0d667b68] {
     flex-wrap: wrap;
 }
-.default-item[data-v-2c965573] {
+.default-item[data-v-0d667b68] {
     padding: 12px;
     min-width: 150px !important;
 }
-.default-item .drag-handle[data-v-2c965573] {
+.default-item .drag-handle[data-v-0d667b68] {
     width: 20px;
     height: 20px;
     margin-right: 8px;
 }
-.default-item .drag-handle div[data-v-2c965573] {
+.default-item .drag-handle div[data-v-0d667b68] {
     font-size: 16px;
 }
-.default-item .item-content .item-title[data-v-2c965573] {
+.default-item .item-content .item-title[data-v-0d667b68] {
     font-size: 15px;
 }
-.default-item .item-content .item-description[data-v-2c965573] {
+.default-item .item-content .item-description[data-v-0d667b68] {
     font-size: 13px;
 }
-.empty-state[data-v-2c965573] {
+.empty-state[data-v-0d667b68] {
     padding: 40px 16px;
 }
-.empty-state .default-empty .empty-icon[data-v-2c965573] {
+.empty-state .default-empty .empty-icon[data-v-0d667b68] {
     font-size: 36px;
 }
 }
 @media (max-width: 480px) {
-.c-draggable-list.layout-grid[data-v-2c965573] {
+.c-draggable-list.layout-grid[data-v-0d667b68] {
     grid-template-columns: 1fr !important;
 }
-.default-item[data-v-2c965573] {
+.default-item[data-v-0d667b68] {
     min-width: 100% !important;
     padding: 10px;
 }
 }
 
-/*# sourceMappingURL=C_Draggable-Bq6o0qXn.css.map*/
+/*# sourceMappingURL=C_Draggable-BCjIvIwT.css.map*/