@robot-admin/naive-ui-components 0.3.0

package/dist/C_Date2.js.map

@@ -0,0 +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":["<!--\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","<!--\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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"}

package/dist/C_Draggable-C483syRC.css.map

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

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_C_Draggable = require('./C_Draggable.js');
+
+exports.C_Draggable = require_C_Draggable.C_Draggable_default;
+exports.useDraggableLayout = require_C_Draggable.useDraggableLayout;

package/dist/C_Draggable.d.cts

@@ -0,0 +1,2 @@
+import { a as DraggableEmits, c as GroupOptions, i as DragEvent, l as JustifyContent, n as _default, o as DraggableItem, r as AlignItems, s as DraggableProps, t as useDraggableLayout, u as LayoutMode } from "./useDraggableLayout.js";
+export { type AlignItems, _default as C_Draggable, type DragEvent, type DraggableEmits, type DraggableItem, type DraggableProps, type GroupOptions, type JustifyContent, type LayoutMode, useDraggableLayout };

package/dist/C_Draggable.d.ts

@@ -0,0 +1,2 @@
+import { a as DraggableEmits, c as GroupOptions, i as DragEvent, l as JustifyContent, n as _default, o as DraggableItem, r as AlignItems, s as DraggableProps, t as useDraggableLayout, u as LayoutMode } from "./useDraggableLayout.js";
+export { type AlignItems, _default as C_Draggable, type DragEvent, type DraggableEmits, type DraggableItem, type DraggableProps, type GroupOptions, type JustifyContent, type LayoutMode, useDraggableLayout };

package/dist/C_Draggable.js

@@ -0,0 +1,3 @@
+import { n as useDraggableLayout, t as C_Draggable_default } from "./C_Draggable2.js";
+
+export { C_Draggable_default as C_Draggable, useDraggableLayout };

package/dist/C_Draggable2.js

@@ -0,0 +1,295 @@
+import { t as export_helper_default } from "./export-helper.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeProps, nextTick, normalizeClass, openBlock, readonly, ref, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { VueDraggable } from "vue-draggable-plus";
+
+//#region src/components/C_Draggable/composables/useDraggableLayout.ts
+function useDraggableLayout(props, emit) {
+	const isDragging = ref(false);
+	const internalList = computed({
+		get: () => props.modelValue ?? [],
+		set: (value) => {
+			emit("update:modelValue", value);
+			emit("list-change", value);
+		}
+	});
+	const isEmpty = computed(() => (props.modelValue ?? []).length === 0);
+	const listClasses = computed(() => [
+		"c-draggable-list",
+		props.listClass,
+		`layout-${props.layout}`,
+		{ "flex-wrap": props.flexWrap && (props.layout === "horizontal" || props.layout === "flex-wrap") }
+	]);
+	const listStyles = computed(() => {
+		const styles = {
+			"--gap": typeof props.gap === "number" ? `${props.gap}px` : props.gap ?? "8px",
+			"--grid-columns": props.gridColumns ?? 4,
+			"--justify-content": props.justifyContent ?? "flex-start",
+			"--align-items": props.alignItems ?? "stretch",
+			...props.customStyles
+		};
+		if (props.gridRows) styles["--grid-rows"] = props.gridRows;
+		return styles;
+	});
+	const draggableOptions = computed(() => {
+		const options = {
+			disabled: props.disabled,
+			group: props.group,
+			sort: props.sort,
+			animation: props.animation,
+			delay: props.delay,
+			ghostClass: props.ghostClass,
+			chosenClass: props.chosenClass,
+			dragClass: props.dragClass,
+			swapThreshold: props.swapThreshold,
+			invertSwap: props.invertSwap,
+			direction: props.direction,
+			forceFallback: false
+		};
+		if (props.handle) options.handle = props.handle;
+		else if (props.showHandle) options.handle = ".drag-handle";
+		return options;
+	});
+	const getItemKey = (item, index) => props.itemKey ? props.itemKey(item, index) : item.id ?? index;
+	const getItemTitle = (item) => {
+		if (props.itemTitle) return props.itemTitle(item);
+		return item.title || item.name || item.label || String(item.id) || "未命名项目";
+	};
+	const getItemDescription = (item) => {
+		if (props.itemDescription) return props.itemDescription(item);
+		return item.description || "";
+	};
+	const getItemClass = (_index) => [
+		"c-draggable-item",
+		props.itemClass,
+		{ "is-disabled": props.disabled }
+	];
+	const handleStart = (event) => {
+		isDragging.value = true;
+		const item = internalList.value[event.oldIndex];
+		if (item) emit("drag-start", {
+			oldIndex: event.oldIndex,
+			newIndex: event.oldIndex,
+			item
+		});
+	};
+	const handleEnd = (event) => {
+		const item = internalList.value[event.newIndex];
+		if (item) emit("drag-end", {
+			oldIndex: event.oldIndex,
+			newIndex: event.newIndex,
+			item
+		});
+		nextTick(() => {
+			isDragging.value = false;
+		});
+	};
+	const handleAdd = (event) => {
+		const item = internalList.value[event.newIndex];
+		if (item) emit("item-add", item, event.newIndex);
+	};
+	const handleRemove = (event) => {
+		if (event.item) emit("item-remove", event.item, event.oldIndex);
+	};
+	const handleUpdate = (_event) => {};
+	const addItem = (item, index) => {
+		const list = [...internalList.value];
+		if (typeof index === "number" && index >= 0 && index <= list.length) list.splice(index, 0, item);
+		else list.push(item);
+		internalList.value = list;
+	};
+	const removeItem = (index) => {
+		if (index >= 0 && index < internalList.value.length) {
+			const list = [...internalList.value];
+			const [removed] = list.splice(index, 1);
+			internalList.value = list;
+			return removed;
+		}
+		return null;
+	};
+	const moveItem = (fromIndex, toIndex) => {
+		const list = internalList.value;
+		if (fromIndex >= 0 && fromIndex < list.length && toIndex >= 0 && toIndex < list.length && fromIndex !== toIndex) {
+			const newList = [...list];
+			const [item] = newList.splice(fromIndex, 1);
+			newList.splice(toIndex, 0, item);
+			internalList.value = newList;
+			return true;
+		}
+		return false;
+	};
+	const updateList = (newList) => {
+		internalList.value = [...newList];
+	};
+	const clear = () => {
+		internalList.value = [];
+	};
+	const getItem = (index) => internalList.value[index];
+	const findIndex = (predicate) => internalList.value.findIndex(predicate);
+	return {
+		isDragging,
+		internalList,
+		isEmpty,
+		listClasses,
+		listStyles,
+		draggableOptions,
+		getItemKey,
+		getItemTitle,
+		getItemDescription,
+		getItemClass,
+		handleStart,
+		handleEnd,
+		handleAdd,
+		handleRemove,
+		handleUpdate,
+		addItem,
+		removeItem,
+		moveItem,
+		updateList,
+		clear,
+		getItem,
+		findIndex
+	};
+}
+
+//#endregion
+//#region src/components/C_Draggable/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["data-index"];
+const _hoisted_2 = { class: "default-item" };
+const _hoisted_3 = {
+	key: 0,
+	class: "drag-handle"
+};
+const _hoisted_4 = { class: "item-content" };
+const _hoisted_5 = { class: "item-title" };
+const _hoisted_6 = {
+	key: 0,
+	class: "item-description"
+};
+const _hoisted_7 = {
+	key: 0,
+	class: "empty-state"
+};
+const _hoisted_8 = { class: "default-empty" };
+const _hoisted_9 = { class: "empty-text" };
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "C_Draggable",
+	__name: "index",
+	props: {
+		modelValue: { default: () => [] },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		group: { default: "default" },
+		sort: {
+			type: Boolean,
+			default: true
+		},
+		animation: { default: 200 },
+		delay: { default: 0 },
+		handle: { default: "" },
+		showHandle: {
+			type: Boolean,
+			default: false
+		},
+		ghostClass: { default: "sortable-ghost" },
+		chosenClass: { default: "sortable-chosen" },
+		dragClass: { default: "sortable-drag" },
+		wrapperClass: { default: "" },
+		listClass: { default: "" },
+		itemClass: { default: "" },
+		showEmptyState: {
+			type: Boolean,
+			default: true
+		},
+		emptyText: { default: "暂无数据" },
+		itemKey: {},
+		itemTitle: {},
+		itemDescription: {},
+		swapThreshold: { default: 1 },
+		invertSwap: {
+			type: Boolean,
+			default: false
+		},
+		direction: { default: "vertical" },
+		layout: { default: "vertical" },
+		gridColumns: { default: 4 },
+		gridRows: { default: void 0 },
+		gap: { default: "8px" },
+		flexWrap: {
+			type: Boolean,
+			default: false
+		},
+		justifyContent: { default: "flex-start" },
+		alignItems: { default: "stretch" },
+		customStyles: { default: () => ({}) }
+	},
+	emits: [
+		"update:modelValue",
+		"drag-start",
+		"drag-end",
+		"item-add",
+		"item-remove",
+		"list-change"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const { isDragging, internalList, isEmpty, listClasses, listStyles, draggableOptions, getItemKey, getItemTitle, getItemDescription, getItemClass, handleStart, handleEnd, handleAdd, handleRemove, handleUpdate, addItem, removeItem, moveItem, updateList, clear, getItem, findIndex } = useDraggableLayout(__props, __emit);
+		__expose({
+			isDragging: readonly(isDragging),
+			list: readonly(internalList),
+			isEmpty: readonly(isEmpty),
+			addItem,
+			removeItem,
+			moveItem,
+			updateList,
+			clear,
+			getItem,
+			findIndex
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["c-draggable-wrapper", _ctx.wrapperClass]) }, [createVNode(unref(VueDraggable), mergeProps({
+				modelValue: unref(internalList),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(internalList) ? internalList.value = $event : null)
+			}, unref(draggableOptions), {
+				class: unref(listClasses),
+				style: unref(listStyles),
+				onStart: unref(handleStart),
+				onEnd: unref(handleEnd),
+				onAdd: unref(handleAdd),
+				onRemove: unref(handleRemove),
+				onUpdate: unref(handleUpdate)
+			}), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(internalList), (item, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: unref(getItemKey)(item, index),
+						class: normalizeClass(unref(getItemClass)(index)),
+						"data-index": index
+					}, [renderSlot(_ctx.$slots, "default", {
+						item,
+						index,
+						isDragging: unref(isDragging),
+						isDisabled: _ctx.disabled
+					}, () => [createElementVNode("div", _hoisted_2, [_ctx.showHandle ? (openBlock(), createElementBlock("div", _hoisted_3, _cache[1] || (_cache[1] = [createElementVNode("div", { class: "i-mdi:drag-vertical" }, null, -1)]))) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, toDisplayString(unref(getItemTitle)(item)), 1), unref(getItemDescription)(item) ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(unref(getItemDescription)(item)), 1)) : createCommentVNode("v-if", true)])])], true)], 10, _hoisted_1);
+				}), 128))]),
+				_: 3
+			}, 16, [
+				"modelValue",
+				"class",
+				"style",
+				"onStart",
+				"onEnd",
+				"onAdd",
+				"onRemove",
+				"onUpdate"
+			]), unref(isEmpty) && _ctx.showEmptyState ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "empty", {}, () => [createElementVNode("div", _hoisted_8, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "empty-icon i-mdi:inbox-outline" }, null, -1)), createElementVNode("p", _hoisted_9, toDisplayString(_ctx.emptyText), 1)])], true)])) : createCommentVNode("v-if", true)], 2);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_Draggable/index.vue
+var C_Draggable_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-68fb07e5"]]);
+
+//#endregion
+export { useDraggableLayout as n, C_Draggable_default as t };
+//# sourceMappingURL=C_Draggable2.js.map

package/dist/C_Draggable2.js.map

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

package/dist/C_Editor-Bp0SyIEw.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"C_Editor-Bp0SyIEw.css","names":[],"sources":["../src/components/C_Editor/index.vue?vue&type=style&index=0&scoped=9ff5e94d&lang.css"],"sourcesContent":["\r\n/* 暗色主题样式 */\n.editor-dark[data-v-9ff5e94d] .w-e-toolbar {\r\n  background-color: #1f2937 !important;\r\n  border-color: #374151 !important;\n}\n.editor-dark[data-v-9ff5e94d] .w-e-toolbar .w-e-menu .w-e-menu-item {\r\n  color: #e5e7eb !important;\n}\n.editor-dark[data-v-9ff5e94d] .w-e-toolbar .w-e-menu .w-e-menu-item:hover {\r\n  background-color: #374151 !important;\r\n  color: #ffffff !important;\n}\n.editor-dark[data-v-9ff5e94d] .w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active {\r\n  background-color: #2080f0 !important;\r\n  color: #ffffff !important;\n}\n.editor-dark[data-v-9ff5e94d] .w-e-text-container {\r\n  background-color: #111827 !important;\r\n  border-color: #374151 !important;\n}\n.editor-dark[data-v-9ff5e94d] .w-e-text-container .w-e-text {\r\n  background-color: #303033 !important;\r\n  color: #e5e7eb !important;\n}\n.editor-dark[data-v-9ff5e94d] .w-e-text-container .w-e-text:focus {\r\n  background-color: #111827 !important;\r\n  color: #e5e7eb !important;\n}\n[data-v-9ff5e94d] .w-e-toolbar,[data-v-9ff5e94d] .w-e-text-container {\r\n  max-width: 100% !important;\r\n  overflow-x: auto !important;\r\n  box-sizing: border-box !important;\n}\n[data-v-9ff5e94d] .w-e-text {\r\n  max-width: 100% !important;\r\n  word-wrap: break-word !important;\r\n  overflow-wrap: break-word !important;\n}\n[data-v-9ff5e94d] .w-e-toolbar,[data-v-9ff5e94d] .w-e-text-container,[data-v-9ff5e94d] .w-e-text {\r\n  transition:\r\n    background-color 0.3s ease,\r\n    border-color 0.3s ease,\r\n    color 0.3s ease !important;\n}\n.editor-focused[data-v-9ff5e94d] {\r\n  overflow: hidden !important;\r\n  max-width: 100% !important;\n}\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_Editor.cjs

@@ -0,0 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_C_Editor = require('./C_Editor.js');
+
+exports.C_Editor = require_C_Editor.C_Editor_default;

package/dist/C_Editor.d.cts

@@ -0,0 +1,2 @@
+import { t as _default } from "./index8.vue.js";
+export { _default as C_Editor };

package/dist/C_Editor.d.ts

@@ -0,0 +1,2 @@
+import { t as _default } from "./index8.vue.js";
+export { _default as C_Editor };

package/dist/C_Editor.js

@@ -0,0 +1,3 @@
+import { t as C_Editor_default } from "./C_Editor2.js";
+
+export { C_Editor_default as C_Editor };

package/dist/C_Editor2.js

@@ -0,0 +1,160 @@
+import { t as export_helper_default } from "./export-helper.js";
+import { computed, createElementBlock, defineComponent, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, readonly, ref, vShow, watch, withDirectives } from "vue";
+import E from "wangeditor";
+
+//#region src/components/C_Editor/index.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["id"];
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "C_Editor",
+	__name: "index",
+	props: {
+		editorId: {},
+		modelValue: { default: "" },
+		placeholder: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		height: { default: 240 },
+		theme: { default: "light" }
+	},
+	emits: [
+		"update:modelValue",
+		"editor-mounted",
+		"editor-change"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const editorContainer = ref(null);
+		const editorInstance = ref(null);
+		const isInitialized = ref(false);
+		const isDark = computed(() => props.theme === "dark");
+		const initializeEditor = () => {
+			if (!editorContainer.value || isInitialized.value) return;
+			try {
+				const editor = new E(editorContainer.value);
+				const editorConfig = editor.config;
+				editorConfig.placeholder = props.placeholder;
+				editorConfig.height = props.height - 50;
+				editorConfig.onchange = (html) => {
+					emit("update:modelValue", html);
+					emit("editor-change", html);
+				};
+				editor.create();
+				nextTick(() => {
+					if (props.modelValue) editor.txt.html(props.modelValue);
+					if (props.readonly) editor.disable();
+					editorInstance.value = editor;
+					isInitialized.value = true;
+					emit("editor-mounted", editor);
+				});
+			} catch (error) {
+				console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);
+			}
+		};
+		const destroyEditor = () => {
+			if (editorInstance.value && isInitialized.value) try {
+				editorInstance.value.destroy();
+				editorInstance.value = null;
+				isInitialized.value = false;
+			} catch (error) {
+				console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);
+			}
+		};
+		const setContent = (html) => {
+			if (editorInstance.value && isInitialized.value) try {
+				editorInstance.value.txt.html(html);
+			} catch (error) {
+				console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);
+			}
+		};
+		const getContent = () => {
+			if (editorInstance.value && isInitialized.value) try {
+				return editorInstance.value.txt.html();
+			} catch (error) {
+				console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);
+				return "";
+			}
+			return "";
+		};
+		watch(() => props.modelValue, (newValue) => {
+			if (editorInstance.value && isInitialized.value) {
+				if (editorInstance.value.txt.html() !== newValue) editorInstance.value.txt.html(newValue || "");
+			}
+		});
+		watch(() => props.disabled, (disabled) => {
+			if (editorInstance.value && isInitialized.value) try {
+				if (disabled) editorInstance.value.disable();
+				else editorInstance.value.enable();
+			} catch (error) {
+				console.warn(`[C_Editor] 设置编辑器状态失败`, error);
+			}
+		});
+		watch(() => props.readonly, (readonlyVal) => {
+			if (editorInstance.value && isInitialized.value) try {
+				if (readonlyVal) editorInstance.value.disable();
+				else editorInstance.value.enable();
+			} catch (error) {
+				console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);
+			}
+		});
+		const handleEditorFocus = () => {
+			if (!editorContainer.value) return;
+			const container = editorContainer.value.closest(".form-demo");
+			if (container) {
+				container.classList.add("editor-focused");
+				const containerWidth = container.scrollWidth;
+				container.style.maxWidth = `${containerWidth}px`;
+			}
+		};
+		const handleEditorBlur = () => {
+			if (!editorContainer.value) return;
+			const container = editorContainer.value.closest(".form-demo");
+			if (container) {
+				container.classList.remove("editor-focused");
+				container.style.maxWidth = "";
+			}
+		};
+		onMounted(() => {
+			nextTick(() => {
+				initializeEditor();
+			});
+		});
+		onBeforeUnmount(() => {
+			destroyEditor();
+		});
+		__expose({
+			initializeEditor,
+			destroyEditor,
+			setContent,
+			getContent,
+			handleEditorFocus,
+			handleEditorBlur,
+			editorInstance: readonly(editorInstance),
+			isInitialized: readonly(isInitialized)
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", {
+				ref_key: "editorContainer",
+				ref: editorContainer,
+				id: _ctx.editorId,
+				class: normalizeClass(["w-full", { "editor-dark": isDark.value }]),
+				onFocusin: handleEditorFocus,
+				onFocusout: handleEditorBlur
+			}, null, 42, _hoisted_1)), [[vShow, isInitialized.value]]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/C_Editor/index.vue
+var C_Editor_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9ff5e94d"]]);
+
+//#endregion
+export { C_Editor_default as t };
+//# sourceMappingURL=C_Editor2.js.map