@veltra/desktop 1.2.9 → 1.2.12

package/dist/components/condition-editor/core/evaluator.js.map

@@ -1 +1 @@
-{"version":3,"file":"evaluator.js","names":["isEmpty"],"sources":["../../../../src/components/condition-editor/core/evaluator.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\n\nimport type {\n  ConditionConnector,\n  ConditionExpression,\n  ConditionField,\n  ConditionGroup,\n  ConditionLeaf,\n  ConditionNode,\n  ConditionValue\n} from '../../../types'\n\nexport interface EvaluateOptions {\n  /** 字段定义 —— 提供后按字段类型做类型感知比较 */\n  fields?: ConditionField[]\n  /** 上下文数据，用于解析 `kind: 'variable'` 引用 */\n  data?: Record<string, unknown>\n}\n\n/**\n * 求值表达式\n *\n * - 纯函数，不修改入参\n * - 空表达式（无任何叶子节点）返回 `true`（视作\"无限制\"）\n * - 不完整的叶子（field/operator 缺失、或缺少所需值且 operator 需要值）按 `false` 计\n * - 同组内 AND/OR 按 **从左到右、等优先级** 求值；需要更高优先级请用子分组\n */\nexport function evaluate(expression: ConditionExpression, options: EvaluateOptions = {}): boolean {\n  return evaluateGroup(expression, options)\n}\n\nfunction evaluateGroup(group: ConditionGroup, options: EvaluateOptions): boolean {\n  const { children, connectors } = group\n  if (children.length === 0) return true\n\n  let acc = evaluateNode(children[0]!, options)\n  for (let i = 1; i < children.length; i++) {\n    const connector: ConditionConnector = connectors[i - 1] ?? 'and'\n    const current = evaluateNode(children[i]!, options)\n    acc = connector === 'and' ? acc && current : acc || current\n  }\n  return acc\n}\n\nfunction evaluateNode(node: ConditionNode, options: EvaluateOptions): boolean {\n  return node.type === 'group' ? evaluateGroup(node, options) : evaluateLeaf(node, options)\n}\n\nfunction evaluateLeaf(leaf: ConditionLeaf, options: EvaluateOptions): boolean {\n  if (!leaf.field || !leaf.operator) return false\n  const field = options.fields?.find((f) => f.value === leaf.field)\n  const left = readField(leaf.field, options.data)\n  const op = leaf.operator\n\n  if (op === 'empty') return isEmpty(left)\n  if (op === 'not_empty') return !isEmpty(left)\n  if (op === 'is_true') return toBool(left) === true\n  if (op === 'is_false') return toBool(left) === false\n\n  // 其余 operator 需要一个右侧比较值\n  if (!isValueProvided(leaf.value)) return false\n  const right = resolveValue(leaf.value, options.data)\n\n  const fieldType = field?.type ?? 'string'\n\n  switch (op) {\n    case 'eq':\n      return compareEq(left, right, fieldType)\n    case 'ne':\n      return !compareEq(left, right, fieldType)\n    case 'contains':\n      return toStr(left).includes(toStr(right))\n    case 'not_contains':\n      return !toStr(left).includes(toStr(right))\n    case 'gt':\n      return toNumber(left) > toNumber(right)\n    case 'lt':\n      return toNumber(left) < toNumber(right)\n    case 'gte':\n      return toNumber(left) >= toNumber(right)\n    case 'lte':\n      return toNumber(left) <= toNumber(right)\n    case 'before':\n      return toTime(left) < toTime(right)\n    case 'after':\n      return toTime(left) > toTime(right)\n    case 'in': {\n      // 右侧可能是数组、逗号分隔字符串或单值\n      const list = Array.isArray(right)\n        ? right.map(toStr)\n        : toStr(right)\n            .split(',')\n            .map((s) => s.trim())\n            .filter(Boolean)\n      return list.includes(toStr(left))\n    }\n    default:\n      return false\n  }\n}\n\nfunction readField(path: string, data?: Record<string, unknown>): unknown {\n  if (!data) return undefined\n  return o(data).get(path)\n}\n\nfunction resolveValue(value: ConditionValue, data?: Record<string, unknown>): unknown {\n  if (value.kind === 'constant') return value.value\n  return readField(value.name, data)\n}\n\nfunction isValueProvided(value: ConditionValue): boolean {\n  if (value.kind === 'constant') return value.value !== ''\n  return value.name !== ''\n}\n\nfunction isEmpty(v: unknown): boolean {\n  if (v == null) return true\n  if (typeof v === 'string') return v.trim() === ''\n  if (Array.isArray(v)) return v.length === 0\n  return false\n}\n\nfunction toBool(v: unknown): boolean {\n  if (typeof v === 'boolean') return v\n  if (typeof v === 'number') return v !== 0\n  if (typeof v === 'string') {\n    const s = v.trim().toLowerCase()\n    if (s === 'true' || s === '1') return true\n    if (s === 'false' || s === '0' || s === '') return false\n  }\n  return Boolean(v)\n}\n\nfunction toNumber(v: unknown): number {\n  if (typeof v === 'number') return v\n  if (typeof v === 'boolean') return v ? 1 : 0\n  if (typeof v === 'string') {\n    const n = Number(v)\n    return Number.isNaN(n) ? Number.NaN : n\n  }\n  return Number.NaN\n}\n\nfunction toTime(v: unknown): number {\n  if (v instanceof Date) return v.getTime()\n  if (typeof v === 'number') return v\n  if (typeof v === 'string' && v) return new Date(v).getTime()\n  return Number.NaN\n}\n\nfunction compareEq(left: unknown, right: unknown, type: ConditionField['type']): boolean {\n  if (type === 'number') return toNumber(left) === toNumber(right)\n  if (type === 'boolean') return toBool(left) === toBool(right)\n  if (type === 'date') return toTime(left) === toTime(right)\n  return toStr(left) === toStr(right)\n}\n\nfunction toStr(v: unknown): string {\n  if (v == null) return ''\n  if (typeof v === 'string') return v\n  if (typeof v === 'number' || typeof v === 'boolean' || typeof v === 'bigint') return String(v)\n  if (v instanceof Date) return v.toISOString()\n  try {\n    return JSON.stringify(v)\n  } catch {\n    return ''\n  }\n}\n\n// ── 工厂 ─────────────────────────────────────────\n\nexport function createEmptyGroup(): ConditionGroup {\n  return { type: 'group', children: [], connectors: [] }\n}\n\nexport function createEmptyLeaf(): ConditionLeaf {\n  return { type: 'condition', field: '', operator: 'eq', value: { kind: 'constant', value: '' } }\n}\n"],"mappings":"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"}
+{"version":3,"file":"evaluator.js","names":["isEmpty"],"sources":["../../../../src/components/condition-editor/core/evaluator.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\n\nimport type {\n  ConditionConnector,\n  ConditionExpression,\n  ConditionField,\n  ConditionGroup,\n  ConditionLeaf,\n  ConditionNode,\n  ConditionValue\n} from '../../../types'\n\nexport interface EvaluateOptions {\n  /** 字段定义 —— 提供后按字段类型做类型感知比较 */\n  fields?: ConditionField[]\n  /** 上下文数据，用于解析 `kind: 'variable'` 引用 */\n  data?: Record<string, unknown>\n}\n\n/**\n * 求值表达式\n *\n * - 纯函数，不修改入参\n * - 空表达式（无任何叶子节点）返回 `true`（视作\"无限制\"）\n * - 不完整的叶子（field/operator 缺失、或缺少所需值且 operator 需要值）按 `false` 计\n * - 同组内 AND/OR 按 **从左到右、等优先级** 求值；需要更高优先级请用子分组\n */\nexport function evaluate(expression: ConditionExpression, options: EvaluateOptions = {}): boolean {\n  return evaluateGroup(expression, options)\n}\n\nfunction evaluateGroup(group: ConditionGroup, options: EvaluateOptions): boolean {\n  const { children, connectors } = group\n  if (children.length === 0) return true\n\n  let acc = evaluateNode(children[0]!, options)\n  for (let i = 1; i < children.length; i++) {\n    const connector: ConditionConnector = connectors[i - 1] ?? 'and'\n    const current = evaluateNode(children[i]!, options)\n    acc = connector === 'and' ? acc && current : acc || current\n  }\n  return acc\n}\n\nfunction evaluateNode(node: ConditionNode, options: EvaluateOptions): boolean {\n  return node.type === 'group' ? evaluateGroup(node, options) : evaluateLeaf(node, options)\n}\n\nfunction evaluateLeaf(leaf: ConditionLeaf, options: EvaluateOptions): boolean {\n  if (!leaf.field || !leaf.operator) return false\n  const field = options.fields?.find((f) => f.value === leaf.field)\n  const left = readField(leaf.field, options.data)\n  const op = leaf.operator\n\n  if (op === 'empty') return isEmpty(left)\n  if (op === 'not_empty') return !isEmpty(left)\n  if (op === 'is_true') return toBool(left) === true\n  if (op === 'is_false') return toBool(left) === false\n\n  // 其余 operator 需要一个右侧比较值\n  if (!isValueProvided(leaf.value)) return false\n  const right = resolveValue(leaf.value, options.data)\n\n  const fieldType = field?.type ?? 'string'\n\n  switch (op) {\n    case 'eq':\n      return compareEq(left, right, fieldType)\n    case 'ne':\n      return !compareEq(left, right, fieldType)\n    case 'contains':\n      return toStr(left).includes(toStr(right))\n    case 'not_contains':\n      return !toStr(left).includes(toStr(right))\n    case 'gt':\n      return toNumber(left) > toNumber(right)\n    case 'lt':\n      return toNumber(left) < toNumber(right)\n    case 'gte':\n      return toNumber(left) >= toNumber(right)\n    case 'lte':\n      return toNumber(left) <= toNumber(right)\n    case 'before':\n      return toTime(left) < toTime(right)\n    case 'after':\n      return toTime(left) > toTime(right)\n    case 'in': {\n      // 右侧可能是数组、逗号分隔字符串或单值\n      const list = Array.isArray(right)\n        ? right.map(toStr)\n        : toStr(right)\n            .split(',')\n            .map((s) => s.trim())\n            .filter(Boolean)\n      return list.includes(toStr(left))\n    }\n    default:\n      return false\n  }\n}\n\nfunction readField(path: string, data?: Record<string, unknown>): unknown {\n  if (!data) return undefined\n  return o(data).get(path)\n}\n\nfunction resolveValue(value: ConditionValue, data?: Record<string, unknown>): unknown {\n  if (value.kind === 'constant') return value.value\n  return readField(value.name, data)\n}\n\nfunction isValueProvided(value: ConditionValue): boolean {\n  if (value.kind === 'constant') return value.value !== ''\n  return value.name !== ''\n}\n\nfunction isEmpty(v: unknown): boolean {\n  if (v == null) return true\n  if (typeof v === 'string') return v.trim() === ''\n  if (Array.isArray(v)) return v.length === 0\n  return false\n}\n\nfunction toBool(v: unknown): boolean {\n  if (typeof v === 'boolean') return v\n  if (typeof v === 'number') return v !== 0\n  if (typeof v === 'string') {\n    const s = v.trim().toLowerCase()\n    if (s === 'true' || s === '1') return true\n    if (s === 'false' || s === '0' || s === '') return false\n  }\n  return Boolean(v)\n}\n\nfunction toNumber(v: unknown): number {\n  if (typeof v === 'number') return v\n  if (typeof v === 'boolean') return v ? 1 : 0\n  if (typeof v === 'string') {\n    const n = Number(v)\n    return Number.isNaN(n) ? Number.NaN : n\n  }\n  return Number.NaN\n}\n\nfunction toTime(v: unknown): number {\n  if (v instanceof Date) return v.getTime()\n  if (typeof v === 'number') return v\n  if (typeof v === 'string' && v) return new Date(v).getTime()\n  return Number.NaN\n}\n\nfunction compareEq(left: unknown, right: unknown, type: ConditionField['type']): boolean {\n  if (type === 'number') return toNumber(left) === toNumber(right)\n  if (type === 'boolean') return toBool(left) === toBool(right)\n  if (type === 'date') return toTime(left) === toTime(right)\n  return toStr(left) === toStr(right)\n}\n\nfunction toStr(v: unknown): string {\n  if (v == null) return ''\n  if (typeof v === 'string') return v\n  if (typeof v === 'number' || typeof v === 'boolean' || typeof v === 'bigint') return String(v)\n  if (v instanceof Date) return v.toISOString()\n  try {\n    return JSON.stringify(v)\n  } catch {\n    return ''\n  }\n}\n\n// ── 工厂 ─────────────────────────────────────────\n\nexport function createEmptyGroup(): ConditionGroup {\n  return { type: 'group', children: [], connectors: [] }\n}\n\nexport function createEmptyLeaf(): ConditionLeaf {\n  return { type: 'condition', field: '', operator: 'eq', value: { kind: 'constant', value: '' } }\n}\n"],"mappings":"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"}

package/dist/components/contextmenu/contextmenu-item.js

@@ -6,8 +6,8 @@ import { bem } from "@veltra/utils";
 import { Loading } from "@veltra/icons/normal";
 import { vRipple } from "@veltra/directives";
 //#region src/components/contextmenu/contextmenu-item.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "ContextmenuItem",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UContextmenuItem",
 	__name: "contextmenu-item",
 	props: { menu: {} },
 	setup(__props) {

package/dist/components/contextmenu/contextmenu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"contextmenu-item.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu-item.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[cls.e('item'), bem.is('disabled', disabled), bem.is('loading', loading)]\"\n    v-ripple=\"!disabled && !loading\"\n    @click=\"handleClickMenu\"\n  >\n    <div :class=\"cls.e('item-content')\">\n      <template v-if=\"showIconColumn\">\n        <u-icon v-if=\"loading\" :class=\"bem.is('loading')\">\n          <Loading />\n        </u-icon>\n        <u-icon v-else-if=\"menu.icon\">\n          <component :is=\"menu.icon\" />\n        </u-icon>\n        <i v-else :class=\"cls.e('icon-place')\"></i>\n      </template>\n\n      <span :class=\"cls.e('label')\">{{ menu.label }}</span>\n\n      <i v-if=\"showArrowColumn\" :class=\"cls.e('arrow-place')\"></i>\n    </div>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { vRipple } from '@veltra/directives'\nimport { Loading } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\nimport { getMenuDisabled } from './helper'\n\ndefineOptions({ name: 'ContextmenuItem' })\n\nconst { menu } = defineProps<{ menu: ContextmenuItem }>()\n\nconst { cls, onItemClickStart, onItemClickEnd } = inject(ContextmenuRootDIKey)!\nconst { showIconColumn, showArrowColumn } = inject(ContextmenuPanelDIKey)!\n\nconst loading = shallowRef(false)\nconst disabled = computed(() => getMenuDisabled(menu))\n\nfunction handleClickMenu() {\n  if (disabled.value || loading.value) return\n  onItemClickStart()\n  loading.value = true\n\n  const done = () => {\n    onItemClickEnd()\n    loading.value = false\n  }\n\n  const result = menu.callback?.()\n  if (result instanceof Promise) {\n    result.finally(done)\n  } else {\n    done()\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;EAuCA,MAAM,EAAE,KAAK,kBAAkB,mBAAmB,OAAO,oBAAoB;EAC7E,MAAM,EAAE,gBAAgB,oBAAoB,OAAO,qBAAqB;EAExE,MAAM,UAAU,WAAW,KAAK;EAChC,MAAM,WAAW,eAAe,gBAAgB,QAAA,IAAI,CAAC;EAErD,SAAS,kBAAkB;GACzB,IAAI,SAAS,SAAS,QAAQ,OAAO;GACrC,iBAAiB;GACjB,QAAQ,QAAQ;GAEhB,MAAM,aAAa;IACjB,eAAe;IACf,QAAQ,QAAQ;GAClB;GAEA,MAAM,SAAS,QAAA,KAAK,WAAW;GAC/B,IAAI,kBAAkB,SACpB,OAAO,QAAQ,IAAI;QAEnB,KAAK;EAET;;uCA5DE,mBAoBK,MAAA;IAnBF,OAAK,eAAA;KAAG,MAAA,GAAA,EAAI,EAAC,MAAA;KAAU,MAAA,GAAA,EAAI,GAAE,YAAa,SAAA,KAAQ;KAAG,MAAA,GAAA,EAAI,GAAE,WAAY,QAAA,KAAO;IAAA,CAAA;IAE9E,SAAO;OAER,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,cAAA,CAAA,EAAA,GAAA;IACA,MAAA,cAAA,KAAA,UAAA,GAAhB,mBAQW,UAAA,EAAA,KAAA,EAAA,GAAA,CAPK,QAAA,SAAA,UAAA,GAAd,YAES,MAAA,WAAA,GAAA;;KAFe,OAAK,eAAE,MAAA,GAAA,EAAI,GAAE,SAAA,CAAA;;4BACxB,CAAX,YAAW,MAAA,OAAA,CAAA,CAAA,CAAA;;wBAEM,QAAA,KAAK,QAAA,UAAA,GAAxB,YAES,MAAA,WAAA,GAAA,EAAA,KAAA,EAAA,GAAA;4BADsB,EAAA,UAAA,GAA7B,YAA6B,wBAAb,QAAA,KAAK,IAAI,CAAA,EAAA,CAAA;;wBAE3B,mBAA2C,KAAA;;KAAhC,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,YAAA,CAAA;;IAGzB,mBAAqD,QAAA,EAA9C,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA,EAAA,GAAA,gBAAc,QAAA,KAAK,KAAK,GAAA,CAAA;IAElC,MAAA,eAAA,KAAA,UAAA,GAAT,mBAA4D,KAAA;;KAAjC,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,aAAA,CAAA;;mCAhB9B,SAAA,SAAQ,CAAK,QAAA,KAAO,CAAA,CAAA"}
+{"version":3,"file":"contextmenu-item.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu-item.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[cls.e('item'), bem.is('disabled', disabled), bem.is('loading', loading)]\"\n    v-ripple=\"!disabled && !loading\"\n    @click=\"handleClickMenu\"\n  >\n    <div :class=\"cls.e('item-content')\">\n      <template v-if=\"showIconColumn\">\n        <u-icon v-if=\"loading\" :class=\"bem.is('loading')\">\n          <Loading />\n        </u-icon>\n        <u-icon v-else-if=\"menu.icon\">\n          <component :is=\"menu.icon\" />\n        </u-icon>\n        <i v-else :class=\"cls.e('icon-place')\"></i>\n      </template>\n\n      <span :class=\"cls.e('label')\">{{ menu.label }}</span>\n\n      <i v-if=\"showArrowColumn\" :class=\"cls.e('arrow-place')\"></i>\n    </div>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { vRipple } from '@veltra/directives'\nimport { Loading } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\nimport { getMenuDisabled } from './helper'\n\ndefineOptions({ name: 'UContextmenuItem' })\n\nconst { menu } = defineProps<{ menu: ContextmenuItem }>()\n\nconst { cls, onItemClickStart, onItemClickEnd } = inject(ContextmenuRootDIKey)!\nconst { showIconColumn, showArrowColumn } = inject(ContextmenuPanelDIKey)!\n\nconst loading = shallowRef(false)\nconst disabled = computed(() => getMenuDisabled(menu))\n\nfunction handleClickMenu() {\n  if (disabled.value || loading.value) return\n  onItemClickStart()\n  loading.value = true\n\n  const done = () => {\n    onItemClickEnd()\n    loading.value = false\n  }\n\n  const result = menu.callback?.()\n  if (result instanceof Promise) {\n    result.finally(done)\n  } else {\n    done()\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;EAuCA,MAAM,EAAE,KAAK,kBAAkB,mBAAmB,OAAO,oBAAoB;EAC7E,MAAM,EAAE,gBAAgB,oBAAoB,OAAO,qBAAqB;EAExE,MAAM,UAAU,WAAW,KAAK;EAChC,MAAM,WAAW,eAAe,gBAAgB,QAAA,IAAI,CAAC;EAErD,SAAS,kBAAkB;GACzB,IAAI,SAAS,SAAS,QAAQ,OAAO;GACrC,iBAAiB;GACjB,QAAQ,QAAQ;GAEhB,MAAM,aAAa;IACjB,eAAe;IACf,QAAQ,QAAQ;GAClB;GAEA,MAAM,SAAS,QAAA,KAAK,WAAW;GAC/B,IAAI,kBAAkB,SACpB,OAAO,QAAQ,IAAI;QAEnB,KAAK;EAET;;uCA5DE,mBAoBK,MAAA;IAnBF,OAAK,eAAA;KAAG,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA;KAAU,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,SAAA,KAAQ;KAAG,MAAA,GAAA,CAAG,CAAC,GAAE,WAAY,QAAA,KAAO;IAAA,CAAA;IAE9E,SAAO;OAER,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,CAAA,EAAA,GAAA;IACA,MAAA,cAAA,KAAA,UAAA,GAAhB,mBAQW,UAAA,EAAA,KAAA,EAAA,GAAA,CAPK,QAAA,SAAA,UAAA,GAAd,YAES,MAAA,WAAA,GAAA;;KAFe,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,GAAE,SAAA,CAAA;;4BACxB,CAAX,YAAW,MAAA,OAAA,CAAA,CAAA,CAAA;;wBAEM,QAAA,KAAK,QAAA,UAAA,GAAxB,YAES,MAAA,WAAA,GAAA,EAAA,KAAA,EAAA,GAAA;4BADsB,EAAA,UAAA,GAA7B,YAA6B,wBAAb,QAAA,KAAK,IAAI,CAAA,EAAA,CAAA;;wBAE3B,mBAA2C,KAAA;;KAAhC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;;IAGzB,mBAAqD,QAAA,EAA9C,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GAAA,gBAAc,QAAA,KAAK,KAAK,GAAA,CAAA;IAElC,MAAA,eAAA,KAAA,UAAA,GAAT,mBAA4D,KAAA;;KAAjC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;;mCAhB9B,SAAA,SAAQ,CAAK,QAAA,KAAO,CAAA,CAAA"}

package/dist/components/contextmenu/contextmenu-panel.js

@@ -3,8 +3,8 @@ import _sfc_main$1 from "./contextmenu-item.js";
 import _sfc_main$2 from "./contextmenu-sub.js";
 import { Fragment, computed, createBlock, createElementBlock, defineComponent, guardReactiveProps, inject, normalizeProps, openBlock, provide, renderList } from "vue";
 //#region src/components/contextmenu/contextmenu-panel.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "ContextmenuPanel",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UContextmenuPanel",
 	inheritAttrs: false,
 	__name: "contextmenu-panel",
 	props: { menus: {} },

package/dist/components/contextmenu/contextmenu-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"contextmenu-panel.js","names":["$attrs"],"sources":["../../../src/components/contextmenu/contextmenu-panel.vue"],"sourcesContent":["<template>\n  <ul v-bind=\"$attrs\">\n    <template v-for=\"(menu, index) of menus\" :key=\"index\">\n      <UContextmenuSub v-if=\"menu.children?.length\" :menu=\"menu\" />\n      <UContextmenuItem v-else :menu=\"menu\" />\n    </template>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, provide } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport UContextmenuItem from './contextmenu-item.vue'\nimport UContextmenuSub from './contextmenu-sub.vue'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\n\ndefineOptions({ name: 'ContextmenuPanel', inheritAttrs: false })\n\nconst { menus } = defineProps<{ menus: ContextmenuItem[] }>()\n\ninject(ContextmenuRootDIKey)\n\nconst showIconColumn = computed(() => menus.some((menu) => !!menu.icon))\nconst showArrowColumn = computed(() => menus.some((menu) => !!menu.children?.length))\n\nprovide(ContextmenuPanelDIKey, { showIconColumn, showArrowColumn })\n</script>\n"],"mappings":";;;;;;;;;;;EAqBA,OAAO,oBAAoB;EAK3B,QAAQ,uBAAuB;GAAE,gBAHV,eAAe,QAAA,MAAM,MAAM,SAAS,CAAC,CAAC,KAAK,IAAI,CAGrC;GAAgB,iBAFzB,eAAe,QAAA,MAAM,MAAM,SAAS,CAAC,CAAC,KAAK,UAAU,MAAM,CAElC;EAAgB,CAAC;;uBAzBhE,mBAKK,MAAA,eAAA,mBALOA,KAAAA,MAAM,CAAA,GAAA,EAAA,UAAA,IAAA,GAChB,mBAGW,UAAA,MAAA,WAHuB,QAAA,QAAhB,MAAM,UAAK;4DAAkB,MAAK,GAAA,CAC3B,KAAK,UAAU,UAAA,UAAA,GAAtC,YAA6D,aAAA;;KAAR;2CACrD,YAAwC,aAAA;;KAAR"}
+{"version":3,"file":"contextmenu-panel.js","names":["$attrs"],"sources":["../../../src/components/contextmenu/contextmenu-panel.vue"],"sourcesContent":["<template>\n  <ul v-bind=\"$attrs\">\n    <template v-for=\"(menu, index) of menus\" :key=\"index\">\n      <UContextmenuSub v-if=\"menu.children?.length\" :menu=\"menu\" />\n      <UContextmenuItem v-else :menu=\"menu\" />\n    </template>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, provide } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport UContextmenuItem from './contextmenu-item.vue'\nimport UContextmenuSub from './contextmenu-sub.vue'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\n\ndefineOptions({ name: 'UContextmenuPanel', inheritAttrs: false })\n\nconst { menus } = defineProps<{ menus: ContextmenuItem[] }>()\n\ninject(ContextmenuRootDIKey)\n\nconst showIconColumn = computed(() => menus.some((menu) => !!menu.icon))\nconst showArrowColumn = computed(() => menus.some((menu) => !!menu.children?.length))\n\nprovide(ContextmenuPanelDIKey, { showIconColumn, showArrowColumn })\n</script>\n"],"mappings":";;;;;;;;;;;EAqBA,OAAO,oBAAoB;EAK3B,QAAQ,uBAAuB;GAAE,gBAHV,eAAe,QAAA,MAAM,MAAM,SAAS,CAAC,CAAC,KAAK,IAAI,CAGrC;GAAgB,iBAFzB,eAAe,QAAA,MAAM,MAAM,SAAS,CAAC,CAAC,KAAK,UAAU,MAAM,CAElC;EAAgB,CAAC;;uBAzBhE,mBAKK,MAAA,eAAA,mBALOA,KAAAA,MAAM,CAAA,GAAA,EAAA,UAAA,IAAA,GAChB,mBAGW,UAAA,MAAA,WAHuB,QAAA,QAAhB,MAAM,UAAK;4DAAkB,MAAK,GAAA,CAC3B,KAAK,UAAU,UAAA,UAAA,GAAtC,YAA6D,aAAA;;KAAR;2CACrD,YAAwC,aAAA;;KAAR"}

package/dist/components/contextmenu/contextmenu-sub.js

@@ -6,8 +6,8 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 import { bem } from "@veltra/utils";
 import { ArrowRight } from "@veltra/icons/normal";
 //#region src/components/contextmenu/contextmenu-sub.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "ContextmenuSub",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UContextmenuSub",
 	__name: "contextmenu-sub",
 	props: { menu: {} },
 	setup(__props) {

package/dist/components/contextmenu/contextmenu-sub.js.map

@@ -1 +1 @@
-{"version":3,"file":"contextmenu-sub.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu-sub.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[\n      cls.e('item'),\n      bem.is('disabled', disabled),\n      bem.is('open', subVisible),\n      bem.is('flip-x', flipX)\n    ]\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"scheduleClose\"\n  >\n    <div :class=\"cls.e('item-content')\">\n      <template v-if=\"showIconColumn\">\n        <u-icon v-if=\"menu.icon\">\n          <component :is=\"menu.icon\" />\n        </u-icon>\n        <i v-else :class=\"cls.e('icon-place')\"></i>\n      </template>\n\n      <span :class=\"cls.e('label')\">{{ menu.label }}</span>\n\n      <u-icon v-if=\"showArrowColumn\" :class=\"cls.e('arrow')\">\n        <ArrowRight />\n      </u-icon>\n      <i v-else :class=\"cls.e('arrow-place')\"></i>\n    </div>\n\n    <UContextmenuPanel\n      v-show=\"subVisible\"\n      :menus=\"menu.children!\"\n      :class=\"[cls.e('sub'), bem.is('flip-x', flipX)]\"\n      @mouseenter=\"cancelClose\"\n      @mouseleave=\"scheduleClose\"\n    />\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, nextTick, onBeforeUnmount, shallowRef } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport UContextmenuPanel from './contextmenu-panel.vue'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\nimport { getMenuDisabled } from './helper'\n\ndefineOptions({ name: 'ContextmenuSub' })\n\nconst { menu } = defineProps<{ menu: ContextmenuItem }>()\n\nconst { cls } = inject(ContextmenuRootDIKey)!\nconst { showIconColumn, showArrowColumn } = inject(ContextmenuPanelDIKey)!\n\nconst subVisible = shallowRef(false)\nconst flipX = shallowRef(false)\n\nlet closeTimer: ReturnType<typeof setTimeout> | undefined\n\nconst disabled = computed(() => getMenuDisabled(menu))\n\nfunction cancelClose() {\n  if (closeTimer !== undefined) {\n    clearTimeout(closeTimer)\n    closeTimer = undefined\n  }\n}\n\nfunction scheduleClose() {\n  cancelClose()\n  closeTimer = setTimeout(() => {\n    subVisible.value = false\n  }, 250)\n}\n\nfunction handleMouseEnter(e: MouseEvent) {\n  if (disabled.value) return\n  cancelClose()\n  subVisible.value = true\n  nextTick(() => {\n    const panel = (e.currentTarget as HTMLElement).querySelector<HTMLElement>(`.${cls.e('sub')}`)\n    if (panel) flipX.value = panel.getBoundingClientRect().right > window.innerWidth\n  })\n}\n\nonBeforeUnmount(cancelClose)\n</script>\n"],"mappings":";;;;;;;;;;;;;EAoDA,MAAM,EAAE,QAAQ,OAAO,oBAAoB;EAC3C,MAAM,EAAE,gBAAgB,oBAAoB,OAAO,qBAAqB;EAExE,MAAM,aAAa,WAAW,KAAK;EACnC,MAAM,QAAQ,WAAW,KAAK;EAE9B,IAAI;EAEJ,MAAM,WAAW,eAAe,gBAAgB,QAAA,IAAI,CAAC;EAErD,SAAS,cAAc;GACrB,IAAI,eAAe,KAAA,GAAW;IAC5B,aAAa,UAAU;IACvB,aAAa,KAAA;GACf;EACF;EAEA,SAAS,gBAAgB;GACvB,YAAY;GACZ,aAAa,iBAAiB;IAC5B,WAAW,QAAQ;GACrB,GAAG,GAAG;EACR;EAEA,SAAS,iBAAiB,GAAe;GACvC,IAAI,SAAS,OAAO;GACpB,YAAY;GACZ,WAAW,QAAQ;GACnB,eAAe;IACb,MAAM,QAAS,EAAE,cAA8B,cAA2B,IAAI,IAAI,EAAE,KAAK,GAAG;IAC5F,IAAI,OAAO,MAAM,QAAQ,MAAM,sBAAsB,EAAE,QAAQ,OAAO;GACxE,CAAC;EACH;EAEA,gBAAgB,WAAW;;uBArFzB,mBAiCK,MAAA;IAhCF,OAAK,eAAA;KAAU,MAAA,GAAA,EAAI,EAAC,MAAA;KAAgB,MAAA,GAAA,EAAI,GAAE,YAAa,SAAA,KAAQ;KAAS,MAAA,GAAA,EAAI,GAAE,QAAS,WAAA,KAAU;KAAS,MAAA,GAAA,EAAI,GAAE,UAAW,MAAA,KAAK;;IAMhI,cAAY;IACZ,cAAY;OAEb,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,cAAA,CAAA,EAAA,GAAA;IACA,MAAA,cAAA,KAAA,UAAA,GAAhB,mBAKW,UAAA,EAAA,KAAA,EAAA,GAAA,CAJK,QAAA,KAAK,QAAA,UAAA,GAAnB,YAES,MAAA,WAAA,GAAA,EAAA,KAAA,EAAA,GAAA;4BADsB,EAAA,UAAA,GAA7B,YAA6B,wBAAb,QAAA,KAAK,IAAI,CAAA,EAAA,CAAA;;wBAE3B,mBAA2C,KAAA;;KAAhC,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,YAAA,CAAA;;IAGzB,mBAAqD,QAAA,EAA9C,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA,EAAA,GAAA,gBAAc,QAAA,KAAK,KAAK,GAAA,CAAA;IAE7B,MAAA,eAAA,KAAA,UAAA,GAAd,YAES,MAAA,WAAA,GAAA;;KAFuB,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA;;4BAC5B,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;sCAEhB,mBAA4C,KAAA;;KAAjC,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,aAAA,CAAA;;yBAGzB,YAME,aAAA;IAJC,OAAO,QAAA,KAAK;IACZ,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,EAAC,KAAA,GAAS,MAAA,GAAA,EAAI,GAAE,UAAW,MAAA,KAAK,CAAA,CAAA;IAC5C,cAAY;IACZ,cAAY;6CAJL,WAAA,KAAU,CAAA,CAAA,CAAA,GAAA,EAAA"}
+{"version":3,"file":"contextmenu-sub.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu-sub.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[\n      cls.e('item'),\n      bem.is('disabled', disabled),\n      bem.is('open', subVisible),\n      bem.is('flip-x', flipX)\n    ]\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"scheduleClose\"\n  >\n    <div :class=\"cls.e('item-content')\">\n      <template v-if=\"showIconColumn\">\n        <u-icon v-if=\"menu.icon\">\n          <component :is=\"menu.icon\" />\n        </u-icon>\n        <i v-else :class=\"cls.e('icon-place')\"></i>\n      </template>\n\n      <span :class=\"cls.e('label')\">{{ menu.label }}</span>\n\n      <u-icon v-if=\"showArrowColumn\" :class=\"cls.e('arrow')\">\n        <ArrowRight />\n      </u-icon>\n      <i v-else :class=\"cls.e('arrow-place')\"></i>\n    </div>\n\n    <UContextmenuPanel\n      v-show=\"subVisible\"\n      :menus=\"menu.children!\"\n      :class=\"[cls.e('sub'), bem.is('flip-x', flipX)]\"\n      @mouseenter=\"cancelClose\"\n      @mouseleave=\"scheduleClose\"\n    />\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, nextTick, onBeforeUnmount, shallowRef } from 'vue'\n\nimport type { ContextmenuItem } from '../../types'\nimport { UIcon } from '../icon'\nimport UContextmenuPanel from './contextmenu-panel.vue'\nimport { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'\nimport { getMenuDisabled } from './helper'\n\ndefineOptions({ name: 'UContextmenuSub' })\n\nconst { menu } = defineProps<{ menu: ContextmenuItem }>()\n\nconst { cls } = inject(ContextmenuRootDIKey)!\nconst { showIconColumn, showArrowColumn } = inject(ContextmenuPanelDIKey)!\n\nconst subVisible = shallowRef(false)\nconst flipX = shallowRef(false)\n\nlet closeTimer: ReturnType<typeof setTimeout> | undefined\n\nconst disabled = computed(() => getMenuDisabled(menu))\n\nfunction cancelClose() {\n  if (closeTimer !== undefined) {\n    clearTimeout(closeTimer)\n    closeTimer = undefined\n  }\n}\n\nfunction scheduleClose() {\n  cancelClose()\n  closeTimer = setTimeout(() => {\n    subVisible.value = false\n  }, 250)\n}\n\nfunction handleMouseEnter(e: MouseEvent) {\n  if (disabled.value) return\n  cancelClose()\n  subVisible.value = true\n  nextTick(() => {\n    const panel = (e.currentTarget as HTMLElement).querySelector<HTMLElement>(`.${cls.e('sub')}`)\n    if (panel) flipX.value = panel.getBoundingClientRect().right > window.innerWidth\n  })\n}\n\nonBeforeUnmount(cancelClose)\n</script>\n"],"mappings":";;;;;;;;;;;;;EAoDA,MAAM,EAAE,QAAQ,OAAO,oBAAoB;EAC3C,MAAM,EAAE,gBAAgB,oBAAoB,OAAO,qBAAqB;EAExE,MAAM,aAAa,WAAW,KAAK;EACnC,MAAM,QAAQ,WAAW,KAAK;EAE9B,IAAI;EAEJ,MAAM,WAAW,eAAe,gBAAgB,QAAA,IAAI,CAAC;EAErD,SAAS,cAAc;GACrB,IAAI,eAAe,KAAA,GAAW;IAC5B,aAAa,UAAU;IACvB,aAAa,KAAA;GACf;EACF;EAEA,SAAS,gBAAgB;GACvB,YAAY;GACZ,aAAa,iBAAiB;IAC5B,WAAW,QAAQ;GACrB,GAAG,GAAG;EACR;EAEA,SAAS,iBAAiB,GAAe;GACvC,IAAI,SAAS,OAAO;GACpB,YAAY;GACZ,WAAW,QAAQ;GACnB,eAAe;IACb,MAAM,QAAS,EAAE,cAA8B,cAA2B,IAAI,IAAI,EAAE,KAAK,GAAG;IAC5F,IAAI,OAAO,MAAM,QAAQ,MAAM,sBAAsB,CAAC,CAAC,QAAQ,OAAO;GACxE,CAAC;EACH;EAEA,gBAAgB,WAAW;;uBArFzB,mBAiCK,MAAA;IAhCF,OAAK,eAAA;KAAU,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA;KAAgB,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,SAAA,KAAQ;KAAS,MAAA,GAAA,CAAG,CAAC,GAAE,QAAS,WAAA,KAAU;KAAS,MAAA,GAAA,CAAG,CAAC,GAAE,UAAW,MAAA,KAAK;;IAMhI,cAAY;IACZ,cAAY;OAEb,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,CAAA,EAAA,GAAA;IACA,MAAA,cAAA,KAAA,UAAA,GAAhB,mBAKW,UAAA,EAAA,KAAA,EAAA,GAAA,CAJK,QAAA,KAAK,QAAA,UAAA,GAAnB,YAES,MAAA,WAAA,GAAA,EAAA,KAAA,EAAA,GAAA;4BADsB,EAAA,UAAA,GAA7B,YAA6B,wBAAb,QAAA,KAAK,IAAI,CAAA,EAAA,CAAA;;wBAE3B,mBAA2C,KAAA;;KAAhC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA;;IAGzB,mBAAqD,QAAA,EAA9C,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GAAA,gBAAc,QAAA,KAAK,KAAK,GAAA,CAAA;IAE7B,MAAA,eAAA,KAAA,UAAA,GAAd,YAES,MAAA,WAAA,GAAA;;KAFuB,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;;4BAC5B,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;sCAEhB,mBAA4C,KAAA;;KAAjC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;;yBAGzB,YAME,aAAA;IAJC,OAAO,QAAA,KAAK;IACZ,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,KAAA,GAAS,MAAA,GAAA,CAAG,CAAC,GAAE,UAAW,MAAA,KAAK,CAAA,CAAA;IAC5C,cAAY;IACZ,cAAY;6CAJL,WAAA,KAAU,CAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/components/contextmenu/contextmenu.js

@@ -5,8 +5,8 @@ import { useFallbackProps } from "@veltra/compositions";
 import { bem, withUnit, zIndex } from "@veltra/utils";
 import { vClickOutside } from "@veltra/directives";
 //#region src/components/contextmenu/contextmenu.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "Contextmenu",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UContextmenu",
 	__name: "contextmenu",
 	props: {
 		mousePosition: {},

package/dist/components/contextmenu/contextmenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"contextmenu.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\">\n    <transition name=\"zoom-in\" appear @after-leave=\"emit('destroy')\">\n      <UContextmenuPanel\n        v-if=\"visible\"\n        :menus=\"menus\"\n        :class=\"[cls.b, cls.m(size)]\"\n        :style=\"style\"\n        v-click-outside=\"handleClickOutside\"\n      />\n    </transition>\n  </Teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { vClickOutside } from '@veltra/directives'\nimport { bem, withUnit, zIndex } from '@veltra/utils'\nimport { computed, provide, shallowRef, type CSSProperties } from 'vue'\n\nimport type { ContextmenuEmits, ContextmenuProps, ComponentSize } from '../../types'\nimport UContextmenuPanel from './contextmenu-panel.vue'\nimport { ContextmenuRootDIKey } from './di'\n\ndefineOptions({ name: 'Contextmenu' })\n\nconst props = withDefaults(defineProps<ContextmenuProps>(), { width: 150 })\n\nconst emit = defineEmits<ContextmenuEmits>()\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst cls = bem('contextmenu')\n\nconst visible = shallowRef(true)\n\nconst style = computed<CSSProperties>(() => {\n  const { x, y } = props.mousePosition\n  const flipX = x > window.innerWidth / 2\n  const flipY = y > window.innerHeight / 2\n  return {\n    width: withUnit(props.width, 'px'),\n    zIndex: zIndex(),\n    ...(flipX\n      ? { right: withUnit(window.innerWidth - x - 1, 'px') }\n      : { left: withUnit(x + 1, 'px') }),\n    ...(flipY\n      ? { bottom: withUnit(window.innerHeight - y - 1, 'px') }\n      : { top: withUnit(y + 1, 'px') }),\n    transformOrigin: `${flipY ? 'bottom' : 'top'} ${flipX ? 'right' : 'left'}`\n  }\n})\n\nconst menus = computed(() => (typeof props.menus === 'function' ? props.menus() : props.menus))\n\nfunction close() {\n  visible.value = false\n}\n\nlet loading = false\n\nprovide(ContextmenuRootDIKey, {\n  cls,\n  onItemClickStart: () => {\n    loading = true\n  },\n  onItemClickEnd: () => {\n    loading = false\n    close()\n  }\n})\n\nfunction handleClickOutside() {\n  if (loading) return\n  close()\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,EAAE,SAAS,iBAAiB,CAAC,KAAK,GAAG,EAAE,MAAM,UAA2B,CAAC;EAE/E,MAAM,MAAM,IAAI,aAAa;EAE7B,MAAM,UAAU,WAAW,IAAI;EAE/B,MAAM,QAAQ,eAA8B;GAC1C,MAAM,EAAE,GAAG,MAAM,MAAM;GACvB,MAAM,QAAQ,IAAI,OAAO,aAAa;GACtC,MAAM,QAAQ,IAAI,OAAO,cAAc;GACvC,OAAO;IACL,OAAO,SAAS,MAAM,OAAO,IAAI;IACjC,QAAQ,OAAO;IACf,GAAI,QACA,EAAE,OAAO,SAAS,OAAO,aAAa,IAAI,GAAG,IAAI,EAAE,IACnD,EAAE,MAAM,SAAS,IAAI,GAAG,IAAI,EAAE;IAClC,GAAI,QACA,EAAE,QAAQ,SAAS,OAAO,cAAc,IAAI,GAAG,IAAI,EAAE,IACrD,EAAE,KAAK,SAAS,IAAI,GAAG,IAAI,EAAE;IACjC,iBAAiB,GAAG,QAAQ,WAAW,MAAM,GAAG,QAAQ,UAAU;GACpE;EACF,CAAC;EAED,MAAM,QAAQ,eAAgB,OAAO,MAAM,UAAU,aAAa,MAAM,MAAM,IAAI,MAAM,KAAM;EAE9F,SAAS,QAAQ;GACf,QAAQ,QAAQ;EAClB;EAEA,IAAI,UAAU;EAEd,QAAQ,sBAAsB;GAC5B;GACA,wBAAwB;IACtB,UAAU;GACZ;GACA,sBAAsB;IACpB,UAAU;IACV,MAAM;GACR;EACF,CAAC;EAED,SAAS,qBAAqB;GAC5B,IAAI,SAAS;GACb,MAAM;EACR;;uBA1EE,YAUW,UAAA,EAVD,IAAG,OAAM,GAAA,CACjB,YAQa,YAAA;IARD,MAAK;IAAU,QAAA;IAAQ,cAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;2BAOhD,CALM,QAAA,QAAA,gBAAA,UAAA,GADR,YAME,aAAA;;KAJC,OAAO,MAAA;KACP,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,GAAG,MAAA,GAAA,EAAI,EAAE,MAAA,IAAA,CAAI,CAAA,CAAA;KACzB,OAAK,eAAE,MAAA,KAAK;;;;;iCACI,kBAAkB,CAAA,CAAA,IAAA,mBAAA,QAAA,IAAA,CAAA,CAAA"}
+{"version":3,"file":"contextmenu.js","names":[],"sources":["../../../src/components/contextmenu/contextmenu.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\">\n    <transition name=\"zoom-in\" appear @after-leave=\"emit('destroy')\">\n      <UContextmenuPanel\n        v-if=\"visible\"\n        :menus=\"menus\"\n        :class=\"[cls.b, cls.m(size)]\"\n        :style=\"style\"\n        v-click-outside=\"handleClickOutside\"\n      />\n    </transition>\n  </Teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { vClickOutside } from '@veltra/directives'\nimport { bem, withUnit, zIndex } from '@veltra/utils'\nimport { computed, provide, shallowRef, type CSSProperties } from 'vue'\n\nimport type { ContextmenuEmits, ContextmenuProps, ComponentSize } from '../../types'\nimport UContextmenuPanel from './contextmenu-panel.vue'\nimport { ContextmenuRootDIKey } from './di'\n\ndefineOptions({ name: 'UContextmenu' })\n\nconst props = withDefaults(defineProps<ContextmenuProps>(), { width: 150 })\n\nconst emit = defineEmits<ContextmenuEmits>()\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst cls = bem('contextmenu')\n\nconst visible = shallowRef(true)\n\nconst style = computed<CSSProperties>(() => {\n  const { x, y } = props.mousePosition\n  const flipX = x > window.innerWidth / 2\n  const flipY = y > window.innerHeight / 2\n  return {\n    width: withUnit(props.width, 'px'),\n    zIndex: zIndex(),\n    ...(flipX\n      ? { right: withUnit(window.innerWidth - x - 1, 'px') }\n      : { left: withUnit(x + 1, 'px') }),\n    ...(flipY\n      ? { bottom: withUnit(window.innerHeight - y - 1, 'px') }\n      : { top: withUnit(y + 1, 'px') }),\n    transformOrigin: `${flipY ? 'bottom' : 'top'} ${flipX ? 'right' : 'left'}`\n  }\n})\n\nconst menus = computed(() => (typeof props.menus === 'function' ? props.menus() : props.menus))\n\nfunction close() {\n  visible.value = false\n}\n\nlet loading = false\n\nprovide(ContextmenuRootDIKey, {\n  cls,\n  onItemClickStart: () => {\n    loading = true\n  },\n  onItemClickEnd: () => {\n    loading = false\n    close()\n  }\n})\n\nfunction handleClickOutside() {\n  if (loading) return\n  close()\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,EAAE,SAAS,iBAAiB,CAAC,KAAK,GAAG,EAAE,MAAM,UAA2B,CAAC;EAE/E,MAAM,MAAM,IAAI,aAAa;EAE7B,MAAM,UAAU,WAAW,IAAI;EAE/B,MAAM,QAAQ,eAA8B;GAC1C,MAAM,EAAE,GAAG,MAAM,MAAM;GACvB,MAAM,QAAQ,IAAI,OAAO,aAAa;GACtC,MAAM,QAAQ,IAAI,OAAO,cAAc;GACvC,OAAO;IACL,OAAO,SAAS,MAAM,OAAO,IAAI;IACjC,QAAQ,OAAO;IACf,GAAI,QACA,EAAE,OAAO,SAAS,OAAO,aAAa,IAAI,GAAG,IAAI,EAAE,IACnD,EAAE,MAAM,SAAS,IAAI,GAAG,IAAI,EAAE;IAClC,GAAI,QACA,EAAE,QAAQ,SAAS,OAAO,cAAc,IAAI,GAAG,IAAI,EAAE,IACrD,EAAE,KAAK,SAAS,IAAI,GAAG,IAAI,EAAE;IACjC,iBAAiB,GAAG,QAAQ,WAAW,MAAM,GAAG,QAAQ,UAAU;GACpE;EACF,CAAC;EAED,MAAM,QAAQ,eAAgB,OAAO,MAAM,UAAU,aAAa,MAAM,MAAM,IAAI,MAAM,KAAM;EAE9F,SAAS,QAAQ;GACf,QAAQ,QAAQ;EAClB;EAEA,IAAI,UAAU;EAEd,QAAQ,sBAAsB;GAC5B;GACA,wBAAwB;IACtB,UAAU;GACZ;GACA,sBAAsB;IACpB,UAAU;IACV,MAAM;GACR;EACF,CAAC;EAED,SAAS,qBAAqB;GAC5B,IAAI,SAAS;GACb,MAAM;EACR;;uBA1EE,YAUW,UAAA,EAVD,IAAG,OAAM,GAAA,CACjB,YAQa,YAAA;IARD,MAAK;IAAU,QAAA;IAAQ,cAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;2BAOhD,CALM,QAAA,QAAA,gBAAA,UAAA,GADR,YAME,aAAA;;KAJC,OAAO,MAAA;KACP,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,GAAG,MAAA,GAAA,CAAG,CAAC,EAAE,MAAA,IAAA,CAAI,CAAA,CAAA;KACzB,OAAK,eAAE,MAAA,KAAK;;;;;iCACI,kBAAkB,CAAA,CAAA,IAAA,mBAAA,QAAA,IAAA,CAAA,CAAA"}

package/dist/components/date-panel/date-panel.js

@@ -7,8 +7,8 @@ import _sfc_main$6 from "./panels/year.js";
 import { usePanel } from "./use-panel.js";
 import { Fragment, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
 //#region src/components/date-panel/date-panel.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "DatePanel",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UDatePanel",
 	__name: "date-panel",
 	props: {
 		date: {},

package/dist/components/date-panel/date-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-panel.js","names":[],"sources":["../../../src/components/date-panel/date-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, cls.m(props.size)]\">\n    <template v-if=\"panelType === 'day'\">\n      <DayHeader />\n      <DayPanel />\n    </template>\n\n    <template v-else-if=\"panelType === 'year'\">\n      <YearHeader />\n      <YearPanel />\n    </template>\n\n    <template v-else-if=\"panelType === 'month'\">\n      <MonthHeader />\n      <MonthPanel />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { DatePanelEmits, DatePanelProps } from '../../types'\nimport DayHeader from './headers/day.vue'\nimport MonthHeader from './headers/month.vue'\nimport YearHeader from './headers/year.vue'\nimport DayPanel from './panels/day.vue'\nimport MonthPanel from './panels/month.vue'\nimport YearPanel from './panels/year.vue'\nimport { usePanel } from './use-panel'\n\ndefineOptions({ name: 'DatePanel' })\n\nconst props = withDefaults(defineProps<DatePanelProps>(), { size: 'default', type: 'date' })\n\nconst emit = defineEmits<DatePanelEmits>()\n\nconst { cls, panelType } = usePanel({ props, emit })\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA+BA,MAAM,QAAQ;EAId,MAAM,EAAE,KAAK,cAAc,SAAS;GAAE;GAAO,MAAA;EAAK,CAAC;;uBAlCjD,mBAeM,OAAA,EAfA,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,GAAG,MAAA,GAAA,EAAI,EAAE,MAAM,IAAI,CAAA,CAAA,EAAA,GAAA,CACnB,MAAA,SAAA,MAAS,SAAA,UAAA,GAAzB,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAFT,YAAa,WAAA,GACb,YAAY,WAAA,CAAA,GAAA,EAAA,KAGO,MAAA,SAAA,MAAS,UAAA,UAAA,GAA9B,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAFT,YAAc,WAAA,GACd,YAAa,WAAA,CAAA,GAAA,EAAA,KAGM,MAAA,SAAA,MAAS,WAAA,UAAA,GAA9B,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAFT,YAAe,WAAA,GACf,YAAc,WAAA,CAAA,GAAA,EAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"date-panel.js","names":[],"sources":["../../../src/components/date-panel/date-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, cls.m(props.size)]\">\n    <template v-if=\"panelType === 'day'\">\n      <DayHeader />\n      <DayPanel />\n    </template>\n\n    <template v-else-if=\"panelType === 'year'\">\n      <YearHeader />\n      <YearPanel />\n    </template>\n\n    <template v-else-if=\"panelType === 'month'\">\n      <MonthHeader />\n      <MonthPanel />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { DatePanelEmits, DatePanelProps } from '../../types'\nimport DayHeader from './headers/day.vue'\nimport MonthHeader from './headers/month.vue'\nimport YearHeader from './headers/year.vue'\nimport DayPanel from './panels/day.vue'\nimport MonthPanel from './panels/month.vue'\nimport YearPanel from './panels/year.vue'\nimport { usePanel } from './use-panel'\n\ndefineOptions({ name: 'UDatePanel' })\n\nconst props = withDefaults(defineProps<DatePanelProps>(), { size: 'default', type: 'date' })\n\nconst emit = defineEmits<DatePanelEmits>()\n\nconst { cls, panelType } = usePanel({ props, emit })\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA+BA,MAAM,QAAQ;EAId,MAAM,EAAE,KAAK,cAAc,SAAS;GAAE;GAAO,MAAA;EAAK,CAAC;;uBAlCjD,mBAeM,OAAA,EAfA,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,GAAG,MAAA,GAAA,CAAG,CAAC,EAAE,MAAM,IAAI,CAAA,CAAA,EAAA,GAAA,CACnB,MAAA,SAAA,MAAS,SAAA,UAAA,GAAzB,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAFT,YAAa,WAAA,GACb,YAAY,WAAA,CAAA,GAAA,EAAA,KAGO,MAAA,SAAA,MAAS,UAAA,UAAA,GAA9B,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAFT,YAAc,WAAA,GACd,YAAa,WAAA,CAAA,GAAA,EAAA,KAGM,MAAA,SAAA,MAAS,WAAA,UAAA,GAA9B,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAFT,YAAe,WAAA,GACf,YAAc,WAAA,CAAA,GAAA,EAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,CAAA"}

package/dist/components/date-panel/date-panel.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: import("vue").DefineComponent<DatePanelProps, {}, {}
   "onSelect:range-date"?: ((rangeDate?: [import("@cat-kit/core").Dater, import("@cat-kit/core").Dater] | undefined) => any) | undefined;
   "onSelect:date"?: ((date: import("@cat-kit/core").Dater) => any) | undefined;
 }>, {
-  size: import("@veltra/utils").ComponentSize;
   type: "date" | "month" | "year";
+  size: import("@veltra/utils").ComponentSize;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/date-panel/headers/day.js

@@ -3,8 +3,8 @@ import { DatePanelDIKey } from "../di.js";
 import { createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { ArrowLeft, ArrowRight, DArrowLeft, DArrowRight } from "@veltra/icons/normal";
 //#region src/components/date-panel/headers/day.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "DatePanelDayHeader",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UDatePanelDayHeader",
 	__name: "day",
 	setup(__props) {
 		const { panelDate, panelType, cls, toPrevMonth, toNextMonth, toPrevYear, toNextYear } = inject(DatePanelDIKey);

package/dist/components/date-panel/headers/day.js.map

@@ -1 +1 @@
-{"version":3,"file":"day.js","names":[],"sources":["../../../../src/components/date-panel/headers/day.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <div>\n      <u-icon @click=\"toPrevYear\" title=\"上一年\">\n        <DArrowLeft />\n      </u-icon>\n      <u-icon @click=\"toPrevMonth\" title=\"上个月\">\n        <ArrowLeft />\n      </u-icon>\n    </div>\n\n    <div>\n      <span :class=\"cls.e('header-year')\" @click=\"panelType = 'year'\">\n        {{ panelDate.year }}\n      </span>\n      <span :class=\"cls.e('header-month')\" @click=\"panelType = 'month'\">\n        {{ panelDate.month }}月\n      </span>\n    </div>\n\n    <div>\n      <u-icon @click=\"toNextMonth\" title=\"下个月\">\n        <ArrowRight />\n      </u-icon>\n      <u-icon @click=\"toNextYear\" title=\"下一年\">\n        <DArrowRight />\n      </u-icon>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowLeft, ArrowRight, DArrowLeft, DArrowRight } from '@veltra/icons/normal'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'DatePanelDayHeader' })\n\nconst { panelDate, panelType, cls, toPrevMonth, toNextMonth, toPrevYear, toNextYear } =\n  inject(DatePanelDIKey)!\n</script>\n"],"mappings":";;;;;;;;;EAwCA,MAAM,EAAE,WAAW,WAAW,KAAK,aAAa,aAAa,YAAY,eACvE,OAAO,cAAc;;uBAxCrB,mBA2BM,OAAA,EA3BA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,QAAA,CAAA,EAAA,GAAA;IAChB,mBAOM,OAAA,MAAA,CANJ,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;4BAClB,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;wBAEhB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,WAAA;KAAa,OAAM;;4BACpB,CAAb,YAAa,MAAA,SAAA,CAAA,CAAA,CAAA;;;IAIjB,mBAOM,OAAA,MAAA,CANJ,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,aAAA,CAAA;KAAkB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;uBAChD,MAAA,SAAA,EAAU,IAAI,GAAA,CAAA,GAEnB,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,cAAA,CAAA;KAAmB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;uBACjD,MAAA,SAAA,EAAU,KAAK,IAAG,MACvB,CAAA,CAAA,CAAA;IAGF,mBAOM,OAAA,MAAA,CANJ,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,WAAA;KAAa,OAAM;;4BACnB,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;wBAEhB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;4BACjB,CAAf,YAAe,MAAA,WAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"day.js","names":[],"sources":["../../../../src/components/date-panel/headers/day.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <div>\n      <u-icon @click=\"toPrevYear\" title=\"上一年\">\n        <DArrowLeft />\n      </u-icon>\n      <u-icon @click=\"toPrevMonth\" title=\"上个月\">\n        <ArrowLeft />\n      </u-icon>\n    </div>\n\n    <div>\n      <span :class=\"cls.e('header-year')\" @click=\"panelType = 'year'\">\n        {{ panelDate.year }}\n      </span>\n      <span :class=\"cls.e('header-month')\" @click=\"panelType = 'month'\">\n        {{ panelDate.month }}月\n      </span>\n    </div>\n\n    <div>\n      <u-icon @click=\"toNextMonth\" title=\"下个月\">\n        <ArrowRight />\n      </u-icon>\n      <u-icon @click=\"toNextYear\" title=\"下一年\">\n        <DArrowRight />\n      </u-icon>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowLeft, ArrowRight, DArrowLeft, DArrowRight } from '@veltra/icons/normal'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'UDatePanelDayHeader' })\n\nconst { panelDate, panelType, cls, toPrevMonth, toNextMonth, toPrevYear, toNextYear } =\n  inject(DatePanelDIKey)!\n</script>\n"],"mappings":";;;;;;;;;EAwCA,MAAM,EAAE,WAAW,WAAW,KAAK,aAAa,aAAa,YAAY,eACvE,OAAO,cAAc;;uBAxCrB,mBA2BM,OAAA,EA3BA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA;IAChB,mBAOM,OAAA,MAAA,CANJ,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;4BAClB,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;wBAEhB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,WAAA;KAAa,OAAM;;4BACpB,CAAb,YAAa,MAAA,SAAA,CAAA,CAAA,CAAA;;;IAIjB,mBAOM,OAAA,MAAA,CANJ,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;KAAkB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;uBAChD,MAAA,SAAA,CAAS,CAAC,IAAI,GAAA,CAAA,GAEnB,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,cAAA,CAAA;KAAmB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;uBACjD,MAAA,SAAA,CAAS,CAAC,KAAK,IAAG,MACvB,CAAA,CAAA,CAAA;IAGF,mBAOM,OAAA,MAAA,CANJ,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,WAAA;KAAa,OAAM;;4BACnB,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;wBAEhB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;4BACjB,CAAf,YAAe,MAAA,WAAA,CAAA,CAAA,CAAA"}

package/dist/components/date-panel/headers/month.js

@@ -3,8 +3,8 @@ import { DatePanelDIKey } from "../di.js";
 import { createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { DArrowLeft, DArrowRight } from "@veltra/icons";
 //#region src/components/date-panel/headers/month.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "DatePanelMonthHeader",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UDatePanelMonthHeader",
 	__name: "month",
 	setup(__props) {
 		const { panelDate, panelType, toPrevYear, toNextYear, cls } = inject(DatePanelDIKey);

package/dist/components/date-panel/headers/month.js.map

@@ -1 +1 @@
-{"version":3,"file":"month.js","names":[],"sources":["../../../../src/components/date-panel/headers/month.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <u-icon @click=\"toPrevYear\" title=\"上一年\">\n      <DArrowLeft />\n    </u-icon>\n\n    <span :class=\"cls.e('header-year')\" @click=\"panelType = 'year'\">\n      {{ panelDate.year }}\n    </span>\n\n    <u-icon @click=\"toNextYear\" title=\"下一年\">\n      <DArrowRight />\n    </u-icon>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { DArrowLeft, DArrowRight } from '@veltra/icons'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'DatePanelMonthHeader' })\n\nconst { panelDate, panelType, toPrevYear, toNextYear, cls } = inject(DatePanelDIKey)!\n</script>\n"],"mappings":";;;;;;;;;EAyBA,MAAM,EAAE,WAAW,WAAW,YAAY,YAAY,QAAQ,OAAO,cAAc;;uBAxBjF,mBAYM,OAAA,EAZA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,QAAA,CAAA,EAAA,GAAA;IAChB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;4BAClB,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;;IAGhB,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,aAAA,CAAA;KAAkB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;uBAChD,MAAA,SAAA,EAAU,IAAI,GAAA,CAAA;IAGnB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;4BACjB,CAAf,YAAe,MAAA,WAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"month.js","names":[],"sources":["../../../../src/components/date-panel/headers/month.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <u-icon @click=\"toPrevYear\" title=\"上一年\">\n      <DArrowLeft />\n    </u-icon>\n\n    <span :class=\"cls.e('header-year')\" @click=\"panelType = 'year'\">\n      {{ panelDate.year }}\n    </span>\n\n    <u-icon @click=\"toNextYear\" title=\"下一年\">\n      <DArrowRight />\n    </u-icon>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { DArrowLeft, DArrowRight } from '@veltra/icons'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'UDatePanelMonthHeader' })\n\nconst { panelDate, panelType, toPrevYear, toNextYear, cls } = inject(DatePanelDIKey)!\n</script>\n"],"mappings":";;;;;;;;;EAyBA,MAAM,EAAE,WAAW,WAAW,YAAY,YAAY,QAAQ,OAAO,cAAc;;uBAxBjF,mBAYM,OAAA,EAZA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA;IAChB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;4BAClB,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;;IAGhB,mBAEO,QAAA;KAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,aAAA,CAAA;KAAkB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAA,QAAS;uBAChD,MAAA,SAAA,CAAS,CAAC,IAAI,GAAA,CAAA;IAGnB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,UAAA;KAAY,OAAM;;4BACjB,CAAf,YAAe,MAAA,WAAA,CAAA,CAAA,CAAA"}

package/dist/components/date-panel/headers/year.js

@@ -3,8 +3,8 @@ import { DatePanelDIKey } from "../di.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { DArrowLeft, DArrowRight } from "@veltra/icons/normal";
 //#region src/components/date-panel/headers/year.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "DatePanelYearHeader",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UDatePanelYearHeader",
 	__name: "year",
 	setup(__props) {
 		const { panelDate, toPrevTenYears, toNextTenYears, cls } = inject(DatePanelDIKey);

package/dist/components/date-panel/headers/year.js.map

@@ -1 +1 @@
-{"version":3,"file":"year.js","names":[],"sources":["../../../../src/components/date-panel/headers/year.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <u-icon @click=\"toPrevTenYears\" title=\"上个十年\">\n      <DArrowLeft />\n    </u-icon>\n\n    <span> {{ startYear }} ~ {{ endYear }} </span>\n\n    <u-icon @click=\"toNextTenYears\" title=\"下个十年\">\n      <DArrowRight />\n    </u-icon>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { DArrowLeft, DArrowRight } from '@veltra/icons/normal'\nimport { computed } from 'vue'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'DatePanelYearHeader' })\n\nconst { panelDate, toPrevTenYears, toNextTenYears, cls } = inject(DatePanelDIKey)!\n\nconst startYear = computed(() => {\n  return panelDate.value.year - (panelDate.value.year % 10) + 1\n})\n\nconst endYear = computed(() => {\n  return startYear.value + 9\n})\n</script>\n"],"mappings":";;;;;;;;;EAwBA,MAAM,EAAE,WAAW,gBAAgB,gBAAgB,QAAQ,OAAO,cAAc;EAEhF,MAAM,YAAY,eAAe;GAC/B,OAAO,UAAU,MAAM,OAAQ,UAAU,MAAM,OAAO,KAAM;EAC9D,CAAC;EAED,MAAM,UAAU,eAAe;GAC7B,OAAO,UAAU,QAAQ;EAC3B,CAAC;;uBA/BC,mBAUM,OAAA,EAVA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,QAAA,CAAA,EAAA,GAAA;IAChB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,cAAA;KAAgB,OAAM;;4BACtB,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;;IAGhB,mBAA8C,QAAA,MAAA,gBAApC,UAAA,KAAS,IAAG,QAAG,gBAAG,QAAA,KAAO,GAAA,CAAA;IAEnC,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,cAAA;KAAgB,OAAM;;4BACrB,CAAf,YAAe,MAAA,WAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"year.js","names":[],"sources":["../../../../src/components/date-panel/headers/year.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('header')\">\n    <u-icon @click=\"toPrevTenYears\" title=\"上个十年\">\n      <DArrowLeft />\n    </u-icon>\n\n    <span> {{ startYear }} ~ {{ endYear }} </span>\n\n    <u-icon @click=\"toNextTenYears\" title=\"下个十年\">\n      <DArrowRight />\n    </u-icon>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { DArrowLeft, DArrowRight } from '@veltra/icons/normal'\nimport { computed } from 'vue'\nimport { inject } from 'vue'\n\nimport { UIcon } from '../../icon'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'UDatePanelYearHeader' })\n\nconst { panelDate, toPrevTenYears, toNextTenYears, cls } = inject(DatePanelDIKey)!\n\nconst startYear = computed(() => {\n  return panelDate.value.year - (panelDate.value.year % 10) + 1\n})\n\nconst endYear = computed(() => {\n  return startYear.value + 9\n})\n</script>\n"],"mappings":";;;;;;;;;EAwBA,MAAM,EAAE,WAAW,gBAAgB,gBAAgB,QAAQ,OAAO,cAAc;EAEhF,MAAM,YAAY,eAAe;GAC/B,OAAO,UAAU,MAAM,OAAQ,UAAU,MAAM,OAAO,KAAM;EAC9D,CAAC;EAED,MAAM,UAAU,eAAe;GAC7B,OAAO,UAAU,QAAQ;EAC3B,CAAC;;uBA/BC,mBAUM,OAAA,EAVA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA;IAChB,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,cAAA;KAAgB,OAAM;;4BACtB,CAAd,YAAc,MAAA,UAAA,CAAA,CAAA,CAAA;;;IAGhB,mBAA8C,QAAA,MAAA,gBAApC,UAAA,KAAS,IAAG,QAAG,gBAAG,QAAA,KAAO,GAAA,CAAA;IAEnC,YAES,MAAA,WAAA,GAAA;KAFA,SAAO,MAAA,cAAA;KAAgB,OAAM;;4BACrB,CAAf,YAAe,MAAA,WAAA,CAAA,CAAA,CAAA"}

package/dist/components/date-panel/panels/day.js

@@ -9,8 +9,8 @@ const _hoisted_1 = [
 	"onMouseenter"
 ];
 const fmtStr = "yyyyMMdd";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "DatePanelDay",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UDatePanelDay",
 	inheritAttrs: false,
 	__name: "day",
 	setup(__props) {

package/dist/components/date-panel/panels/day.js.map

@@ -1 +1 @@
-{"version":3,"file":"day.js","names":[],"sources":["../../../../src/components/date-panel/panels/day.vue"],"sourcesContent":["<template>\n  <ul :class=\"cls.e('week')\">\n    <li :class=\"cls.e('week-day')\" v-for=\"weekDay of weekDays\">\n      {{ weekDay }}\n    </li>\n  </ul>\n\n  <ul :class=\"cls.e('days')\">\n    <li\n      v-for=\"day of days\"\n      :title=\"day.isToday ? '今天' : ''\"\n      :class=\"getDayCls(day)\"\n      :key=\"day.date.timestamp\"\n      @click=\"!day.disabled && handleDateSelect(day.date)\"\n      @mouseenter=\"!day.disabled && handleDateRangeHover(day.date)\"\n    >\n      <span :class=\"cls.e('cell-value')\">\n        {{ day.date.day }}\n      </span>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Dater } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\nimport { inject } from 'vue'\n\nimport type { CalendarDay } from '../../../types'\nimport { getMonthDays, weekDays } from '../../calendar/utils'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'DatePanelDay', inheritAttrs: false })\n\nconst { panelDate, rangeDate, panelProps, cls, handleDateSelect, handleDateRangeHover } =\n  inject(DatePanelDIKey)!\n\nconst days = computed<CalendarDay[]>(() => {\n  return getMonthDays(panelDate.value.timestamp, panelProps.disabledDate)\n})\n\nfunction getRangeCls(day: CalendarDay) {\n  return [\n    bem.is('in-range', didInRange(day.date)),\n    bem.is('range-start', isRangeStart(day.date)),\n    bem.is('range-end', isRangeEnd(day.date))\n  ]\n}\n\nfunction getSingleCls(day: CalendarDay) {\n  return [bem.is('selected', didSelected(day.date))]\n}\nfunction getDayCls(day: CalendarDay) {\n  const ret = [\n    cls.e('cell'),\n    bem.is(day.type),\n    bem.is('today', day.isToday === true),\n    bem.is('disabled', day.disabled === true)\n  ]\n  if (panelProps.range) {\n    return [...ret, ...getRangeCls(day)]\n  }\n  return [...ret, ...getSingleCls(day)]\n}\n\nconst fmtStr = 'yyyyMMdd'\n\nfunction didSelected(date: Dater) {\n  if (!panelProps.date) return false\n  return date.format(fmtStr) === panelProps.date.format(fmtStr)\n}\n\nfunction didInRange(date: Dater) {\n  if (!rangeDate.value) return false\n  const [start, end] = rangeDate.value\n  return date.timestamp >= start.timestamp && date.timestamp <= end.timestamp\n}\n\nfunction isRangeStart(date: Dater) {\n  if (!rangeDate.value) return false\n  const [start] = rangeDate.value\n  return date.format(fmtStr) === start.format(fmtStr)\n}\n\nfunction isRangeEnd(date: Dater) {\n  if (!rangeDate.value) return false\n  const [, end] = rangeDate.value\n  return date.format(fmtStr) === end.format(fmtStr)\n}\n</script>\n"],"mappings":";;;;;;;;;;AAkEA,MAAM,SAAS;;;;;;EA/Bf,MAAM,EAAE,WAAW,WAAW,YAAY,KAAK,kBAAkB,yBAC/D,OAAO,cAAc;EAEvB,MAAM,OAAO,eAA8B;GACzC,OAAO,aAAa,UAAU,MAAM,WAAW,WAAW,YAAY;EACxE,CAAC;EAED,SAAS,YAAY,KAAkB;GACrC,OAAO;IACL,IAAI,GAAG,YAAY,WAAW,IAAI,IAAI,CAAC;IACvC,IAAI,GAAG,eAAe,aAAa,IAAI,IAAI,CAAC;IAC5C,IAAI,GAAG,aAAa,WAAW,IAAI,IAAI,CAAC;GAC1C;EACF;EAEA,SAAS,aAAa,KAAkB;GACtC,OAAO,CAAC,IAAI,GAAG,YAAY,YAAY,IAAI,IAAI,CAAC,CAAC;EACnD;EACA,SAAS,UAAU,KAAkB;GACnC,MAAM,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,IAAI,GAAG,IAAI,IAAI;IACf,IAAI,GAAG,SAAS,IAAI,YAAY,IAAI;IACpC,IAAI,GAAG,YAAY,IAAI,aAAa,IAAI;GAC1C;GACA,IAAI,WAAW,OACb,OAAO,CAAC,GAAG,KAAK,GAAG,YAAY,GAAG,CAAC;GAErC,OAAO,CAAC,GAAG,KAAK,GAAG,aAAa,GAAG,CAAC;EACtC;EAIA,SAAS,YAAY,MAAa;GAChC,IAAI,CAAC,WAAW,MAAM,OAAO;GAC7B,OAAO,KAAK,OAAO,MAAM,MAAM,WAAW,KAAK,OAAO,MAAM;EAC9D;EAEA,SAAS,WAAW,MAAa;GAC/B,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,CAAC,OAAO,OAAO,UAAU;GAC/B,OAAO,KAAK,aAAa,MAAM,aAAa,KAAK,aAAa,IAAI;EACpE;EAEA,SAAS,aAAa,MAAa;GACjC,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,CAAC,SAAS,UAAU;GAC1B,OAAO,KAAK,OAAO,MAAM,MAAM,MAAM,OAAO,MAAM;EACpD;EAEA,SAAS,WAAW,MAAa;GAC/B,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,GAAG,OAAO,UAAU;GAC1B,OAAO,KAAK,OAAO,MAAM,MAAM,IAAI,OAAO,MAAM;EAClD;;2DAxFE,mBAIK,MAAA,EAJA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,MAAA,CAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GACf,mBAEK,UAAA,MAAA,WAF4C,MAAA,QAAA,IAAX,YAAO;wBAA7C,mBAEK,MAAA,EAFA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,UAAA,CAAA,EAAA,GAAA,gBACZ,OAAO,GAAA,CAAA;mBAId,mBAaK,MAAA,EAbA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,MAAA,CAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GACf,mBAWK,UAAA,MAAA,WAVW,KAAA,QAAP,QAAG;wBADZ,mBAWK,MAAA;KATF,OAAO,IAAI,UAAO,OAAA;KAClB,OAAK,eAAE,UAAU,GAAG,CAAA;KACpB,KAAK,IAAI,KAAK;KACd,UAAK,WAAA,CAAG,IAAI,YAAY,MAAA,gBAAA,EAAiB,IAAI,IAAI;KACjD,eAAU,WAAA,CAAG,IAAI,YAAY,MAAA,oBAAA,EAAqB,IAAI,IAAI;QAE3D,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,YAAA,CAAA,EAAA,GAAA,gBACd,IAAI,KAAK,GAAG,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA"}
+{"version":3,"file":"day.js","names":[],"sources":["../../../../src/components/date-panel/panels/day.vue"],"sourcesContent":["<template>\n  <ul :class=\"cls.e('week')\">\n    <li :class=\"cls.e('week-day')\" v-for=\"weekDay of weekDays\">\n      {{ weekDay }}\n    </li>\n  </ul>\n\n  <ul :class=\"cls.e('days')\">\n    <li\n      v-for=\"day of days\"\n      :title=\"day.isToday ? '今天' : ''\"\n      :class=\"getDayCls(day)\"\n      :key=\"day.date.timestamp\"\n      @click=\"!day.disabled && handleDateSelect(day.date)\"\n      @mouseenter=\"!day.disabled && handleDateRangeHover(day.date)\"\n    >\n      <span :class=\"cls.e('cell-value')\">\n        {{ day.date.day }}\n      </span>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Dater } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\nimport { inject } from 'vue'\n\nimport type { CalendarDay } from '../../../types'\nimport { getMonthDays, weekDays } from '../../calendar/utils'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'UDatePanelDay', inheritAttrs: false })\n\nconst { panelDate, rangeDate, panelProps, cls, handleDateSelect, handleDateRangeHover } =\n  inject(DatePanelDIKey)!\n\nconst days = computed<CalendarDay[]>(() => {\n  return getMonthDays(panelDate.value.timestamp, panelProps.disabledDate)\n})\n\nfunction getRangeCls(day: CalendarDay) {\n  return [\n    bem.is('in-range', didInRange(day.date)),\n    bem.is('range-start', isRangeStart(day.date)),\n    bem.is('range-end', isRangeEnd(day.date))\n  ]\n}\n\nfunction getSingleCls(day: CalendarDay) {\n  return [bem.is('selected', didSelected(day.date))]\n}\nfunction getDayCls(day: CalendarDay) {\n  const ret = [\n    cls.e('cell'),\n    bem.is(day.type),\n    bem.is('today', day.isToday === true),\n    bem.is('disabled', day.disabled === true)\n  ]\n  if (panelProps.range) {\n    return [...ret, ...getRangeCls(day)]\n  }\n  return [...ret, ...getSingleCls(day)]\n}\n\nconst fmtStr = 'yyyyMMdd'\n\nfunction didSelected(date: Dater) {\n  if (!panelProps.date) return false\n  return date.format(fmtStr) === panelProps.date.format(fmtStr)\n}\n\nfunction didInRange(date: Dater) {\n  if (!rangeDate.value) return false\n  const [start, end] = rangeDate.value\n  return date.timestamp >= start.timestamp && date.timestamp <= end.timestamp\n}\n\nfunction isRangeStart(date: Dater) {\n  if (!rangeDate.value) return false\n  const [start] = rangeDate.value\n  return date.format(fmtStr) === start.format(fmtStr)\n}\n\nfunction isRangeEnd(date: Dater) {\n  if (!rangeDate.value) return false\n  const [, end] = rangeDate.value\n  return date.format(fmtStr) === end.format(fmtStr)\n}\n</script>\n"],"mappings":";;;;;;;;;;AAkEA,MAAM,SAAS;;;;;;EA/Bf,MAAM,EAAE,WAAW,WAAW,YAAY,KAAK,kBAAkB,yBAC/D,OAAO,cAAc;EAEvB,MAAM,OAAO,eAA8B;GACzC,OAAO,aAAa,UAAU,MAAM,WAAW,WAAW,YAAY;EACxE,CAAC;EAED,SAAS,YAAY,KAAkB;GACrC,OAAO;IACL,IAAI,GAAG,YAAY,WAAW,IAAI,IAAI,CAAC;IACvC,IAAI,GAAG,eAAe,aAAa,IAAI,IAAI,CAAC;IAC5C,IAAI,GAAG,aAAa,WAAW,IAAI,IAAI,CAAC;GAC1C;EACF;EAEA,SAAS,aAAa,KAAkB;GACtC,OAAO,CAAC,IAAI,GAAG,YAAY,YAAY,IAAI,IAAI,CAAC,CAAC;EACnD;EACA,SAAS,UAAU,KAAkB;GACnC,MAAM,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,IAAI,GAAG,IAAI,IAAI;IACf,IAAI,GAAG,SAAS,IAAI,YAAY,IAAI;IACpC,IAAI,GAAG,YAAY,IAAI,aAAa,IAAI;GAC1C;GACA,IAAI,WAAW,OACb,OAAO,CAAC,GAAG,KAAK,GAAG,YAAY,GAAG,CAAC;GAErC,OAAO,CAAC,GAAG,KAAK,GAAG,aAAa,GAAG,CAAC;EACtC;EAIA,SAAS,YAAY,MAAa;GAChC,IAAI,CAAC,WAAW,MAAM,OAAO;GAC7B,OAAO,KAAK,OAAO,MAAM,MAAM,WAAW,KAAK,OAAO,MAAM;EAC9D;EAEA,SAAS,WAAW,MAAa;GAC/B,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,CAAC,OAAO,OAAO,UAAU;GAC/B,OAAO,KAAK,aAAa,MAAM,aAAa,KAAK,aAAa,IAAI;EACpE;EAEA,SAAS,aAAa,MAAa;GACjC,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,CAAC,SAAS,UAAU;GAC1B,OAAO,KAAK,OAAO,MAAM,MAAM,MAAM,OAAO,MAAM;EACpD;EAEA,SAAS,WAAW,MAAa;GAC/B,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,GAAG,OAAO,UAAU;GAC1B,OAAO,KAAK,OAAO,MAAM,MAAM,IAAI,OAAO,MAAM;EAClD;;2DAxFE,mBAIK,MAAA,EAJA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GACf,mBAEK,UAAA,MAAA,WAF4C,MAAA,QAAA,IAAX,YAAO;wBAA7C,mBAEK,MAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,UAAA,CAAA,EAAA,GAAA,gBACZ,OAAO,GAAA,CAAA;mBAId,mBAaK,MAAA,EAbA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GACf,mBAWK,UAAA,MAAA,WAVW,KAAA,QAAP,QAAG;wBADZ,mBAWK,MAAA;KATF,OAAO,IAAI,UAAO,OAAA;KAClB,OAAK,eAAE,UAAU,GAAG,CAAA;KACpB,KAAK,IAAI,KAAK;KACd,UAAK,WAAA,CAAG,IAAI,YAAY,MAAA,gBAAA,CAAgB,CAAC,IAAI,IAAI;KACjD,eAAU,WAAA,CAAG,IAAI,YAAY,MAAA,oBAAA,CAAoB,CAAC,IAAI,IAAI;QAE3D,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA,EAAA,GAAA,gBACd,IAAI,KAAK,GAAG,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA"}

package/dist/components/date-panel/panels/month.js

@@ -5,8 +5,8 @@ import { bem } from "@veltra/utils";
 //#region src/components/date-panel/panels/month.vue
 const _hoisted_1 = ["onClick", "onMouseenter"];
 const fmtStr = "yyyyMM";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "DatePanelMonth",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UDatePanelMonth",
 	__name: "month",
 	setup(__props) {
 		const { cls, panelDate, rangeDate, panelProps, handleDateSelect, handleDateRangeHover } = inject(DatePanelDIKey);

package/dist/components/date-panel/panels/month.js.map

@@ -1 +1 @@
-{"version":3,"file":"month.js","names":[],"sources":["../../../../src/components/date-panel/panels/month.vue"],"sourcesContent":["<template>\n  <ul :class=\"cls.e('months')\">\n    <li\n      v-for=\"month of months\"\n      :key=\"month.key\"\n      :class=\"getMonthCls(month)\"\n      @click=\"!month.disabled && handleDateSelect(month.date)\"\n      @mouseenter=\"!month.disabled && handleDateRangeHover(month.date)\"\n    >\n      <span :class=\"cls.e('cell-value')\">{{ month.month }}月</span>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Dater } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\nimport { inject } from 'vue'\n\nimport type { CalendarMonth } from '../../../types'\nimport { getYearMonths } from '../../calendar/utils'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'DatePanelMonth' })\n\nconst { cls, panelDate, rangeDate, panelProps, handleDateSelect, handleDateRangeHover } =\n  inject(DatePanelDIKey)!\n\nconst months = computed(() => {\n  return getYearMonths(panelDate.value.timestamp, panelProps.disabledDate)\n})\n\nfunction getRangeCls(month: CalendarMonth) {\n  return [\n    bem.is('in-range', didInRange(month.date)),\n    bem.is('range-start', isRangeStart(month.date)),\n    bem.is('range-end', isRangeEnd(month.date))\n  ]\n}\n\nfunction getSingleCls(month: CalendarMonth) {\n  return [bem.is('selected', didSelected(month.date))]\n}\n\nfunction getMonthCls(month: CalendarMonth) {\n  const ret = [cls.e('cell'), bem.is('disabled', month.disabled === true)]\n  if (panelProps.range) {\n    return [...ret, ...getRangeCls(month)]\n  }\n  return [...ret, ...getSingleCls(month)]\n}\n\nconst fmtStr = 'yyyyMM'\n\nfunction didSelected(date: Dater) {\n  if (!panelProps.date) return false\n  return date.format(fmtStr) === panelProps.date.format(fmtStr)\n}\n\nfunction didInRange(date: Dater) {\n  if (!rangeDate.value) return false\n  const [start, end] = rangeDate.value\n  return date.timestamp >= start.timestamp && date.timestamp <= end.timestamp\n}\n\nfunction isRangeStart(date: Dater) {\n  if (!rangeDate.value) return false\n  const [start] = rangeDate.value\n  return date.format(fmtStr) === start.format(fmtStr)\n}\n\nfunction isRangeEnd(date: Dater) {\n  if (!rangeDate.value) return false\n  const [, end] = rangeDate.value\n  return date.format(fmtStr) === end.format(fmtStr)\n}\n</script>\n"],"mappings":";;;;;;AAqDA,MAAM,SAAS;;;;;EA3Bf,MAAM,EAAE,KAAK,WAAW,WAAW,YAAY,kBAAkB,yBAC/D,OAAO,cAAc;EAEvB,MAAM,SAAS,eAAe;GAC5B,OAAO,cAAc,UAAU,MAAM,WAAW,WAAW,YAAY;EACzE,CAAC;EAED,SAAS,YAAY,OAAsB;GACzC,OAAO;IACL,IAAI,GAAG,YAAY,WAAW,MAAM,IAAI,CAAC;IACzC,IAAI,GAAG,eAAe,aAAa,MAAM,IAAI,CAAC;IAC9C,IAAI,GAAG,aAAa,WAAW,MAAM,IAAI,CAAC;GAC5C;EACF;EAEA,SAAS,aAAa,OAAsB;GAC1C,OAAO,CAAC,IAAI,GAAG,YAAY,YAAY,MAAM,IAAI,CAAC,CAAC;EACrD;EAEA,SAAS,YAAY,OAAsB;GACzC,MAAM,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,YAAY,MAAM,aAAa,IAAI,CAAC;GACvE,IAAI,WAAW,OACb,OAAO,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK,CAAC;GAEvC,OAAO,CAAC,GAAG,KAAK,GAAG,aAAa,KAAK,CAAC;EACxC;EAIA,SAAS,YAAY,MAAa;GAChC,IAAI,CAAC,WAAW,MAAM,OAAO;GAC7B,OAAO,KAAK,OAAO,MAAM,MAAM,WAAW,KAAK,OAAO,MAAM;EAC9D;EAEA,SAAS,WAAW,MAAa;GAC/B,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,CAAC,OAAO,OAAO,UAAU;GAC/B,OAAO,KAAK,aAAa,MAAM,aAAa,KAAK,aAAa,IAAI;EACpE;EAEA,SAAS,aAAa,MAAa;GACjC,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,CAAC,SAAS,UAAU;GAC1B,OAAO,KAAK,OAAO,MAAM,MAAM,MAAM,OAAO,MAAM;EACpD;EAEA,SAAS,WAAW,MAAa;GAC/B,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,GAAG,OAAO,UAAU;GAC1B,OAAO,KAAK,OAAO,MAAM,MAAM,IAAI,OAAO,MAAM;EAClD;;uBA3EE,mBAUK,MAAA,EAVA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,QAAA,CAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GACf,mBAQK,UAAA,MAAA,WAPa,OAAA,QAAT,UAAK;wBADd,mBAQK,MAAA;KANF,KAAK,MAAM;KACX,OAAK,eAAE,YAAY,KAAK,CAAA;KACxB,UAAK,WAAA,CAAG,MAAM,YAAY,MAAA,gBAAA,EAAiB,MAAM,IAAI;KACrD,eAAU,WAAA,CAAG,MAAM,YAAY,MAAA,oBAAA,EAAqB,MAAM,IAAI;QAE/D,mBAA4D,QAAA,EAArD,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,YAAA,CAAA,EAAA,GAAA,gBAAmB,MAAM,KAAK,IAAG,KAAC,CAAA,CAAA,GAAA,IAAA,UAAA"}
+{"version":3,"file":"month.js","names":[],"sources":["../../../../src/components/date-panel/panels/month.vue"],"sourcesContent":["<template>\n  <ul :class=\"cls.e('months')\">\n    <li\n      v-for=\"month of months\"\n      :key=\"month.key\"\n      :class=\"getMonthCls(month)\"\n      @click=\"!month.disabled && handleDateSelect(month.date)\"\n      @mouseenter=\"!month.disabled && handleDateRangeHover(month.date)\"\n    >\n      <span :class=\"cls.e('cell-value')\">{{ month.month }}月</span>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Dater } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\nimport { inject } from 'vue'\n\nimport type { CalendarMonth } from '../../../types'\nimport { getYearMonths } from '../../calendar/utils'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'UDatePanelMonth' })\n\nconst { cls, panelDate, rangeDate, panelProps, handleDateSelect, handleDateRangeHover } =\n  inject(DatePanelDIKey)!\n\nconst months = computed(() => {\n  return getYearMonths(panelDate.value.timestamp, panelProps.disabledDate)\n})\n\nfunction getRangeCls(month: CalendarMonth) {\n  return [\n    bem.is('in-range', didInRange(month.date)),\n    bem.is('range-start', isRangeStart(month.date)),\n    bem.is('range-end', isRangeEnd(month.date))\n  ]\n}\n\nfunction getSingleCls(month: CalendarMonth) {\n  return [bem.is('selected', didSelected(month.date))]\n}\n\nfunction getMonthCls(month: CalendarMonth) {\n  const ret = [cls.e('cell'), bem.is('disabled', month.disabled === true)]\n  if (panelProps.range) {\n    return [...ret, ...getRangeCls(month)]\n  }\n  return [...ret, ...getSingleCls(month)]\n}\n\nconst fmtStr = 'yyyyMM'\n\nfunction didSelected(date: Dater) {\n  if (!panelProps.date) return false\n  return date.format(fmtStr) === panelProps.date.format(fmtStr)\n}\n\nfunction didInRange(date: Dater) {\n  if (!rangeDate.value) return false\n  const [start, end] = rangeDate.value\n  return date.timestamp >= start.timestamp && date.timestamp <= end.timestamp\n}\n\nfunction isRangeStart(date: Dater) {\n  if (!rangeDate.value) return false\n  const [start] = rangeDate.value\n  return date.format(fmtStr) === start.format(fmtStr)\n}\n\nfunction isRangeEnd(date: Dater) {\n  if (!rangeDate.value) return false\n  const [, end] = rangeDate.value\n  return date.format(fmtStr) === end.format(fmtStr)\n}\n</script>\n"],"mappings":";;;;;;AAqDA,MAAM,SAAS;;;;;EA3Bf,MAAM,EAAE,KAAK,WAAW,WAAW,YAAY,kBAAkB,yBAC/D,OAAO,cAAc;EAEvB,MAAM,SAAS,eAAe;GAC5B,OAAO,cAAc,UAAU,MAAM,WAAW,WAAW,YAAY;EACzE,CAAC;EAED,SAAS,YAAY,OAAsB;GACzC,OAAO;IACL,IAAI,GAAG,YAAY,WAAW,MAAM,IAAI,CAAC;IACzC,IAAI,GAAG,eAAe,aAAa,MAAM,IAAI,CAAC;IAC9C,IAAI,GAAG,aAAa,WAAW,MAAM,IAAI,CAAC;GAC5C;EACF;EAEA,SAAS,aAAa,OAAsB;GAC1C,OAAO,CAAC,IAAI,GAAG,YAAY,YAAY,MAAM,IAAI,CAAC,CAAC;EACrD;EAEA,SAAS,YAAY,OAAsB;GACzC,MAAM,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,YAAY,MAAM,aAAa,IAAI,CAAC;GACvE,IAAI,WAAW,OACb,OAAO,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK,CAAC;GAEvC,OAAO,CAAC,GAAG,KAAK,GAAG,aAAa,KAAK,CAAC;EACxC;EAIA,SAAS,YAAY,MAAa;GAChC,IAAI,CAAC,WAAW,MAAM,OAAO;GAC7B,OAAO,KAAK,OAAO,MAAM,MAAM,WAAW,KAAK,OAAO,MAAM;EAC9D;EAEA,SAAS,WAAW,MAAa;GAC/B,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,CAAC,OAAO,OAAO,UAAU;GAC/B,OAAO,KAAK,aAAa,MAAM,aAAa,KAAK,aAAa,IAAI;EACpE;EAEA,SAAS,aAAa,MAAa;GACjC,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,CAAC,SAAS,UAAU;GAC1B,OAAO,KAAK,OAAO,MAAM,MAAM,MAAM,OAAO,MAAM;EACpD;EAEA,SAAS,WAAW,MAAa;GAC/B,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,GAAG,OAAO,UAAU;GAC1B,OAAO,KAAK,OAAO,MAAM,MAAM,IAAI,OAAO,MAAM;EAClD;;uBA3EE,mBAUK,MAAA,EAVA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GACf,mBAQK,UAAA,MAAA,WAPa,OAAA,QAAT,UAAK;wBADd,mBAQK,MAAA;KANF,KAAK,MAAM;KACX,OAAK,eAAE,YAAY,KAAK,CAAA;KACxB,UAAK,WAAA,CAAG,MAAM,YAAY,MAAA,gBAAA,CAAgB,CAAC,MAAM,IAAI;KACrD,eAAU,WAAA,CAAG,MAAM,YAAY,MAAA,oBAAA,CAAoB,CAAC,MAAM,IAAI;QAE/D,mBAA4D,QAAA,EAArD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA,EAAA,GAAA,gBAAmB,MAAM,KAAK,IAAG,KAAC,CAAA,CAAA,GAAA,IAAA,UAAA"}

package/dist/components/date-panel/panels/year.js

@@ -4,8 +4,8 @@ import { Fragment, computed, createElementBlock, createElementVNode, defineCompo
 import { bem } from "@veltra/utils";
 //#region src/components/date-panel/panels/year.vue
 const _hoisted_1 = ["onClick", "onMouseenter"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "DatePanelYear",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UDatePanelYear",
 	__name: "year",
 	setup(__props) {
 		const { panelDate, rangeDate, panelProps, cls, handleDateSelect, handleDateRangeHover } = inject(DatePanelDIKey);

package/dist/components/date-panel/panels/year.js.map

@@ -1 +1 @@
-{"version":3,"file":"year.js","names":[],"sources":["../../../../src/components/date-panel/panels/year.vue"],"sourcesContent":["<template>\n  <ul :class=\"cls.e('years')\">\n    <li\n      v-for=\"year of years\"\n      :key=\"year.year\"\n      :class=\"getYearCls(year)\"\n      @click=\"!year.disabled && handleDateSelect(year.date)\"\n      @mouseenter=\"!year.disabled && handleDateRangeHover(year.date)\"\n    >\n      <span :class=\"cls.e('cell-value')\">{{ year.year }}</span>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Dater } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\nimport { inject } from 'vue'\n\nimport type { CalendarYear } from '../../../types'\nimport { getTenYears } from '../../calendar/utils'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'DatePanelYear' })\n\nconst { panelDate, rangeDate, panelProps, cls, handleDateSelect, handleDateRangeHover } =\n  inject(DatePanelDIKey)!\n\nconst years = computed(() => {\n  return getTenYears(panelDate.value.timestamp, panelProps.disabledDate)\n})\n\nfunction getRangeCls(year: CalendarYear) {\n  return [\n    bem.is('range', didInRange(year.date)),\n    bem.is('range-start', isRangeStart(year.date)),\n    bem.is('range-end', isRangeEnd(year.date))\n  ]\n}\n\nfunction getSingleCls(year: CalendarYear) {\n  return [bem.is('selected', didSelected(year.date))]\n}\n\nfunction getYearCls(year: CalendarYear) {\n  const ret = [cls.e('cell'), bem.is('disabled', year.disabled === true)]\n  if (panelProps.range) {\n    return [...ret, ...getRangeCls(year)]\n  }\n  return [...ret, ...getSingleCls(year)]\n}\n\nfunction didSelected(date: Dater) {\n  if (!panelProps.date) return false\n  return date.year === panelProps.date.year\n}\n\nfunction didInRange(date: Dater) {\n  if (!rangeDate.value) return false\n  const [start, end] = rangeDate.value\n  return date.timestamp >= start.timestamp && date.timestamp <= end.timestamp\n}\n\nfunction isRangeStart(date: Dater) {\n  if (!rangeDate.value) return false\n  const [start] = rangeDate.value\n  return date.year === start.year\n}\n\nfunction isRangeEnd(date: Dater) {\n  if (!rangeDate.value) return false\n  const [, end] = rangeDate.value\n  return date.year === end.year\n}\n</script>\n"],"mappings":";;;;;;;;;;EA0BA,MAAM,EAAE,WAAW,WAAW,YAAY,KAAK,kBAAkB,yBAC/D,OAAO,cAAc;EAEvB,MAAM,QAAQ,eAAe;GAC3B,OAAO,YAAY,UAAU,MAAM,WAAW,WAAW,YAAY;EACvE,CAAC;EAED,SAAS,YAAY,MAAoB;GACvC,OAAO;IACL,IAAI,GAAG,SAAS,WAAW,KAAK,IAAI,CAAC;IACrC,IAAI,GAAG,eAAe,aAAa,KAAK,IAAI,CAAC;IAC7C,IAAI,GAAG,aAAa,WAAW,KAAK,IAAI,CAAC;GAC3C;EACF;EAEA,SAAS,aAAa,MAAoB;GACxC,OAAO,CAAC,IAAI,GAAG,YAAY,YAAY,KAAK,IAAI,CAAC,CAAC;EACpD;EAEA,SAAS,WAAW,MAAoB;GACtC,MAAM,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,YAAY,KAAK,aAAa,IAAI,CAAC;GACtE,IAAI,WAAW,OACb,OAAO,CAAC,GAAG,KAAK,GAAG,YAAY,IAAI,CAAC;GAEtC,OAAO,CAAC,GAAG,KAAK,GAAG,aAAa,IAAI,CAAC;EACvC;EAEA,SAAS,YAAY,MAAa;GAChC,IAAI,CAAC,WAAW,MAAM,OAAO;GAC7B,OAAO,KAAK,SAAS,WAAW,KAAK;EACvC;EAEA,SAAS,WAAW,MAAa;GAC/B,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,CAAC,OAAO,OAAO,UAAU;GAC/B,OAAO,KAAK,aAAa,MAAM,aAAa,KAAK,aAAa,IAAI;EACpE;EAEA,SAAS,aAAa,MAAa;GACjC,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,CAAC,SAAS,UAAU;GAC1B,OAAO,KAAK,SAAS,MAAM;EAC7B;EAEA,SAAS,WAAW,MAAa;GAC/B,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,GAAG,OAAO,UAAU;GAC1B,OAAO,KAAK,SAAS,IAAI;EAC3B;;uBAzEE,mBAUK,MAAA,EAVA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GACf,mBAQK,UAAA,MAAA,WAPY,MAAA,QAAR,SAAI;wBADb,mBAQK,MAAA;KANF,KAAK,KAAK;KACV,OAAK,eAAE,WAAW,IAAI,CAAA;KACtB,UAAK,WAAA,CAAG,KAAK,YAAY,MAAA,gBAAA,EAAiB,KAAK,IAAI;KACnD,eAAU,WAAA,CAAG,KAAK,YAAY,MAAA,oBAAA,EAAqB,KAAK,IAAI;QAE7D,mBAAyD,QAAA,EAAlD,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,YAAA,CAAA,EAAA,GAAA,gBAAmB,KAAK,IAAI,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA"}
+{"version":3,"file":"year.js","names":[],"sources":["../../../../src/components/date-panel/panels/year.vue"],"sourcesContent":["<template>\n  <ul :class=\"cls.e('years')\">\n    <li\n      v-for=\"year of years\"\n      :key=\"year.year\"\n      :class=\"getYearCls(year)\"\n      @click=\"!year.disabled && handleDateSelect(year.date)\"\n      @mouseenter=\"!year.disabled && handleDateRangeHover(year.date)\"\n    >\n      <span :class=\"cls.e('cell-value')\">{{ year.year }}</span>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Dater } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\nimport { inject } from 'vue'\n\nimport type { CalendarYear } from '../../../types'\nimport { getTenYears } from '../../calendar/utils'\nimport { DatePanelDIKey } from '../di'\n\ndefineOptions({ name: 'UDatePanelYear' })\n\nconst { panelDate, rangeDate, panelProps, cls, handleDateSelect, handleDateRangeHover } =\n  inject(DatePanelDIKey)!\n\nconst years = computed(() => {\n  return getTenYears(panelDate.value.timestamp, panelProps.disabledDate)\n})\n\nfunction getRangeCls(year: CalendarYear) {\n  return [\n    bem.is('range', didInRange(year.date)),\n    bem.is('range-start', isRangeStart(year.date)),\n    bem.is('range-end', isRangeEnd(year.date))\n  ]\n}\n\nfunction getSingleCls(year: CalendarYear) {\n  return [bem.is('selected', didSelected(year.date))]\n}\n\nfunction getYearCls(year: CalendarYear) {\n  const ret = [cls.e('cell'), bem.is('disabled', year.disabled === true)]\n  if (panelProps.range) {\n    return [...ret, ...getRangeCls(year)]\n  }\n  return [...ret, ...getSingleCls(year)]\n}\n\nfunction didSelected(date: Dater) {\n  if (!panelProps.date) return false\n  return date.year === panelProps.date.year\n}\n\nfunction didInRange(date: Dater) {\n  if (!rangeDate.value) return false\n  const [start, end] = rangeDate.value\n  return date.timestamp >= start.timestamp && date.timestamp <= end.timestamp\n}\n\nfunction isRangeStart(date: Dater) {\n  if (!rangeDate.value) return false\n  const [start] = rangeDate.value\n  return date.year === start.year\n}\n\nfunction isRangeEnd(date: Dater) {\n  if (!rangeDate.value) return false\n  const [, end] = rangeDate.value\n  return date.year === end.year\n}\n</script>\n"],"mappings":";;;;;;;;;;EA0BA,MAAM,EAAE,WAAW,WAAW,YAAY,KAAK,kBAAkB,yBAC/D,OAAO,cAAc;EAEvB,MAAM,QAAQ,eAAe;GAC3B,OAAO,YAAY,UAAU,MAAM,WAAW,WAAW,YAAY;EACvE,CAAC;EAED,SAAS,YAAY,MAAoB;GACvC,OAAO;IACL,IAAI,GAAG,SAAS,WAAW,KAAK,IAAI,CAAC;IACrC,IAAI,GAAG,eAAe,aAAa,KAAK,IAAI,CAAC;IAC7C,IAAI,GAAG,aAAa,WAAW,KAAK,IAAI,CAAC;GAC3C;EACF;EAEA,SAAS,aAAa,MAAoB;GACxC,OAAO,CAAC,IAAI,GAAG,YAAY,YAAY,KAAK,IAAI,CAAC,CAAC;EACpD;EAEA,SAAS,WAAW,MAAoB;GACtC,MAAM,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,YAAY,KAAK,aAAa,IAAI,CAAC;GACtE,IAAI,WAAW,OACb,OAAO,CAAC,GAAG,KAAK,GAAG,YAAY,IAAI,CAAC;GAEtC,OAAO,CAAC,GAAG,KAAK,GAAG,aAAa,IAAI,CAAC;EACvC;EAEA,SAAS,YAAY,MAAa;GAChC,IAAI,CAAC,WAAW,MAAM,OAAO;GAC7B,OAAO,KAAK,SAAS,WAAW,KAAK;EACvC;EAEA,SAAS,WAAW,MAAa;GAC/B,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,CAAC,OAAO,OAAO,UAAU;GAC/B,OAAO,KAAK,aAAa,MAAM,aAAa,KAAK,aAAa,IAAI;EACpE;EAEA,SAAS,aAAa,MAAa;GACjC,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,CAAC,SAAS,UAAU;GAC1B,OAAO,KAAK,SAAS,MAAM;EAC7B;EAEA,SAAS,WAAW,MAAa;GAC/B,IAAI,CAAC,UAAU,OAAO,OAAO;GAC7B,MAAM,GAAG,OAAO,UAAU;GAC1B,OAAO,KAAK,SAAS,IAAI;EAC3B;;uBAzEE,mBAUK,MAAA,EAVA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GACf,mBAQK,UAAA,MAAA,WAPY,MAAA,QAAR,SAAI;wBADb,mBAQK,MAAA;KANF,KAAK,KAAK;KACV,OAAK,eAAE,WAAW,IAAI,CAAA;KACtB,UAAK,WAAA,CAAG,KAAK,YAAY,MAAA,gBAAA,CAAgB,CAAC,KAAK,IAAI;KACnD,eAAU,WAAA,CAAG,KAAK,YAAY,MAAA,oBAAA,CAAoB,CAAC,KAAK,IAAI;QAE7D,mBAAyD,QAAA,EAAlD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA,EAAA,GAAA,gBAAmB,KAAK,IAAI,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA"}

package/dist/components/date-panel/use-panel-date.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-panel-date.js","names":[],"sources":["../../../src/components/date-panel/use-panel-date.ts"],"sourcesContent":["import { date, type Dater } from '@cat-kit/core'\nimport { computed, type ComputedRef, shallowRef } from 'vue'\n\nimport type { DatePanelProps } from '../../types'\n\ninterface PanelDateOptions {\n  props: DatePanelProps\n}\n\ninterface UsePanelDateReturned {\n  panelDate: ComputedRef<Dater>\n  updatePanelDate: (date: Dater) => void\n  toPrevYear: () => void\n  toNextYear: () => void\n  toPrevMonth: () => void\n  toNextMonth: () => void\n  toPrevTenYears: () => void\n  toNextTenYears: () => void\n}\n\nexport function usePanelDate(options: PanelDateOptions): UsePanelDateReturned {\n  const { props } = options\n\n  /** 当前面板日期 */\n  const panelDate = shallowRef<Dater>(\n    date((props.date || props.rangeDate?.[0])?.timestamp ?? new Date())\n  )\n\n  function updatePanelDate(date: Dater) {\n    panelDate.value = date\n  }\n\n  function toPrevYear() {\n    updatePanelDate(panelDate.value.calc(-1, 'years'))\n  }\n\n  function toNextYear() {\n    updatePanelDate(panelDate.value.calc(1, 'years'))\n  }\n\n  function toPrevMonth() {\n    updatePanelDate(panelDate.value.calc(-1, 'months'))\n  }\n\n  function toNextMonth() {\n    updatePanelDate(panelDate.value.calc(1, 'months'))\n  }\n\n  function toPrevTenYears() {\n    updatePanelDate(panelDate.value.calc(-10, 'years'))\n  }\n\n  function toNextTenYears() {\n    updatePanelDate(panelDate.value.calc(10, 'years'))\n  }\n\n  return {\n    panelDate: computed(() => panelDate.value),\n    updatePanelDate,\n\n    toPrevYear,\n    toNextYear,\n    toPrevMonth,\n    toNextMonth,\n    toPrevTenYears,\n    toNextTenYears\n  }\n}\n"],"mappings":";;;AAoBA,SAAgB,aAAa,SAAiD;CAC5E,MAAM,EAAE,UAAU;;CAGlB,MAAM,YAAY,WAChB,MAAM,MAAM,QAAQ,MAAM,YAAY,KAAK,6BAAa,IAAI,KAAK,CAAC,CACpE;CAEA,SAAS,gBAAgB,MAAa;EACpC,UAAU,QAAQ;CACpB;CAEA,SAAS,aAAa;EACpB,gBAAgB,UAAU,MAAM,KAAK,IAAI,OAAO,CAAC;CACnD;CAEA,SAAS,aAAa;EACpB,gBAAgB,UAAU,MAAM,KAAK,GAAG,OAAO,CAAC;CAClD;CAEA,SAAS,cAAc;EACrB,gBAAgB,UAAU,MAAM,KAAK,IAAI,QAAQ,CAAC;CACpD;CAEA,SAAS,cAAc;EACrB,gBAAgB,UAAU,MAAM,KAAK,GAAG,QAAQ,CAAC;CACnD;CAEA,SAAS,iBAAiB;EACxB,gBAAgB,UAAU,MAAM,KAAK,KAAK,OAAO,CAAC;CACpD;CAEA,SAAS,iBAAiB;EACxB,gBAAgB,UAAU,MAAM,KAAK,IAAI,OAAO,CAAC;CACnD;CAEA,OAAO;EACL,WAAW,eAAe,UAAU,KAAK;EACzC;EAEA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"use-panel-date.js","names":[],"sources":["../../../src/components/date-panel/use-panel-date.ts"],"sourcesContent":["import { date, type Dater } from '@cat-kit/core'\nimport { computed, type ComputedRef, shallowRef } from 'vue'\n\nimport type { DatePanelProps } from '../../types'\n\ninterface PanelDateOptions {\n  props: DatePanelProps\n}\n\ninterface UsePanelDateReturned {\n  panelDate: ComputedRef<Dater>\n  updatePanelDate: (date: Dater) => void\n  toPrevYear: () => void\n  toNextYear: () => void\n  toPrevMonth: () => void\n  toNextMonth: () => void\n  toPrevTenYears: () => void\n  toNextTenYears: () => void\n}\n\nexport function usePanelDate(options: PanelDateOptions): UsePanelDateReturned {\n  const { props } = options\n\n  /** 当前面板日期 */\n  const panelDate = shallowRef<Dater>(\n    date((props.date || props.rangeDate?.[0])?.timestamp ?? new Date())\n  )\n\n  function updatePanelDate(date: Dater) {\n    panelDate.value = date\n  }\n\n  function toPrevYear() {\n    updatePanelDate(panelDate.value.calc(-1, 'years'))\n  }\n\n  function toNextYear() {\n    updatePanelDate(panelDate.value.calc(1, 'years'))\n  }\n\n  function toPrevMonth() {\n    updatePanelDate(panelDate.value.calc(-1, 'months'))\n  }\n\n  function toNextMonth() {\n    updatePanelDate(panelDate.value.calc(1, 'months'))\n  }\n\n  function toPrevTenYears() {\n    updatePanelDate(panelDate.value.calc(-10, 'years'))\n  }\n\n  function toNextTenYears() {\n    updatePanelDate(panelDate.value.calc(10, 'years'))\n  }\n\n  return {\n    panelDate: computed(() => panelDate.value),\n    updatePanelDate,\n\n    toPrevYear,\n    toNextYear,\n    toPrevMonth,\n    toNextMonth,\n    toPrevTenYears,\n    toNextTenYears\n  }\n}\n"],"mappings":";;;AAoBA,SAAgB,aAAa,SAAiD;CAC5E,MAAM,EAAE,UAAU;;CAGlB,MAAM,YAAY,WAChB,MAAM,MAAM,QAAQ,MAAM,YAAY,GAAA,EAAK,6BAAa,IAAI,KAAK,CAAC,CACpE;CAEA,SAAS,gBAAgB,MAAa;EACpC,UAAU,QAAQ;CACpB;CAEA,SAAS,aAAa;EACpB,gBAAgB,UAAU,MAAM,KAAK,IAAI,OAAO,CAAC;CACnD;CAEA,SAAS,aAAa;EACpB,gBAAgB,UAAU,MAAM,KAAK,GAAG,OAAO,CAAC;CAClD;CAEA,SAAS,cAAc;EACrB,gBAAgB,UAAU,MAAM,KAAK,IAAI,QAAQ,CAAC;CACpD;CAEA,SAAS,cAAc;EACrB,gBAAgB,UAAU,MAAM,KAAK,GAAG,QAAQ,CAAC;CACnD;CAEA,SAAS,iBAAiB;EACxB,gBAAgB,UAAU,MAAM,KAAK,KAAK,OAAO,CAAC;CACpD;CAEA,SAAS,iBAAiB;EACxB,gBAAgB,UAAU,MAAM,KAAK,IAAI,OAAO,CAAC;CACnD;CAEA,OAAO;EACL,WAAW,eAAe,UAAU,KAAK;EACzC;EAEA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/components/date-picker/date-picker.js

@@ -8,8 +8,8 @@ import { FORM_EMPTY_CONTENT, bem, injectFormContext } from "@veltra/utils";
 import { Calendar } from "@veltra/icons/normal";
 import { date } from "@cat-kit/core";
 //#region src/components/date-picker/date-picker.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "DatePicker",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UDatePicker",
 	__name: "date-picker",
 	props: {
 		modelValue: {},

package/dist/components/date-picker/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","names":[],"sources":["../../../src/components/date-picker/date-picker.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    :class=\"className\"\n    trigger=\"click\"\n    width=\"auto\"\n    ref=\"dropdownRef\"\n    @update:visible=\"\"\n    :disabled=\"disabled\"\n    v-if=\"!readonly\"\n  >\n    <template #trigger>\n      <u-input\n        :size=\"size\"\n        native-readonly\n        :clearable=\"clearable\"\n        :placeholder=\"placeholder\"\n        :model-value=\"displayedValue\"\n        :disabled=\"disabled\"\n        @clear=\"handleClear\"\n      >\n        <template #suffix>\n          <u-icon :class=\"cls.e('icon')\"><Calendar /></u-icon>\n        </template>\n      </u-input>\n    </template>\n\n    <template #content>\n      <UDatePanel :size :type :disabled-date :date=\"currentDate\" @select:date=\"handleSelectDate\" />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ displayedValue || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { date, type Dater } from '@cat-kit/core'\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { Calendar } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { DatePickerEmits, DatePickerProps } from '../../types'\nimport type { DropdownExposed } from '../../types'\nimport { UDatePanel } from '../date-panel'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\n\ndefineOptions({ name: 'DatePicker' })\n\nconst props = withDefaults(defineProps<DatePickerProps>(), {\n  placeholder: '选择日期',\n  type: 'date',\n  disabled: undefined,\n  readonly: undefined,\n  clearable: true\n})\n\nconst emit = defineEmits<DatePickerEmits>()\n\nconst cls = bem('date-picker')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\n\nconst formatStr = computed(() => {\n  const { format, type } = props\n  if (format) return format\n  if (type === 'date') return 'yyyy-MM-dd'\n  if (type === 'month') return 'yyyy-MM'\n  if (type === 'year') return 'yyyy'\n  return 'yyyy-MM-dd'\n})\n\nconst currentDate = shallowRef<Dater>()\n\nconst { userAction, isUserActive } = useUserAction()\n\nwatch(\n  () => props.modelValue,\n  (modelValue) => {\n    if (isUserActive()) return\n    currentDate.value = modelValue ? date(modelValue) : undefined\n  },\n  { immediate: true }\n)\n\nconst displayedValue = computed(() => {\n  return currentDate.value?.format(formatStr.value) ?? ''\n})\n\nconst commitSelectedDate = userAction((date: Dater) => {\n  currentDate.value = date\n  emit('update:modelValue', date.format(formatStr.value))\n})\n\nasync function handleSelectDate(date: Dater) {\n  await commitSelectedDate(date)\n  dropdownRef.value?.close()\n}\n\nfunction handleClear() {\n  currentDate.value = undefined\n  emit('update:modelValue', undefined)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,aAAa;EAE7B,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;EACZ,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO,CAAC,IAAI,GAAG,IAAI,EAAE,KAAK,KAAK,CAAC;EAClC,CAAC;EAED,MAAM,cAAc,WAA4B;EAEhD,MAAM,YAAY,eAAe;GAC/B,MAAM,EAAE,QAAQ,SAAS;GACzB,IAAI,QAAQ,OAAO;GACnB,IAAI,SAAS,QAAQ,OAAO;GAC5B,IAAI,SAAS,SAAS,OAAO;GAC7B,IAAI,SAAS,QAAQ,OAAO;GAC5B,OAAO;EACT,CAAC;EAED,MAAM,cAAc,WAAkB;EAEtC,MAAM,EAAE,YAAY,iBAAiB,cAAc;EAEnD,YACQ,MAAM,aACX,eAAe;GACd,IAAI,aAAa,GAAG;GACpB,YAAY,QAAQ,aAAa,KAAK,UAAU,IAAI,KAAA;EACtD,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,MAAM,iBAAiB,eAAe;GACpC,OAAO,YAAY,OAAO,OAAO,UAAU,KAAK,KAAK;EACvD,CAAC;EAED,MAAM,qBAAqB,YAAY,SAAgB;GACrD,YAAY,QAAQ;GACpB,KAAK,qBAAqB,KAAK,OAAO,UAAU,KAAK,CAAC;EACxD,CAAC;EAED,eAAe,iBAAiB,MAAa;GAC3C,MAAM,mBAAmB,IAAI;GAC7B,YAAY,OAAO,MAAM;EAC3B;EAEA,SAAS,cAAc;GACrB,YAAY,QAAQ,KAAA;GACpB,KAAK,qBAAqB,KAAA,CAAS;EACrC;;WA9GW,MAAA,QAAA,KAAA,UAAA,GAPT,YA4Ba,MAAA,WAAA,GAAA;;IA3BV,OAAK,eAAE,UAAA,KAAS;IACjB,SAAQ;IACR,OAAM;aACF;IAAJ,KAAI;IACH,oBAAc,OAAA,OAAA,OAAA,WAAf,CAAA;IACC,UAAU,MAAA,QAAA;;IAGA,SAAO,cAaN,CAZV,YAYU,MAAA,aAAA,GAAA;KAXP,MAAM,MAAA,IAAA;KACP,mBAAA;KACC,WAAW,QAAA;KACX,aAAa,QAAA;KACb,eAAa,eAAA;KACb,UAAU,MAAA,QAAA;KACV,SAAO;;KAEG,QAAM,cACqC,CAApD,YAAoD,MAAA,WAAA,GAAA,EAA3C,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,MAAA,CAAA,EAAA,GAAA;6BAAsB,CAAZ,YAAY,MAAA,QAAA,CAAA,CAAA,CAAA;;;;;;;;;;;IAKtC,SAAO,cAC6E,CAA7F,YAA6F,MAAA,WAAA,GAAA;KAAhF,MAAA,MAAA,IAAA;KAAM,MAAA,QAAA;KAAM,iBAAA,QAAA;KAAe,MAAM,YAAA;KAAc,iBAAa;;;;;;;;iDAI7E,mBAEW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBADN,eAAA,SAAkB,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}
+{"version":3,"file":"date-picker.js","names":[],"sources":["../../../src/components/date-picker/date-picker.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    :class=\"className\"\n    trigger=\"click\"\n    width=\"auto\"\n    ref=\"dropdownRef\"\n    @update:visible=\"\"\n    :disabled=\"disabled\"\n    v-if=\"!readonly\"\n  >\n    <template #trigger>\n      <u-input\n        :size=\"size\"\n        native-readonly\n        :clearable=\"clearable\"\n        :placeholder=\"placeholder\"\n        :model-value=\"displayedValue\"\n        :disabled=\"disabled\"\n        @clear=\"handleClear\"\n      >\n        <template #suffix>\n          <u-icon :class=\"cls.e('icon')\"><Calendar /></u-icon>\n        </template>\n      </u-input>\n    </template>\n\n    <template #content>\n      <UDatePanel :size :type :disabled-date :date=\"currentDate\" @select:date=\"handleSelectDate\" />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ displayedValue || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { date, type Dater } from '@cat-kit/core'\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { Calendar } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { DatePickerEmits, DatePickerProps } from '../../types'\nimport type { DropdownExposed } from '../../types'\nimport { UDatePanel } from '../date-panel'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\n\ndefineOptions({ name: 'UDatePicker' })\n\nconst props = withDefaults(defineProps<DatePickerProps>(), {\n  placeholder: '选择日期',\n  type: 'date',\n  disabled: undefined,\n  readonly: undefined,\n  clearable: true\n})\n\nconst emit = defineEmits<DatePickerEmits>()\n\nconst cls = bem('date-picker')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value)]\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\n\nconst formatStr = computed(() => {\n  const { format, type } = props\n  if (format) return format\n  if (type === 'date') return 'yyyy-MM-dd'\n  if (type === 'month') return 'yyyy-MM'\n  if (type === 'year') return 'yyyy'\n  return 'yyyy-MM-dd'\n})\n\nconst currentDate = shallowRef<Dater>()\n\nconst { userAction, isUserActive } = useUserAction()\n\nwatch(\n  () => props.modelValue,\n  (modelValue) => {\n    if (isUserActive()) return\n    currentDate.value = modelValue ? date(modelValue) : undefined\n  },\n  { immediate: true }\n)\n\nconst displayedValue = computed(() => {\n  return currentDate.value?.format(formatStr.value) ?? ''\n})\n\nconst commitSelectedDate = userAction((date: Dater) => {\n  currentDate.value = date\n  emit('update:modelValue', date.format(formatStr.value))\n})\n\nasync function handleSelectDate(date: Dater) {\n  await commitSelectedDate(date)\n  dropdownRef.value?.close()\n}\n\nfunction handleClear() {\n  currentDate.value = undefined\n  emit('update:modelValue', undefined)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,aAAa;EAE7B,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;EACZ,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO,CAAC,IAAI,GAAG,IAAI,EAAE,KAAK,KAAK,CAAC;EAClC,CAAC;EAED,MAAM,cAAc,WAA4B;EAEhD,MAAM,YAAY,eAAe;GAC/B,MAAM,EAAE,QAAQ,SAAS;GACzB,IAAI,QAAQ,OAAO;GACnB,IAAI,SAAS,QAAQ,OAAO;GAC5B,IAAI,SAAS,SAAS,OAAO;GAC7B,IAAI,SAAS,QAAQ,OAAO;GAC5B,OAAO;EACT,CAAC;EAED,MAAM,cAAc,WAAkB;EAEtC,MAAM,EAAE,YAAY,iBAAiB,cAAc;EAEnD,YACQ,MAAM,aACX,eAAe;GACd,IAAI,aAAa,GAAG;GACpB,YAAY,QAAQ,aAAa,KAAK,UAAU,IAAI,KAAA;EACtD,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,MAAM,iBAAiB,eAAe;GACpC,OAAO,YAAY,OAAO,OAAO,UAAU,KAAK,KAAK;EACvD,CAAC;EAED,MAAM,qBAAqB,YAAY,SAAgB;GACrD,YAAY,QAAQ;GACpB,KAAK,qBAAqB,KAAK,OAAO,UAAU,KAAK,CAAC;EACxD,CAAC;EAED,eAAe,iBAAiB,MAAa;GAC3C,MAAM,mBAAmB,IAAI;GAC7B,YAAY,OAAO,MAAM;EAC3B;EAEA,SAAS,cAAc;GACrB,YAAY,QAAQ,KAAA;GACpB,KAAK,qBAAqB,KAAA,CAAS;EACrC;;WA9GW,MAAA,QAAA,KAAA,UAAA,GAPT,YA4Ba,MAAA,WAAA,GAAA;;IA3BV,OAAK,eAAE,UAAA,KAAS;IACjB,SAAQ;IACR,OAAM;aACF;IAAJ,KAAI;IACH,oBAAc,OAAA,OAAA,OAAA,WAAf,CAAA;IACC,UAAU,MAAA,QAAA;;IAGA,SAAO,cAaN,CAZV,YAYU,MAAA,aAAA,GAAA;KAXP,MAAM,MAAA,IAAA;KACP,mBAAA;KACC,WAAW,QAAA;KACX,aAAa,QAAA;KACb,eAAa,eAAA;KACb,UAAU,MAAA,QAAA;KACV,SAAO;;KAEG,QAAM,cACqC,CAApD,YAAoD,MAAA,WAAA,GAAA,EAA3C,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA,EAAA,GAAA;6BAAsB,CAAZ,YAAY,MAAA,QAAA,CAAA,CAAA,CAAA;;;;;;;;;;;IAKtC,SAAO,cAC6E,CAA7F,YAA6F,MAAA,WAAA,GAAA;KAAhF,MAAA,MAAA,IAAA;KAAM,MAAA,QAAA;KAAM,iBAAA,QAAA;KAAe,MAAM,YAAA;KAAc,iBAAa;;;;;;;;iDAI7E,mBAEW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBADN,eAAA,SAAkB,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/components/date-picker/date-picker.vue.d.ts

@@ -5,11 +5,11 @@ declare const __VLS_export: import("vue").DefineComponent<DatePickerProps, {}, {
 }, string, import("vue").PublicProps, Readonly<DatePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | number | Date | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   type: "date" | "month" | "year";
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/date-range-picker/date-range-picker.js

@@ -9,8 +9,8 @@ import { date } from "@cat-kit/core";
 //#region src/components/date-range-picker/date-range-picker.vue
 const _hoisted_1 = ["value", "placeholder"];
 const _hoisted_2 = ["value", "placeholder"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "DateRangePicker",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UDateRangePicker",
 	__name: "date-range-picker",
 	props: {
 		modelValue: {},

package/dist/components/date-range-picker/date-range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.js","names":[],"sources":["../../../src/components/date-range-picker/date-range-picker.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    :class=\"className\"\n    trigger=\"click\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size)]\"\n    width=\"auto\"\n    ref=\"dropdownRef\"\n    :disabled=\"disabled\"\n    @mouseenter.native=\"hovered = true\"\n    @mouseleave.native=\"hovered = false\"\n    v-if=\"!readonly\"\n  >\n    <template #trigger>\n      <input\n        type=\"text\"\n        :class=\"cls.e('input')\"\n        :value=\"displayedOfStart\"\n        :placeholder=\"placeholder[0]\"\n        readonly\n      />\n      <span :class=\"cls.e('separator')\">至</span>\n      <input\n        type=\"text\"\n        :class=\"cls.e('input')\"\n        :value=\"displayedOfEnd\"\n        :placeholder=\"placeholder[1]\"\n        readonly\n      />\n\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"clearable && modelValue && hovered && !disabled\"\n          :class=\"[cls.e('icon'), cls.e('clear')]\"\n          title=\"清除\"\n          @click.stop=\"handleClear\"\n        >\n          <Close />\n        </UIcon>\n\n        <u-icon :class=\"cls.e('icon')\" v-else><Calendar /></u-icon>\n      </Transition>\n    </template>\n\n    <template #content>\n      <UDatePanel\n        range\n        :type\n        :disabled-date\n        :size\n        :range-date=\"currentRangeDate\"\n        @select:range-date=\"handleSelect\"\n      />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ displayedOfStart || FORM_EMPTY_CONTENT }} 至\n    {{ displayedOfEnd || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { date, type Dater } from '@cat-kit/core'\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { Calendar, Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { DateRangePickerEmits, DateRangePickerProps, DropdownExposed } from '../../types'\nimport { UDatePanel } from '../date-panel'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'DateRangePicker' })\n\nconst props = withDefaults(defineProps<DateRangePickerProps>(), {\n  placeholder: () => ['起始日期', '结束日期'],\n  type: 'date',\n  disabled: undefined,\n  readonly: undefined,\n  clearable: true\n})\n\nconst emit = defineEmits<DateRangePickerEmits>()\n\nconst cls = bem('date-range-picker')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('disabled', disabled.value)]\n})\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\n\nconst { userAction, isUserActive } = useUserAction()\n\nconst currentRangeDate = shallowRef<[Dater, Dater]>()\n\nconst displayedOfStart = computed(() => {\n  return props.modelValue?.[0]\n})\n\nconst displayedOfEnd = computed(() => {\n  return props.modelValue?.[1]\n})\n\nconst formatStr = computed(() => {\n  const { format, type } = props\n  if (format) return format\n  if (type === 'date') return 'yyyy-MM-dd'\n  if (type === 'month') return 'yyyy-MM'\n  if (type === 'year') return 'yyyy'\n  return 'yyyy-MM-dd'\n})\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (isUserActive()) return\n    if (val?.length === 2) {\n      currentRangeDate.value = [date(val[0]), date(val[1])]\n    } else {\n      currentRangeDate.value = undefined\n    }\n  },\n  { immediate: true }\n)\n\nconst commitSelectedRange = userAction((rangeDate: [Dater, Dater] | undefined) => {\n  currentRangeDate.value = rangeDate\n  emit('update:modelValue', rangeDate?.map((d) => d.format(formatStr.value)) as [string, string])\n})\n\nasync function handleSelect(rangeDate: [Dater, Dater] | undefined) {\n  await commitSelectedRange(rangeDate)\n  dropdownRef.value?.close()\n}\n\nconst hovered = shallowRef(false)\n\nfunction handleClear() {\n  currentRangeDate.value = undefined\n  emit('update:modelValue', undefined)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4EA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,mBAAmB;EAEnC,MAAM,YAAY,eAAe;GAC/B,OAAO;IAAC,IAAI;IAAG,IAAI,EAAE,KAAK,KAAK;IAAG,IAAI,GAAG,YAAY,SAAS,KAAK;GAAC;EACtE,CAAC;EAED,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;EACZ,CAAC;EAED,MAAM,cAAc,WAA4B;EAEhD,MAAM,EAAE,YAAY,iBAAiB,cAAc;EAEnD,MAAM,mBAAmB,WAA2B;EAEpD,MAAM,mBAAmB,eAAe;GACtC,OAAO,MAAM,aAAa;EAC5B,CAAC;EAED,MAAM,iBAAiB,eAAe;GACpC,OAAO,MAAM,aAAa;EAC5B,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,EAAE,QAAQ,SAAS;GACzB,IAAI,QAAQ,OAAO;GACnB,IAAI,SAAS,QAAQ,OAAO;GAC5B,IAAI,SAAS,SAAS,OAAO;GAC7B,IAAI,SAAS,QAAQ,OAAO;GAC5B,OAAO;EACT,CAAC;EAED,YACQ,MAAM,aACX,QAAQ;GACP,IAAI,aAAa,GAAG;GACpB,IAAI,KAAK,WAAW,GAClB,iBAAiB,QAAQ,CAAC,KAAK,IAAI,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;QAEpD,iBAAiB,QAAQ,KAAA;EAE7B,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,MAAM,sBAAsB,YAAY,cAA0C;GAChF,iBAAiB,QAAQ;GACzB,KAAK,qBAAqB,WAAW,KAAK,MAAM,EAAE,OAAO,UAAU,KAAK,CAAC,CAAqB;EAChG,CAAC;EAED,eAAe,aAAa,WAAuC;GACjE,MAAM,oBAAoB,SAAS;GACnC,YAAY,OAAO,MAAM;EAC3B;EAEA,MAAM,UAAU,WAAW,KAAK;EAEhC,SAAS,cAAc;GACrB,iBAAiB,QAAQ,KAAA;GACzB,KAAK,qBAAqB,KAAA,CAAS;EACrC;;WA7IW,MAAA,QAAA,KAAA,UAAA,GATT,YAoDa,MAAA,WAAA,GAAA;;IAnDV,OAAK,eAAE,UAAA,KAAS;IACjB,SAAQ;IACP,iBAAa,CAAG,MAAA,GAAA,EAAI,EAAC,OAAA,GAAW,MAAA,GAAA,EAAI,GAAE,SAAU,MAAA,IAAA,CAAI,CAAA;IACrD,OAAM;aACF;IAAJ,KAAI;IACH,UAAU,MAAA,QAAA;IACV,cAAU,OAAA,OAAA,OAAA,MAAA,WAAS,QAAA,QAAO;IAC1B,cAAU,OAAA,OAAA,OAAA,MAAA,WAAS,QAAA,QAAO;;IAGhB,SAAO,cAOd;KANF,mBAME,SAAA;MALA,MAAK;MACJ,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA;MACZ,OAAO,iBAAA;MACP,aAAa,QAAA,YAAW;MACzB,UAAA;;KAEF,mBAA0C,QAAA,EAAnC,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,WAAA,CAAA,EAAA,GAAe,KAAC,CAAA;KACnC,mBAME,SAAA;MALA,MAAK;MACJ,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA;MACZ,OAAO,eAAA;MACP,aAAa,QAAA,YAAW;MACzB,UAAA;;KAGF,YAWa,YAAA;MAXD,MAAK;MAAU,MAAK;;6BAQtB,CANA,QAAA,aAAa,QAAA,cAAc,QAAA,SAAO,CAAK,MAAA,QAAA,KAAA,UAAA,GAD/C,YAOQ,MAAA,WAAA,GAAA;;OALL,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,EAAC,MAAA,GAAU,MAAA,GAAA,EAAI,EAAC,OAAA,CAAA,CAAA;OAC7B,OAAM;OACL,SAAK,cAAO,aAAW,CAAA,MAAA,CAAA;;8BAEf,CAAT,YAAS,MAAA,KAAA,CAAA,CAAA,CAAA;;wCAGX,YAA2D,MAAA,WAAA,GAAA;;OAAlD,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,MAAA,CAAA;;8BAA6B,CAAZ,YAAY,MAAA,QAAA,CAAA,CAAA,CAAA;;;;;;IAI3C,SAAO,cAQd,CAPF,YAOE,MAAA,WAAA,GAAA;KANA,OAAA;KACC,MAAA,QAAA;KACA,iBAAA,QAAA;KACA,MAAA,MAAA,IAAA;KACA,cAAY,iBAAA;KACZ,sBAAmB;;;;;;;;;;;;uBAK1B,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBAFN,iBAAA,SAAoB,MAAA,kBAAA,CAAkB,IAAG,QAC5C,gBAAG,eAAA,SAAkB,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}
+{"version":3,"file":"date-range-picker.js","names":[],"sources":["../../../src/components/date-range-picker/date-range-picker.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    :class=\"className\"\n    trigger=\"click\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size)]\"\n    width=\"auto\"\n    ref=\"dropdownRef\"\n    :disabled=\"disabled\"\n    @mouseenter.native=\"hovered = true\"\n    @mouseleave.native=\"hovered = false\"\n    v-if=\"!readonly\"\n  >\n    <template #trigger>\n      <input\n        type=\"text\"\n        :class=\"cls.e('input')\"\n        :value=\"displayedOfStart\"\n        :placeholder=\"placeholder[0]\"\n        readonly\n      />\n      <span :class=\"cls.e('separator')\">至</span>\n      <input\n        type=\"text\"\n        :class=\"cls.e('input')\"\n        :value=\"displayedOfEnd\"\n        :placeholder=\"placeholder[1]\"\n        readonly\n      />\n\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"clearable && modelValue && hovered && !disabled\"\n          :class=\"[cls.e('icon'), cls.e('clear')]\"\n          title=\"清除\"\n          @click.stop=\"handleClear\"\n        >\n          <Close />\n        </UIcon>\n\n        <u-icon :class=\"cls.e('icon')\" v-else><Calendar /></u-icon>\n      </Transition>\n    </template>\n\n    <template #content>\n      <UDatePanel\n        range\n        :type\n        :disabled-date\n        :size\n        :range-date=\"currentRangeDate\"\n        @select:range-date=\"handleSelect\"\n      />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ displayedOfStart || FORM_EMPTY_CONTENT }} 至\n    {{ displayedOfEnd || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { date, type Dater } from '@cat-kit/core'\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { Calendar, Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { DateRangePickerEmits, DateRangePickerProps, DropdownExposed } from '../../types'\nimport { UDatePanel } from '../date-panel'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'UDateRangePicker' })\n\nconst props = withDefaults(defineProps<DateRangePickerProps>(), {\n  placeholder: () => ['起始日期', '结束日期'],\n  type: 'date',\n  disabled: undefined,\n  readonly: undefined,\n  clearable: true\n})\n\nconst emit = defineEmits<DateRangePickerEmits>()\n\nconst cls = bem('date-range-picker')\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('disabled', disabled.value)]\n})\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\n\nconst { userAction, isUserActive } = useUserAction()\n\nconst currentRangeDate = shallowRef<[Dater, Dater]>()\n\nconst displayedOfStart = computed(() => {\n  return props.modelValue?.[0]\n})\n\nconst displayedOfEnd = computed(() => {\n  return props.modelValue?.[1]\n})\n\nconst formatStr = computed(() => {\n  const { format, type } = props\n  if (format) return format\n  if (type === 'date') return 'yyyy-MM-dd'\n  if (type === 'month') return 'yyyy-MM'\n  if (type === 'year') return 'yyyy'\n  return 'yyyy-MM-dd'\n})\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (isUserActive()) return\n    if (val?.length === 2) {\n      currentRangeDate.value = [date(val[0]), date(val[1])]\n    } else {\n      currentRangeDate.value = undefined\n    }\n  },\n  { immediate: true }\n)\n\nconst commitSelectedRange = userAction((rangeDate: [Dater, Dater] | undefined) => {\n  currentRangeDate.value = rangeDate\n  emit('update:modelValue', rangeDate?.map((d) => d.format(formatStr.value)) as [string, string])\n})\n\nasync function handleSelect(rangeDate: [Dater, Dater] | undefined) {\n  await commitSelectedRange(rangeDate)\n  dropdownRef.value?.close()\n}\n\nconst hovered = shallowRef(false)\n\nfunction handleClear() {\n  currentRangeDate.value = undefined\n  emit('update:modelValue', undefined)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4EA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,mBAAmB;EAEnC,MAAM,YAAY,eAAe;GAC/B,OAAO;IAAC,IAAI;IAAG,IAAI,EAAE,KAAK,KAAK;IAAG,IAAI,GAAG,YAAY,SAAS,KAAK;GAAC;EACtE,CAAC;EAED,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;EACZ,CAAC;EAED,MAAM,cAAc,WAA4B;EAEhD,MAAM,EAAE,YAAY,iBAAiB,cAAc;EAEnD,MAAM,mBAAmB,WAA2B;EAEpD,MAAM,mBAAmB,eAAe;GACtC,OAAO,MAAM,aAAa;EAC5B,CAAC;EAED,MAAM,iBAAiB,eAAe;GACpC,OAAO,MAAM,aAAa;EAC5B,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,EAAE,QAAQ,SAAS;GACzB,IAAI,QAAQ,OAAO;GACnB,IAAI,SAAS,QAAQ,OAAO;GAC5B,IAAI,SAAS,SAAS,OAAO;GAC7B,IAAI,SAAS,QAAQ,OAAO;GAC5B,OAAO;EACT,CAAC;EAED,YACQ,MAAM,aACX,QAAQ;GACP,IAAI,aAAa,GAAG;GACpB,IAAI,KAAK,WAAW,GAClB,iBAAiB,QAAQ,CAAC,KAAK,IAAI,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;QAEpD,iBAAiB,QAAQ,KAAA;EAE7B,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,MAAM,sBAAsB,YAAY,cAA0C;GAChF,iBAAiB,QAAQ;GACzB,KAAK,qBAAqB,WAAW,KAAK,MAAM,EAAE,OAAO,UAAU,KAAK,CAAC,CAAqB;EAChG,CAAC;EAED,eAAe,aAAa,WAAuC;GACjE,MAAM,oBAAoB,SAAS;GACnC,YAAY,OAAO,MAAM;EAC3B;EAEA,MAAM,UAAU,WAAW,KAAK;EAEhC,SAAS,cAAc;GACrB,iBAAiB,QAAQ,KAAA;GACzB,KAAK,qBAAqB,KAAA,CAAS;EACrC;;WA7IW,MAAA,QAAA,KAAA,UAAA,GATT,YAoDa,MAAA,WAAA,GAAA;;IAnDV,OAAK,eAAE,UAAA,KAAS;IACjB,SAAQ;IACP,iBAAa,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,GAAW,MAAA,GAAA,CAAG,CAAC,GAAE,SAAU,MAAA,IAAA,CAAI,CAAA;IACrD,OAAM;aACF;IAAJ,KAAI;IACH,UAAU,MAAA,QAAA;IACV,cAAU,OAAA,OAAA,OAAA,MAAA,WAAS,QAAA,QAAO;IAC1B,cAAU,OAAA,OAAA,OAAA,MAAA,WAAS,QAAA,QAAO;;IAGhB,SAAO,cAOd;KANF,mBAME,SAAA;MALA,MAAK;MACJ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;MACZ,OAAO,iBAAA;MACP,aAAa,QAAA,YAAW;MACzB,UAAA;;KAEF,mBAA0C,QAAA,EAAnC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,WAAA,CAAA,EAAA,GAAe,KAAC,CAAA;KACnC,mBAME,SAAA;MALA,MAAK;MACJ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;MACZ,OAAO,eAAA;MACP,aAAa,QAAA,YAAW;MACzB,UAAA;;KAGF,YAWa,YAAA;MAXD,MAAK;MAAU,MAAK;;6BAQtB,CANA,QAAA,aAAa,QAAA,cAAc,QAAA,SAAO,CAAK,MAAA,QAAA,KAAA,UAAA,GAD/C,YAOQ,MAAA,WAAA,GAAA;;OALL,OAAK,eAAA,CAAG,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,GAAU,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,CAAA;OAC7B,OAAM;OACL,SAAK,cAAO,aAAW,CAAA,MAAA,CAAA;;8BAEf,CAAT,YAAS,MAAA,KAAA,CAAA,CAAA,CAAA;;wCAGX,YAA2D,MAAA,WAAA,GAAA;;OAAlD,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA;;8BAA6B,CAAZ,YAAY,MAAA,QAAA,CAAA,CAAA,CAAA;;;;;;IAI3C,SAAO,cAQd,CAPF,YAOE,MAAA,WAAA,GAAA;KANA,OAAA;KACC,MAAA,QAAA;KACA,iBAAA,QAAA;KACA,MAAA,MAAA,IAAA;KACA,cAAY,iBAAA;KACZ,sBAAmB;;;;;;;;;;;;uBAK1B,mBAGW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBAFN,iBAAA,SAAoB,MAAA,kBAAA,CAAkB,IAAG,QAC5C,gBAAG,eAAA,SAAkB,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/components/date-range-picker/date-range-picker.vue.d.ts

@@ -5,11 +5,11 @@ declare const __VLS_export: import("vue").DefineComponent<DateRangePickerProps,
 }, string, import("vue").PublicProps, Readonly<DateRangePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: [string, string] | undefined) => any) | undefined;
 }>, {
-  readonly: boolean;
-  disabled: boolean;
   type: "date" | "month" | "year";
   placeholder: [string, string];
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/dialog/dialog.js

@@ -8,11 +8,11 @@ import { useDrag, useFallbackProps } from "@veltra/compositions";
 import { bem, extractNormalVNodes, setStyles, zIndex } from "@veltra/utils";
 import { Close, Maximum, Recover } from "@veltra/icons/normal";
 //#region src/components/dialog/dialog.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "Dialog",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UDialog",
 	inheritAttrs: false,
 	__name: "dialog",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		modelValue: {
 			type: Boolean,
 			default: true
@@ -33,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["update:modelValue", "closed"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels(["update:modelValue", "closed"], ["update:modelValue"]),
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;