@robot-admin/naive-ui-components 0.10.3 → 0.11.1

package/dist/C_Cron2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"C_Cron2.js","names":["modelValue","computing","nextExecutions","formatDate","formatWeekDay","templates","currentValue","$emit"],"sources":["../src/components/C_Cron/constants.ts","../src/components/C_Cron/composables/useCronParser.ts","../src/components/C_Cron/composables/useCronPreview.ts","../src/components/C_Cron/composables/useCronDescription.ts","../src/components/C_Cron/components/CronFieldEditor.vue","../src/components/C_Cron/components/CronFieldEditor.vue","../src/components/C_Cron/components/CronPreview.vue","../src/components/C_Cron/components/CronPreview.vue","../src/components/C_Cron/components/CronTemplates.vue","../src/components/C_Cron/components/CronTemplates.vue","../src/components/C_Cron/index.vue","../src/components/C_Cron/index.vue"],"sourcesContent":["/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 表达式编辑器常量\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport type {\r\n  CronFieldMeta,\r\n  CronFieldValue,\r\n  CronTemplate,\r\n  CronValue,\r\n} from \"./types\";\r\n\r\n/* ─── 字段元数据 ────────────────────────────────── */\r\n\r\nexport const CRON_FIELD_META: CronFieldMeta[] = [\r\n  { type: \"second\", label: \"秒\", min: 0, max: 59 },\r\n  { type: \"minute\", label: \"分\", min: 0, max: 59 },\r\n  { type: \"hour\", label: \"时\", min: 0, max: 23 },\r\n  { type: \"day\", label: \"日\", min: 1, max: 31 },\r\n  { type: \"month\", label: \"月\", min: 1, max: 12 },\r\n  {\r\n    type: \"week\",\r\n    label: \"周\",\r\n    min: 1,\r\n    max: 7,\r\n    valueLabels: {\r\n      1: \"周日\",\r\n      2: \"周一\",\r\n      3: \"周二\",\r\n      4: \"周三\",\r\n      5: \"周四\",\r\n      6: \"周五\",\r\n      7: \"周六\",\r\n    },\r\n  },\r\n];\r\n\r\n/* ─── 默认字段值 ────────────────────────────────── */\r\n\r\nexport const DEFAULT_FIELD_VALUE: CronFieldValue = {\r\n  mode: \"every\",\r\n  rangeStart: 0,\r\n  rangeEnd: 0,\r\n  stepStart: 0,\r\n  stepInterval: 1,\r\n  specificValues: [],\r\n};\r\n\r\n/* ─── 默认 Cron 值（每秒执行） ────────────────── */\r\n\r\nexport const DEFAULT_CRON_VALUE: CronValue = {\r\n  second: { ...DEFAULT_FIELD_VALUE, rangeEnd: 59 },\r\n  minute: { ...DEFAULT_FIELD_VALUE, rangeEnd: 59 },\r\n  hour: { ...DEFAULT_FIELD_VALUE, rangeEnd: 23 },\r\n  day: { ...DEFAULT_FIELD_VALUE, rangeStart: 1, rangeEnd: 31 },\r\n  month: { ...DEFAULT_FIELD_VALUE, rangeStart: 1, rangeEnd: 12 },\r\n  week: { ...DEFAULT_FIELD_VALUE, mode: \"none\", rangeStart: 1, rangeEnd: 7 },\r\n};\r\n\r\n/* ─── 默认表达式 ─────────────────────────────────── */\r\n\r\nexport const DEFAULT_CRON_EXPRESSION = \"0 0 0 * * ?\";\r\n\r\n/* ─── 常用模板 ───────────────────────────────────── */\r\n\r\nexport const CRON_TEMPLATES: CronTemplate[] = [\r\n  {\r\n    label: \"每秒执行\",\r\n    value: \"* * * * * ?\",\r\n    description: \"每秒执行一次\",\r\n    icon: \"mdi:timer-sand\",\r\n  },\r\n  {\r\n    label: \"每分钟执行\",\r\n    value: \"0 * * * * ?\",\r\n    description: \"每分钟第 0 秒执行\",\r\n    icon: \"mdi:clock-outline\",\r\n  },\r\n  {\r\n    label: \"每小时执行\",\r\n    value: \"0 0 * * * ?\",\r\n    description: \"每小时整点执行\",\r\n    icon: \"mdi:clock-time-twelve-outline\",\r\n  },\r\n  {\r\n    label: \"每天 0 点\",\r\n    value: \"0 0 0 * * ?\",\r\n    description: \"每天凌晨 00:00 执行\",\r\n    icon: \"mdi:weather-night\",\r\n  },\r\n  {\r\n    label: \"每天 8:30\",\r\n    value: \"0 30 8 * * ?\",\r\n    description: \"每天早上 08:30 执行\",\r\n    icon: \"mdi:weather-sunny\",\r\n  },\r\n  {\r\n    label: \"每天 12:00\",\r\n    value: \"0 0 12 * * ?\",\r\n    description: \"每天中午 12:00 执行\",\r\n    icon: \"mdi:food\",\r\n  },\r\n  {\r\n    label: \"工作日 9:00\",\r\n    value: \"0 0 9 ? * 2-6\",\r\n    description: \"周一至周五 09:00 执行\",\r\n    icon: \"mdi:briefcase-outline\",\r\n  },\r\n  {\r\n    label: \"每周一 0 点\",\r\n    value: \"0 0 0 ? * 2\",\r\n    description: \"每周一凌晨 00:00 执行\",\r\n    icon: \"mdi:calendar-week\",\r\n  },\r\n  {\r\n    label: \"每月 1 号 0 点\",\r\n    value: \"0 0 0 1 * ?\",\r\n    description: \"每月 1 号凌晨 00:00 执行\",\r\n    icon: \"mdi:calendar-month\",\r\n  },\r\n  {\r\n    label: \"每 5 分钟\",\r\n    value: \"0 0/5 * * * ?\",\r\n    description: \"每隔 5 分钟执行一次\",\r\n    icon: \"mdi:timer-5\",\r\n  },\r\n  {\r\n    label: \"每 30 分钟\",\r\n    value: \"0 0/30 * * * ?\",\r\n    description: \"每隔 30 分钟执行一次\",\r\n    icon: \"mdi:timer-30\",\r\n  },\r\n  {\r\n    label: \"每 2 小时\",\r\n    value: \"0 0 0/2 * * ?\",\r\n    description: \"每隔 2 小时执行一次\",\r\n    icon: \"mdi:timer-2\",\r\n  },\r\n];\r\n\r\n/* ─── 月份名称 ───────────────────────────────────── */\r\n\r\nexport const MONTH_LABELS: Record<number, string> = {\r\n  1: \"一月\",\r\n  2: \"二月\",\r\n  3: \"三月\",\r\n  4: \"四月\",\r\n  5: \"五月\",\r\n  6: \"六月\",\r\n  7: \"七月\",\r\n  8: \"八月\",\r\n  9: \"九月\",\r\n  10: \"十月\",\r\n  11: \"十一月\",\r\n  12: \"十二月\",\r\n};\r\n\r\n/* ─── 周名称 ─────────────────────────────────────── */\r\n\r\nexport const WEEK_LABELS: Record<number, string> = {\r\n  1: \"周日\",\r\n  2: \"周一\",\r\n  3: \"周二\",\r\n  4: \"周三\",\r\n  5: \"周四\",\r\n  6: \"周五\",\r\n  7: \"周六\",\r\n};\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 解析 & 生成引擎\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { ref, computed } from \"vue\";\r\nimport type {\r\n  CronFieldMeta,\r\n  CronFieldType,\r\n  CronFieldValue,\r\n  CronValidation,\r\n  CronValue,\r\n} from \"../types\";\r\nimport { CRON_FIELD_META, DEFAULT_CRON_VALUE } from \"../constants\";\r\n\r\n/* ─── 字段顺序 ────────────────────────────────── */\r\n\r\nconst FIELD_ORDER: CronFieldType[] = [\r\n  \"second\",\r\n  \"minute\",\r\n  \"hour\",\r\n  \"day\",\r\n  \"month\",\r\n  \"week\",\r\n];\r\n\r\n/**\r\n * Cron 解析 & 生成引擎\r\n */\r\nexport function useCronParser() {\r\n  /** 当前 Cron 对象 */\r\n  const cronValue = ref<CronValue>(structuredClone(DEFAULT_CRON_VALUE));\r\n\r\n  /* ─── 单字段 → 表达式片段 ────────────────────── */\r\n\r\n  /** 将单个字段值转为 Cron 表达式片段 */\r\n  function fieldToExpression(field: CronFieldValue): string {\r\n    switch (field.mode) {\r\n      case \"every\":\r\n        return \"*\";\r\n      case \"range\":\r\n        return `${field.rangeStart}-${field.rangeEnd}`;\r\n      case \"step\":\r\n        return `${field.stepStart}/${field.stepInterval}`;\r\n      case \"specific\":\r\n        return field.specificValues.length > 0\r\n          ? field.specificValues.sort((a, b) => a - b).join(\",\")\r\n          : \"*\";\r\n      case \"none\":\r\n        return \"?\";\r\n      default:\r\n        return \"*\";\r\n    }\r\n  }\r\n\r\n  /* ─── 表达式片段 → 单字段 ────────────────────── */\r\n\r\n  /** 创建默认字段值 */\r\n  function createFieldValue(\r\n    meta: CronFieldMeta,\r\n    mode: CronFieldValue[\"mode\"],\r\n    overrides: Partial<CronFieldValue> = {},\r\n  ): CronFieldValue {\r\n    return {\r\n      mode,\r\n      rangeStart: meta.min,\r\n      rangeEnd: meta.max,\r\n      stepStart: meta.min,\r\n      stepInterval: 1,\r\n      specificValues: [],\r\n      ...overrides,\r\n    };\r\n  }\r\n\r\n  /** 解析步进表达式为字段值 */\r\n  function parseStepExpr(expr: string, meta: CronFieldMeta): CronFieldValue {\r\n    const [start, interval] = expr.split(\"/\").map(Number);\r\n    return createFieldValue(meta, \"step\", {\r\n      stepStart: isNaN(start) ? meta.min : start,\r\n      stepInterval: isNaN(interval) ? 1 : interval,\r\n    });\r\n  }\r\n\r\n  /** 解析范围表达式为字段值 */\r\n  function parseRangeExpr(expr: string, meta: CronFieldMeta): CronFieldValue {\r\n    const [start, end] = expr.split(\"-\").map(Number);\r\n    return createFieldValue(meta, \"range\", {\r\n      rangeStart: isNaN(start) ? meta.min : start,\r\n      rangeEnd: isNaN(end) ? meta.max : end,\r\n    });\r\n  }\r\n\r\n  /** 将 Cron 表达式片段解析为字段值对象 */\r\n  function expressionToField(\r\n    expr: string,\r\n    type: CronFieldType,\r\n  ): CronFieldValue {\r\n    const meta = CRON_FIELD_META.find((m) => m.type === type)!;\r\n\r\n    if (expr === \"?\") return createFieldValue(meta, \"none\");\r\n    if (expr === \"*\") return createFieldValue(meta, \"every\");\r\n    if (expr.includes(\"/\")) return parseStepExpr(expr, meta);\r\n    if (expr.includes(\"-\") && !expr.includes(\",\"))\r\n      return parseRangeExpr(expr, meta);\r\n\r\n    /* x,y,z 或单个数字（指定值） */\r\n    const values = expr\r\n      .split(\",\")\r\n      .map(Number)\r\n      .filter((n) => !isNaN(n));\r\n    if (values.length > 0)\r\n      return createFieldValue(meta, \"specific\", { specificValues: values });\r\n\r\n    return createFieldValue(meta, \"every\");\r\n  }\r\n\r\n  /* ─── CronValue → 完整表达式 ────────────────── */\r\n\r\n  /** 由 CronValue 生成完整 Cron 表达式 */\r\n  function generate(): string {\r\n    return FIELD_ORDER.map((type) =>\r\n      fieldToExpression(cronValue.value[type]),\r\n    ).join(\" \");\r\n  }\r\n\r\n  /* ─── 完整表达式 → CronValue ────────────────── */\r\n\r\n  /** 解析 Cron 表达式字符串为 CronValue */\r\n  function parse(expression: string): void {\r\n    const parts = expression.trim().split(/\\s+/);\r\n    if (parts.length < 6) return;\r\n\r\n    FIELD_ORDER.forEach((type, index) => {\r\n      cronValue.value[type] = expressionToField(parts[index], type);\r\n    });\r\n  }\r\n\r\n  /* ─── 日/周互斥处理 ─────────────────────────── */\r\n\r\n  /** 日/周互斥：修改一方时另一方自动设为 ? */\r\n  function handleDayWeekExclusion(changedField: \"day\" | \"week\"): void {\r\n    if (changedField === \"day\") {\r\n      if (cronValue.value.day.mode !== \"none\") {\r\n        cronValue.value.week = { ...cronValue.value.week, mode: \"none\" };\r\n      }\r\n    } else {\r\n      if (cronValue.value.week.mode !== \"none\") {\r\n        cronValue.value.day = { ...cronValue.value.day, mode: \"none\" };\r\n      }\r\n    }\r\n  }\r\n\r\n  /* ─── 校验 ──────────────────────────────────── */\r\n\r\n  /** 校验 Cron 表达式合法性 */\r\n  function validate(expression?: string): CronValidation {\r\n    const expr = expression ?? generate();\r\n    const parts = expr.trim().split(/\\s+/);\r\n\r\n    if (parts.length !== 6) {\r\n      return {\r\n        valid: false,\r\n        message: `表达式应包含 6 个字段，当前为 ${parts.length} 个`,\r\n      };\r\n    }\r\n\r\n    /* 日和周必须有一个为 ? */\r\n    const dayPart = parts[3];\r\n    const weekPart = parts[5];\r\n    if (dayPart !== \"?\" && weekPart !== \"?\") {\r\n      return {\r\n        valid: false,\r\n        message: \"日和周不能同时指定，其中一个必须为 ?\",\r\n        field: \"day\",\r\n      };\r\n    }\r\n    if (dayPart === \"?\" && weekPart === \"?\") {\r\n      return {\r\n        valid: false,\r\n        message: \"日和周不能同时为 ?，至少指定一个\",\r\n        field: \"day\",\r\n      };\r\n    }\r\n\r\n    /* 逐字段校验 */\r\n    for (let i = 0; i < FIELD_ORDER.length; i++) {\r\n      const type = FIELD_ORDER[i];\r\n      const part = parts[i];\r\n      const meta = CRON_FIELD_META.find((m) => m.type === type)!;\r\n      const result = validateField(part, meta);\r\n      if (!result.valid) {\r\n        return { ...result, field: type };\r\n      }\r\n    }\r\n\r\n    return { valid: true, message: \"表达式合法\" };\r\n  }\r\n\r\n  /** 校验步进表达式 */\r\n  function validateStep(part: string, meta: CronFieldMeta): CronValidation {\r\n    const [s, i] = part.split(\"/\");\r\n    const start = s === \"*\" ? meta.min : Number(s);\r\n    const interval = Number(i);\r\n    if (isNaN(start) || isNaN(interval))\r\n      return { valid: false, message: `${meta.label}字段步进格式错误` };\r\n    if (start < meta.min || start > meta.max)\r\n      return {\r\n        valid: false,\r\n        message: `${meta.label}字段步进起始值超出范围 (${meta.min}-${meta.max})`,\r\n      };\r\n    if (interval < 1)\r\n      return { valid: false, message: `${meta.label}字段步进间隔必须大于 0` };\r\n    return { valid: true, message: \"\" };\r\n  }\r\n\r\n  /** 校验范围表达式 */\r\n  function validateRange(part: string, meta: CronFieldMeta): CronValidation {\r\n    const [s, e] = part.split(\"-\").map(Number);\r\n    if (isNaN(s) || isNaN(e))\r\n      return { valid: false, message: `${meta.label}字段范围格式错误` };\r\n    if (s < meta.min || e > meta.max)\r\n      return {\r\n        valid: false,\r\n        message: `${meta.label}字段范围超出 (${meta.min}-${meta.max})`,\r\n      };\r\n    if (s > e)\r\n      return { valid: false, message: `${meta.label}字段范围起始不能大于结束` };\r\n    return { valid: true, message: \"\" };\r\n  }\r\n\r\n  /** 校验指定值表达式 */\r\n  function validateSpecific(part: string, meta: CronFieldMeta): CronValidation {\r\n    const values = part.split(\",\").map(Number);\r\n    if (values.some(isNaN))\r\n      return { valid: false, message: `${meta.label}字段包含非数字字符` };\r\n    if (values.some((v) => v < meta.min || v > meta.max)) {\r\n      return {\r\n        valid: false,\r\n        message: `${meta.label}字段值超出范围 (${meta.min}-${meta.max})`,\r\n      };\r\n    }\r\n    return { valid: true, message: \"\" };\r\n  }\r\n\r\n  /** 校验单个字段表达式 */\r\n  function validateField(part: string, meta: CronFieldMeta): CronValidation {\r\n    if (part === \"*\" || part === \"?\") return { valid: true, message: \"\" };\r\n    if (part.includes(\"/\")) return validateStep(part, meta);\r\n    if (part.includes(\"-\") && !part.includes(\",\"))\r\n      return validateRange(part, meta);\r\n    return validateSpecific(part, meta);\r\n  }\r\n\r\n  /* ─── 计算属性：自动生成表达式 ────────────────── */\r\n\r\n  const expression = computed(() => generate());\r\n\r\n  /* ─── 校验结果 ──────────────────────────────── */\r\n\r\n  const validation = computed(() => validate());\r\n\r\n  return {\r\n    cronValue,\r\n    expression,\r\n    validation,\r\n    parse,\r\n    generate,\r\n    validate,\r\n    handleDayWeekExclusion,\r\n  };\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 执行时间预测\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { ref, watch, type Ref } from 'vue'\r\nimport type { CronValidation } from '../types'\r\n\r\n/**\r\n * 解析 Cron 表达式，预测未来 N 次执行时间\r\n * 纯逻辑实现，不依赖外部库\r\n */\r\nexport function useCronPreview(\r\n  expression: Ref<string>,\r\n  validation: Ref<CronValidation>,\r\n  count: Ref<number>\r\n) {\r\n  /** 预测的执行时间列表 */\r\n  const nextExecutions = ref<Date[]>([])\r\n\r\n  /** 是否正在计算 */\r\n  const computing = ref(false)\r\n\r\n  /* ─── 匹配检查工具 ─────────────────────────── */\r\n\r\n  /** 检查单个值是否匹配 Cron 字段片段 */\r\n  function matchesPart(value: number, part: string): boolean {\r\n    if (part === '*' || part === '?') return true\r\n\r\n    /* 步进 x/y */\r\n    if (part.includes('/')) {\r\n      const [s, i] = part.split('/')\r\n      const start = s === '*' ? 0 : Number(s)\r\n      const interval = Number(i)\r\n      return value - start >= 0 && (value - start) % interval === 0\r\n    }\r\n\r\n    /* 范围 x-y */\r\n    if (part.includes('-') && !part.includes(',')) {\r\n      const [start, end] = part.split('-').map(Number)\r\n      return value >= start && value <= end\r\n    }\r\n\r\n    /* 指定值 x,y,z */\r\n    return part.split(',').map(Number).includes(value)\r\n  }\r\n\r\n  /** 检查日期是否匹配 Cron 表达式 */\r\n  function matchesCron(date: Date, parts: string[]): boolean {\r\n    if (parts.length !== 6) return false\r\n\r\n    const [secPart, minPart, hourPart, dayPart, monthPart, weekPart] = parts\r\n\r\n    /* 月 (1-12) */\r\n    if (!matchesPart(date.getMonth() + 1, monthPart)) return false\r\n\r\n    /* 日/周（互斥） */\r\n    if (dayPart !== '?') {\r\n      if (!matchesPart(date.getDate(), dayPart)) return false\r\n    }\r\n    if (weekPart !== '?') {\r\n      /* JS: 0=周日, 1=周一… → Cron: 1=周日, 2=周一… */\r\n      if (!matchesPart(date.getDay() + 1, weekPart)) return false\r\n    }\r\n\r\n    /* 时 */\r\n    if (!matchesPart(date.getHours(), hourPart)) return false\r\n    /* 分 */\r\n    if (!matchesPart(date.getMinutes(), minPart)) return false\r\n    /* 秒 */\r\n    if (!matchesPart(date.getSeconds(), secPart)) return false\r\n\r\n    return true\r\n  }\r\n\r\n  /** 计算未来 N 次执行时间 */\r\n  function computeNextExecutions(): Date[] {\r\n    const expr = expression.value\r\n    if (!expr || !validation.value.valid) return []\r\n\r\n    const parts = expr.trim().split(/\\s+/)\r\n    if (parts.length !== 6) return []\r\n\r\n    const results: Date[] = []\r\n    const now = new Date()\r\n    const cursor = new Date(now.getTime() + 1000) /* 从下一秒开始 */\r\n    cursor.setMilliseconds(0)\r\n\r\n    /* 判断是否包含秒级调度（秒字段不是 0） */\r\n    const hasSecond = parts[0] !== '0'\r\n    const stepMs = hasSecond ? 1000 : 60_000 /* 秒级/分钟级步进 */\r\n\r\n    /* 分钟级步进时，对齐到整分（秒归零），否则秒位永远无法匹配 '0' */\r\n    if (!hasSecond) {\r\n      cursor.setSeconds(0)\r\n      if (cursor.getTime() <= now.getTime()) {\r\n        cursor.setTime(cursor.getTime() + 60_000)\r\n      }\r\n    }\r\n\r\n    const maxIterations = 525_600 /* 最多遍历 1 年的分钟数 */\r\n    const target = count.value\r\n\r\n    for (let i = 0; i < maxIterations && results.length < target; i++) {\r\n      if (matchesCron(cursor, parts)) {\r\n        results.push(new Date(cursor))\r\n      }\r\n      cursor.setTime(cursor.getTime() + stepMs)\r\n    }\r\n\r\n    return results\r\n  }\r\n\r\n  /* ─── 监听表达式变化自动计算 ─────────────────── */\r\n\r\n  watch(\r\n    [expression, count],\r\n    () => {\r\n      if (!validation.value.valid) {\r\n        nextExecutions.value = []\r\n        return\r\n      }\r\n      computing.value = true\r\n      /* 使用 setTimeout 避免阻塞 UI */\r\n      setTimeout(() => {\r\n        nextExecutions.value = computeNextExecutions()\r\n        computing.value = false\r\n      }, 0)\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  /* ─── 格式化输出 ───────────────────────────── */\r\n\r\n  /** 格式化日期为字符串 */\r\n  function formatDate(date: Date): string {\r\n    const pad = (n: number) => String(n).padStart(2, '0')\r\n    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`\r\n  }\r\n\r\n  /** 获取日期的中文星期名称 */\r\n  function formatWeekDay(date: Date): string {\r\n    const days = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']\r\n    return days[date.getDay()]\r\n  }\r\n\r\n  return {\r\n    nextExecutions,\r\n    computing,\r\n    formatDate,\r\n    formatWeekDay,\r\n  }\r\n}\r\n","/*\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 中文描述生成\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n */\r\n\r\nimport { computed } from \"vue\";\r\nimport type { Ref } from \"vue\";\r\nimport type { CronValidation } from \"../types\";\r\nimport { MONTH_LABELS, WEEK_LABELS } from \"../constants\";\r\n\r\n/** 获取周名称 */\r\nfunction weekLabel(n: number | string): string {\r\n  return WEEK_LABELS[Number(n)] || `周${n}`;\r\n}\r\n\r\n/**\r\n * 将 Cron 表达式自动转换为中文可读描述\r\n */\r\nexport function useCronDescription(\r\n  expression: Ref<string>,\r\n  validation: Ref<CronValidation>,\r\n) {\r\n  /** 中文描述 */\r\n  const description = computed(() => {\r\n    if (!validation.value.valid) return \"表达式不合法\";\r\n    return generateDescription(expression.value);\r\n  });\r\n\r\n  /* ─── 核心转换 ──────────────────────────────── */\r\n\r\n  /** 将完整 Cron 表达式转为中文描述 */\r\n  function generateDescription(expr: string): string {\r\n    const parts = expr.trim().split(/\\s+/);\r\n    if (parts.length !== 6) return \"表达式格式错误\";\r\n\r\n    const [sec, min, hour, day, month, week] = parts;\r\n\r\n    const fragments: string[] = [];\r\n\r\n    /* 月 */\r\n    fragments.push(describeMonth(month));\r\n    /* 周 or 日 */\r\n    if (week !== \"?\") {\r\n      fragments.push(describeWeek(week));\r\n    } else {\r\n      fragments.push(describeDay(day));\r\n    }\r\n    /* 时 */\r\n    fragments.push(describeHour(hour));\r\n    /* 分 */\r\n    fragments.push(describeMinute(min));\r\n    /* 秒 */\r\n    fragments.push(describeSecond(sec));\r\n\r\n    return fragments.filter(Boolean).join(\" \") + \" 执行\";\r\n  }\r\n\r\n  /* ─── 各字段描述 ────────────────────────────── */\r\n\r\n  /** 描述秒字段 */\r\n  function describeSecond(part: string): string {\r\n    if (part === \"0\") return \"\";\r\n    if (part === \"*\") return \"每秒\";\r\n    return describeFieldGeneric(part, \"秒\");\r\n  }\r\n\r\n  /** 描述分字段 */\r\n  function describeMinute(part: string): string {\r\n    if (part === \"*\") return \"每分钟\";\r\n    if (part === \"0\") return \"\";\r\n    return describeFieldGeneric(part, \"分\");\r\n  }\r\n\r\n  /** 描述时字段 */\r\n  function describeHour(part: string): string {\r\n    if (part === \"*\") return \"每小时\";\r\n    if (/^\\d+$/.test(part)) return `${part.padStart(2, \"0\")}:`;\r\n    return describeFieldGeneric(part, \"时\");\r\n  }\r\n\r\n  /** 描述日字段 */\r\n  function describeDay(part: string): string {\r\n    if (part === \"*\" || part === \"?\") return \"每天\";\r\n    if (/^\\d+$/.test(part)) return `每月 ${part} 号`;\r\n    if (part.includes(\"/\")) {\r\n      const [s, i] = part.split(\"/\");\r\n      return `从 ${s} 号开始每 ${i} 天`;\r\n    }\r\n    if (part.includes(\"-\")) {\r\n      const [s, e] = part.split(\"-\");\r\n      return `${s} 号到 ${e} 号`;\r\n    }\r\n    if (part.includes(\",\")) {\r\n      return `每月 ${part} 号`;\r\n    }\r\n    return \"\";\r\n  }\r\n\r\n  /** 描述月字段 */\r\n  function describeMonth(part: string): string {\r\n    if (part === \"*\") return \"\";\r\n    if (/^\\d+$/.test(part)) {\r\n      const n = Number(part);\r\n      return MONTH_LABELS[n] ? `${MONTH_LABELS[n]}` : `${n} 月`;\r\n    }\r\n    if (part.includes(\"/\")) {\r\n      const [s, i] = part.split(\"/\");\r\n      return `从 ${s} 月开始每 ${i} 个月`;\r\n    }\r\n    if (part.includes(\"-\")) {\r\n      const [s, e] = part.split(\"-\");\r\n      return `${s} 月到 ${e} 月`;\r\n    }\r\n    if (part.includes(\",\")) {\r\n      const months = part\r\n        .split(\",\")\r\n        .map((n) => MONTH_LABELS[Number(n)] || `${n}月`)\r\n        .join(\"、\");\r\n      return months;\r\n    }\r\n    return \"\";\r\n  }\r\n\r\n  /** 描述周字段 */\r\n  function describeWeek(part: string): string {\r\n    if (part === \"*\" || part === \"?\") return \"\";\r\n    if (/^\\d+$/.test(part)) return `每${weekLabel(part)}`;\r\n    if (part.includes(\"/\"))\r\n      return `从${weekLabel(part.split(\"/\")[0])}开始每 ${part.split(\"/\")[1]} 天`;\r\n    if (part.includes(\"-\"))\r\n      return `${weekLabel(part.split(\"-\")[0])}到${weekLabel(part.split(\"-\")[1])}`;\r\n    if (part.includes(\",\"))\r\n      return `每${part.split(\",\").map(weekLabel).join(\"、\")}`;\r\n    return \"\";\r\n  }\r\n\r\n  /** 通用字段描述 */\r\n  function describeFieldGeneric(part: string, unit: string): string {\r\n    if (part.includes(\"/\")) {\r\n      const [s, i] = part.split(\"/\");\r\n      const startDesc = s === \"*\" || s === \"0\" ? \"\" : `从第 ${s} ${unit}开始`;\r\n      return `${startDesc}每 ${i} ${unit}`;\r\n    }\r\n    if (part.includes(\"-\")) {\r\n      const [s, e] = part.split(\"-\");\r\n      return `${s} ${unit}到 ${e} ${unit}`;\r\n    }\r\n    if (part.includes(\",\")) {\r\n      return `第 ${part} ${unit}`;\r\n    }\r\n    if (/^\\d+$/.test(part)) {\r\n      return `${part.padStart(2, \"0\")}`;\r\n    }\r\n    return \"\";\r\n  }\r\n\r\n  return {\r\n    description,\r\n  };\r\n}\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 字段值网格（始终可见，根据模式自动高亮对应值）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <div class=\"cron-field-editor\">\r\n    <div class=\"cron-field-editor__grid\" :style=\"{ '--cols': gridColumns }\">\r\n      <div\r\n        v-for=\"item in valueOptions\"\r\n        :key=\"item.value\"\r\n        class=\"cron-field-editor__cell\"\r\n        :class=\"{\r\n          'cron-field-editor__cell--on': highlightedValues.has(item.value),\r\n          'cron-field-editor__cell--pick': modelValue.mode === 'specific',\r\n        }\"\r\n        @click=\"handleCellClick(item.value)\"\r\n      >\r\n        {{ item.label }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport type { CronFieldMeta, CronFieldValue } from \"../types\";\r\n\r\ninterface Props {\r\n  modelValue: CronFieldValue;\r\n  meta: CronFieldMeta;\r\n}\r\n\r\nconst props = defineProps<Props>();\r\nconst emit = defineEmits<{\r\n  \"update:modelValue\": [value: CronFieldValue];\r\n}>();\r\n\r\n/** 网格列数 */\r\nconst gridColumns = computed(() => {\r\n  switch (props.meta.type) {\r\n    case \"second\":\r\n    case \"minute\":\r\n      return 10;\r\n    case \"hour\":\r\n      return 12;\r\n    case \"day\":\r\n      return 7;\r\n    case \"month\":\r\n      return 6;\r\n    case \"week\":\r\n      return 7;\r\n    default:\r\n      return 10;\r\n  }\r\n});\r\n\r\n/** 可选值列表 */\r\nconst valueOptions = computed(() => {\r\n  const items: { value: number; label: string }[] = [];\r\n  for (let i = props.meta.min; i <= props.meta.max; i++) {\r\n    items.push({\r\n      value: i,\r\n      label: props.meta.valueLabels?.[i] ?? String(i),\r\n    });\r\n  }\r\n  return items;\r\n});\r\n\r\n/** 根据当前模式计算高亮值集合 */\r\nconst highlightedValues = computed(() => {\r\n  const { modelValue: f, meta } = props;\r\n  const set = new Set<number>();\r\n  switch (f.mode) {\r\n    case \"every\":\r\n      for (let i = meta.min; i <= meta.max; i++) set.add(i);\r\n      break;\r\n    case \"none\":\r\n      break;\r\n    case \"range\":\r\n      for (let i = f.rangeStart; i <= f.rangeEnd; i++) set.add(i);\r\n      break;\r\n    case \"step\":\r\n      for (let i = f.stepStart; i <= meta.max; i += f.stepInterval) set.add(i);\r\n      break;\r\n    case \"specific\":\r\n      f.specificValues.forEach((v) => set.add(v));\r\n      break;\r\n  }\r\n  return set;\r\n});\r\n\r\n/** 点击单元格（仅 specific 模式生效） */\r\nfunction handleCellClick(value: number) {\r\n  if (props.modelValue.mode !== \"specific\") return;\r\n  const current = [...props.modelValue.specificValues];\r\n  const idx = current.indexOf(value);\r\n  if (idx >= 0) current.splice(idx, 1);\r\n  else current.push(value);\r\n  emit(\"update:modelValue\", {\r\n    ...props.modelValue,\r\n    specificValues: current,\r\n  });\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cron-field-editor {\r\n  &__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(var(--cols, 10), 1fr);\r\n    gap: 4px;\r\n  }\r\n\r\n  &__cell {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 34px;\r\n    border-radius: 6px;\r\n    font-size: 13px;\r\n    font-variant-numeric: tabular-nums;\r\n    transition: all var(--c-transition, 0.2s ease);\r\n    user-select: none;\r\n    color: var(--c-text-2);\r\n\r\n    /* 非交互高亮（every / range / step 的视觉反馈） */\r\n    &--on:not(&--pick) {\r\n      background: color-mix(in srgb, var(--c-primary) 12%, transparent);\r\n      color: var(--c-primary);\r\n    }\r\n\r\n    /* 可交互模式（specific） */\r\n    &--pick {\r\n      cursor: pointer;\r\n\r\n      &:hover:not(.cron-field-editor__cell--on) {\r\n        background: var(--c-bg-card);\r\n      }\r\n\r\n      &.cron-field-editor__cell--on {\r\n        background: var(--c-primary);\r\n        color: #fff;\r\n        font-weight: 600;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 字段值网格（始终可见，根据模式自动高亮对应值）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <div class=\"cron-field-editor\">\r\n    <div class=\"cron-field-editor__grid\" :style=\"{ '--cols': gridColumns }\">\r\n      <div\r\n        v-for=\"item in valueOptions\"\r\n        :key=\"item.value\"\r\n        class=\"cron-field-editor__cell\"\r\n        :class=\"{\r\n          'cron-field-editor__cell--on': highlightedValues.has(item.value),\r\n          'cron-field-editor__cell--pick': modelValue.mode === 'specific',\r\n        }\"\r\n        @click=\"handleCellClick(item.value)\"\r\n      >\r\n        {{ item.label }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\nimport type { CronFieldMeta, CronFieldValue } from \"../types\";\r\n\r\ninterface Props {\r\n  modelValue: CronFieldValue;\r\n  meta: CronFieldMeta;\r\n}\r\n\r\nconst props = defineProps<Props>();\r\nconst emit = defineEmits<{\r\n  \"update:modelValue\": [value: CronFieldValue];\r\n}>();\r\n\r\n/** 网格列数 */\r\nconst gridColumns = computed(() => {\r\n  switch (props.meta.type) {\r\n    case \"second\":\r\n    case \"minute\":\r\n      return 10;\r\n    case \"hour\":\r\n      return 12;\r\n    case \"day\":\r\n      return 7;\r\n    case \"month\":\r\n      return 6;\r\n    case \"week\":\r\n      return 7;\r\n    default:\r\n      return 10;\r\n  }\r\n});\r\n\r\n/** 可选值列表 */\r\nconst valueOptions = computed(() => {\r\n  const items: { value: number; label: string }[] = [];\r\n  for (let i = props.meta.min; i <= props.meta.max; i++) {\r\n    items.push({\r\n      value: i,\r\n      label: props.meta.valueLabels?.[i] ?? String(i),\r\n    });\r\n  }\r\n  return items;\r\n});\r\n\r\n/** 根据当前模式计算高亮值集合 */\r\nconst highlightedValues = computed(() => {\r\n  const { modelValue: f, meta } = props;\r\n  const set = new Set<number>();\r\n  switch (f.mode) {\r\n    case \"every\":\r\n      for (let i = meta.min; i <= meta.max; i++) set.add(i);\r\n      break;\r\n    case \"none\":\r\n      break;\r\n    case \"range\":\r\n      for (let i = f.rangeStart; i <= f.rangeEnd; i++) set.add(i);\r\n      break;\r\n    case \"step\":\r\n      for (let i = f.stepStart; i <= meta.max; i += f.stepInterval) set.add(i);\r\n      break;\r\n    case \"specific\":\r\n      f.specificValues.forEach((v) => set.add(v));\r\n      break;\r\n  }\r\n  return set;\r\n});\r\n\r\n/** 点击单元格（仅 specific 模式生效） */\r\nfunction handleCellClick(value: number) {\r\n  if (props.modelValue.mode !== \"specific\") return;\r\n  const current = [...props.modelValue.specificValues];\r\n  const idx = current.indexOf(value);\r\n  if (idx >= 0) current.splice(idx, 1);\r\n  else current.push(value);\r\n  emit(\"update:modelValue\", {\r\n    ...props.modelValue,\r\n    specificValues: current,\r\n  });\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cron-field-editor {\r\n  &__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(var(--cols, 10), 1fr);\r\n    gap: 4px;\r\n  }\r\n\r\n  &__cell {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 34px;\r\n    border-radius: 6px;\r\n    font-size: 13px;\r\n    font-variant-numeric: tabular-nums;\r\n    transition: all var(--c-transition, 0.2s ease);\r\n    user-select: none;\r\n    color: var(--c-text-2);\r\n\r\n    /* 非交互高亮（every / range / step 的视觉反馈） */\r\n    &--on:not(&--pick) {\r\n      background: color-mix(in srgb, var(--c-primary) 12%, transparent);\r\n      color: var(--c-primary);\r\n    }\r\n\r\n    /* 可交互模式（specific） */\r\n    &--pick {\r\n      cursor: pointer;\r\n\r\n      &:hover:not(.cron-field-editor__cell--on) {\r\n        background: var(--c-bg-card);\r\n      }\r\n\r\n      &.cron-field-editor__cell--on {\r\n        background: var(--c-primary);\r\n        color: #fff;\r\n        font-weight: 600;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 执行时间预览（紧凑布局）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <div class=\"cron-preview\">\r\n    <div class=\"cron-preview__header\">\r\n      <C_Icon name=\"mdi:calendar-clock\" :size=\"15\" />\r\n      <span>未来执行</span>\r\n      <NSpin v-if=\"computing\" :size=\"14\" />\r\n    </div>\r\n\r\n    <NScrollbar style=\"max-height: 220px\">\r\n      <div v-if=\"nextExecutions.length > 0\" class=\"cron-preview__list\">\r\n        <div\r\n          v-for=\"(date, index) in nextExecutions\"\r\n          :key=\"index\"\r\n          class=\"cron-preview__item\"\r\n        >\r\n          <span class=\"cron-preview__idx\">{{ index + 1 }}</span>\r\n          <span class=\"cron-preview__date\">{{ formatDate(date) }}</span>\r\n          <span class=\"cron-preview__week\">{{ formatWeekDay(date) }}</span>\r\n        </div>\r\n      </div>\r\n      <NEmpty v-else size=\"small\" description=\"暂无匹配\" />\r\n    </NScrollbar>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\n\r\ninterface Props {\r\n  nextExecutions: Date[];\r\n  computing: boolean;\r\n  count: number;\r\n  formatDate: (date: Date) => string;\r\n  formatWeekDay: (date: Date) => string;\r\n}\r\n\r\ndefineProps<Props>();\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cron-preview {\r\n  &__header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-weight: 600;\r\n    font-size: 13px;\r\n    margin-bottom: 6px;\r\n    color: var(--c-text-1);\r\n  }\r\n\r\n  &__list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n  }\r\n\r\n  &__item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 3px 4px;\r\n    border-radius: 4px;\r\n    font-size: 12px;\r\n    transition: background var(--c-transition, 0.2s ease);\r\n\r\n    &:hover {\r\n      background: var(--c-bg-card);\r\n    }\r\n  }\r\n\r\n  &__idx {\r\n    width: 16px;\r\n    text-align: center;\r\n    color: var(--c-text-4);\r\n    flex-shrink: 0;\r\n    font-size: 11px;\r\n  }\r\n\r\n  &__date {\r\n    font-family: \"Courier New\", Courier, monospace;\r\n    flex: 1;\r\n    font-size: 12px;\r\n  }\r\n\r\n  &__week {\r\n    color: var(--c-text-4);\r\n    font-size: 12px;\r\n    flex-shrink: 0;\r\n  }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 执行时间预览（紧凑布局）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <div class=\"cron-preview\">\r\n    <div class=\"cron-preview__header\">\r\n      <C_Icon name=\"mdi:calendar-clock\" :size=\"15\" />\r\n      <span>未来执行</span>\r\n      <NSpin v-if=\"computing\" :size=\"14\" />\r\n    </div>\r\n\r\n    <NScrollbar style=\"max-height: 220px\">\r\n      <div v-if=\"nextExecutions.length > 0\" class=\"cron-preview__list\">\r\n        <div\r\n          v-for=\"(date, index) in nextExecutions\"\r\n          :key=\"index\"\r\n          class=\"cron-preview__item\"\r\n        >\r\n          <span class=\"cron-preview__idx\">{{ index + 1 }}</span>\r\n          <span class=\"cron-preview__date\">{{ formatDate(date) }}</span>\r\n          <span class=\"cron-preview__week\">{{ formatWeekDay(date) }}</span>\r\n        </div>\r\n      </div>\r\n      <NEmpty v-else size=\"small\" description=\"暂无匹配\" />\r\n    </NScrollbar>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\n\r\ninterface Props {\r\n  nextExecutions: Date[];\r\n  computing: boolean;\r\n  count: number;\r\n  formatDate: (date: Date) => string;\r\n  formatWeekDay: (date: Date) => string;\r\n}\r\n\r\ndefineProps<Props>();\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cron-preview {\r\n  &__header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-weight: 600;\r\n    font-size: 13px;\r\n    margin-bottom: 6px;\r\n    color: var(--c-text-1);\r\n  }\r\n\r\n  &__list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n  }\r\n\r\n  &__item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 3px 4px;\r\n    border-radius: 4px;\r\n    font-size: 12px;\r\n    transition: background var(--c-transition, 0.2s ease);\r\n\r\n    &:hover {\r\n      background: var(--c-bg-card);\r\n    }\r\n  }\r\n\r\n  &__idx {\r\n    width: 16px;\r\n    text-align: center;\r\n    color: var(--c-text-4);\r\n    flex-shrink: 0;\r\n    font-size: 11px;\r\n  }\r\n\r\n  &__date {\r\n    font-family: \"Courier New\", Courier, monospace;\r\n    flex: 1;\r\n    font-size: 12px;\r\n  }\r\n\r\n  &__week {\r\n    color: var(--c-text-4);\r\n    font-size: 12px;\r\n    flex-shrink: 0;\r\n  }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 常用模板（底部卡片网格）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <div class=\"cron-templates\">\r\n    <div class=\"cron-templates__header\">\r\n      <C_Icon name=\"mdi:lightning-bolt\" :size=\"15\" />\r\n      <span>常用模板</span>\r\n    </div>\r\n\r\n    <div class=\"cron-templates__cards\">\r\n      <div\r\n        v-for=\"template in templates\"\r\n        :key=\"template.value\"\r\n        class=\"cron-templates__card\"\r\n        :class=\"{\r\n          'cron-templates__card--active': template.value === currentValue,\r\n        }\"\r\n        @click=\"$emit('select', template.value)\"\r\n      >\r\n        <div class=\"cron-templates__card-name\">{{ template.label }}</div>\r\n        <div class=\"cron-templates__card-expr\">{{ template.value }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport type { CronTemplate } from \"../types\";\r\n\r\ninterface Props {\r\n  templates: CronTemplate[];\r\n  currentValue: string;\r\n}\r\n\r\ndefineProps<Props>();\r\ndefineEmits<{\r\n  select: [value: string];\r\n}>();\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cron-templates {\r\n  &__header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-weight: 600;\r\n    font-size: 13px;\r\n    margin-bottom: 10px;\r\n    color: var(--c-text-1);\r\n  }\r\n\r\n  &__cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n    gap: 8px;\r\n  }\r\n\r\n  &__card {\r\n    padding: 10px 12px;\r\n    border-radius: 8px;\r\n    border: 1px solid var(--c-border);\r\n    cursor: pointer;\r\n    transition: all var(--c-transition, 0.2s ease);\r\n\r\n    &:hover {\r\n      border-color: var(--c-primary);\r\n      background: color-mix(in srgb, var(--c-primary) 4%, transparent);\r\n    }\r\n\r\n    &--active {\r\n      border-color: var(--c-primary);\r\n      background: color-mix(in srgb, var(--c-primary) 8%, transparent);\r\n    }\r\n  }\r\n\r\n  &__card-name {\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  &__card-expr {\r\n    font-family: \"Courier New\", Courier, monospace;\r\n    font-size: 11px;\r\n    color: var(--c-text-4);\r\n    margin-top: 2px;\r\n  }\r\n}\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: Cron 常用模板（底部卡片网格）\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n\r\n<template>\r\n  <div class=\"cron-templates\">\r\n    <div class=\"cron-templates__header\">\r\n      <C_Icon name=\"mdi:lightning-bolt\" :size=\"15\" />\r\n      <span>常用模板</span>\r\n    </div>\r\n\r\n    <div class=\"cron-templates__cards\">\r\n      <div\r\n        v-for=\"template in templates\"\r\n        :key=\"template.value\"\r\n        class=\"cron-templates__card\"\r\n        :class=\"{\r\n          'cron-templates__card--active': template.value === currentValue,\r\n        }\"\r\n        @click=\"$emit('select', template.value)\"\r\n      >\r\n        <div class=\"cron-templates__card-name\">{{ template.label }}</div>\r\n        <div class=\"cron-templates__card-expr\">{{ template.value }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport C_Icon from \"../../C_Icon/index.vue\";\r\nimport type { CronTemplate } from \"../types\";\r\n\r\ninterface Props {\r\n  templates: CronTemplate[];\r\n  currentValue: string;\r\n}\r\n\r\ndefineProps<Props>();\r\ndefineEmits<{\r\n  select: [value: string];\r\n}>();\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cron-templates {\r\n  &__header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-weight: 600;\r\n    font-size: 13px;\r\n    margin-bottom: 10px;\r\n    color: var(--c-text-1);\r\n  }\r\n\r\n  &__cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\r\n    gap: 8px;\r\n  }\r\n\r\n  &__card {\r\n    padding: 10px 12px;\r\n    border-radius: 8px;\r\n    border: 1px solid var(--c-border);\r\n    cursor: pointer;\r\n    transition: all var(--c-transition, 0.2s ease);\r\n\r\n    &:hover {\r\n      border-color: var(--c-primary);\r\n      background: color-mix(in srgb, var(--c-primary) 4%, transparent);\r\n    }\r\n\r\n    &--active {\r\n      border-color: var(--c-primary);\r\n      background: color-mix(in srgb, var(--c-primary) 8%, transparent);\r\n    }\r\n  }\r\n\r\n  &__card-name {\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  &__card-expr {\r\n    font-family: \"Courier New\", Courier, monospace;\r\n    font-size: 11px;\r\n    color: var(--c-text-4);\r\n    margin-top: 2px;\r\n  }\r\n}\r\n</style>\r\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-25\n * @Description: Cron 表达式编辑器组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n\n<template>\n  <div class=\"c-cron\" :style=\"{ height: containerHeight }\">\n    <!-- ═══════ 顶部 ═══════ -->\n    <div class=\"c-cron__header\">\n      <!-- 标题行 -->\n      <div class=\"c-cron__title-row\">\n        <div class=\"c-cron__title\">\n          <C_Icon name=\"mdi:clock-edit-outline\" :size=\"18\" />\n          <span>Cron 表达式</span>\n        </div>\n        <NTag :type=\"validation.valid ? 'success' : 'error'\" size=\"small\" round>\n          <template #icon>\n            <C_Icon\n              :name=\"validation.valid ? 'mdi:check-circle' : 'mdi:alert-circle'\"\n            />\n          </template>\n          {{ validation.valid ? \"合法\" : \"错误\" }}\n        </NTag>\n      </div>\n\n      <!-- 分段式字段选择器 -->\n      <div class=\"c-cron__segments\">\n        <div\n          v-for=\"meta in visibleFields\"\n          :key=\"meta.type\"\n          class=\"c-cron__segment\"\n          :class=\"{\n            'c-cron__segment--active': activeField === meta.type,\n            'c-cron__segment--wildcard':\n              fieldExpressions[meta.type] === '*' ||\n              fieldExpressions[meta.type] === '?',\n          }\"\n          @click=\"activeField = meta.type\"\n        >\n          <div class=\"c-cron__segment-value\">\n            {{ fieldExpressions[meta.type] }}\n          </div>\n          <div class=\"c-cron__segment-label\">{{ meta.label }}</div>\n        </div>\n      </div>\n\n      <!-- 表达式行：输入 + 重置 + 描述 -->\n      <div class=\"c-cron__expr-row\">\n        <NInput\n          :value=\"manualInput\"\n          :status=\"validation.valid ? undefined : 'error'\"\n          placeholder=\"秒 分 时 日 月 周\"\n          :disabled=\"props.disabled\"\n          font=\"mono\"\n          size=\"small\"\n          clearable\n          class=\"c-cron__expr-input\"\n          @update:value=\"handleManualInput\"\n          @blur=\"handleManualBlur\"\n          @keydown.enter=\"handleManualBlur\"\n        >\n          <template #prefix>\n            <C_Icon name=\"mdi:console\" :size=\"14\" style=\"opacity: 0.4\" />\n          </template>\n        </NInput>\n        <NButton\n          size=\"small\"\n          quaternary\n          :disabled=\"props.disabled\"\n          @click=\"handleReset\"\n        >\n          <template #icon>\n            <C_Icon name=\"mdi:refresh\" />\n          </template>\n        </NButton>\n        <div class=\"c-cron__expr-desc\">\n          <span v-if=\"validation.valid\" class=\"c-cron__description\">\n            {{ description }}\n          </span>\n          <span v-else class=\"c-cron__error\">\n            {{ validation.message }}\n          </span>\n        </div>\n      </div>\n    </div>\n\n    <!-- ═══════ 主内容 ═══════ -->\n    <div class=\"c-cron__body\">\n      <!-- 左侧：值网格 -->\n      <div class=\"c-cron__main\">\n        <CronFieldEditor\n          v-for=\"meta in visibleFields\"\n          v-show=\"activeField === meta.type\"\n          :key=\"meta.type\"\n          :model-value=\"cronValue[meta.type]\"\n          :meta=\"meta\"\n          @update:model-value=\"(v) => handleFieldChange(meta.type, v)\"\n        />\n      </div>\n\n      <!-- 右侧：控制面板 -->\n      <div class=\"c-cron__panel\">\n        <NRadioGroup\n          :value=\"activeFieldValue.mode\"\n          size=\"small\"\n          @update:value=\"handleActiveFieldModeChange\"\n        >\n          <NRadioButton value=\"every\">\n            每{{ activeFieldMeta.label }}\n          </NRadioButton>\n          <NRadioButton\n            v-if=\"activeField === 'day' || activeField === 'week'\"\n            value=\"none\"\n          >\n            不指定\n          </NRadioButton>\n          <NRadioButton value=\"range\">范围</NRadioButton>\n          <NRadioButton value=\"step\">步进</NRadioButton>\n          <NRadioButton value=\"specific\">指定</NRadioButton>\n        </NRadioGroup>\n\n        <!-- 范围配置 -->\n        <div v-if=\"activeFieldValue.mode === 'range'\" class=\"c-cron__config\">\n          <div class=\"c-cron__config-row\">\n            <span>从</span>\n            <NInputNumber\n              :value=\"activeFieldValue.rangeStart\"\n              :min=\"activeFieldMeta.min\"\n              :max=\"activeFieldMeta.max\"\n              size=\"small\"\n              :show-button=\"false\"\n              class=\"c-cron__config-num\"\n              @update:value=\"\n                (v: number | null) =>\n                  handleActiveFieldUpdate({\n                    rangeStart: v ?? activeFieldMeta.min,\n                  })\n              \"\n            />\n            <span>到</span>\n            <NInputNumber\n              :value=\"activeFieldValue.rangeEnd\"\n              :min=\"activeFieldMeta.min\"\n              :max=\"activeFieldMeta.max\"\n              size=\"small\"\n              :show-button=\"false\"\n              class=\"c-cron__config-num\"\n              @update:value=\"\n                (v: number | null) =>\n                  handleActiveFieldUpdate({\n                    rangeEnd: v ?? activeFieldMeta.max,\n                  })\n              \"\n            />\n          </div>\n        </div>\n\n        <!-- 步进配置 -->\n        <div v-if=\"activeFieldValue.mode === 'step'\" class=\"c-cron__config\">\n          <div class=\"c-cron__config-row\">\n            <span>从第</span>\n            <NInputNumber\n              :value=\"activeFieldValue.stepStart\"\n              :min=\"activeFieldMeta.min\"\n              :max=\"activeFieldMeta.max\"\n              size=\"small\"\n              :show-button=\"false\"\n              class=\"c-cron__config-num\"\n              @update:value=\"\n                (v: number | null) =>\n                  handleActiveFieldUpdate({\n                    stepStart: v ?? activeFieldMeta.min,\n                  })\n              \"\n            />\n            <span>{{ activeFieldMeta.label }}起，每</span>\n            <NInputNumber\n              :value=\"activeFieldValue.stepInterval\"\n              :min=\"1\"\n              :max=\"activeFieldMeta.max - activeFieldMeta.min + 1\"\n              size=\"small\"\n              :show-button=\"false\"\n              class=\"c-cron__config-num\"\n              @update:value=\"\n                (v: number | null) =>\n                  handleActiveFieldUpdate({ stepInterval: v ?? 1 })\n              \"\n            />\n            <span>{{ activeFieldMeta.label }}执行</span>\n          </div>\n        </div>\n\n        <!-- 指定快捷操作 -->\n        <div v-if=\"activeFieldValue.mode === 'specific'\" class=\"c-cron__quick\">\n          <a @click=\"handleSelectAll\">全选</a>\n          <span class=\"c-cron__quick-sep\">·</span>\n          <a @click=\"handleClearAll\">清空</a>\n          <span\n            v-if=\"activeFieldValue.specificValues.length > 0\"\n            class=\"c-cron__quick-count\"\n          >\n            已选 {{ activeFieldValue.specificValues.length }}\n          </span>\n        </div>\n\n        <!-- 执行预览 -->\n        <template v-if=\"props.showPreview\">\n          <div class=\"c-cron__panel-line\" />\n          <CronPreview\n            :next-executions=\"nextExecutions\"\n            :computing=\"computing\"\n            :count=\"props.previewCount ?? 5\"\n            :format-date=\"formatDate\"\n            :format-week-day=\"formatWeekDay\"\n          />\n        </template>\n      </div>\n    </div>\n\n    <!-- ═══════ 底部模板 ═══════ -->\n    <div v-if=\"props.showTemplates\" class=\"c-cron__footer\">\n      <CronTemplates\n        :templates=\"CRON_TEMPLATES\"\n        :current-value=\"expression\"\n        @select=\"handleTemplateSelect\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport type {\n  CronFieldMode,\n  CronFieldType,\n  CronFieldValue,\n  CronProps,\n  CronValidation,\n} from \"./types\";\nimport {\n  CRON_FIELD_META,\n  CRON_TEMPLATES,\n  DEFAULT_CRON_EXPRESSION,\n} from \"./constants\";\nimport { useCronParser } from \"./composables/useCronParser\";\nimport { useCronPreview } from \"./composables/useCronPreview\";\nimport { useCronDescription } from \"./composables/useCronDescription\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport CronFieldEditor from \"./components/CronFieldEditor.vue\";\nimport CronPreview from \"./components/CronPreview.vue\";\nimport CronTemplates from \"./components/CronTemplates.vue\";\n\ndefineOptions({ name: \"C_Cron\" });\n\n/* ─── Props & Emits ─────────────────────────── */\n\nconst props = withDefaults(defineProps<CronProps>(), {\n  modelValue: DEFAULT_CRON_EXPRESSION,\n  disabled: false,\n  previewCount: 10,\n  showTemplates: true,\n  showPreview: true,\n  showSecond: true,\n  height: \"auto\",\n});\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [value: string];\n  change: [value: string];\n  \"validation-change\": [result: CronValidation];\n}>();\n\n/* ─── 组合函数 ──────────────────────────────── */\n\nconst {\n  cronValue,\n  expression,\n  validation,\n  parse,\n  validate,\n  handleDayWeekExclusion,\n} = useCronParser();\n\nconst previewCount = computed(() => props.previewCount ?? 10);\nconst { nextExecutions, computing, formatDate, formatWeekDay } = useCronPreview(\n  expression,\n  validation,\n  previewCount,\n);\n\nconst { description } = useCronDescription(expression, validation);\n\n/* ─── 本地状态 ──────────────────────────────── */\n\n/** 手动输入框值（与 expression 解耦，输入完成后同步） */\nconst manualInput = ref(props.modelValue || DEFAULT_CRON_EXPRESSION);\n\n/** 当前激活的字段 Tab */\nconst activeField = ref<CronFieldType>(props.showSecond ? \"second\" : \"minute\");\n\n/* ─── 容器高度 ──────────────────────────────── */\n\nconst containerHeight = computed(() => {\n  if (typeof props.height === \"number\") return `${props.height}px`;\n  return props.height;\n});\n\n/* ─── 可见字段（是否显示秒） ────────────────── */\n\nconst visibleFields = computed(() => {\n  return props.showSecond\n    ? CRON_FIELD_META\n    : CRON_FIELD_META.filter((m) => m.type !== \"second\");\n});\n\n/* ─── 当前激活字段快捷访问 ─────────────────── */\n\n/** 当前激活字段元数据 */\nconst activeFieldMeta = computed(\n  () => CRON_FIELD_META.find((m) => m.type === activeField.value)!,\n);\n\n/** 当前激活字段值 */\nconst activeFieldValue = computed(() => cronValue.value[activeField.value]);\n\n/* ─── 分段式表达式（逐字段计算） ────────────── */\n\n/** 计算单字段表达式文本 */\nfunction computeFieldExpr(f: CronFieldValue): string {\n  switch (f.mode) {\n    case \"every\":\n      return \"*\";\n    case \"none\":\n      return \"?\";\n    case \"range\":\n      return `${f.rangeStart}-${f.rangeEnd}`;\n    case \"step\":\n      return `${f.stepStart}/${f.stepInterval}`;\n    case \"specific\":\n      return f.specificValues.length > 0\n        ? [...f.specificValues].sort((a, b) => a - b).join(\",\")\n        : \"*\";\n    default:\n      return \"*\";\n  }\n}\n\n/** 各字段表达式映射 */\nconst fieldExpressions = computed(() => {\n  const map = {} as Record<CronFieldType, string>;\n  for (const meta of CRON_FIELD_META) {\n    map[meta.type] = computeFieldExpr(cronValue.value[meta.type]);\n  }\n  return map;\n});\n\n/* ─── 初始化解析 ────────────────────────────── */\n\nonMounted(() => {\n  const initial = props.modelValue || DEFAULT_CRON_EXPRESSION;\n  parse(initial);\n  manualInput.value = initial;\n});\n\n/* ─── 监听外部 v-model 变更 ─────────────────── */\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (newVal && newVal !== expression.value) {\n      parse(newVal);\n      manualInput.value = newVal;\n    }\n  },\n);\n\n/* ─── 监听 showSecond 变更 ──────────────────── */\n\nwatch(\n  () => props.showSecond,\n  (show) => {\n    if (!show && activeField.value === \"second\") {\n      activeField.value = \"minute\";\n    }\n  },\n);\n\n/* ─── 监听内部表达式变更 → 同步到外部 ───────── */\n\nwatch(expression, (newExpr) => {\n  manualInput.value = newExpr;\n  emit(\"update:modelValue\", newExpr);\n  emit(\"change\", newExpr);\n});\n\n/* ─── 监听校验状态变更 ──────────────────────── */\n\nwatch(validation, (v) => {\n  emit(\"validation-change\", v);\n});\n\n/* ─── 字段变更处理 ──────────────────────────── */\n\n/** 字段编辑变更处理 */\nfunction handleFieldChange(type: CronFieldType, value: CronFieldValue) {\n  cronValue.value[type] = value;\n  if (type === \"day\" || type === \"week\") {\n    handleDayWeekExclusion(type);\n  }\n}\n\n/* ─── 右侧面板操作 ─────────────────────────── */\n\n/** 切换当前字段模式 */\nfunction handleActiveFieldModeChange(mode: CronFieldMode) {\n  handleFieldChange(activeField.value, {\n    ...activeFieldValue.value,\n    mode,\n  });\n}\n\n/** 更新当前字段属性 */\nfunction handleActiveFieldUpdate(partial: Partial<CronFieldValue>) {\n  handleFieldChange(activeField.value, {\n    ...activeFieldValue.value,\n    ...partial,\n  });\n}\n\n/** 全选当前字段所有值 */\nfunction handleSelectAll() {\n  const { min, max } = activeFieldMeta.value;\n  const allValues = Array.from({ length: max - min + 1 }, (_, i) => min + i);\n  handleFieldChange(activeField.value, {\n    ...activeFieldValue.value,\n    specificValues: allValues,\n  });\n}\n\n/** 清空当前字段所有选中值 */\nfunction handleClearAll() {\n  handleFieldChange(activeField.value, {\n    ...activeFieldValue.value,\n    specificValues: [],\n  });\n}\n\n/* ─── 手动输入处理 ──────────────────────────── */\n\n/** 手动输入更新 */\nfunction handleManualInput(value: string) {\n  manualInput.value = value;\n}\n\n/** 输入框失焦时同步 */\nfunction handleManualBlur() {\n  const trimmed = manualInput.value.trim();\n  if (trimmed && trimmed !== expression.value) {\n    parse(trimmed);\n  }\n}\n\n/* ─── 模板选择 ──────────────────────────────── */\n\n/** 选择常用模板 */\nfunction handleTemplateSelect(expr: string) {\n  parse(expr);\n  manualInput.value = expr;\n}\n\n/* ─── 重置 ──────────────────────────────────── */\n\n/** 重置为初始值 */\nfunction handleReset() {\n  const initial = props.modelValue || DEFAULT_CRON_EXPRESSION;\n  parse(initial);\n  manualInput.value = initial;\n}\n\n/* ─── Expose ────────────────────────────────── */\n\ndefineExpose({\n  getValue: () => expression.value,\n  setValue: (expr: string) => {\n    parse(expr);\n    manualInput.value = expr;\n  },\n  reset: handleReset,\n  validate: () => validate(),\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2026-02-25\n * @Description: Cron 表达式编辑器组件\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n-->\n\n<template>\n  <div class=\"c-cron\" :style=\"{ height: containerHeight }\">\n    <!-- ═══════ 顶部 ═══════ -->\n    <div class=\"c-cron__header\">\n      <!-- 标题行 -->\n      <div class=\"c-cron__title-row\">\n        <div class=\"c-cron__title\">\n          <C_Icon name=\"mdi:clock-edit-outline\" :size=\"18\" />\n          <span>Cron 表达式</span>\n        </div>\n        <NTag :type=\"validation.valid ? 'success' : 'error'\" size=\"small\" round>\n          <template #icon>\n            <C_Icon\n              :name=\"validation.valid ? 'mdi:check-circle' : 'mdi:alert-circle'\"\n            />\n          </template>\n          {{ validation.valid ? \"合法\" : \"错误\" }}\n        </NTag>\n      </div>\n\n      <!-- 分段式字段选择器 -->\n      <div class=\"c-cron__segments\">\n        <div\n          v-for=\"meta in visibleFields\"\n          :key=\"meta.type\"\n          class=\"c-cron__segment\"\n          :class=\"{\n            'c-cron__segment--active': activeField === meta.type,\n            'c-cron__segment--wildcard':\n              fieldExpressions[meta.type] === '*' ||\n              fieldExpressions[meta.type] === '?',\n          }\"\n          @click=\"activeField = meta.type\"\n        >\n          <div class=\"c-cron__segment-value\">\n            {{ fieldExpressions[meta.type] }}\n          </div>\n          <div class=\"c-cron__segment-label\">{{ meta.label }}</div>\n        </div>\n      </div>\n\n      <!-- 表达式行：输入 + 重置 + 描述 -->\n      <div class=\"c-cron__expr-row\">\n        <NInput\n          :value=\"manualInput\"\n          :status=\"validation.valid ? undefined : 'error'\"\n          placeholder=\"秒 分 时 日 月 周\"\n          :disabled=\"props.disabled\"\n          font=\"mono\"\n          size=\"small\"\n          clearable\n          class=\"c-cron__expr-input\"\n          @update:value=\"handleManualInput\"\n          @blur=\"handleManualBlur\"\n          @keydown.enter=\"handleManualBlur\"\n        >\n          <template #prefix>\n            <C_Icon name=\"mdi:console\" :size=\"14\" style=\"opacity: 0.4\" />\n          </template>\n        </NInput>\n        <NButton\n          size=\"small\"\n          quaternary\n          :disabled=\"props.disabled\"\n          @click=\"handleReset\"\n        >\n          <template #icon>\n            <C_Icon name=\"mdi:refresh\" />\n          </template>\n        </NButton>\n        <div class=\"c-cron__expr-desc\">\n          <span v-if=\"validation.valid\" class=\"c-cron__description\">\n            {{ description }}\n          </span>\n          <span v-else class=\"c-cron__error\">\n            {{ validation.message }}\n          </span>\n        </div>\n      </div>\n    </div>\n\n    <!-- ═══════ 主内容 ═══════ -->\n    <div class=\"c-cron__body\">\n      <!-- 左侧：值网格 -->\n      <div class=\"c-cron__main\">\n        <CronFieldEditor\n          v-for=\"meta in visibleFields\"\n          v-show=\"activeField === meta.type\"\n          :key=\"meta.type\"\n          :model-value=\"cronValue[meta.type]\"\n          :meta=\"meta\"\n          @update:model-value=\"(v) => handleFieldChange(meta.type, v)\"\n        />\n      </div>\n\n      <!-- 右侧：控制面板 -->\n      <div class=\"c-cron__panel\">\n        <NRadioGroup\n          :value=\"activeFieldValue.mode\"\n          size=\"small\"\n          @update:value=\"handleActiveFieldModeChange\"\n        >\n          <NRadioButton value=\"every\">\n            每{{ activeFieldMeta.label }}\n          </NRadioButton>\n          <NRadioButton\n            v-if=\"activeField === 'day' || activeField === 'week'\"\n            value=\"none\"\n          >\n            不指定\n          </NRadioButton>\n          <NRadioButton value=\"range\">范围</NRadioButton>\n          <NRadioButton value=\"step\">步进</NRadioButton>\n          <NRadioButton value=\"specific\">指定</NRadioButton>\n        </NRadioGroup>\n\n        <!-- 范围配置 -->\n        <div v-if=\"activeFieldValue.mode === 'range'\" class=\"c-cron__config\">\n          <div class=\"c-cron__config-row\">\n            <span>从</span>\n            <NInputNumber\n              :value=\"activeFieldValue.rangeStart\"\n              :min=\"activeFieldMeta.min\"\n              :max=\"activeFieldMeta.max\"\n              size=\"small\"\n              :show-button=\"false\"\n              class=\"c-cron__config-num\"\n              @update:value=\"\n                (v: number | null) =>\n                  handleActiveFieldUpdate({\n                    rangeStart: v ?? activeFieldMeta.min,\n                  })\n              \"\n            />\n            <span>到</span>\n            <NInputNumber\n              :value=\"activeFieldValue.rangeEnd\"\n              :min=\"activeFieldMeta.min\"\n              :max=\"activeFieldMeta.max\"\n              size=\"small\"\n              :show-button=\"false\"\n              class=\"c-cron__config-num\"\n              @update:value=\"\n                (v: number | null) =>\n                  handleActiveFieldUpdate({\n                    rangeEnd: v ?? activeFieldMeta.max,\n                  })\n              \"\n            />\n          </div>\n        </div>\n\n        <!-- 步进配置 -->\n        <div v-if=\"activeFieldValue.mode === 'step'\" class=\"c-cron__config\">\n          <div class=\"c-cron__config-row\">\n            <span>从第</span>\n            <NInputNumber\n              :value=\"activeFieldValue.stepStart\"\n              :min=\"activeFieldMeta.min\"\n              :max=\"activeFieldMeta.max\"\n              size=\"small\"\n              :show-button=\"false\"\n              class=\"c-cron__config-num\"\n              @update:value=\"\n                (v: number | null) =>\n                  handleActiveFieldUpdate({\n                    stepStart: v ?? activeFieldMeta.min,\n                  })\n              \"\n            />\n            <span>{{ activeFieldMeta.label }}起，每</span>\n            <NInputNumber\n              :value=\"activeFieldValue.stepInterval\"\n              :min=\"1\"\n              :max=\"activeFieldMeta.max - activeFieldMeta.min + 1\"\n              size=\"small\"\n              :show-button=\"false\"\n              class=\"c-cron__config-num\"\n              @update:value=\"\n                (v: number | null) =>\n                  handleActiveFieldUpdate({ stepInterval: v ?? 1 })\n              \"\n            />\n            <span>{{ activeFieldMeta.label }}执行</span>\n          </div>\n        </div>\n\n        <!-- 指定快捷操作 -->\n        <div v-if=\"activeFieldValue.mode === 'specific'\" class=\"c-cron__quick\">\n          <a @click=\"handleSelectAll\">全选</a>\n          <span class=\"c-cron__quick-sep\">·</span>\n          <a @click=\"handleClearAll\">清空</a>\n          <span\n            v-if=\"activeFieldValue.specificValues.length > 0\"\n            class=\"c-cron__quick-count\"\n          >\n            已选 {{ activeFieldValue.specificValues.length }}\n          </span>\n        </div>\n\n        <!-- 执行预览 -->\n        <template v-if=\"props.showPreview\">\n          <div class=\"c-cron__panel-line\" />\n          <CronPreview\n            :next-executions=\"nextExecutions\"\n            :computing=\"computing\"\n            :count=\"props.previewCount ?? 5\"\n            :format-date=\"formatDate\"\n            :format-week-day=\"formatWeekDay\"\n          />\n        </template>\n      </div>\n    </div>\n\n    <!-- ═══════ 底部模板 ═══════ -->\n    <div v-if=\"props.showTemplates\" class=\"c-cron__footer\">\n      <CronTemplates\n        :templates=\"CRON_TEMPLATES\"\n        :current-value=\"expression\"\n        @select=\"handleTemplateSelect\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted } from \"vue\";\nimport type {\n  CronFieldMode,\n  CronFieldType,\n  CronFieldValue,\n  CronProps,\n  CronValidation,\n} from \"./types\";\nimport {\n  CRON_FIELD_META,\n  CRON_TEMPLATES,\n  DEFAULT_CRON_EXPRESSION,\n} from \"./constants\";\nimport { useCronParser } from \"./composables/useCronParser\";\nimport { useCronPreview } from \"./composables/useCronPreview\";\nimport { useCronDescription } from \"./composables/useCronDescription\";\nimport C_Icon from \"../C_Icon/index.vue\";\nimport CronFieldEditor from \"./components/CronFieldEditor.vue\";\nimport CronPreview from \"./components/CronPreview.vue\";\nimport CronTemplates from \"./components/CronTemplates.vue\";\n\ndefineOptions({ name: \"C_Cron\" });\n\n/* ─── Props & Emits ─────────────────────────── */\n\nconst props = withDefaults(defineProps<CronProps>(), {\n  modelValue: DEFAULT_CRON_EXPRESSION,\n  disabled: false,\n  previewCount: 10,\n  showTemplates: true,\n  showPreview: true,\n  showSecond: true,\n  height: \"auto\",\n});\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [value: string];\n  change: [value: string];\n  \"validation-change\": [result: CronValidation];\n}>();\n\n/* ─── 组合函数 ──────────────────────────────── */\n\nconst {\n  cronValue,\n  expression,\n  validation,\n  parse,\n  validate,\n  handleDayWeekExclusion,\n} = useCronParser();\n\nconst previewCount = computed(() => props.previewCount ?? 10);\nconst { nextExecutions, computing, formatDate, formatWeekDay } = useCronPreview(\n  expression,\n  validation,\n  previewCount,\n);\n\nconst { description } = useCronDescription(expression, validation);\n\n/* ─── 本地状态 ──────────────────────────────── */\n\n/** 手动输入框值（与 expression 解耦，输入完成后同步） */\nconst manualInput = ref(props.modelValue || DEFAULT_CRON_EXPRESSION);\n\n/** 当前激活的字段 Tab */\nconst activeField = ref<CronFieldType>(props.showSecond ? \"second\" : \"minute\");\n\n/* ─── 容器高度 ──────────────────────────────── */\n\nconst containerHeight = computed(() => {\n  if (typeof props.height === \"number\") return `${props.height}px`;\n  return props.height;\n});\n\n/* ─── 可见字段（是否显示秒） ────────────────── */\n\nconst visibleFields = computed(() => {\n  return props.showSecond\n    ? CRON_FIELD_META\n    : CRON_FIELD_META.filter((m) => m.type !== \"second\");\n});\n\n/* ─── 当前激活字段快捷访问 ─────────────────── */\n\n/** 当前激活字段元数据 */\nconst activeFieldMeta = computed(\n  () => CRON_FIELD_META.find((m) => m.type === activeField.value)!,\n);\n\n/** 当前激活字段值 */\nconst activeFieldValue = computed(() => cronValue.value[activeField.value]);\n\n/* ─── 分段式表达式（逐字段计算） ────────────── */\n\n/** 计算单字段表达式文本 */\nfunction computeFieldExpr(f: CronFieldValue): string {\n  switch (f.mode) {\n    case \"every\":\n      return \"*\";\n    case \"none\":\n      return \"?\";\n    case \"range\":\n      return `${f.rangeStart}-${f.rangeEnd}`;\n    case \"step\":\n      return `${f.stepStart}/${f.stepInterval}`;\n    case \"specific\":\n      return f.specificValues.length > 0\n        ? [...f.specificValues].sort((a, b) => a - b).join(\",\")\n        : \"*\";\n    default:\n      return \"*\";\n  }\n}\n\n/** 各字段表达式映射 */\nconst fieldExpressions = computed(() => {\n  const map = {} as Record<CronFieldType, string>;\n  for (const meta of CRON_FIELD_META) {\n    map[meta.type] = computeFieldExpr(cronValue.value[meta.type]);\n  }\n  return map;\n});\n\n/* ─── 初始化解析 ────────────────────────────── */\n\nonMounted(() => {\n  const initial = props.modelValue || DEFAULT_CRON_EXPRESSION;\n  parse(initial);\n  manualInput.value = initial;\n});\n\n/* ─── 监听外部 v-model 变更 ─────────────────── */\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (newVal && newVal !== expression.value) {\n      parse(newVal);\n      manualInput.value = newVal;\n    }\n  },\n);\n\n/* ─── 监听 showSecond 变更 ──────────────────── */\n\nwatch(\n  () => props.showSecond,\n  (show) => {\n    if (!show && activeField.value === \"second\") {\n      activeField.value = \"minute\";\n    }\n  },\n);\n\n/* ─── 监听内部表达式变更 → 同步到外部 ───────── */\n\nwatch(expression, (newExpr) => {\n  manualInput.value = newExpr;\n  emit(\"update:modelValue\", newExpr);\n  emit(\"change\", newExpr);\n});\n\n/* ─── 监听校验状态变更 ──────────────────────── */\n\nwatch(validation, (v) => {\n  emit(\"validation-change\", v);\n});\n\n/* ─── 字段变更处理 ──────────────────────────── */\n\n/** 字段编辑变更处理 */\nfunction handleFieldChange(type: CronFieldType, value: CronFieldValue) {\n  cronValue.value[type] = value;\n  if (type === \"day\" || type === \"week\") {\n    handleDayWeekExclusion(type);\n  }\n}\n\n/* ─── 右侧面板操作 ─────────────────────────── */\n\n/** 切换当前字段模式 */\nfunction handleActiveFieldModeChange(mode: CronFieldMode) {\n  handleFieldChange(activeField.value, {\n    ...activeFieldValue.value,\n    mode,\n  });\n}\n\n/** 更新当前字段属性 */\nfunction handleActiveFieldUpdate(partial: Partial<CronFieldValue>) {\n  handleFieldChange(activeField.value, {\n    ...activeFieldValue.value,\n    ...partial,\n  });\n}\n\n/** 全选当前字段所有值 */\nfunction handleSelectAll() {\n  const { min, max } = activeFieldMeta.value;\n  const allValues = Array.from({ length: max - min + 1 }, (_, i) => min + i);\n  handleFieldChange(activeField.value, {\n    ...activeFieldValue.value,\n    specificValues: allValues,\n  });\n}\n\n/** 清空当前字段所有选中值 */\nfunction handleClearAll() {\n  handleFieldChange(activeField.value, {\n    ...activeFieldValue.value,\n    specificValues: [],\n  });\n}\n\n/* ─── 手动输入处理 ──────────────────────────── */\n\n/** 手动输入更新 */\nfunction handleManualInput(value: string) {\n  manualInput.value = value;\n}\n\n/** 输入框失焦时同步 */\nfunction handleManualBlur() {\n  const trimmed = manualInput.value.trim();\n  if (trimmed && trimmed !== expression.value) {\n    parse(trimmed);\n  }\n}\n\n/* ─── 模板选择 ──────────────────────────────── */\n\n/** 选择常用模板 */\nfunction handleTemplateSelect(expr: string) {\n  parse(expr);\n  manualInput.value = expr;\n}\n\n/* ─── 重置 ──────────────────────────────────── */\n\n/** 重置为初始值 */\nfunction handleReset() {\n  const initial = props.modelValue || DEFAULT_CRON_EXPRESSION;\n  parse(initial);\n  manualInput.value = initial;\n}\n\n/* ─── Expose ────────────────────────────────── */\n\ndefineExpose({\n  getValue: () => expression.value,\n  setValue: (expr: string) => {\n    parse(expr);\n    manualInput.value = expr;\n  },\n  reset: handleReset,\n  validate: () => validate(),\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use \"./index.scss\";\n</style>\n"],"mappings":"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"}

package/dist/C_Date.js.map

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

package/dist/C_Date2.js.map

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

package/dist/C_Draggable-BDAbk4s5.css.map

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

package/dist/C_Draggable-UhfDLXop.css.map

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

package/dist/C_Draggable.js.map

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

package/dist/C_Draggable2.js.map

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

package/dist/C_Editor-CZOaChru.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"C_Editor-CZOaChru.css","names":[],"sources":["../src/components/C_Editor/index.vue?vue&type=style&index=0&scoped=858c0d82&lang.css"],"sourcesContent":["/* unplugin-vue-components disabled */\n/* CSS 变量 — 支持外部主题覆盖 */\n[data-v-858c0d82]:root {\n  --c-editor-toolbar-bg: #ffffff;\n  --c-editor-toolbar-border: #e5e7eb;\n  --c-editor-menu-color: #333333;\n  --c-editor-menu-hover-bg: #f3f4f6;\n  --c-editor-menu-hover-color: #333333;\n  --c-editor-menu-active-bg: var(--c-primary, #2080f0);\n  --c-editor-menu-active-color: #ffffff;\n  --c-editor-container-bg: #ffffff;\n  --c-editor-container-border: #e5e7eb;\n  --c-editor-text-bg: #ffffff;\n  --c-editor-text-color: #333333;\n  --c-editor-text-focus-bg: #ffffff;\n  --c-editor-text-focus-color: #333333;\n  --c-editor-transition-duration: 0.3s;\n}\n\n/* 暗色主题 — 覆盖 CSS 变量 */\n.editor-dark[data-v-858c0d82] {\n  --c-editor-toolbar-bg: #1f2937;\n  --c-editor-toolbar-border: #374151;\n  --c-editor-menu-color: #e5e7eb;\n  --c-editor-menu-hover-bg: #374151;\n  --c-editor-menu-hover-color: #ffffff;\n  --c-editor-container-bg: #111827;\n  --c-editor-container-border: #374151;\n  --c-editor-text-bg: #303033;\n  --c-editor-text-color: #e5e7eb;\n  --c-editor-text-focus-bg: #111827;\n  --c-editor-text-focus-color: #e5e7eb;\n}\n.editor-dark[data-v-858c0d82] .w-e-toolbar {\n  background-color: var(--c-editor-toolbar-bg) !important;\n  border-color: var(--c-editor-toolbar-border) !important;\n}\n.editor-dark[data-v-858c0d82] .w-e-toolbar .w-e-menu .w-e-menu-item {\n  color: var(--c-editor-menu-color) !important;\n}\n.editor-dark[data-v-858c0d82] .w-e-toolbar .w-e-menu .w-e-menu-item:hover {\n  background-color: var(--c-editor-menu-hover-bg) !important;\n  color: var(--c-editor-menu-hover-color) !important;\n}\n.editor-dark[data-v-858c0d82] .w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active {\n  background-color: var(--c-editor-menu-active-bg) !important;\n  color: var(--c-editor-menu-active-color) !important;\n}\n.editor-dark[data-v-858c0d82] .w-e-text-container {\n  background-color: var(--c-editor-container-bg) !important;\n  border-color: var(--c-editor-container-border) !important;\n}\n.editor-dark[data-v-858c0d82] .w-e-text-container .w-e-text {\n  background-color: var(--c-editor-text-bg) !important;\n  color: var(--c-editor-text-color) !important;\n}\n.editor-dark[data-v-858c0d82] .w-e-text-container .w-e-text:focus {\n  background-color: var(--c-editor-text-focus-bg) !important;\n  color: var(--c-editor-text-focus-color) !important;\n}\n[data-v-858c0d82] .w-e-toolbar,[data-v-858c0d82] .w-e-text-container {\n  max-width: 100% !important;\n  overflow-x: auto !important;\n  box-sizing: border-box !important;\n}\n[data-v-858c0d82] .w-e-text {\n  max-width: 100% !important;\n  word-wrap: break-word !important;\n  overflow-wrap: break-word !important;\n}\n[data-v-858c0d82] .w-e-toolbar,[data-v-858c0d82] .w-e-text-container,[data-v-858c0d82] .w-e-text {\n  transition:\n    background-color var(--c-editor-transition-duration) ease,\n    border-color var(--c-editor-transition-duration) ease,\n    color var(--c-editor-transition-duration) ease !important;\n}\n.editor-focused[data-v-858c0d82] {\n  overflow: hidden !important;\n  max-width: 100% !important;\n}\n"],"mappings":"AAAA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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-kJAQq5z6.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"C_Editor-kJAQq5z6.css","names":[],"sources":["../src/components/C_Editor/index.vue?vue&type=style&index=0&scoped=858c0d82&lang.css"],"sourcesContent":["/* unplugin-vue-components disabled */\n/* CSS 变量 — 支持外部主题覆盖 */\n[data-v-858c0d82]:root {\n  --c-editor-toolbar-bg: #ffffff;\n  --c-editor-toolbar-border: #e5e7eb;\n  --c-editor-menu-color: #333333;\n  --c-editor-menu-hover-bg: #f3f4f6;\n  --c-editor-menu-hover-color: #333333;\n  --c-editor-menu-active-bg: var(--c-primary, #2080f0);\n  --c-editor-menu-active-color: #ffffff;\n  --c-editor-container-bg: #ffffff;\n  --c-editor-container-border: #e5e7eb;\n  --c-editor-text-bg: #ffffff;\n  --c-editor-text-color: #333333;\n  --c-editor-text-focus-bg: #ffffff;\n  --c-editor-text-focus-color: #333333;\n  --c-editor-transition-duration: 0.3s;\n}\n\n/* 暗色主题 — 覆盖 CSS 变量 */\n.editor-dark[data-v-858c0d82] {\n  --c-editor-toolbar-bg: #1f2937;\n  --c-editor-toolbar-border: #374151;\n  --c-editor-menu-color: #e5e7eb;\n  --c-editor-menu-hover-bg: #374151;\n  --c-editor-menu-hover-color: #ffffff;\n  --c-editor-container-bg: #111827;\n  --c-editor-container-border: #374151;\n  --c-editor-text-bg: #303033;\n  --c-editor-text-color: #e5e7eb;\n  --c-editor-text-focus-bg: #111827;\n  --c-editor-text-focus-color: #e5e7eb;\n}\n.editor-dark[data-v-858c0d82] .w-e-toolbar {\n  background-color: var(--c-editor-toolbar-bg) !important;\n  border-color: var(--c-editor-toolbar-border) !important;\n}\n.editor-dark[data-v-858c0d82] .w-e-toolbar .w-e-menu .w-e-menu-item {\n  color: var(--c-editor-menu-color) !important;\n}\n.editor-dark[data-v-858c0d82] .w-e-toolbar .w-e-menu .w-e-menu-item:hover {\n  background-color: var(--c-editor-menu-hover-bg) !important;\n  color: var(--c-editor-menu-hover-color) !important;\n}\n.editor-dark[data-v-858c0d82] .w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active {\n  background-color: var(--c-editor-menu-active-bg) !important;\n  color: var(--c-editor-menu-active-color) !important;\n}\n.editor-dark[data-v-858c0d82] .w-e-text-container {\n  background-color: var(--c-editor-container-bg) !important;\n  border-color: var(--c-editor-container-border) !important;\n}\n.editor-dark[data-v-858c0d82] .w-e-text-container .w-e-text {\n  background-color: var(--c-editor-text-bg) !important;\n  color: var(--c-editor-text-color) !important;\n}\n.editor-dark[data-v-858c0d82] .w-e-text-container .w-e-text:focus {\n  background-color: var(--c-editor-text-focus-bg) !important;\n  color: var(--c-editor-text-focus-color) !important;\n}\n[data-v-858c0d82] .w-e-toolbar,[data-v-858c0d82] .w-e-text-container {\n  max-width: 100% !important;\n  overflow-x: auto !important;\n  box-sizing: border-box !important;\n}\n[data-v-858c0d82] .w-e-text {\n  max-width: 100% !important;\n  word-wrap: break-word !important;\n  overflow-wrap: break-word !important;\n}\n[data-v-858c0d82] .w-e-toolbar,[data-v-858c0d82] .w-e-text-container,[data-v-858c0d82] .w-e-text {\n  transition:\n    background-color var(--c-editor-transition-duration) ease,\n    border-color var(--c-editor-transition-duration) ease,\n    color var(--c-editor-transition-duration) ease !important;\n}\n.editor-focused[data-v-858c0d82] {\n  overflow: hidden !important;\n  max-width: 100% !important;\n}\n"],"mappings":"AAAA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"C_Editor.js","names":["editorId"],"sources":["../src/components/C_Editor/index.vue","../src/components/C_Editor/index.vue"],"sourcesContent":["<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-01\n * @Description: 富文本编辑器组件（简化主题版）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    ref=\"editorContainer\"\n    :id=\"editorId\"\n    v-show=\"isInitialized\"\n    class=\"w-full\"\n    :class=\"{ 'editor-dark': isDark }\"\n    @focusin=\"handleEditorFocus\"\n    @focusout=\"handleEditorBlur\"\n  ></div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  ref,\n  computed,\n  watch,\n  nextTick,\n  onMounted,\n  onBeforeUnmount,\n  readonly,\n} from \"vue\";\nimport E from \"wangeditor\";\n\ndefineOptions({ name: \"C_Editor\" });\n\ninterface Props {\n  editorId: string;\n  modelValue?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  readonly?: boolean;\n  height?: number;\n  theme?: \"light\" | \"dark\";\n}\n\ninterface Emits {\n  (e: \"update:modelValue\", value: string): void;\n  (e: \"editor-mounted\", editor: any): void;\n  (e: \"editor-change\", html: string): void;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  placeholder: \"\",\n  disabled: false,\n  readonly: false,\n  height: 240,\n  theme: \"light\",\n});\n\nconst emit = defineEmits<Emits>();\n\nconst editorContainer = ref<HTMLElement | null>(null);\nconst editorInstance = ref<any>(null);\nconst isInitialized = ref<boolean>(false);\n\nconst isDark = computed(() => props.theme === \"dark\");\n\nconst initializeEditor = (): void => {\n  if (!editorContainer.value || isInitialized.value) return;\n\n  try {\n    const editor = new E(editorContainer.value);\n    const editorConfig = editor.config as any;\n    editorConfig.placeholder = props.placeholder;\n    editorConfig.height = props.height - 50;\n\n    editorConfig.onchange = (html: string) => {\n      emit(\"update:modelValue\", html);\n      emit(\"editor-change\", html);\n    };\n\n    editor.create();\n\n    nextTick(() => {\n      if (props.modelValue) {\n        editor.txt.html(props.modelValue);\n      }\n      if (props.readonly) {\n        editor.disable();\n      }\n      editorInstance.value = editor;\n      isInitialized.value = true;\n      emit(\"editor-mounted\", editor);\n    });\n  } catch (error) {\n    console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);\n  }\n};\n\nconst destroyEditor = (): void => {\n  if (editorInstance.value && isInitialized.value) {\n    try {\n      editorInstance.value.destroy();\n      editorInstance.value = null;\n      isInitialized.value = false;\n    } catch (error) {\n      console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);\n    }\n  }\n};\n\nconst setContent = (html: string): void => {\n  if (editorInstance.value && isInitialized.value) {\n    try {\n      editorInstance.value.txt.html(html);\n    } catch (error) {\n      console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);\n    }\n  }\n};\n\nconst getContent = (): string => {\n  if (editorInstance.value && isInitialized.value) {\n    try {\n      return editorInstance.value.txt.html();\n    } catch (error) {\n      console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);\n      return \"\";\n    }\n  }\n  return \"\";\n};\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (editorInstance.value && isInitialized.value) {\n      const currentContent = editorInstance.value.txt.html();\n      if (currentContent !== newValue) {\n        editorInstance.value.txt.html(newValue || \"\");\n      }\n    }\n  },\n);\n\nwatch(\n  () => props.disabled,\n  (disabled) => {\n    if (editorInstance.value && isInitialized.value) {\n      try {\n        if (disabled) editorInstance.value.disable();\n        else editorInstance.value.enable();\n      } catch (error) {\n        console.warn(`[C_Editor] 设置编辑器状态失败`, error);\n      }\n    }\n  },\n);\n\nwatch(\n  () => props.readonly,\n  (readonlyVal) => {\n    if (editorInstance.value && isInitialized.value) {\n      try {\n        if (readonlyVal) editorInstance.value.disable();\n        else editorInstance.value.enable();\n      } catch (error) {\n        console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);\n      }\n    }\n  },\n);\n\nconst handleEditorFocus = (): void => {\n  if (!editorContainer.value) return;\n  const container = editorContainer.value.closest(\n    \".form-demo\",\n  ) as HTMLElement | null;\n  if (container) {\n    container.classList.add(\"editor-focused\");\n    const containerWidth = container.scrollWidth;\n    container.style.maxWidth = `${containerWidth}px`;\n  }\n};\n\nconst handleEditorBlur = (): void => {\n  if (!editorContainer.value) return;\n  const container = editorContainer.value.closest(\n    \".form-demo\",\n  ) as HTMLElement | null;\n  if (container) {\n    container.classList.remove(\"editor-focused\");\n    container.style.maxWidth = \"\";\n  }\n};\n\nonMounted(() => {\n  nextTick(() => {\n    initializeEditor();\n  });\n});\n\nonBeforeUnmount(() => {\n  destroyEditor();\n});\n\ndefineExpose({\n  initializeEditor,\n  destroyEditor,\n  setContent,\n  getContent,\n  handleEditorFocus,\n  handleEditorBlur,\n  editorInstance: readonly(editorInstance),\n  isInitialized: readonly(isInitialized),\n});\n</script>\n\n<style scoped>\n/* CSS 变量 — 支持外部主题覆盖 */\n:root {\n  --c-editor-toolbar-bg: #ffffff;\n  --c-editor-toolbar-border: #e5e7eb;\n  --c-editor-menu-color: #333333;\n  --c-editor-menu-hover-bg: #f3f4f6;\n  --c-editor-menu-hover-color: #333333;\n  --c-editor-menu-active-bg: var(--c-primary, #2080f0);\n  --c-editor-menu-active-color: #ffffff;\n  --c-editor-container-bg: #ffffff;\n  --c-editor-container-border: #e5e7eb;\n  --c-editor-text-bg: #ffffff;\n  --c-editor-text-color: #333333;\n  --c-editor-text-focus-bg: #ffffff;\n  --c-editor-text-focus-color: #333333;\n  --c-editor-transition-duration: 0.3s;\n}\n\n/* 暗色主题 — 覆盖 CSS 变量 */\n.editor-dark {\n  --c-editor-toolbar-bg: #1f2937;\n  --c-editor-toolbar-border: #374151;\n  --c-editor-menu-color: #e5e7eb;\n  --c-editor-menu-hover-bg: #374151;\n  --c-editor-menu-hover-color: #ffffff;\n  --c-editor-container-bg: #111827;\n  --c-editor-container-border: #374151;\n  --c-editor-text-bg: #303033;\n  --c-editor-text-color: #e5e7eb;\n  --c-editor-text-focus-bg: #111827;\n  --c-editor-text-focus-color: #e5e7eb;\n}\n\n.editor-dark :deep(.w-e-toolbar) {\n  background-color: var(--c-editor-toolbar-bg) !important;\n  border-color: var(--c-editor-toolbar-border) !important;\n}\n\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item) {\n  color: var(--c-editor-menu-color) !important;\n}\n\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item:hover) {\n  background-color: var(--c-editor-menu-hover-bg) !important;\n  color: var(--c-editor-menu-hover-color) !important;\n}\n\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active) {\n  background-color: var(--c-editor-menu-active-bg) !important;\n  color: var(--c-editor-menu-active-color) !important;\n}\n\n.editor-dark :deep(.w-e-text-container) {\n  background-color: var(--c-editor-container-bg) !important;\n  border-color: var(--c-editor-container-border) !important;\n}\n\n.editor-dark :deep(.w-e-text-container .w-e-text) {\n  background-color: var(--c-editor-text-bg) !important;\n  color: var(--c-editor-text-color) !important;\n}\n\n.editor-dark :deep(.w-e-text-container .w-e-text:focus) {\n  background-color: var(--c-editor-text-focus-bg) !important;\n  color: var(--c-editor-text-focus-color) !important;\n}\n\n:deep(.w-e-toolbar),\n:deep(.w-e-text-container) {\n  max-width: 100% !important;\n  overflow-x: auto !important;\n  box-sizing: border-box !important;\n}\n\n:deep(.w-e-text) {\n  max-width: 100% !important;\n  word-wrap: break-word !important;\n  overflow-wrap: break-word !important;\n}\n\n:deep(.w-e-toolbar),\n:deep(.w-e-text-container),\n:deep(.w-e-text) {\n  transition:\n    background-color var(--c-editor-transition-duration) ease,\n    border-color var(--c-editor-transition-duration) ease,\n    color var(--c-editor-transition-duration) ease !important;\n}\n\n.editor-focused {\n  overflow: hidden !important;\n  max-width: 100% !important;\n}\n</style>\n","<!--\n * @Author: ChenYu ycyplus@gmail.com\n * @Date: 2025-06-01\n * @Description: 富文本编辑器组件（简化主题版）\n * @Migration: naive-ui-components 组件库迁移版本\n * Copyright (c) 2025 by CHENY, All Rights Reserved.\n-->\n<template>\n  <div\n    ref=\"editorContainer\"\n    :id=\"editorId\"\n    v-show=\"isInitialized\"\n    class=\"w-full\"\n    :class=\"{ 'editor-dark': isDark }\"\n    @focusin=\"handleEditorFocus\"\n    @focusout=\"handleEditorBlur\"\n  ></div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  ref,\n  computed,\n  watch,\n  nextTick,\n  onMounted,\n  onBeforeUnmount,\n  readonly,\n} from \"vue\";\nimport E from \"wangeditor\";\n\ndefineOptions({ name: \"C_Editor\" });\n\ninterface Props {\n  editorId: string;\n  modelValue?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  readonly?: boolean;\n  height?: number;\n  theme?: \"light\" | \"dark\";\n}\n\ninterface Emits {\n  (e: \"update:modelValue\", value: string): void;\n  (e: \"editor-mounted\", editor: any): void;\n  (e: \"editor-change\", html: string): void;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: \"\",\n  placeholder: \"\",\n  disabled: false,\n  readonly: false,\n  height: 240,\n  theme: \"light\",\n});\n\nconst emit = defineEmits<Emits>();\n\nconst editorContainer = ref<HTMLElement | null>(null);\nconst editorInstance = ref<any>(null);\nconst isInitialized = ref<boolean>(false);\n\nconst isDark = computed(() => props.theme === \"dark\");\n\nconst initializeEditor = (): void => {\n  if (!editorContainer.value || isInitialized.value) return;\n\n  try {\n    const editor = new E(editorContainer.value);\n    const editorConfig = editor.config as any;\n    editorConfig.placeholder = props.placeholder;\n    editorConfig.height = props.height - 50;\n\n    editorConfig.onchange = (html: string) => {\n      emit(\"update:modelValue\", html);\n      emit(\"editor-change\", html);\n    };\n\n    editor.create();\n\n    nextTick(() => {\n      if (props.modelValue) {\n        editor.txt.html(props.modelValue);\n      }\n      if (props.readonly) {\n        editor.disable();\n      }\n      editorInstance.value = editor;\n      isInitialized.value = true;\n      emit(\"editor-mounted\", editor);\n    });\n  } catch (error) {\n    console.error(`[C_Editor] 编辑器初始化失败: ${props.editorId}`, error);\n  }\n};\n\nconst destroyEditor = (): void => {\n  if (editorInstance.value && isInitialized.value) {\n    try {\n      editorInstance.value.destroy();\n      editorInstance.value = null;\n      isInitialized.value = false;\n    } catch (error) {\n      console.error(`[C_Editor] 编辑器销毁失败: ${props.editorId}`, error);\n    }\n  }\n};\n\nconst setContent = (html: string): void => {\n  if (editorInstance.value && isInitialized.value) {\n    try {\n      editorInstance.value.txt.html(html);\n    } catch (error) {\n      console.warn(`[C_Editor] 设置编辑器内容失败: ${props.editorId}`, error);\n    }\n  }\n};\n\nconst getContent = (): string => {\n  if (editorInstance.value && isInitialized.value) {\n    try {\n      return editorInstance.value.txt.html();\n    } catch (error) {\n      console.warn(`[C_Editor] 获取编辑器内容失败: ${props.editorId}`, error);\n      return \"\";\n    }\n  }\n  return \"\";\n};\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (editorInstance.value && isInitialized.value) {\n      const currentContent = editorInstance.value.txt.html();\n      if (currentContent !== newValue) {\n        editorInstance.value.txt.html(newValue || \"\");\n      }\n    }\n  },\n);\n\nwatch(\n  () => props.disabled,\n  (disabled) => {\n    if (editorInstance.value && isInitialized.value) {\n      try {\n        if (disabled) editorInstance.value.disable();\n        else editorInstance.value.enable();\n      } catch (error) {\n        console.warn(`[C_Editor] 设置编辑器状态失败`, error);\n      }\n    }\n  },\n);\n\nwatch(\n  () => props.readonly,\n  (readonlyVal) => {\n    if (editorInstance.value && isInitialized.value) {\n      try {\n        if (readonlyVal) editorInstance.value.disable();\n        else editorInstance.value.enable();\n      } catch (error) {\n        console.warn(`[C_Editor] 设置编辑器只读状态失败`, error);\n      }\n    }\n  },\n);\n\nconst handleEditorFocus = (): void => {\n  if (!editorContainer.value) return;\n  const container = editorContainer.value.closest(\n    \".form-demo\",\n  ) as HTMLElement | null;\n  if (container) {\n    container.classList.add(\"editor-focused\");\n    const containerWidth = container.scrollWidth;\n    container.style.maxWidth = `${containerWidth}px`;\n  }\n};\n\nconst handleEditorBlur = (): void => {\n  if (!editorContainer.value) return;\n  const container = editorContainer.value.closest(\n    \".form-demo\",\n  ) as HTMLElement | null;\n  if (container) {\n    container.classList.remove(\"editor-focused\");\n    container.style.maxWidth = \"\";\n  }\n};\n\nonMounted(() => {\n  nextTick(() => {\n    initializeEditor();\n  });\n});\n\nonBeforeUnmount(() => {\n  destroyEditor();\n});\n\ndefineExpose({\n  initializeEditor,\n  destroyEditor,\n  setContent,\n  getContent,\n  handleEditorFocus,\n  handleEditorBlur,\n  editorInstance: readonly(editorInstance),\n  isInitialized: readonly(isInitialized),\n});\n</script>\n\n<style scoped>\n/* CSS 变量 — 支持外部主题覆盖 */\n:root {\n  --c-editor-toolbar-bg: #ffffff;\n  --c-editor-toolbar-border: #e5e7eb;\n  --c-editor-menu-color: #333333;\n  --c-editor-menu-hover-bg: #f3f4f6;\n  --c-editor-menu-hover-color: #333333;\n  --c-editor-menu-active-bg: var(--c-primary, #2080f0);\n  --c-editor-menu-active-color: #ffffff;\n  --c-editor-container-bg: #ffffff;\n  --c-editor-container-border: #e5e7eb;\n  --c-editor-text-bg: #ffffff;\n  --c-editor-text-color: #333333;\n  --c-editor-text-focus-bg: #ffffff;\n  --c-editor-text-focus-color: #333333;\n  --c-editor-transition-duration: 0.3s;\n}\n\n/* 暗色主题 — 覆盖 CSS 变量 */\n.editor-dark {\n  --c-editor-toolbar-bg: #1f2937;\n  --c-editor-toolbar-border: #374151;\n  --c-editor-menu-color: #e5e7eb;\n  --c-editor-menu-hover-bg: #374151;\n  --c-editor-menu-hover-color: #ffffff;\n  --c-editor-container-bg: #111827;\n  --c-editor-container-border: #374151;\n  --c-editor-text-bg: #303033;\n  --c-editor-text-color: #e5e7eb;\n  --c-editor-text-focus-bg: #111827;\n  --c-editor-text-focus-color: #e5e7eb;\n}\n\n.editor-dark :deep(.w-e-toolbar) {\n  background-color: var(--c-editor-toolbar-bg) !important;\n  border-color: var(--c-editor-toolbar-border) !important;\n}\n\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item) {\n  color: var(--c-editor-menu-color) !important;\n}\n\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item:hover) {\n  background-color: var(--c-editor-menu-hover-bg) !important;\n  color: var(--c-editor-menu-hover-color) !important;\n}\n\n.editor-dark :deep(.w-e-toolbar .w-e-menu .w-e-menu-item.w-e-active) {\n  background-color: var(--c-editor-menu-active-bg) !important;\n  color: var(--c-editor-menu-active-color) !important;\n}\n\n.editor-dark :deep(.w-e-text-container) {\n  background-color: var(--c-editor-container-bg) !important;\n  border-color: var(--c-editor-container-border) !important;\n}\n\n.editor-dark :deep(.w-e-text-container .w-e-text) {\n  background-color: var(--c-editor-text-bg) !important;\n  color: var(--c-editor-text-color) !important;\n}\n\n.editor-dark :deep(.w-e-text-container .w-e-text:focus) {\n  background-color: var(--c-editor-text-focus-bg) !important;\n  color: var(--c-editor-text-focus-color) !important;\n}\n\n:deep(.w-e-toolbar),\n:deep(.w-e-text-container) {\n  max-width: 100% !important;\n  overflow-x: auto !important;\n  box-sizing: border-box !important;\n}\n\n:deep(.w-e-text) {\n  max-width: 100% !important;\n  word-wrap: break-word !important;\n  overflow-wrap: break-word !important;\n}\n\n:deep(.w-e-toolbar),\n:deep(.w-e-text-container),\n:deep(.w-e-text) {\n  transition:\n    background-color var(--c-editor-transition-duration) ease,\n    border-color var(--c-editor-transition-duration) ease,\n    color var(--c-editor-transition-duration) ease !important;\n}\n\n.editor-focused {\n  overflow: hidden !important;\n  max-width: 100% !important;\n}\n</style>\n"],"mappings":"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"}