@robot-admin/naive-ui-components 0.6.28 → 0.6.29

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

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

package/dist/{C_Draggable-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"}