@robot-admin/naive-ui-components 0.6.13 → 0.6.15

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:value=\"singleDate\"\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      @update:value=\"handleSingleDateChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'datetime'\"\r\n      v-model:value=\"singleDateTime\"\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      @update:value=\"handleSingleDateTimeChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'daterange'\"\r\n      v-model:value=\"dateRange\"\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      @update:value=\"handleDateRangeChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'datetimerange'\"\r\n      v-model:value=\"dateTimeRange\"\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      @update:value=\"handleDateTimeRangeChange\"\r\n    />\r\n\r\n    <div v-else-if=\"mode === 'smart-range'\" class=\"inline-block\">\r\n      <div class=\"flex gap-2.5 items-center\">\r\n        <NDatePicker\r\n          class=\"flex-1\"\r\n          v-model: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: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\nimport { ref, watch } from \"vue\";\r\nimport { NDatePicker } from \"naive-ui\";\r\n\r\ndefineOptions({ name: \"C_Date\" });\r\n\r\ntype DatePickerMode =\r\n  | \"date\"\r\n  | \"datetime\"\r\n  | \"daterange\"\r\n  | \"datetimerange\"\r\n  | \"smart-range\";\r\n\r\ntype DateValue = number | null;\r\ntype DateRangeValue = [number, number] | null;\r\n\r\ninterface 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}\r\n\r\ninterface 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\nconst 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});\r\n\r\nconst emits = defineEmits<Emits>();\r\n\r\nconst singleDate = ref<DateValue>(null);\r\nconst singleDateTime = ref<DateValue>(null);\r\nconst dateRange = ref<DateRangeValue>(null);\r\nconst dateTimeRange = ref<DateRangeValue>(null);\r\nconst startDate = ref<DateValue>(null);\r\nconst endDate = ref<DateValue>(null);\r\nconst endDateDisabled = ref(true);\r\n\r\nconst getTodayTimestamp = (): number => {\r\n  const today = new Date();\r\n  today.setHours(0, 0, 0, 0);\r\n  return today.getTime();\r\n};\r\n\r\nconst singleDisabledDate = (timestamp: number): boolean => {\r\n  const todayTimestamp = getTodayTimestamp();\r\n  if (props.disabledBeforeToday && timestamp < todayTimestamp) return true;\r\n  if (props.disabledAfterToday && timestamp > todayTimestamp) return true;\r\n  return false;\r\n};\r\n\r\nconst endDisabledDate = (timestamp: number): boolean => {\r\n  if (!startDate.value) return true;\r\n  if (timestamp < startDate.value) return true;\r\n  return singleDisabledDate(timestamp);\r\n};\r\n\r\nconst handleSingleDateChange = (value: DateValue): void => {\r\n  emits(\"update:singleDate\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleSingleDateTimeChange = (value: DateValue): void => {\r\n  emits(\"update:singleDateTime\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleDateRangeChange = (value: DateRangeValue): void => {\r\n  emits(\"update:dateRange\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleDateTimeRangeChange = (value: DateRangeValue): void => {\r\n  emits(\"update:dateTimeRange\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nwatch(\r\n  () => [startDate.value, endDate.value],\r\n  ([startVal, endVal]) => {\r\n    if (!startVal) {\r\n      endDate.value = null;\r\n      endDateDisabled.value = true;\r\n      return;\r\n    }\r\n    if (startVal) {\r\n      endDateDisabled.value = false;\r\n    }\r\n    if (startVal && endVal) {\r\n      const rangeValue: DateRangeValue = [startVal, endVal];\r\n      emits(\"update:smartRange\", rangeValue);\r\n      emits(\"change\", rangeValue);\r\n    }\r\n  },\r\n  { deep: true },\r\n);\r\n\r\ndefineExpose({\r\n  singleDate,\r\n  singleDateTime,\r\n  dateRange,\r\n  dateTimeRange,\r\n  startDate,\r\n  endDate,\r\n  clearAll: () => {\r\n    singleDate.value = null;\r\n    singleDateTime.value = null;\r\n    dateRange.value = null;\r\n    dateTimeRange.value = null;\r\n    startDate.value = null;\r\n    endDate.value = null;\r\n    endDateDisabled.value = true;\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:value=\"singleDate\"\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      @update:value=\"handleSingleDateChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'datetime'\"\r\n      v-model:value=\"singleDateTime\"\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      @update:value=\"handleSingleDateTimeChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'daterange'\"\r\n      v-model:value=\"dateRange\"\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      @update:value=\"handleDateRangeChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'datetimerange'\"\r\n      v-model:value=\"dateTimeRange\"\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      @update:value=\"handleDateTimeRangeChange\"\r\n    />\r\n\r\n    <div v-else-if=\"mode === 'smart-range'\" class=\"inline-block\">\r\n      <div class=\"flex gap-2.5 items-center\">\r\n        <NDatePicker\r\n          class=\"flex-1\"\r\n          v-model: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: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\nimport { ref, watch } from \"vue\";\r\nimport { NDatePicker } from \"naive-ui\";\r\n\r\ndefineOptions({ name: \"C_Date\" });\r\n\r\ntype DatePickerMode =\r\n  | \"date\"\r\n  | \"datetime\"\r\n  | \"daterange\"\r\n  | \"datetimerange\"\r\n  | \"smart-range\";\r\n\r\ntype DateValue = number | null;\r\ntype DateRangeValue = [number, number] | null;\r\n\r\ninterface 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}\r\n\r\ninterface 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\nconst 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});\r\n\r\nconst emits = defineEmits<Emits>();\r\n\r\nconst singleDate = ref<DateValue>(null);\r\nconst singleDateTime = ref<DateValue>(null);\r\nconst dateRange = ref<DateRangeValue>(null);\r\nconst dateTimeRange = ref<DateRangeValue>(null);\r\nconst startDate = ref<DateValue>(null);\r\nconst endDate = ref<DateValue>(null);\r\nconst endDateDisabled = ref(true);\r\n\r\nconst getTodayTimestamp = (): number => {\r\n  const today = new Date();\r\n  today.setHours(0, 0, 0, 0);\r\n  return today.getTime();\r\n};\r\n\r\nconst singleDisabledDate = (timestamp: number): boolean => {\r\n  const todayTimestamp = getTodayTimestamp();\r\n  if (props.disabledBeforeToday && timestamp < todayTimestamp) return true;\r\n  if (props.disabledAfterToday && timestamp > todayTimestamp) return true;\r\n  return false;\r\n};\r\n\r\nconst endDisabledDate = (timestamp: number): boolean => {\r\n  if (!startDate.value) return true;\r\n  if (timestamp < startDate.value) return true;\r\n  return singleDisabledDate(timestamp);\r\n};\r\n\r\nconst handleSingleDateChange = (value: DateValue): void => {\r\n  emits(\"update:singleDate\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleSingleDateTimeChange = (value: DateValue): void => {\r\n  emits(\"update:singleDateTime\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleDateRangeChange = (value: DateRangeValue): void => {\r\n  emits(\"update:dateRange\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleDateTimeRangeChange = (value: DateRangeValue): void => {\r\n  emits(\"update:dateTimeRange\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nwatch(\r\n  () => [startDate.value, endDate.value],\r\n  ([startVal, endVal]) => {\r\n    if (!startVal) {\r\n      endDate.value = null;\r\n      endDateDisabled.value = true;\r\n      return;\r\n    }\r\n    if (startVal) {\r\n      endDateDisabled.value = false;\r\n    }\r\n    if (startVal && endVal) {\r\n      const rangeValue: DateRangeValue = [startVal, endVal];\r\n      emits(\"update:smartRange\", rangeValue);\r\n      emits(\"change\", rangeValue);\r\n    }\r\n  },\r\n  { deep: true },\r\n);\r\n\r\ndefineExpose({\r\n  singleDate,\r\n  singleDateTime,\r\n  dateRange,\r\n  dateTimeRange,\r\n  startDate,\r\n  endDate,\r\n  clearAll: () => {\r\n    singleDate.value = null;\r\n    singleDateTime.value = null;\r\n    dateRange.value = null;\r\n    dateTimeRange.value = null;\r\n    startDate.value = null;\r\n    endDate.value = null;\r\n    endDateDisabled.value = true;\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:value=\"singleDate\"\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      @update:value=\"handleSingleDateChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'datetime'\"\r\n      v-model:value=\"singleDateTime\"\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      @update:value=\"handleSingleDateTimeChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'daterange'\"\r\n      v-model:value=\"dateRange\"\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      @update:value=\"handleDateRangeChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'datetimerange'\"\r\n      v-model:value=\"dateTimeRange\"\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      @update:value=\"handleDateTimeRangeChange\"\r\n    />\r\n\r\n    <div v-else-if=\"mode === 'smart-range'\" class=\"inline-block\">\r\n      <div class=\"flex gap-2.5 items-center\">\r\n        <NDatePicker\r\n          class=\"flex-1\"\r\n          v-model: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: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\nimport { ref, watch } from \"vue\";\r\nimport { NDatePicker } from \"naive-ui\";\r\n\r\ndefineOptions({ name: \"C_Date\" });\r\n\r\ntype DatePickerMode =\r\n  | \"date\"\r\n  | \"datetime\"\r\n  | \"daterange\"\r\n  | \"datetimerange\"\r\n  | \"smart-range\";\r\n\r\ntype DateValue = number | null;\r\ntype DateRangeValue = [number, number] | null;\r\n\r\ninterface 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}\r\n\r\ninterface 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\nconst 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});\r\n\r\nconst emits = defineEmits<Emits>();\r\n\r\nconst singleDate = ref<DateValue>(null);\r\nconst singleDateTime = ref<DateValue>(null);\r\nconst dateRange = ref<DateRangeValue>(null);\r\nconst dateTimeRange = ref<DateRangeValue>(null);\r\nconst startDate = ref<DateValue>(null);\r\nconst endDate = ref<DateValue>(null);\r\nconst endDateDisabled = ref(true);\r\n\r\nconst getTodayTimestamp = (): number => {\r\n  const today = new Date();\r\n  today.setHours(0, 0, 0, 0);\r\n  return today.getTime();\r\n};\r\n\r\nconst singleDisabledDate = (timestamp: number): boolean => {\r\n  const todayTimestamp = getTodayTimestamp();\r\n  if (props.disabledBeforeToday && timestamp < todayTimestamp) return true;\r\n  if (props.disabledAfterToday && timestamp > todayTimestamp) return true;\r\n  return false;\r\n};\r\n\r\nconst endDisabledDate = (timestamp: number): boolean => {\r\n  if (!startDate.value) return true;\r\n  if (timestamp < startDate.value) return true;\r\n  return singleDisabledDate(timestamp);\r\n};\r\n\r\nconst handleSingleDateChange = (value: DateValue): void => {\r\n  emits(\"update:singleDate\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleSingleDateTimeChange = (value: DateValue): void => {\r\n  emits(\"update:singleDateTime\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleDateRangeChange = (value: DateRangeValue): void => {\r\n  emits(\"update:dateRange\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleDateTimeRangeChange = (value: DateRangeValue): void => {\r\n  emits(\"update:dateTimeRange\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nwatch(\r\n  () => [startDate.value, endDate.value],\r\n  ([startVal, endVal]) => {\r\n    if (!startVal) {\r\n      endDate.value = null;\r\n      endDateDisabled.value = true;\r\n      return;\r\n    }\r\n    if (startVal) {\r\n      endDateDisabled.value = false;\r\n    }\r\n    if (startVal && endVal) {\r\n      const rangeValue: DateRangeValue = [startVal, endVal];\r\n      emits(\"update:smartRange\", rangeValue);\r\n      emits(\"change\", rangeValue);\r\n    }\r\n  },\r\n  { deep: true },\r\n);\r\n\r\ndefineExpose({\r\n  singleDate,\r\n  singleDateTime,\r\n  dateRange,\r\n  dateTimeRange,\r\n  startDate,\r\n  endDate,\r\n  clearAll: () => {\r\n    singleDate.value = null;\r\n    singleDateTime.value = null;\r\n    dateRange.value = null;\r\n    dateTimeRange.value = null;\r\n    startDate.value = null;\r\n    endDate.value = null;\r\n    endDateDisabled.value = true;\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

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

package/dist/C_Date2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_Date2.js","names":["mode","placeholder","disabled","valueFormat","$attrs","startPlaceholder","endPlaceholder","startDateProps","endDateProps"],"sources":["../src/components/C_Date/index.vue","../src/components/C_Date/index.vue","../src/components/C_Date/index.vue"],"sourcesContent":["/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2025-05-28\r\n * @Description: 日期选择器组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div class=\"inline-block\">\r\n    <NDatePicker\r\n      v-if=\"mode === 'date'\"\r\n      v-model:value=\"singleDate\"\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      @update:value=\"handleSingleDateChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'datetime'\"\r\n      v-model:value=\"singleDateTime\"\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      @update:value=\"handleSingleDateTimeChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'daterange'\"\r\n      v-model:value=\"dateRange\"\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      @update:value=\"handleDateRangeChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'datetimerange'\"\r\n      v-model:value=\"dateTimeRange\"\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      @update:value=\"handleDateTimeRangeChange\"\r\n    />\r\n\r\n    <div v-else-if=\"mode === 'smart-range'\" class=\"inline-block\">\r\n      <div class=\"flex gap-2.5 items-center\">\r\n        <NDatePicker\r\n          class=\"flex-1\"\r\n          v-model: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: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\nimport { ref, watch } from \"vue\";\r\nimport { NDatePicker } from \"naive-ui\";\r\n\r\ndefineOptions({ name: \"C_Date\" });\r\n\r\ntype DatePickerMode =\r\n  | \"date\"\r\n  | \"datetime\"\r\n  | \"daterange\"\r\n  | \"datetimerange\"\r\n  | \"smart-range\";\r\n\r\ntype DateValue = number | null;\r\ntype DateRangeValue = [number, number] | null;\r\n\r\ninterface 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}\r\n\r\ninterface 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\nconst 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});\r\n\r\nconst emits = defineEmits<Emits>();\r\n\r\nconst singleDate = ref<DateValue>(null);\r\nconst singleDateTime = ref<DateValue>(null);\r\nconst dateRange = ref<DateRangeValue>(null);\r\nconst dateTimeRange = ref<DateRangeValue>(null);\r\nconst startDate = ref<DateValue>(null);\r\nconst endDate = ref<DateValue>(null);\r\nconst endDateDisabled = ref(true);\r\n\r\nconst getTodayTimestamp = (): number => {\r\n  const today = new Date();\r\n  today.setHours(0, 0, 0, 0);\r\n  return today.getTime();\r\n};\r\n\r\nconst singleDisabledDate = (timestamp: number): boolean => {\r\n  const todayTimestamp = getTodayTimestamp();\r\n  if (props.disabledBeforeToday && timestamp < todayTimestamp) return true;\r\n  if (props.disabledAfterToday && timestamp > todayTimestamp) return true;\r\n  return false;\r\n};\r\n\r\nconst endDisabledDate = (timestamp: number): boolean => {\r\n  if (!startDate.value) return true;\r\n  if (timestamp < startDate.value) return true;\r\n  return singleDisabledDate(timestamp);\r\n};\r\n\r\nconst handleSingleDateChange = (value: DateValue): void => {\r\n  emits(\"update:singleDate\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleSingleDateTimeChange = (value: DateValue): void => {\r\n  emits(\"update:singleDateTime\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleDateRangeChange = (value: DateRangeValue): void => {\r\n  emits(\"update:dateRange\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleDateTimeRangeChange = (value: DateRangeValue): void => {\r\n  emits(\"update:dateTimeRange\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nwatch(\r\n  () => [startDate.value, endDate.value],\r\n  ([startVal, endVal]) => {\r\n    if (!startVal) {\r\n      endDate.value = null;\r\n      endDateDisabled.value = true;\r\n      return;\r\n    }\r\n    if (startVal) {\r\n      endDateDisabled.value = false;\r\n    }\r\n    if (startVal && endVal) {\r\n      const rangeValue: DateRangeValue = [startVal, endVal];\r\n      emits(\"update:smartRange\", rangeValue);\r\n      emits(\"change\", rangeValue);\r\n    }\r\n  },\r\n  { deep: true },\r\n);\r\n\r\ndefineExpose({\r\n  singleDate,\r\n  singleDateTime,\r\n  dateRange,\r\n  dateTimeRange,\r\n  startDate,\r\n  endDate,\r\n  clearAll: () => {\r\n    singleDate.value = null;\r\n    singleDateTime.value = null;\r\n    dateRange.value = null;\r\n    dateTimeRange.value = null;\r\n    startDate.value = null;\r\n    endDate.value = null;\r\n    endDateDisabled.value = true;\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:value=\"singleDate\"\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      @update:value=\"handleSingleDateChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'datetime'\"\r\n      v-model:value=\"singleDateTime\"\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      @update:value=\"handleSingleDateTimeChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'daterange'\"\r\n      v-model:value=\"dateRange\"\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      @update:value=\"handleDateRangeChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'datetimerange'\"\r\n      v-model:value=\"dateTimeRange\"\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      @update:value=\"handleDateTimeRangeChange\"\r\n    />\r\n\r\n    <div v-else-if=\"mode === 'smart-range'\" class=\"inline-block\">\r\n      <div class=\"flex gap-2.5 items-center\">\r\n        <NDatePicker\r\n          class=\"flex-1\"\r\n          v-model: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: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\nimport { ref, watch } from \"vue\";\r\nimport { NDatePicker } from \"naive-ui\";\r\n\r\ndefineOptions({ name: \"C_Date\" });\r\n\r\ntype DatePickerMode =\r\n  | \"date\"\r\n  | \"datetime\"\r\n  | \"daterange\"\r\n  | \"datetimerange\"\r\n  | \"smart-range\";\r\n\r\ntype DateValue = number | null;\r\ntype DateRangeValue = [number, number] | null;\r\n\r\ninterface 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}\r\n\r\ninterface 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\nconst 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});\r\n\r\nconst emits = defineEmits<Emits>();\r\n\r\nconst singleDate = ref<DateValue>(null);\r\nconst singleDateTime = ref<DateValue>(null);\r\nconst dateRange = ref<DateRangeValue>(null);\r\nconst dateTimeRange = ref<DateRangeValue>(null);\r\nconst startDate = ref<DateValue>(null);\r\nconst endDate = ref<DateValue>(null);\r\nconst endDateDisabled = ref(true);\r\n\r\nconst getTodayTimestamp = (): number => {\r\n  const today = new Date();\r\n  today.setHours(0, 0, 0, 0);\r\n  return today.getTime();\r\n};\r\n\r\nconst singleDisabledDate = (timestamp: number): boolean => {\r\n  const todayTimestamp = getTodayTimestamp();\r\n  if (props.disabledBeforeToday && timestamp < todayTimestamp) return true;\r\n  if (props.disabledAfterToday && timestamp > todayTimestamp) return true;\r\n  return false;\r\n};\r\n\r\nconst endDisabledDate = (timestamp: number): boolean => {\r\n  if (!startDate.value) return true;\r\n  if (timestamp < startDate.value) return true;\r\n  return singleDisabledDate(timestamp);\r\n};\r\n\r\nconst handleSingleDateChange = (value: DateValue): void => {\r\n  emits(\"update:singleDate\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleSingleDateTimeChange = (value: DateValue): void => {\r\n  emits(\"update:singleDateTime\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleDateRangeChange = (value: DateRangeValue): void => {\r\n  emits(\"update:dateRange\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleDateTimeRangeChange = (value: DateRangeValue): void => {\r\n  emits(\"update:dateTimeRange\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nwatch(\r\n  () => [startDate.value, endDate.value],\r\n  ([startVal, endVal]) => {\r\n    if (!startVal) {\r\n      endDate.value = null;\r\n      endDateDisabled.value = true;\r\n      return;\r\n    }\r\n    if (startVal) {\r\n      endDateDisabled.value = false;\r\n    }\r\n    if (startVal && endVal) {\r\n      const rangeValue: DateRangeValue = [startVal, endVal];\r\n      emits(\"update:smartRange\", rangeValue);\r\n      emits(\"change\", rangeValue);\r\n    }\r\n  },\r\n  { deep: true },\r\n);\r\n\r\ndefineExpose({\r\n  singleDate,\r\n  singleDateTime,\r\n  dateRange,\r\n  dateTimeRange,\r\n  startDate,\r\n  endDate,\r\n  clearAll: () => {\r\n    singleDate.value = null;\r\n    singleDateTime.value = null;\r\n    dateRange.value = null;\r\n    dateTimeRange.value = null;\r\n    startDate.value = null;\r\n    endDate.value = null;\r\n    endDateDisabled.value = true;\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:value=\"singleDate\"\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      @update:value=\"handleSingleDateChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'datetime'\"\r\n      v-model:value=\"singleDateTime\"\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      @update:value=\"handleSingleDateTimeChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'daterange'\"\r\n      v-model:value=\"dateRange\"\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      @update:value=\"handleDateRangeChange\"\r\n    />\r\n\r\n    <NDatePicker\r\n      v-else-if=\"mode === 'datetimerange'\"\r\n      v-model:value=\"dateTimeRange\"\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      @update:value=\"handleDateTimeRangeChange\"\r\n    />\r\n\r\n    <div v-else-if=\"mode === 'smart-range'\" class=\"inline-block\">\r\n      <div class=\"flex gap-2.5 items-center\">\r\n        <NDatePicker\r\n          class=\"flex-1\"\r\n          v-model: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: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\nimport { ref, watch } from \"vue\";\r\nimport { NDatePicker } from \"naive-ui\";\r\n\r\ndefineOptions({ name: \"C_Date\" });\r\n\r\ntype DatePickerMode =\r\n  | \"date\"\r\n  | \"datetime\"\r\n  | \"daterange\"\r\n  | \"datetimerange\"\r\n  | \"smart-range\";\r\n\r\ntype DateValue = number | null;\r\ntype DateRangeValue = [number, number] | null;\r\n\r\ninterface 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}\r\n\r\ninterface 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\nconst 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});\r\n\r\nconst emits = defineEmits<Emits>();\r\n\r\nconst singleDate = ref<DateValue>(null);\r\nconst singleDateTime = ref<DateValue>(null);\r\nconst dateRange = ref<DateRangeValue>(null);\r\nconst dateTimeRange = ref<DateRangeValue>(null);\r\nconst startDate = ref<DateValue>(null);\r\nconst endDate = ref<DateValue>(null);\r\nconst endDateDisabled = ref(true);\r\n\r\nconst getTodayTimestamp = (): number => {\r\n  const today = new Date();\r\n  today.setHours(0, 0, 0, 0);\r\n  return today.getTime();\r\n};\r\n\r\nconst singleDisabledDate = (timestamp: number): boolean => {\r\n  const todayTimestamp = getTodayTimestamp();\r\n  if (props.disabledBeforeToday && timestamp < todayTimestamp) return true;\r\n  if (props.disabledAfterToday && timestamp > todayTimestamp) return true;\r\n  return false;\r\n};\r\n\r\nconst endDisabledDate = (timestamp: number): boolean => {\r\n  if (!startDate.value) return true;\r\n  if (timestamp < startDate.value) return true;\r\n  return singleDisabledDate(timestamp);\r\n};\r\n\r\nconst handleSingleDateChange = (value: DateValue): void => {\r\n  emits(\"update:singleDate\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleSingleDateTimeChange = (value: DateValue): void => {\r\n  emits(\"update:singleDateTime\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleDateRangeChange = (value: DateRangeValue): void => {\r\n  emits(\"update:dateRange\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nconst handleDateTimeRangeChange = (value: DateRangeValue): void => {\r\n  emits(\"update:dateTimeRange\", value);\r\n  emits(\"change\", value);\r\n};\r\n\r\nwatch(\r\n  () => [startDate.value, endDate.value],\r\n  ([startVal, endVal]) => {\r\n    if (!startVal) {\r\n      endDate.value = null;\r\n      endDateDisabled.value = true;\r\n      return;\r\n    }\r\n    if (startVal) {\r\n      endDateDisabled.value = false;\r\n    }\r\n    if (startVal && endVal) {\r\n      const rangeValue: DateRangeValue = [startVal, endVal];\r\n      emits(\"update:smartRange\", rangeValue);\r\n      emits(\"change\", rangeValue);\r\n    }\r\n  },\r\n  { deep: true },\r\n);\r\n\r\ndefineExpose({\r\n  singleDate,\r\n  singleDateTime,\r\n  dateRange,\r\n  dateTimeRange,\r\n  startDate,\r\n  endDate,\r\n  clearAll: () => {\r\n    singleDate.value = null;\r\n    singleDateTime.value = null;\r\n    dateRange.value = null;\r\n    dateTimeRange.value = null;\r\n    startDate.value = null;\r\n    endDate.value = null;\r\n    endDateDisabled.value = true;\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"}