@veltra/desktop 1.1.15 → 1.1.18

package/dist/components/rich-text-editor/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","names":[],"sources":["../../../src/components/rich-text-editor/toolbar.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('toolbar')\">\n    <template v-for=\"(item, index) in toolbar\" :key=\"index\">\n      <div v-if=\"item === '|'\" :class=\"cls.e('separator')\"></div>\n\n      <div v-else-if=\"item === 'heading'\" :class=\"[cls.e('toolbar-dropdown')]\">\n        <select\n          :class=\"[cls.e('heading-select'), { 'is-disabled': disabled }]\"\n          :value=\"activeHeading\"\n          :disabled=\"disabled\"\n          @change=\"onHeadingChange\"\n        >\n          <option value=\"paragraph\">正文</option>\n          <option value=\"h1\">Heading 1</option>\n          <option value=\"h2\">Heading 2</option>\n          <option value=\"h3\">Heading 3</option>\n          <option value=\"h4\">Heading 4</option>\n          <option value=\"h5\">Heading 5</option>\n          <option value=\"h6\">Heading 6</option>\n        </select>\n      </div>\n\n      <button\n        v-else\n        type=\"button\"\n        :class=\"[\n          cls.e('toolbar-btn'),\n          { 'is-active': isActive(item) },\n          { 'is-disabled': disabled }\n        ]\"\n        :disabled=\"disabled\"\n        :title=\"getTitle(item)\"\n        @click=\"onToolbarAction(item)\"\n      >\n        <span :class=\"cls.e('toolbar-icon')\" v-html=\"getIcon(item)\"></span>\n      </button>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link'\nimport { INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, ListNode } from '@lexical/list'\nimport { $createHeadingNode, $isHeadingNode, type HeadingTagType } from '@lexical/rich-text'\nimport { $isQuoteNode, $createQuoteNode } from '@lexical/rich-text'\nimport { $setBlocksType } from '@lexical/selection'\nimport { $getNearestNodeOfType } from '@lexical/utils'\nimport { bem } from '@veltra/utils'\nimport {\n  $getSelection,\n  $isRangeSelection,\n  FORMAT_TEXT_COMMAND,\n  UNDO_COMMAND,\n  REDO_COMMAND,\n  type LexicalEditor,\n  $createParagraphNode,\n  type RangeSelection\n} from 'lexical'\nimport { ref, onBeforeUnmount, watch } from 'vue'\n\nimport type { ToolbarItem } from '../../types'\n\nconst props = defineProps<{\n  editor: LexicalEditor | null\n  toolbar: ToolbarItem[]\n  disabled: boolean\n}>()\n\nconst cls = bem('rich-text-editor')\n\n// Active states\nconst isBold = ref(false)\nconst isItalic = ref(false)\nconst isUnderline = ref(false)\nconst isStrikethrough = ref(false)\nconst isLink = ref(false)\nconst isBulletList = ref(false)\nconst isOrderedList = ref(false)\nconst isBlockquote = ref(false)\nconst activeHeading = ref('paragraph')\n\nlet cleanupListener: (() => void) | null = null\n\nfunction setupListener(editorInstance: LexicalEditor) {\n  cleanupListener?.()\n  cleanupListener = editorInstance.registerUpdateListener(({ editorState }) => {\n    editorState.read(() => {\n      const selection = $getSelection()\n      if (!$isRangeSelection(selection)) return\n\n      updateToolbarState(selection)\n    })\n  })\n}\n\nfunction updateToolbarState(selection: RangeSelection) {\n  isBold.value = selection.hasFormat('bold')\n  isItalic.value = selection.hasFormat('italic')\n  isUnderline.value = selection.hasFormat('underline')\n  isStrikethrough.value = selection.hasFormat('strikethrough')\n\n  // Check block type\n  const anchorNode = selection.anchor.getNode()\n  let element = anchorNode.getKey() === 'root' ? anchorNode : anchorNode.getTopLevelElementOrThrow()\n\n  if ($isHeadingNode(element)) {\n    activeHeading.value = (element as any).getTag()\n  } else {\n    activeHeading.value = 'paragraph'\n  }\n\n  // Check list\n  const parentList = $getNearestNodeOfType(anchorNode, ListNode)\n  if (parentList) {\n    const listType = (parentList as any).getListType()\n    isBulletList.value = listType === 'bullet'\n    isOrderedList.value = listType === 'number'\n  } else {\n    isBulletList.value = false\n    isOrderedList.value = false\n  }\n\n  // Check blockquote\n  isBlockquote.value = $isQuoteNode(element)\n\n  // Check link\n  const parent = anchorNode.getParent()\n  isLink.value = $isLinkNode(parent)\n}\n\nwatch(\n  () => props.editor,\n  (editorInstance) => {\n    if (editorInstance) {\n      setupListener(editorInstance)\n    }\n  },\n  { immediate: true }\n)\n\nfunction isActive(item: ToolbarItem): boolean {\n  switch (item) {\n    case 'bold':\n      return isBold.value\n    case 'italic':\n      return isItalic.value\n    case 'underline':\n      return isUnderline.value\n    case 'strikethrough':\n      return isStrikethrough.value\n    case 'bullet-list':\n      return isBulletList.value\n    case 'ordered-list':\n      return isOrderedList.value\n    case 'blockquote':\n      return isBlockquote.value\n    case 'link':\n      return isLink.value\n    default:\n      return false\n  }\n}\n\nfunction onToolbarAction(item: ToolbarItem) {\n  const editorInstance = props.editor\n  if (!editorInstance || props.disabled) return\n\n  switch (item) {\n    case 'bold':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold')\n      break\n    case 'italic':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic')\n      break\n    case 'underline':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline')\n      break\n    case 'strikethrough':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough')\n      break\n    case 'code':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'code')\n      break\n    case 'bullet-list':\n      editorInstance.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined)\n      break\n    case 'ordered-list':\n      editorInstance.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined)\n      break\n    case 'blockquote':\n      editorInstance.update(() => {\n        const selection = $getSelection()\n        if ($isRangeSelection(selection)) {\n          if (isBlockquote.value) {\n            $setBlocksType(selection, () => $createParagraphNode())\n          } else {\n            $setBlocksType(selection, () => $createQuoteNode())\n          }\n        }\n      })\n      break\n    case 'link':\n      toggleLink(editorInstance)\n      break\n    case 'undo':\n      editorInstance.dispatchCommand(UNDO_COMMAND, undefined)\n      break\n    case 'redo':\n      editorInstance.dispatchCommand(REDO_COMMAND, undefined)\n      break\n  }\n\n  // Keep focus on editor\n  editorInstance.focus()\n}\n\nfunction onHeadingChange(event: Event) {\n  const editorInstance = props.editor\n  if (!editorInstance || props.disabled) return\n\n  const value = (event.target as HTMLSelectElement).value\n\n  editorInstance.update(() => {\n    const selection = $getSelection()\n    if ($isRangeSelection(selection)) {\n      if (value === 'paragraph') {\n        $setBlocksType(selection, () => $createParagraphNode())\n      } else {\n        $setBlocksType(selection, () => $createHeadingNode(value as HeadingTagType))\n      }\n    }\n  })\n\n  editorInstance.focus()\n}\n\nfunction toggleLink(editorInstance: LexicalEditor) {\n  editorInstance.getEditorState().read(() => {\n    const selection = $getSelection()\n    if (!$isRangeSelection(selection)) return\n\n    const anchorNode = selection.anchor.getNode()\n    const parent = anchorNode.getParent()\n\n    if ($isLinkNode(parent)) {\n      // Remove link\n      editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, null)\n    } else {\n      // Insert link with prompt\n      const url = prompt('请输入链接地址:', 'https://')\n      if (url && url !== 'https://') {\n        editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, url)\n      }\n    }\n  })\n}\n\nfunction getTitle(item: ToolbarItem): string {\n  const titles: Record<string, string> = {\n    bold: '加粗',\n    italic: '斜体',\n    underline: '下划线',\n    strikethrough: '删除线',\n    code: '行内代码',\n    'bullet-list': '无序列表',\n    'ordered-list': '有序列表',\n    blockquote: '引用',\n    'code-block': '代码块',\n    link: '链接',\n    undo: '撤销',\n    redo: '重做'\n  }\n  return titles[item] ?? item\n}\n\nfunction getIcon(item: ToolbarItem): string {\n  const icons: Record<string, string> = {\n    bold: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/><path d=\"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/></svg>',\n    italic:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"4\" x2=\"10\" y2=\"4\"/><line x1=\"14\" y1=\"20\" x2=\"5\" y2=\"20\"/><line x1=\"15\" y1=\"4\" x2=\"9\" y2=\"20\"/></svg>',\n    underline:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3\"/><line x1=\"4\" y1=\"21\" x2=\"20\" y2=\"21\"/></svg>',\n    strikethrough:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4H9a3 3 0 0 0-2.83 4\"/><path d=\"M14 12a4 4 0 0 1 0 8H6\"/><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"/></svg>',\n    code: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"/><polyline points=\"8 6 2 12 8 18\"/></svg>',\n    'bullet-list':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"/></svg>',\n    'ordered-list':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"10\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"10\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"10\" y1=\"18\" x2=\"21\" y2=\"18\"/><path d=\"M4 6h1v4\"/><path d=\"M4 10h2\"/><path d=\"M6 18H4c0-1 2-2 2-3s-1-1.5-2-1\"/></svg>',\n    blockquote:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z\"/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z\"/></svg>',\n    'code-block':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\"/><path d=\"m8 10-3 2 3 2\"/><path d=\"m16 10 3 2-3 2\"/><path d=\"m13 7-2 10\"/></svg>',\n    link: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/></svg>',\n    undo: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7v6h6\"/><path d=\"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13\"/></svg>',\n    redo: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 7v6h-6\"/><path d=\"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13\"/></svg>'\n  }\n  return icons[item] ?? ''\n}\n\nonBeforeUnmount(() => {\n  cleanupListener?.()\n  cleanupListener = null\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"toolbar.js","names":[],"sources":["../../../src/components/rich-text-editor/toolbar.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('toolbar')\">\n    <template v-for=\"(item, index) in toolbar\" :key=\"index\">\n      <div v-if=\"item === '|'\" :class=\"cls.e('separator')\"></div>\n\n      <div v-else-if=\"item === 'heading'\" :class=\"[cls.e('toolbar-dropdown')]\">\n        <select\n          :class=\"[cls.e('heading-select'), { 'is-disabled': disabled }]\"\n          :value=\"activeHeading\"\n          :disabled=\"disabled\"\n          @change=\"onHeadingChange\"\n        >\n          <option value=\"paragraph\">正文</option>\n          <option value=\"h1\">Heading 1</option>\n          <option value=\"h2\">Heading 2</option>\n          <option value=\"h3\">Heading 3</option>\n          <option value=\"h4\">Heading 4</option>\n          <option value=\"h5\">Heading 5</option>\n          <option value=\"h6\">Heading 6</option>\n        </select>\n      </div>\n\n      <button\n        v-else\n        type=\"button\"\n        :class=\"[\n          cls.e('toolbar-btn'),\n          { 'is-active': isActive(item) },\n          { 'is-disabled': disabled }\n        ]\"\n        :disabled=\"disabled\"\n        :title=\"getTitle(item)\"\n        @click=\"onToolbarAction(item)\"\n      >\n        <span :class=\"cls.e('toolbar-icon')\" v-html=\"getIcon(item)\"></span>\n      </button>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link'\nimport { INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, ListNode } from '@lexical/list'\nimport { $createHeadingNode, $isHeadingNode, type HeadingTagType } from '@lexical/rich-text'\nimport { $isQuoteNode, $createQuoteNode } from '@lexical/rich-text'\nimport { $setBlocksType } from '@lexical/selection'\nimport { $getNearestNodeOfType } from '@lexical/utils'\nimport { bem } from '@veltra/utils'\nimport {\n  $getSelection,\n  $isRangeSelection,\n  FORMAT_TEXT_COMMAND,\n  UNDO_COMMAND,\n  REDO_COMMAND,\n  type LexicalEditor,\n  $createParagraphNode,\n  type RangeSelection\n} from 'lexical'\nimport { ref, onBeforeUnmount, watch } from 'vue'\n\nimport type { ToolbarItem } from '../../types'\n\nconst props = defineProps<{\n  editor: LexicalEditor | null\n  toolbar: ToolbarItem[]\n  disabled: boolean\n}>()\n\nconst cls = bem('rich-text-editor')\n\n// Active states\nconst isBold = ref(false)\nconst isItalic = ref(false)\nconst isUnderline = ref(false)\nconst isStrikethrough = ref(false)\nconst isLink = ref(false)\nconst isBulletList = ref(false)\nconst isOrderedList = ref(false)\nconst isBlockquote = ref(false)\nconst activeHeading = ref('paragraph')\n\nlet cleanupListener: (() => void) | null = null\n\nfunction setupListener(editorInstance: LexicalEditor) {\n  cleanupListener?.()\n  cleanupListener = editorInstance.registerUpdateListener(({ editorState }) => {\n    editorState.read(() => {\n      const selection = $getSelection()\n      if (!$isRangeSelection(selection)) return\n\n      updateToolbarState(selection)\n    })\n  })\n}\n\nfunction updateToolbarState(selection: RangeSelection) {\n  isBold.value = selection.hasFormat('bold')\n  isItalic.value = selection.hasFormat('italic')\n  isUnderline.value = selection.hasFormat('underline')\n  isStrikethrough.value = selection.hasFormat('strikethrough')\n\n  // Check block type\n  const anchorNode = selection.anchor.getNode()\n  let element = anchorNode.getKey() === 'root' ? anchorNode : anchorNode.getTopLevelElementOrThrow()\n\n  if ($isHeadingNode(element)) {\n    activeHeading.value = (element as any).getTag()\n  } else {\n    activeHeading.value = 'paragraph'\n  }\n\n  // Check list\n  const parentList = $getNearestNodeOfType(anchorNode, ListNode)\n  if (parentList) {\n    const listType = (parentList as any).getListType()\n    isBulletList.value = listType === 'bullet'\n    isOrderedList.value = listType === 'number'\n  } else {\n    isBulletList.value = false\n    isOrderedList.value = false\n  }\n\n  // Check blockquote\n  isBlockquote.value = $isQuoteNode(element)\n\n  // Check link\n  const parent = anchorNode.getParent()\n  isLink.value = $isLinkNode(parent)\n}\n\nwatch(\n  () => props.editor,\n  (editorInstance) => {\n    if (editorInstance) {\n      setupListener(editorInstance)\n    }\n  },\n  { immediate: true }\n)\n\nfunction isActive(item: ToolbarItem): boolean {\n  switch (item) {\n    case 'bold':\n      return isBold.value\n    case 'italic':\n      return isItalic.value\n    case 'underline':\n      return isUnderline.value\n    case 'strikethrough':\n      return isStrikethrough.value\n    case 'bullet-list':\n      return isBulletList.value\n    case 'ordered-list':\n      return isOrderedList.value\n    case 'blockquote':\n      return isBlockquote.value\n    case 'link':\n      return isLink.value\n    default:\n      return false\n  }\n}\n\nfunction onToolbarAction(item: ToolbarItem) {\n  const editorInstance = props.editor\n  if (!editorInstance || props.disabled) return\n\n  switch (item) {\n    case 'bold':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold')\n      break\n    case 'italic':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic')\n      break\n    case 'underline':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline')\n      break\n    case 'strikethrough':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough')\n      break\n    case 'code':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'code')\n      break\n    case 'bullet-list':\n      editorInstance.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined)\n      break\n    case 'ordered-list':\n      editorInstance.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined)\n      break\n    case 'blockquote':\n      editorInstance.update(() => {\n        const selection = $getSelection()\n        if ($isRangeSelection(selection)) {\n          if (isBlockquote.value) {\n            $setBlocksType(selection, () => $createParagraphNode())\n          } else {\n            $setBlocksType(selection, () => $createQuoteNode())\n          }\n        }\n      })\n      break\n    case 'link':\n      toggleLink(editorInstance)\n      break\n    case 'undo':\n      editorInstance.dispatchCommand(UNDO_COMMAND, undefined)\n      break\n    case 'redo':\n      editorInstance.dispatchCommand(REDO_COMMAND, undefined)\n      break\n  }\n\n  // Keep focus on editor\n  editorInstance.focus()\n}\n\nfunction onHeadingChange(event: Event) {\n  const editorInstance = props.editor\n  if (!editorInstance || props.disabled) return\n\n  const value = (event.target as HTMLSelectElement).value\n\n  editorInstance.update(() => {\n    const selection = $getSelection()\n    if ($isRangeSelection(selection)) {\n      if (value === 'paragraph') {\n        $setBlocksType(selection, () => $createParagraphNode())\n      } else {\n        $setBlocksType(selection, () => $createHeadingNode(value as HeadingTagType))\n      }\n    }\n  })\n\n  editorInstance.focus()\n}\n\nfunction toggleLink(editorInstance: LexicalEditor) {\n  editorInstance.getEditorState().read(() => {\n    const selection = $getSelection()\n    if (!$isRangeSelection(selection)) return\n\n    const anchorNode = selection.anchor.getNode()\n    const parent = anchorNode.getParent()\n\n    if ($isLinkNode(parent)) {\n      // Remove link\n      editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, null)\n    } else {\n      // Insert link with prompt\n      const url = prompt('请输入链接地址:', 'https://')\n      if (url && url !== 'https://') {\n        editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, url)\n      }\n    }\n  })\n}\n\nfunction getTitle(item: ToolbarItem): string {\n  const titles: Record<string, string> = {\n    bold: '加粗',\n    italic: '斜体',\n    underline: '下划线',\n    strikethrough: '删除线',\n    code: '行内代码',\n    'bullet-list': '无序列表',\n    'ordered-list': '有序列表',\n    blockquote: '引用',\n    'code-block': '代码块',\n    link: '链接',\n    undo: '撤销',\n    redo: '重做'\n  }\n  return titles[item] ?? item\n}\n\nfunction getIcon(item: ToolbarItem): string {\n  const icons: Record<string, string> = {\n    bold: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/><path d=\"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/></svg>',\n    italic:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"4\" x2=\"10\" y2=\"4\"/><line x1=\"14\" y1=\"20\" x2=\"5\" y2=\"20\"/><line x1=\"15\" y1=\"4\" x2=\"9\" y2=\"20\"/></svg>',\n    underline:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3\"/><line x1=\"4\" y1=\"21\" x2=\"20\" y2=\"21\"/></svg>',\n    strikethrough:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4H9a3 3 0 0 0-2.83 4\"/><path d=\"M14 12a4 4 0 0 1 0 8H6\"/><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"/></svg>',\n    code: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"/><polyline points=\"8 6 2 12 8 18\"/></svg>',\n    'bullet-list':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"/></svg>',\n    'ordered-list':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"10\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"10\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"10\" y1=\"18\" x2=\"21\" y2=\"18\"/><path d=\"M4 6h1v4\"/><path d=\"M4 10h2\"/><path d=\"M6 18H4c0-1 2-2 2-3s-1-1.5-2-1\"/></svg>',\n    blockquote:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z\"/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z\"/></svg>',\n    'code-block':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\"/><path d=\"m8 10-3 2 3 2\"/><path d=\"m16 10 3 2-3 2\"/><path d=\"m13 7-2 10\"/></svg>',\n    link: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/></svg>',\n    undo: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7v6h6\"/><path d=\"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13\"/></svg>',\n    redo: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 7v6h-6\"/><path d=\"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13\"/></svg>'\n  }\n  return icons[item] ?? ''\n}\n\nonBeforeUnmount(() => {\n  cleanupListener?.()\n  cleanupListener = null\n})\n</script>\n"],"mappings":"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"}

package/dist/components/scroll/scroll-bar.js

@@ -57,10 +57,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			}
 		});
 		__expose({
+			/** 更新滚动条状态 */
 			update(_size, _offset) {
 				size.value = _size;
 				offset.value = _offset;
 			},
+			/** 设置轨道尺寸 */
 			setTrackSize(size) {
 				trackSize = size;
 			}

package/dist/components/scroll/scroll-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-bar.js","names":[],"sources":["../../../src/components/scroll/scroll-bar.vue"],"sourcesContent":["<template>\n  <div v-show=\"!!size\" ref=\"domRef\" :style=\"style\" :class=\"className\"></div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef } from 'vue'\n\nimport { ScrollDIKey } from './di'\n\ndefineOptions({\n  name: 'ScrollBar'\n})\n\nconst props = defineProps<{\n  type: 'x' | 'y'\n}>()\n\nconst emit = defineEmits<{\n  drag: [offset: number, size: number]\n}>()\n\n/** 滚动条高度(type为x时为宽度) */\nconst size = shallowRef(0)\n/** 滚动条偏移量 */\nconst offset = shallowRef(0)\n/** 滚动条拖拽前偏移量 */\nlet currentOffset = 0\n/** 滚动条轨道尺寸 */\nlet trackSize = 0\n\nconst { cls } = inject(ScrollDIKey)!\n\nconst dragging = shallowRef(false)\n\nconst className = computed(() => {\n  return [cls.e(`bar-${props.type}`), bem.is('active', dragging.value)]\n})\n\nconst style =\n  props.type === 'x'\n    ? computed(() => {\n        return {\n          width: size.value + 'px',\n          transform: `translateX(${offset.value}px)`\n        }\n      })\n    : computed(() => {\n        return {\n          height: size.value + 'px',\n          transform: `translateY(${offset.value}px)`\n        }\n      })\n\nconst domRef = shallowRef<HTMLElement>()\n\n/** 获取拖拽偏移量 */\nconst getDragOffset =\n  props.type === 'x'\n    ? (x: number, y: number) => currentOffset + x\n    : (x: number, y: number) => currentOffset + y\n\n// 应用拖拽\nuseDrag({\n  target: domRef,\n  onDragStart() {\n    dragging.value = true\n    currentOffset = offset.value\n  },\n  onDragEnd() {\n    dragging.value = false\n  },\n  onDrag({ x, y }) {\n    const newOffset = getDragOffset(x, y)\n    const maxOffset = trackSize - size.value\n\n    if (newOffset < 0) {\n      offset.value = 0\n    } else if (newOffset > maxOffset) {\n      offset.value = maxOffset\n    } else {\n      offset.value = newOffset\n    }\n\n    emit('drag', offset.value, size.value)\n  }\n})\n\ndefineExpose({\n  /** 更新滚动条状态 */\n  update(_size: number, _offset: number): void {\n    size.value = _size\n    offset.value = _offset\n  },\n\n  /** 设置轨道尺寸 */\n  setTrackSize(size: number): void {\n    trackSize = size\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAeA,MAAM,QAAQ;EAId,MAAM,OAAO;;EAKb,MAAM,OAAO,WAAW,EAAC;;EAEzB,MAAM,SAAS,WAAW,EAAC;;EAE3B,IAAI,gBAAgB;;EAEpB,IAAI,YAAY;EAEhB,MAAM,EAAE,QAAQ,OAAO,YAAY;EAEnC,MAAM,WAAW,WAAW,MAAK;EAEjC,MAAM,YAAY,eAAe;AAC/B,UAAO,CAAC,IAAI,EAAE,OAAO,MAAM,OAAO,EAAE,IAAI,GAAG,UAAU,SAAS,MAAM,CAAA;IACrE;EAED,MAAM,QACJ,MAAM,SAAS,MACX,eAAe;AACb,UAAO;IACL,OAAO,KAAK,QAAQ;IACpB,WAAW,cAAc,OAAO,MAAM;IACxC;IACD,GACD,eAAe;AACb,UAAO;IACL,QAAQ,KAAK,QAAQ;IACrB,WAAW,cAAc,OAAO,MAAM;IACxC;IACD;EAEP,MAAM,SAAS,YAAwB;;EAGvC,MAAM,gBACJ,MAAM,SAAS,OACV,GAAW,MAAc,gBAAgB,KACzC,GAAW,MAAc,gBAAgB;AAGhD,UAAQ;GACN,QAAQ;GACR,cAAc;AACZ,aAAS,QAAQ;AACjB,oBAAgB,OAAO;;GAEzB,YAAY;AACV,aAAS,QAAQ;;GAEnB,OAAO,EAAE,GAAG,KAAK;IACf,MAAM,YAAY,cAAc,GAAG,EAAC;IACpC,MAAM,YAAY,YAAY,KAAK;AAEnC,QAAI,YAAY,EACd,QAAO,QAAQ;aACN,YAAY,UACrB,QAAO,QAAQ;QAEf,QAAO,QAAQ;AAGjB,SAAK,QAAQ,OAAO,OAAO,KAAK,MAAK;;GAExC,CAAA;AAED,WAAa;GAEX,OAAO,OAAe,SAAuB;AAC3C,SAAK,QAAQ;AACb,WAAO,QAAQ;;GAIjB,aAAa,MAAoB;AAC/B,gBAAY;;GAEf,CAAA;;uCAnGC,mBAA0E,OAAA;aAAjD;IAAJ,KAAI;IAAU,OAAK,eAAE,MAAA,MAAK,CAAA;IAAG,OAAK,eAAE,UAAA,MAAS;4BAAnD,KAAA,MAAI,CAAA,CAAA"}
+{"version":3,"file":"scroll-bar.js","names":[],"sources":["../../../src/components/scroll/scroll-bar.vue"],"sourcesContent":["<template>\n  <div v-show=\"!!size\" ref=\"domRef\" :style=\"style\" :class=\"className\"></div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useDrag } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef } from 'vue'\n\nimport { ScrollDIKey } from './di'\n\ndefineOptions({\n  name: 'ScrollBar'\n})\n\nconst props = defineProps<{\n  type: 'x' | 'y'\n}>()\n\nconst emit = defineEmits<{\n  drag: [offset: number, size: number]\n}>()\n\n/** 滚动条高度(type为x时为宽度) */\nconst size = shallowRef(0)\n/** 滚动条偏移量 */\nconst offset = shallowRef(0)\n/** 滚动条拖拽前偏移量 */\nlet currentOffset = 0\n/** 滚动条轨道尺寸 */\nlet trackSize = 0\n\nconst { cls } = inject(ScrollDIKey)!\n\nconst dragging = shallowRef(false)\n\nconst className = computed(() => {\n  return [cls.e(`bar-${props.type}`), bem.is('active', dragging.value)]\n})\n\nconst style =\n  props.type === 'x'\n    ? computed(() => {\n        return {\n          width: size.value + 'px',\n          transform: `translateX(${offset.value}px)`\n        }\n      })\n    : computed(() => {\n        return {\n          height: size.value + 'px',\n          transform: `translateY(${offset.value}px)`\n        }\n      })\n\nconst domRef = shallowRef<HTMLElement>()\n\n/** 获取拖拽偏移量 */\nconst getDragOffset =\n  props.type === 'x'\n    ? (x: number, y: number) => currentOffset + x\n    : (x: number, y: number) => currentOffset + y\n\n// 应用拖拽\nuseDrag({\n  target: domRef,\n  onDragStart() {\n    dragging.value = true\n    currentOffset = offset.value\n  },\n  onDragEnd() {\n    dragging.value = false\n  },\n  onDrag({ x, y }) {\n    const newOffset = getDragOffset(x, y)\n    const maxOffset = trackSize - size.value\n\n    if (newOffset < 0) {\n      offset.value = 0\n    } else if (newOffset > maxOffset) {\n      offset.value = maxOffset\n    } else {\n      offset.value = newOffset\n    }\n\n    emit('drag', offset.value, size.value)\n  }\n})\n\ndefineExpose({\n  /** 更新滚动条状态 */\n  update(_size: number, _offset: number): void {\n    size.value = _size\n    offset.value = _offset\n  },\n\n  /** 设置轨道尺寸 */\n  setTrackSize(size: number): void {\n    trackSize = size\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAeA,MAAM,QAAQ;EAId,MAAM,OAAO;;EAKb,MAAM,OAAO,WAAW,EAAC;;EAEzB,MAAM,SAAS,WAAW,EAAC;;EAE3B,IAAI,gBAAgB;;EAEpB,IAAI,YAAY;EAEhB,MAAM,EAAE,QAAQ,OAAO,YAAW;EAElC,MAAM,WAAW,WAAW,MAAK;EAEjC,MAAM,YAAY,eAAe;GAC/B,OAAO,CAAC,IAAI,EAAE,OAAO,MAAM,OAAM,EAAG,IAAI,GAAG,UAAU,SAAS,MAAM,CAAA;IACrE;EAED,MAAM,QACJ,MAAM,SAAS,MACX,eAAe;GACb,OAAO;IACL,OAAO,KAAK,QAAQ;IACpB,WAAW,cAAc,OAAO,MAAM;IACxC;IACD,GACD,eAAe;GACb,OAAO;IACL,QAAQ,KAAK,QAAQ;IACrB,WAAW,cAAc,OAAO,MAAM;IACxC;IACD;EAEP,MAAM,SAAS,YAAwB;;EAGvC,MAAM,gBACJ,MAAM,SAAS,OACV,GAAW,MAAc,gBAAgB,KACzC,GAAW,MAAc,gBAAgB;EAGhD,QAAQ;GACN,QAAQ;GACR,cAAc;IACZ,SAAS,QAAQ;IACjB,gBAAgB,OAAO;;GAEzB,YAAY;IACV,SAAS,QAAQ;;GAEnB,OAAO,EAAE,GAAG,KAAK;IACf,MAAM,YAAY,cAAc,GAAG,EAAC;IACpC,MAAM,YAAY,YAAY,KAAK;IAEnC,IAAI,YAAY,GACd,OAAO,QAAQ;SACV,IAAI,YAAY,WACrB,OAAO,QAAQ;SAEf,OAAO,QAAQ;IAGjB,KAAK,QAAQ,OAAO,OAAO,KAAK,MAAK;;GAExC,CAAA;EAED,SAAa;;GAEX,OAAO,OAAe,SAAuB;IAC3C,KAAK,QAAQ;IACb,OAAO,QAAQ;;;GAIjB,aAAa,MAAoB;IAC/B,YAAY;;GAEf,CAAA;;uCAnGC,mBAA0E,OAAA;aAAjD;IAAJ,KAAI;IAAU,OAAK,eAAE,MAAA,MAAK,CAAA;IAAG,OAAK,eAAE,UAAA,MAAS;4BAAnD,KAAA,MAAI,CAAA,CAAA"}

package/dist/components/scroll/scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.js","names":[],"sources":["../../../src/components/scroll/scroll.vue"],"sourcesContent":["<template>\n  <div :class=\"className\" :style=\"style\" ref=\"scrollRef\">\n    <template v-if=\"!isExternal\">\n      <div\n        ref=\"containerRef\"\n        :class=\"[cls.e('container'), containerClass]\"\n        @scroll.passive=\"handleScroll\"\n        :style=\"containerStyle\"\n      >\n        <component\n          ref=\"contentRef\"\n          :style=\"contentStyle\"\n          :class=\"[cls.e('content'), contentClass]\"\n          :is=\"tag\"\n        >\n          <slot />\n        </component>\n      </div>\n\n      <u-scroll-bar type=\"y\" :class=\"cls.e('bar-y')\" @drag=\"handleDragY\" ref=\"barY\" />\n      <u-scroll-bar type=\"x\" :class=\"cls.e('bar-x')\" @drag=\"handleDragX\" ref=\"barX\" />\n    </template>\n\n    <template v-else>\n      <slot />\n      <Teleport v-if=\"externalTarget\" :to=\"externalTarget\">\n        <div ref=\"overlayRef\" :class=\"cls.e('overlay')\">\n          <u-scroll-bar type=\"y\" :class=\"cls.e('bar-y')\" @drag=\"handleDragY\" ref=\"barY\" />\n          <u-scroll-bar type=\"x\" :class=\"cls.e('bar-x')\" @drag=\"handleDragX\" ref=\"barX\" />\n        </div>\n      </Teleport>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { debounce } from '@cat-kit/core'\nimport { useResizeObserver } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport {\n  type CSSProperties,\n  computed,\n  onBeforeUnmount,\n  provide,\n  shallowRef,\n  toValue,\n  watch\n} from 'vue'\n\nimport type { ScrollPosition, _ScrollExposed, ScrollProps, ScrollEmits } from '../../types'\nimport { ScrollDIKey } from './di'\nimport UScrollBar from './scroll-bar.vue'\n\ndefineOptions({\n  name: 'Scroll'\n})\n\nconst props = withDefaults(defineProps<ScrollProps>(), {\n  tag: 'div'\n})\n\nconst emit = defineEmits<ScrollEmits>()\n\ndefineSlots<{\n  /** 默认插槽 */\n  default(): any\n  /** 内容插槽 */\n  content(): any\n}>()\n\nconst cls = bem('scroll')\n\nconst isExternal = computed(() => props.target !== undefined)\n\nconst externalTarget = computed(() => (isExternal.value ? toValue(props.target) : null))\n\nconst className = computed(() => {\n  return [cls.b, bem.is('always', props.always), bem.is('external', isExternal.value)]\n})\n\nconst style = computed<CSSProperties>(() => {\n  if (isExternal.value) return {}\n  return {\n    height: withUnit(props.height, 'px')\n  }\n})\n\nconst contentRef = shallowRef<HTMLElement>()\nconst scrollRef = shallowRef<HTMLElement>()\nconst containerRef = shallowRef<HTMLElement>()\nconst overlayRef = shallowRef<HTMLElement>()\nconst barX = shallowRef<InstanceType<typeof UScrollBar>>()\nconst barY = shallowRef<InstanceType<typeof UScrollBar>>()\nconst minSize = 20\n\nconst trackSize = {\n  width: 0,\n  height: 0\n}\n\nfunction getScrollContainer(): HTMLElement | undefined {\n  if (isExternal.value) {\n    return externalTarget.value ?? undefined\n  }\n  return containerRef.value\n}\n\nfunction syncTrackSize() {\n  const container = getScrollContainer()\n  if (!container) return\n\n  trackSize.width = container.clientWidth\n  trackSize.height = container.clientHeight\n  barX.value?.setTrackSize(trackSize.width)\n  barY.value?.setTrackSize(trackSize.height)\n}\n\nconst updateBar = () => {\n  const container = getScrollContainer()\n  if (!container) return\n\n  const { scrollHeight, clientHeight, scrollTop, scrollWidth, clientWidth, scrollLeft } = container\n\n  emit('scroll', {\n    x: scrollLeft,\n    y: scrollTop,\n    sw: scrollWidth,\n    sh: scrollHeight,\n    cw: clientWidth,\n    ch: clientHeight\n  })\n\n  if (scrollHeight !== clientHeight) {\n    const barYHeight = Math.max((clientHeight / scrollHeight) * trackSize.height, minSize)\n    const barYTop = (scrollTop / (scrollHeight - clientHeight)) * (trackSize.height - barYHeight)\n    barY.value?.update(barYHeight, barYTop)\n  } else {\n    barY.value?.update(0, 0)\n  }\n\n  if (scrollWidth !== clientWidth) {\n    const barXWidth = Math.max((clientWidth / scrollWidth) * trackSize.width, minSize)\n    const barXLeft = (scrollLeft / (scrollWidth - clientWidth)) * (trackSize.width - barXWidth)\n    barX.value?.update(barXWidth, barXLeft)\n  } else {\n    barX.value?.update(0, 0)\n  }\n}\n\nconst handleDragX = debounce(\n  (offset: number, size: number) => {\n    const container = getScrollContainer()\n    if (!container) return\n    const { clientWidth, scrollWidth } = container\n    container.scrollLeft = (offset / (trackSize.width - size)) * (scrollWidth - clientWidth)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleDragY = debounce(\n  (offset: number, size: number) => {\n    const container = getScrollContainer()\n    if (!container) return\n    const { clientHeight, scrollHeight } = container\n    container.scrollTop = (offset / (trackSize.height - size)) * (scrollHeight - clientHeight)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleScroll = () => {\n  updateBar()\n}\n\nuseResizeObserver({\n  targets: [contentRef, scrollRef, () => externalTarget.value ?? null],\n  onResize: (entries) => {\n    syncTrackSize()\n    updateBar()\n    if (entries.length) {\n      emit(\n        'resize',\n        entries.map((entry) => entry.target as HTMLElement)\n      )\n    }\n  }\n})\n\nlet detachExternalScroll: (() => void) | undefined\n\nwatch(\n  externalTarget,\n  (el, _, onCleanup) => {\n    detachExternalScroll?.()\n    detachExternalScroll = undefined\n    if (!el || !isExternal.value) return\n\n    const onScroll = () => updateBar()\n    el.addEventListener('scroll', onScroll, { passive: true })\n    detachExternalScroll = () => el.removeEventListener('scroll', onScroll)\n    syncTrackSize()\n    updateBar()\n\n    onCleanup(() => {\n      detachExternalScroll?.()\n      detachExternalScroll = undefined\n    })\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  detachExternalScroll?.()\n})\n\nconst scrollToLeft = (left: number) => {\n  const container = getScrollContainer()\n  if (!container) return\n  container.scrollTo({ left })\n}\n\nconst scrollToTop = (top: number) => {\n  const container = getScrollContainer()\n  if (!container) return\n  container.scrollTo({ top })\n}\n\nconst scrollTo = (position: ScrollPosition) => {\n  if (position.x !== undefined) scrollToLeft(position.x)\n  if (position.y !== undefined) scrollToTop(position.y)\n}\n\nprovide(ScrollDIKey, {\n  cls\n})\n\nconst activeContainerRef = shallowRef<HTMLElement>()\n\nwatch(\n  [isExternal, externalTarget, containerRef],\n  () => {\n    activeContainerRef.value = getScrollContainer()\n  },\n  { immediate: true }\n)\n\nconst exposed: _ScrollExposed = {\n  el: scrollRef,\n  contentRef,\n  containerRef: activeContainerRef,\n  scrollTo,\n  update: updateBar\n}\n\ndefineExpose(exposed)\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"scroll.js","names":[],"sources":["../../../src/components/scroll/scroll.vue"],"sourcesContent":["<template>\n  <div :class=\"className\" :style=\"style\" ref=\"scrollRef\">\n    <template v-if=\"!isExternal\">\n      <div\n        ref=\"containerRef\"\n        :class=\"[cls.e('container'), containerClass]\"\n        @scroll.passive=\"handleScroll\"\n        :style=\"containerStyle\"\n      >\n        <component\n          ref=\"contentRef\"\n          :style=\"contentStyle\"\n          :class=\"[cls.e('content'), contentClass]\"\n          :is=\"tag\"\n        >\n          <slot />\n        </component>\n      </div>\n\n      <u-scroll-bar type=\"y\" :class=\"cls.e('bar-y')\" @drag=\"handleDragY\" ref=\"barY\" />\n      <u-scroll-bar type=\"x\" :class=\"cls.e('bar-x')\" @drag=\"handleDragX\" ref=\"barX\" />\n    </template>\n\n    <template v-else>\n      <slot />\n      <Teleport v-if=\"externalTarget\" :to=\"externalTarget\">\n        <div ref=\"overlayRef\" :class=\"cls.e('overlay')\">\n          <u-scroll-bar type=\"y\" :class=\"cls.e('bar-y')\" @drag=\"handleDragY\" ref=\"barY\" />\n          <u-scroll-bar type=\"x\" :class=\"cls.e('bar-x')\" @drag=\"handleDragX\" ref=\"barX\" />\n        </div>\n      </Teleport>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { debounce } from '@cat-kit/core'\nimport { useResizeObserver } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport {\n  type CSSProperties,\n  computed,\n  onBeforeUnmount,\n  provide,\n  shallowRef,\n  toValue,\n  watch\n} from 'vue'\n\nimport type { ScrollPosition, _ScrollExposed, ScrollProps, ScrollEmits } from '../../types'\nimport { ScrollDIKey } from './di'\nimport UScrollBar from './scroll-bar.vue'\n\ndefineOptions({\n  name: 'Scroll'\n})\n\nconst props = withDefaults(defineProps<ScrollProps>(), {\n  tag: 'div'\n})\n\nconst emit = defineEmits<ScrollEmits>()\n\ndefineSlots<{\n  /** 默认插槽 */\n  default(): any\n  /** 内容插槽 */\n  content(): any\n}>()\n\nconst cls = bem('scroll')\n\nconst isExternal = computed(() => props.target !== undefined)\n\nconst externalTarget = computed(() => (isExternal.value ? toValue(props.target) : null))\n\nconst className = computed(() => {\n  return [cls.b, bem.is('always', props.always), bem.is('external', isExternal.value)]\n})\n\nconst style = computed<CSSProperties>(() => {\n  if (isExternal.value) return {}\n  return {\n    height: withUnit(props.height, 'px')\n  }\n})\n\nconst contentRef = shallowRef<HTMLElement>()\nconst scrollRef = shallowRef<HTMLElement>()\nconst containerRef = shallowRef<HTMLElement>()\nconst overlayRef = shallowRef<HTMLElement>()\nconst barX = shallowRef<InstanceType<typeof UScrollBar>>()\nconst barY = shallowRef<InstanceType<typeof UScrollBar>>()\nconst minSize = 20\n\nconst trackSize = {\n  width: 0,\n  height: 0\n}\n\nfunction getScrollContainer(): HTMLElement | undefined {\n  if (isExternal.value) {\n    return externalTarget.value ?? undefined\n  }\n  return containerRef.value\n}\n\nfunction syncTrackSize() {\n  const container = getScrollContainer()\n  if (!container) return\n\n  trackSize.width = container.clientWidth\n  trackSize.height = container.clientHeight\n  barX.value?.setTrackSize(trackSize.width)\n  barY.value?.setTrackSize(trackSize.height)\n}\n\nconst updateBar = () => {\n  const container = getScrollContainer()\n  if (!container) return\n\n  const { scrollHeight, clientHeight, scrollTop, scrollWidth, clientWidth, scrollLeft } = container\n\n  emit('scroll', {\n    x: scrollLeft,\n    y: scrollTop,\n    sw: scrollWidth,\n    sh: scrollHeight,\n    cw: clientWidth,\n    ch: clientHeight\n  })\n\n  if (scrollHeight !== clientHeight) {\n    const barYHeight = Math.max((clientHeight / scrollHeight) * trackSize.height, minSize)\n    const barYTop = (scrollTop / (scrollHeight - clientHeight)) * (trackSize.height - barYHeight)\n    barY.value?.update(barYHeight, barYTop)\n  } else {\n    barY.value?.update(0, 0)\n  }\n\n  if (scrollWidth !== clientWidth) {\n    const barXWidth = Math.max((clientWidth / scrollWidth) * trackSize.width, minSize)\n    const barXLeft = (scrollLeft / (scrollWidth - clientWidth)) * (trackSize.width - barXWidth)\n    barX.value?.update(barXWidth, barXLeft)\n  } else {\n    barX.value?.update(0, 0)\n  }\n}\n\nconst handleDragX = debounce(\n  (offset: number, size: number) => {\n    const container = getScrollContainer()\n    if (!container) return\n    const { clientWidth, scrollWidth } = container\n    container.scrollLeft = (offset / (trackSize.width - size)) * (scrollWidth - clientWidth)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleDragY = debounce(\n  (offset: number, size: number) => {\n    const container = getScrollContainer()\n    if (!container) return\n    const { clientHeight, scrollHeight } = container\n    container.scrollTop = (offset / (trackSize.height - size)) * (scrollHeight - clientHeight)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleScroll = () => {\n  updateBar()\n}\n\nuseResizeObserver({\n  targets: [contentRef, scrollRef, () => externalTarget.value ?? null],\n  onResize: (entries) => {\n    syncTrackSize()\n    updateBar()\n    if (entries.length) {\n      emit(\n        'resize',\n        entries.map((entry) => entry.target as HTMLElement)\n      )\n    }\n  }\n})\n\nlet detachExternalScroll: (() => void) | undefined\n\nwatch(\n  externalTarget,\n  (el, _, onCleanup) => {\n    detachExternalScroll?.()\n    detachExternalScroll = undefined\n    if (!el || !isExternal.value) return\n\n    const onScroll = () => updateBar()\n    el.addEventListener('scroll', onScroll, { passive: true })\n    detachExternalScroll = () => el.removeEventListener('scroll', onScroll)\n    syncTrackSize()\n    updateBar()\n\n    onCleanup(() => {\n      detachExternalScroll?.()\n      detachExternalScroll = undefined\n    })\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  detachExternalScroll?.()\n})\n\nconst scrollToLeft = (left: number) => {\n  const container = getScrollContainer()\n  if (!container) return\n  container.scrollTo({ left })\n}\n\nconst scrollToTop = (top: number) => {\n  const container = getScrollContainer()\n  if (!container) return\n  container.scrollTo({ top })\n}\n\nconst scrollTo = (position: ScrollPosition) => {\n  if (position.x !== undefined) scrollToLeft(position.x)\n  if (position.y !== undefined) scrollToTop(position.y)\n}\n\nprovide(ScrollDIKey, {\n  cls\n})\n\nconst activeContainerRef = shallowRef<HTMLElement>()\n\nwatch(\n  [isExternal, externalTarget, containerRef],\n  () => {\n    activeContainerRef.value = getScrollContainer()\n  },\n  { immediate: true }\n)\n\nconst exposed: _ScrollExposed = {\n  el: scrollRef,\n  contentRef,\n  containerRef: activeContainerRef,\n  scrollTo,\n  update: updateBar\n}\n\ndefineExpose(exposed)\n</script>\n"],"mappings":"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"}

package/dist/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["$slots"],"sources":["../../../src/components/select/select.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    trigger=\"click\"\n    :class=\"[cls.b, bem.is('disabled', disabled)]\"\n    ref=\"dropdownRef\"\n    v-model:visible=\"dropdownVisible\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size), contentClass]\"\n    :content-style=\"contentStyle\"\n    :disabled=\"disabled\"\n    :min-width=\"minWidth\"\n    :width=\"width\"\n    @keydown=\"handleKeydown\"\n    @update:visible=\"handleDropdownVisible\"\n  >\n    <!-- 触发 -->\n    <template #trigger>\n      <u-input\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder\"\n        :clearable=\"clearable\"\n        :model-value=\"displayedValue\"\n        @clear=\"handleClear\"\n        @keydown=\"handleKeydown\"\n        native-readonly\n      >\n        <template #prefix v-if=\"$slots.prefix\">\n          <slot name=\"prefix\" />\n        </template>\n\n        <template #suffix>\n          <u-icon :class=\"cls.e('arrow')\">\n            <ArrowDown />\n          </u-icon>\n        </template>\n      </u-input>\n    </template>\n\n    <!-- 下拉内容 -->\n    <template #content>\n      <!-- 过滤器 -->\n      <div v-if=\"filterable\" :class=\"cls.e('content-filter')\">\n        <u-input placeholder=\"输入关键字进行搜索\" tabindex=\"0\" v-focus v-model=\"queryString\">\n          <template #suffix>\n            <u-icon>\n              <Search />\n            </u-icon>\n          </template>\n        </u-input>\n      </div>\n\n      <!--\n        单选列表。虚拟化启用时，内容容器 height 由 useVirtualizer 命令式写入；\n        此处 content-style 仅承担 grid 相关样式，避免 height 变化触发模板重渲染。\n      -->\n      <u-scroll\n        v-if=\"options.length\"\n        tag=\"ul\"\n        :class=\"cls.e('options')\"\n        ref=\"scrollRef\"\n        :content-class=\"[\n          cls.e('options-wrap'),\n          bem.is('virtual', virtualEnabled),\n          bem.is('grid', !!grid)\n        ]\"\n        :content-style=\"{\n          gridTemplateColumns: grid ? `repeat(${grid.cols}, minmax(0px, 1fr))` : undefined,\n          gridGap: grid ? withUnit(grid.gap, 'px') : undefined\n        }\"\n      >\n        <template v-if=\"virtualEnabled\">\n          <!-- @vue-ignore -->\n          <li\n            v-for=\"{ option, index, val, label, key, offset } of virtualOptions\"\n            :class=\"[optionClass, bem.is('selected', index === currentIndex)]\"\n            @click=\"handleSelect(option, index)\"\n            :key=\"key\"\n            :style=\"{ transform: `translateY(${offset}px)` }\"\n            :data-index=\"index\"\n            :ref=\"(el) => measureElement(index, el as Element | null)\"\n          >\n            <slot v-bind=\"{ option, index }\">\n              {{ label }}\n            </slot>\n          </li>\n        </template>\n\n        <template v-else>\n          <li\n            v-for=\"(option, index) of options\"\n            :class=\"[optionClass, bem.is('selected', index === currentIndex)]\"\n            @click=\"handleSelect(option, index)\"\n            :data-index=\"index\"\n            :title=\"o(option).get(labelKey)\"\n            :key=\"o(option).get(valueKey)\"\n          >\n            <slot v-bind=\"{ option, index }\">\n              {{ o(option).get(labelKey) }}\n            </slot>\n          </li>\n        </template>\n      </u-scroll>\n\n      <div v-else :class=\"cls.e('empty')\">\n        <UEmpty />\n      </div>\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 { o } from '@cat-kit/core'\nimport { useFormFallbackProps, useVirtualizer } from '@veltra/compositions'\nimport { vFocus } from '@veltra/directives'\nimport { ArrowDown, Search } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT, scrollIntoContainerView, withUnit } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, nextTick, shallowRef, watch } from 'vue'\n\nimport type {\n  SelectEmits,\n  SelectProps,\n  _SelectExposed,\n  DropdownExposed,\n  ScrollExposed\n} from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UEmpty } from '../empty'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\nimport { UScroll } from '../scroll'\nimport { useKeyboard } from './use-keyboard'\nimport { useOptions } from './use-options'\n\ndefineOptions({ name: 'Select' })\n\nconst props = withDefaults(defineProps<SelectProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  placeholder: '请选择',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<SelectEmits>()\n\ndefineSlots<{\n  /** 前缀插槽 */\n  prefix?: () => any\n  /** 默认插槽 */\n  default?: (scope: { option: Record<string, any>; index: number }) => any\n}>()\n\nconst cls = bem('select')\n\nconst optionClass = cls.e('option')\n\nconst { formProps } = injectFormContext()\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst currentIndex = shallowRef(-1)\nconst label = defineModel('text')\nconst selected = shallowRef<Record<string, any>>()\n\nconst displayedValue = computed(() => {\n  if (label.value) return label.value\n\n  return selected.value ? o(selected.value).get(props.labelKey) : String(props.modelValue ?? '')\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\nconst scrollRef = shallowRef<ScrollExposed>()\n\nconst filterable = computed(() => {\n  return props.filterable || typeof props.options === 'function'\n})\n\nconst { queryString, options, temOptionsToCreatedOptions, clearCreatedOptions } = useOptions({\n  props\n})\n\n// TODO: 优化\nlet userSelecting = false\nfunction lock() {\n  userSelecting = true\n}\n\nfunction unlock() {\n  nextTick(() => {\n    userSelecting = false\n  })\n}\n\n// 回显\nwatch(\n  [() => props.modelValue, options],\n  ([modelValue, options]) => {\n    if (userSelecting) return\n\n    if (!options?.length) return\n\n    if (modelValue !== undefined) {\n      const { valueKey } = props\n      currentIndex.value = options.findIndex((option) => o(option).get(valueKey) === modelValue)\n\n      selected.value = options[currentIndex.value]\n    } else {\n      currentIndex.value = -1\n      selected.value = undefined\n    }\n  },\n  { immediate: true }\n)\n\nconst baseVirtualEnabled = computed(() => options.value.length > 80)\nconst virtualEnabled = computed(() => baseVirtualEnabled.value && !props.grid)\n\nconst { virtualizer, items } = useVirtualizer({\n  count: computed(() => options.value.length),\n  scrollEl: () => scrollRef.value?.containerRef ?? null,\n  contentEl: () => (virtualEnabled.value ? (scrollRef.value?.contentRef ?? null) : null),\n  gap: 4,\n  estimateSize: () => 40\n})\n\nconst virtualOptions = computed(() => {\n  const _options = options.value\n  const { labelKey, valueKey } = props\n  return items.value.map((item) => {\n    const option = _options[item.index]!\n    return {\n      option,\n      index: item.index,\n      label: o(option).get(labelKey),\n      val: o(option).get(valueKey),\n      key: item.index,\n      offset: item.start\n    }\n  })\n})\n\nconst measureElement: (index: number, el: Element | null) => void = (index, el) =>\n  virtualizer.measureElement(index, el)\n\nfunction scrollTo(index: number): void {\n  virtualizer.scrollToIndex(index, { align: 'center' })\n}\n\nwatch([scrollRef, virtualEnabled], ([scroll, virtualEnabled]) => {\n  if (!scroll || !props.modelValue) return\n\n  if (virtualEnabled) {\n    const index = options.value.findIndex((option) => option === selected.value)\n    index !== -1 && dropdownVisible.value && nextTick(() => scrollTo(index))\n  } else {\n    const selectedEl = scroll?.contentRef?.getElementsByClassName('is-selected')[0]\n    if (selectedEl) {\n      scrollIntoContainerView(selectedEl as HTMLElement, scroll.containerRef ?? null)\n    }\n  }\n})\n\nconst dropdownVisible = shallowRef(false)\n\nwatch(dropdownVisible, (v) => {\n  if (!v) {\n    queryString.value = ''\n  }\n})\n\nconst handleDropdownVisible = (visible: boolean) => {\n  if (!visible) {\n    queryString.value = ''\n  }\n}\n\n/** 单选 */\nconst handleSelect = (option: Record<string, any>, index: number) => {\n  lock()\n  selected.value = option\n\n  emit('update:modelValue', option?.[props.valueKey])\n  label.value = option?.[props.labelKey]\n  emit('change', option)\n  if (option.__isTemp) {\n    temOptionsToCreatedOptions()\n  }\n  currentIndex.value = index\n  dropdownRef.value?.close()\n\n  unlock()\n}\n\n/** 清除选项 */\nconst handleClear = () => {\n  lock()\n  selected.value = undefined\n  clearCreatedOptions()\n  emit('update:modelValue', undefined)\n  emit('change', undefined)\n  unlock()\n}\n\nfunction getCurrentEl() {\n  return scrollRef.value?.contentRef?.querySelector('li.is-selected') as HTMLElement | undefined\n}\n\nconst { handleKeydown } = useKeyboard({\n  options,\n  currentIndex,\n  selectOption: handleSelect,\n  getCurrentEl\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"select.js","names":["$slots"],"sources":["../../../src/components/select/select.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    trigger=\"click\"\n    :class=\"[cls.b, bem.is('disabled', disabled)]\"\n    ref=\"dropdownRef\"\n    v-model:visible=\"dropdownVisible\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size), contentClass]\"\n    :content-style=\"contentStyle\"\n    :disabled=\"disabled\"\n    :min-width=\"minWidth\"\n    :width=\"width\"\n    @keydown=\"handleKeydown\"\n    @update:visible=\"handleDropdownVisible\"\n  >\n    <!-- 触发 -->\n    <template #trigger>\n      <u-input\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder\"\n        :clearable=\"clearable\"\n        :model-value=\"displayedValue\"\n        @clear=\"handleClear\"\n        @keydown=\"handleKeydown\"\n        native-readonly\n      >\n        <template #prefix v-if=\"$slots.prefix\">\n          <slot name=\"prefix\" />\n        </template>\n\n        <template #suffix>\n          <u-icon :class=\"cls.e('arrow')\">\n            <ArrowDown />\n          </u-icon>\n        </template>\n      </u-input>\n    </template>\n\n    <!-- 下拉内容 -->\n    <template #content>\n      <!-- 过滤器 -->\n      <div v-if=\"filterable\" :class=\"cls.e('content-filter')\">\n        <u-input placeholder=\"输入关键字进行搜索\" tabindex=\"0\" v-focus v-model=\"queryString\">\n          <template #suffix>\n            <u-icon>\n              <Search />\n            </u-icon>\n          </template>\n        </u-input>\n      </div>\n\n      <!--\n        单选列表。虚拟化启用时，内容容器 height 由 useVirtualizer 命令式写入；\n        此处 content-style 仅承担 grid 相关样式，避免 height 变化触发模板重渲染。\n      -->\n      <u-scroll\n        v-if=\"options.length\"\n        tag=\"ul\"\n        :class=\"cls.e('options')\"\n        ref=\"scrollRef\"\n        :content-class=\"[\n          cls.e('options-wrap'),\n          bem.is('virtual', virtualEnabled),\n          bem.is('grid', !!grid)\n        ]\"\n        :content-style=\"{\n          gridTemplateColumns: grid ? `repeat(${grid.cols}, minmax(0px, 1fr))` : undefined,\n          gridGap: grid ? withUnit(grid.gap, 'px') : undefined\n        }\"\n      >\n        <template v-if=\"virtualEnabled\">\n          <!-- @vue-ignore -->\n          <li\n            v-for=\"{ option, index, val, label, key, offset } of virtualOptions\"\n            :class=\"[optionClass, bem.is('selected', index === currentIndex)]\"\n            @click=\"handleSelect(option, index)\"\n            :key=\"key\"\n            :style=\"{ transform: `translateY(${offset}px)` }\"\n            :data-index=\"index\"\n            :ref=\"(el) => measureElement(index, el as Element | null)\"\n          >\n            <slot v-bind=\"{ option, index }\">\n              {{ label }}\n            </slot>\n          </li>\n        </template>\n\n        <template v-else>\n          <li\n            v-for=\"(option, index) of options\"\n            :class=\"[optionClass, bem.is('selected', index === currentIndex)]\"\n            @click=\"handleSelect(option, index)\"\n            :data-index=\"index\"\n            :title=\"o(option).get(labelKey)\"\n            :key=\"o(option).get(valueKey)\"\n          >\n            <slot v-bind=\"{ option, index }\">\n              {{ o(option).get(labelKey) }}\n            </slot>\n          </li>\n        </template>\n      </u-scroll>\n\n      <div v-else :class=\"cls.e('empty')\">\n        <UEmpty />\n      </div>\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 { o } from '@cat-kit/core'\nimport { useFormFallbackProps, useVirtualizer } from '@veltra/compositions'\nimport { vFocus } from '@veltra/directives'\nimport { ArrowDown, Search } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT, scrollIntoContainerView, withUnit } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, nextTick, shallowRef, watch } from 'vue'\n\nimport type {\n  SelectEmits,\n  SelectProps,\n  _SelectExposed,\n  DropdownExposed,\n  ScrollExposed\n} from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UEmpty } from '../empty'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\nimport { UScroll } from '../scroll'\nimport { useKeyboard } from './use-keyboard'\nimport { useOptions } from './use-options'\n\ndefineOptions({ name: 'Select' })\n\nconst props = withDefaults(defineProps<SelectProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  placeholder: '请选择',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<SelectEmits>()\n\ndefineSlots<{\n  /** 前缀插槽 */\n  prefix?: () => any\n  /** 默认插槽 */\n  default?: (scope: { option: Record<string, any>; index: number }) => any\n}>()\n\nconst cls = bem('select')\n\nconst optionClass = cls.e('option')\n\nconst { formProps } = injectFormContext()\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst currentIndex = shallowRef(-1)\nconst label = defineModel('text')\nconst selected = shallowRef<Record<string, any>>()\n\nconst displayedValue = computed(() => {\n  if (label.value) return label.value\n\n  return selected.value ? o(selected.value).get(props.labelKey) : String(props.modelValue ?? '')\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\nconst scrollRef = shallowRef<ScrollExposed>()\n\nconst filterable = computed(() => {\n  return props.filterable || typeof props.options === 'function'\n})\n\nconst { queryString, options, temOptionsToCreatedOptions, clearCreatedOptions } = useOptions({\n  props\n})\n\n// TODO: 优化\nlet userSelecting = false\nfunction lock() {\n  userSelecting = true\n}\n\nfunction unlock() {\n  nextTick(() => {\n    userSelecting = false\n  })\n}\n\n// 回显\nwatch(\n  [() => props.modelValue, options],\n  ([modelValue, options]) => {\n    if (userSelecting) return\n\n    if (!options?.length) return\n\n    if (modelValue !== undefined) {\n      const { valueKey } = props\n      currentIndex.value = options.findIndex((option) => o(option).get(valueKey) === modelValue)\n\n      selected.value = options[currentIndex.value]\n    } else {\n      currentIndex.value = -1\n      selected.value = undefined\n    }\n  },\n  { immediate: true }\n)\n\nconst baseVirtualEnabled = computed(() => options.value.length > 80)\nconst virtualEnabled = computed(() => baseVirtualEnabled.value && !props.grid)\n\nconst { virtualizer, items } = useVirtualizer({\n  count: computed(() => options.value.length),\n  scrollEl: () => scrollRef.value?.containerRef ?? null,\n  contentEl: () => (virtualEnabled.value ? (scrollRef.value?.contentRef ?? null) : null),\n  gap: 4,\n  estimateSize: () => 40\n})\n\nconst virtualOptions = computed(() => {\n  const _options = options.value\n  const { labelKey, valueKey } = props\n  return items.value.map((item) => {\n    const option = _options[item.index]!\n    return {\n      option,\n      index: item.index,\n      label: o(option).get(labelKey),\n      val: o(option).get(valueKey),\n      key: item.index,\n      offset: item.start\n    }\n  })\n})\n\nconst measureElement: (index: number, el: Element | null) => void = (index, el) =>\n  virtualizer.measureElement(index, el)\n\nfunction scrollTo(index: number): void {\n  virtualizer.scrollToIndex(index, { align: 'center' })\n}\n\nwatch([scrollRef, virtualEnabled], ([scroll, virtualEnabled]) => {\n  if (!scroll || !props.modelValue) return\n\n  if (virtualEnabled) {\n    const index = options.value.findIndex((option) => option === selected.value)\n    index !== -1 && dropdownVisible.value && nextTick(() => scrollTo(index))\n  } else {\n    const selectedEl = scroll?.contentRef?.getElementsByClassName('is-selected')[0]\n    if (selectedEl) {\n      scrollIntoContainerView(selectedEl as HTMLElement, scroll.containerRef ?? null)\n    }\n  }\n})\n\nconst dropdownVisible = shallowRef(false)\n\nwatch(dropdownVisible, (v) => {\n  if (!v) {\n    queryString.value = ''\n  }\n})\n\nconst handleDropdownVisible = (visible: boolean) => {\n  if (!visible) {\n    queryString.value = ''\n  }\n}\n\n/** 单选 */\nconst handleSelect = (option: Record<string, any>, index: number) => {\n  lock()\n  selected.value = option\n\n  emit('update:modelValue', option?.[props.valueKey])\n  label.value = option?.[props.labelKey]\n  emit('change', option)\n  if (option.__isTemp) {\n    temOptionsToCreatedOptions()\n  }\n  currentIndex.value = index\n  dropdownRef.value?.close()\n\n  unlock()\n}\n\n/** 清除选项 */\nconst handleClear = () => {\n  lock()\n  selected.value = undefined\n  clearCreatedOptions()\n  emit('update:modelValue', undefined)\n  emit('change', undefined)\n  unlock()\n}\n\nfunction getCurrentEl() {\n  return scrollRef.value?.contentRef?.querySelector('li.is-selected') as HTMLElement | undefined\n}\n\nconst { handleKeydown } = useKeyboard({\n  options,\n  currentIndex,\n  selectOption: handleSelect,\n  getCurrentEl\n})\n</script>\n"],"mappings":"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"}

package/dist/components/select/select.vue.d.ts

@@ -28,10 +28,10 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
 }>, {
   disabled: boolean;
   readonly: boolean;
-  placeholder: string;
-  clearable: boolean;
   labelKey: string;
   valueKey: string;
+  placeholder: string;
+  clearable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/select/use-keyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-keyboard.js","names":[],"sources":["../../../src/components/select/use-keyboard.ts"],"sourcesContent":["import { nextTick, type ShallowRef } from 'vue'\n\ninterface UseKeyboardConfig {\n  options: ShallowRef<Record<string, any>[]>\n  currentIndex: ShallowRef<number>\n  selectOption: (option: Record<string, any>, index: number) => void\n  getCurrentEl: () => HTMLElement | undefined\n}\n\ninterface UseKeyboardReturned {\n  /** 键盘事件处理 */\n  handleKeydown: (e: KeyboardEvent) => void\n}\n\nexport function useKeyboard(config: UseKeyboardConfig): UseKeyboardReturned {\n  const { currentIndex, options, selectOption, getCurrentEl } = config\n\n  async function navToCurrent() {\n    await nextTick()\n    getCurrentEl()?.scrollIntoView({ block: 'nearest' })\n  }\n\n  const keyHandler = {\n    ArrowDown: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      currentIndex.value = Math.min(currentIndex.value + 1, options.value.length - 1)\n      navToCurrent()\n    },\n\n    ArrowUp: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      currentIndex.value = Math.max(currentIndex.value - 1, 0)\n      navToCurrent()\n    },\n\n    Enter: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      if (currentIndex.value >= 0 && currentIndex.value < options.value.length) {\n        const selectedOption = options.value[currentIndex.value]!\n        selectOption(selectedOption, currentIndex.value)\n      }\n    }\n  }\n\n  /** 键盘事件处理 */\n  const handleKeydown = (e: KeyboardEvent) => {\n    keyHandler[e.key]?.(e)\n  }\n\n  return { handleKeydown }\n}\n"],"mappings":";;AAcA,SAAgB,YAAY,QAAgD;CAC1E,MAAM,EAAE,cAAc,SAAS,cAAc,iBAAiB;CAE9D,eAAe,eAAe;AAC5B,QAAM,UAAU;AAChB,gBAAc,EAAE,eAAe,EAAE,OAAO,WAAW,CAAC;;CAGtD,MAAM,aAAa;EACjB,YAAY,MAAqB;AAC/B,OAAI,CAAC,QAAQ,MAAO;AACpB,KAAE,gBAAgB;AAClB,gBAAa,QAAQ,KAAK,IAAI,aAAa,QAAQ,GAAG,QAAQ,MAAM,SAAS,EAAE;AAC/E,iBAAc;;EAGhB,UAAU,MAAqB;AAC7B,OAAI,CAAC,QAAQ,MAAO;AACpB,KAAE,gBAAgB;AAClB,gBAAa,QAAQ,KAAK,IAAI,aAAa,QAAQ,GAAG,EAAE;AACxD,iBAAc;;EAGhB,QAAQ,MAAqB;AAC3B,OAAI,CAAC,QAAQ,MAAO;AACpB,KAAE,gBAAgB;AAClB,OAAI,aAAa,SAAS,KAAK,aAAa,QAAQ,QAAQ,MAAM,QAAQ;IACxE,MAAM,iBAAiB,QAAQ,MAAM,aAAa;AAClD,iBAAa,gBAAgB,aAAa,MAAM;;;EAGrD;;CAGD,MAAM,iBAAiB,MAAqB;AAC1C,aAAW,EAAE,OAAO,EAAE;;AAGxB,QAAO,EAAE,eAAe"}
+{"version":3,"file":"use-keyboard.js","names":[],"sources":["../../../src/components/select/use-keyboard.ts"],"sourcesContent":["import { nextTick, type ShallowRef } from 'vue'\n\ninterface UseKeyboardConfig {\n  options: ShallowRef<Record<string, any>[]>\n  currentIndex: ShallowRef<number>\n  selectOption: (option: Record<string, any>, index: number) => void\n  getCurrentEl: () => HTMLElement | undefined\n}\n\ninterface UseKeyboardReturned {\n  /** 键盘事件处理 */\n  handleKeydown: (e: KeyboardEvent) => void\n}\n\nexport function useKeyboard(config: UseKeyboardConfig): UseKeyboardReturned {\n  const { currentIndex, options, selectOption, getCurrentEl } = config\n\n  async function navToCurrent() {\n    await nextTick()\n    getCurrentEl()?.scrollIntoView({ block: 'nearest' })\n  }\n\n  const keyHandler = {\n    ArrowDown: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      currentIndex.value = Math.min(currentIndex.value + 1, options.value.length - 1)\n      navToCurrent()\n    },\n\n    ArrowUp: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      currentIndex.value = Math.max(currentIndex.value - 1, 0)\n      navToCurrent()\n    },\n\n    Enter: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      if (currentIndex.value >= 0 && currentIndex.value < options.value.length) {\n        const selectedOption = options.value[currentIndex.value]!\n        selectOption(selectedOption, currentIndex.value)\n      }\n    }\n  }\n\n  /** 键盘事件处理 */\n  const handleKeydown = (e: KeyboardEvent) => {\n    keyHandler[e.key]?.(e)\n  }\n\n  return { handleKeydown }\n}\n"],"mappings":";;AAcA,SAAgB,YAAY,QAAgD;CAC1E,MAAM,EAAE,cAAc,SAAS,cAAc,iBAAiB;CAE9D,eAAe,eAAe;EAC5B,MAAM,UAAU;EAChB,cAAc,EAAE,eAAe,EAAE,OAAO,WAAW,CAAC;;CAGtD,MAAM,aAAa;EACjB,YAAY,MAAqB;GAC/B,IAAI,CAAC,QAAQ,OAAO;GACpB,EAAE,gBAAgB;GAClB,aAAa,QAAQ,KAAK,IAAI,aAAa,QAAQ,GAAG,QAAQ,MAAM,SAAS,EAAE;GAC/E,cAAc;;EAGhB,UAAU,MAAqB;GAC7B,IAAI,CAAC,QAAQ,OAAO;GACpB,EAAE,gBAAgB;GAClB,aAAa,QAAQ,KAAK,IAAI,aAAa,QAAQ,GAAG,EAAE;GACxD,cAAc;;EAGhB,QAAQ,MAAqB;GAC3B,IAAI,CAAC,QAAQ,OAAO;GACpB,EAAE,gBAAgB;GAClB,IAAI,aAAa,SAAS,KAAK,aAAa,QAAQ,QAAQ,MAAM,QAAQ;IACxE,MAAM,iBAAiB,QAAQ,MAAM,aAAa;IAClD,aAAa,gBAAgB,aAAa,MAAM;;;EAGrD;;CAGD,MAAM,iBAAiB,MAAqB;EAC1C,WAAW,EAAE,OAAO,EAAE;;CAGxB,OAAO,EAAE,eAAe"}

package/dist/components/select/use-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-options.js","names":["o","chainObj"],"sources":["../../../src/components/select/use-options.ts"],"sourcesContent":["import { debounce, o as chainObj } from '@cat-kit/core'\nimport { computed, shallowRef, watch, type ShallowRef, type ComputedRef } from 'vue'\n\nimport type { SelectProps } from '../../types'\n\ninterface Options {\n  props: SelectProps\n}\n\ninterface UseOptionsReturned {\n  /** 查询字符串 */\n  queryString: ShallowRef<string>\n  /** 选项 */\n  options: ComputedRef<Record<string, any>[]>\n  /** 所有选项 */\n  allOptions: ComputedRef<Record<string, any>[]>\n  /** 将临时选项转换为创建的选项 */\n  temOptionsToCreatedOptions: () => void\n  /** 清空用户创建的选项 */\n  clearCreatedOptions: () => void\n}\n\n// 允许创建的实现\n// 1. 在过滤时将选项加入待选列表中\n// 2. 如果选择了改临时选项，则取消该选项的临时标记\n// 3. 如果第二次重新选择\n\nexport function useOptions(o: Options): UseOptionsReturned {\n  const { props } = o\n\n  /** 筛选 */\n  const queryString = shallowRef('')\n\n  const remoteOptions = shallowRef<Record<string, any>[]>([])\n  const filteredOptions = shallowRef<Record<string, any>[]>([])\n  // 临时选项\n  const tempOptions = shallowRef<({ __isTemp: true } & Record<string, any>)[]>([])\n  // 创建的选项\n  const createdOptions = shallowRef<({ __isTemp: false } & Record<string, any>)[]>([])\n\n  function temOptionsToCreatedOptions() {\n    createdOptions.value = tempOptions.value.map((item) => {\n      return { ...item, __isTemp: false }\n    })\n  }\n\n  function clearCreatedOptions() {\n    createdOptions.value = []\n  }\n\n  const setTempOption = (qs: string, options?: Record<string, any>[]) => {\n    if (!qs?.trim() || !props.creatable) {\n      tempOptions.value = []\n      return\n    }\n    const exactMatch = options\n      ? options.some((option) => {\n          return chainObj(option).get(props.labelKey!) === qs\n        })\n      : false\n\n    if (!exactMatch) {\n      tempOptions.value = [{ [props.labelKey!]: qs, [props.valueKey!]: qs, __isTemp: true }]\n    }\n  }\n\n  const allOptions = computed(() => {\n    const { options } = props\n    if (typeof options === 'function') return remoteOptions.value\n    return options ?? []\n  })\n\n  /** 展示的选项 */\n  const options = computed(() => {\n    const { options } = props\n\n    if (typeof options === 'function') return remoteOptions.value\n\n    const prependOptions = tempOptions.value?.length ? tempOptions.value : createdOptions.value\n\n    if (!options) {\n      return prependOptions\n    }\n\n    return [...prependOptions, ...filteredOptions.value]\n  })\n\n  // TODO: 如有性能问题可以考虑优化\n  watch(\n    [queryString, () => props.options],\n    debounce(async ([qs, propsOptions]) => {\n      if (typeof propsOptions === 'function') {\n        const options = await propsOptions(qs)\n        remoteOptions.value = options\n        setTempOption(qs, options)\n      } else {\n        // 当选项不是函数时，可以创建选项\n        const { labelKey } = props\n\n        if (!qs) {\n          filteredOptions.value = propsOptions ?? []\n          setTempOption(qs, filteredOptions.value)\n          return\n        }\n\n        const _filteredOptions =\n          propsOptions?.filter((item) => {\n            return chainObj(item).get(labelKey!)?.includes(qs) ?? false\n          }) ?? []\n\n        setTempOption(qs, _filteredOptions)\n        filteredOptions.value = _filteredOptions\n      }\n    }, 200),\n    { immediate: true }\n  )\n\n  return { queryString, options, allOptions, temOptionsToCreatedOptions, clearCreatedOptions }\n}\n"],"mappings":";;;AA2BA,SAAgB,WAAW,KAAgC;CACzD,MAAM,EAAE,UAAUA;;CAGlB,MAAM,cAAc,WAAW,GAAG;CAElC,MAAM,gBAAgB,WAAkC,EAAE,CAAC;CAC3D,MAAM,kBAAkB,WAAkC,EAAE,CAAC;CAE7D,MAAM,cAAc,WAAyD,EAAE,CAAC;CAEhF,MAAM,iBAAiB,WAA0D,EAAE,CAAC;CAEpF,SAAS,6BAA6B;AACpC,iBAAe,QAAQ,YAAY,MAAM,KAAK,SAAS;AACrD,UAAO;IAAE,GAAG;IAAM,UAAU;IAAO;IACnC;;CAGJ,SAAS,sBAAsB;AAC7B,iBAAe,QAAQ,EAAE;;CAG3B,MAAM,iBAAiB,IAAY,YAAoC;AACrE,MAAI,CAAC,IAAI,MAAM,IAAI,CAAC,MAAM,WAAW;AACnC,eAAY,QAAQ,EAAE;AACtB;;AAQF,MAAI,EANe,UACf,QAAQ,MAAM,WAAW;AACvB,UAAOC,EAAS,OAAO,CAAC,IAAI,MAAM,SAAU,KAAK;IACjD,GACF,OAGF,aAAY,QAAQ,CAAC;IAAG,MAAM,WAAY;IAAK,MAAM,WAAY;GAAI,UAAU;GAAM,CAAC;;CAI1F,MAAM,aAAa,eAAe;EAChC,MAAM,EAAE,YAAY;AACpB,MAAI,OAAO,YAAY,WAAY,QAAO,cAAc;AACxD,SAAO,WAAW,EAAE;GACpB;;CAGF,MAAM,UAAU,eAAe;EAC7B,MAAM,EAAE,YAAY;AAEpB,MAAI,OAAO,YAAY,WAAY,QAAO,cAAc;EAExD,MAAM,iBAAiB,YAAY,OAAO,SAAS,YAAY,QAAQ,eAAe;AAEtF,MAAI,CAAC,QACH,QAAO;AAGT,SAAO,CAAC,GAAG,gBAAgB,GAAG,gBAAgB,MAAM;GACpD;AAGF,OACE,CAAC,mBAAmB,MAAM,QAAQ,EAClC,SAAS,OAAO,CAAC,IAAI,kBAAkB;AACrC,MAAI,OAAO,iBAAiB,YAAY;GACtC,MAAM,UAAU,MAAM,aAAa,GAAG;AACtC,iBAAc,QAAQ;AACtB,iBAAc,IAAI,QAAQ;SACrB;GAEL,MAAM,EAAE,aAAa;AAErB,OAAI,CAAC,IAAI;AACP,oBAAgB,QAAQ,gBAAgB,EAAE;AAC1C,kBAAc,IAAI,gBAAgB,MAAM;AACxC;;GAGF,MAAM,mBACJ,cAAc,QAAQ,SAAS;AAC7B,WAAOA,EAAS,KAAK,CAAC,IAAI,SAAU,EAAE,SAAS,GAAG,IAAI;KACtD,IAAI,EAAE;AAEV,iBAAc,IAAI,iBAAiB;AACnC,mBAAgB,QAAQ;;IAEzB,IAAI,EACP,EAAE,WAAW,MAAM,CACpB;AAED,QAAO;EAAE;EAAa;EAAS;EAAY;EAA4B;EAAqB"}
+{"version":3,"file":"use-options.js","names":["o","chainObj"],"sources":["../../../src/components/select/use-options.ts"],"sourcesContent":["import { debounce, o as chainObj } from '@cat-kit/core'\nimport { computed, shallowRef, watch, type ShallowRef, type ComputedRef } from 'vue'\n\nimport type { SelectProps } from '../../types'\n\ninterface Options {\n  props: SelectProps\n}\n\ninterface UseOptionsReturned {\n  /** 查询字符串 */\n  queryString: ShallowRef<string>\n  /** 选项 */\n  options: ComputedRef<Record<string, any>[]>\n  /** 所有选项 */\n  allOptions: ComputedRef<Record<string, any>[]>\n  /** 将临时选项转换为创建的选项 */\n  temOptionsToCreatedOptions: () => void\n  /** 清空用户创建的选项 */\n  clearCreatedOptions: () => void\n}\n\n// 允许创建的实现\n// 1. 在过滤时将选项加入待选列表中\n// 2. 如果选择了改临时选项，则取消该选项的临时标记\n// 3. 如果第二次重新选择\n\nexport function useOptions(o: Options): UseOptionsReturned {\n  const { props } = o\n\n  /** 筛选 */\n  const queryString = shallowRef('')\n\n  const remoteOptions = shallowRef<Record<string, any>[]>([])\n  const filteredOptions = shallowRef<Record<string, any>[]>([])\n  // 临时选项\n  const tempOptions = shallowRef<({ __isTemp: true } & Record<string, any>)[]>([])\n  // 创建的选项\n  const createdOptions = shallowRef<({ __isTemp: false } & Record<string, any>)[]>([])\n\n  function temOptionsToCreatedOptions() {\n    createdOptions.value = tempOptions.value.map((item) => {\n      return { ...item, __isTemp: false }\n    })\n  }\n\n  function clearCreatedOptions() {\n    createdOptions.value = []\n  }\n\n  const setTempOption = (qs: string, options?: Record<string, any>[]) => {\n    if (!qs?.trim() || !props.creatable) {\n      tempOptions.value = []\n      return\n    }\n    const exactMatch = options\n      ? options.some((option) => {\n          return chainObj(option).get(props.labelKey!) === qs\n        })\n      : false\n\n    if (!exactMatch) {\n      tempOptions.value = [{ [props.labelKey!]: qs, [props.valueKey!]: qs, __isTemp: true }]\n    }\n  }\n\n  const allOptions = computed(() => {\n    const { options } = props\n    if (typeof options === 'function') return remoteOptions.value\n    return options ?? []\n  })\n\n  /** 展示的选项 */\n  const options = computed(() => {\n    const { options } = props\n\n    if (typeof options === 'function') return remoteOptions.value\n\n    const prependOptions = tempOptions.value?.length ? tempOptions.value : createdOptions.value\n\n    if (!options) {\n      return prependOptions\n    }\n\n    return [...prependOptions, ...filteredOptions.value]\n  })\n\n  // TODO: 如有性能问题可以考虑优化\n  watch(\n    [queryString, () => props.options],\n    debounce(async ([qs, propsOptions]) => {\n      if (typeof propsOptions === 'function') {\n        const options = await propsOptions(qs)\n        remoteOptions.value = options\n        setTempOption(qs, options)\n      } else {\n        // 当选项不是函数时，可以创建选项\n        const { labelKey } = props\n\n        if (!qs) {\n          filteredOptions.value = propsOptions ?? []\n          setTempOption(qs, filteredOptions.value)\n          return\n        }\n\n        const _filteredOptions =\n          propsOptions?.filter((item) => {\n            return chainObj(item).get(labelKey!)?.includes(qs) ?? false\n          }) ?? []\n\n        setTempOption(qs, _filteredOptions)\n        filteredOptions.value = _filteredOptions\n      }\n    }, 200),\n    { immediate: true }\n  )\n\n  return { queryString, options, allOptions, temOptionsToCreatedOptions, clearCreatedOptions }\n}\n"],"mappings":";;;AA2BA,SAAgB,WAAW,KAAgC;CACzD,MAAM,EAAE,UAAUA;;CAGlB,MAAM,cAAc,WAAW,GAAG;CAElC,MAAM,gBAAgB,WAAkC,EAAE,CAAC;CAC3D,MAAM,kBAAkB,WAAkC,EAAE,CAAC;CAE7D,MAAM,cAAc,WAAyD,EAAE,CAAC;CAEhF,MAAM,iBAAiB,WAA0D,EAAE,CAAC;CAEpF,SAAS,6BAA6B;EACpC,eAAe,QAAQ,YAAY,MAAM,KAAK,SAAS;GACrD,OAAO;IAAE,GAAG;IAAM,UAAU;IAAO;IACnC;;CAGJ,SAAS,sBAAsB;EAC7B,eAAe,QAAQ,EAAE;;CAG3B,MAAM,iBAAiB,IAAY,YAAoC;EACrE,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC,MAAM,WAAW;GACnC,YAAY,QAAQ,EAAE;GACtB;;EAQF,IAAI,EANe,UACf,QAAQ,MAAM,WAAW;GACvB,OAAOC,EAAS,OAAO,CAAC,IAAI,MAAM,SAAU,KAAK;IACjD,GACF,QAGF,YAAY,QAAQ,CAAC;IAAG,MAAM,WAAY;IAAK,MAAM,WAAY;GAAI,UAAU;GAAM,CAAC;;CAI1F,MAAM,aAAa,eAAe;EAChC,MAAM,EAAE,YAAY;EACpB,IAAI,OAAO,YAAY,YAAY,OAAO,cAAc;EACxD,OAAO,WAAW,EAAE;GACpB;;CAGF,MAAM,UAAU,eAAe;EAC7B,MAAM,EAAE,YAAY;EAEpB,IAAI,OAAO,YAAY,YAAY,OAAO,cAAc;EAExD,MAAM,iBAAiB,YAAY,OAAO,SAAS,YAAY,QAAQ,eAAe;EAEtF,IAAI,CAAC,SACH,OAAO;EAGT,OAAO,CAAC,GAAG,gBAAgB,GAAG,gBAAgB,MAAM;GACpD;CAGF,MACE,CAAC,mBAAmB,MAAM,QAAQ,EAClC,SAAS,OAAO,CAAC,IAAI,kBAAkB;EACrC,IAAI,OAAO,iBAAiB,YAAY;GACtC,MAAM,UAAU,MAAM,aAAa,GAAG;GACtC,cAAc,QAAQ;GACtB,cAAc,IAAI,QAAQ;SACrB;GAEL,MAAM,EAAE,aAAa;GAErB,IAAI,CAAC,IAAI;IACP,gBAAgB,QAAQ,gBAAgB,EAAE;IAC1C,cAAc,IAAI,gBAAgB,MAAM;IACxC;;GAGF,MAAM,mBACJ,cAAc,QAAQ,SAAS;IAC7B,OAAOA,EAAS,KAAK,CAAC,IAAI,SAAU,EAAE,SAAS,GAAG,IAAI;KACtD,IAAI,EAAE;GAEV,cAAc,IAAI,iBAAiB;GACnC,gBAAgB,QAAQ;;IAEzB,IAAI,EACP,EAAE,WAAW,MAAM,CACpB;CAED,OAAO;EAAE;EAAa;EAAS;EAAY;EAA4B;EAAqB"}

package/dist/components/slider/slider-thumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-thumb.js","names":[],"sources":["../../../src/components/slider/slider-thumb.vue"],"sourcesContent":["<template>\n  <div ref=\"thumb\" :class=\"cls.e('thumb')\" :style></div>\n</template>\n<script lang=\"ts\" setup>\nimport { useDrag, useUserAction } from '@veltra/compositions'\nimport { computed, inject, useTemplateRef, watch } from 'vue'\n\nimport { sliderContextKey } from './di'\n\nconst props = defineProps<{\n  modelValue: number\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: number): void\n}>()\n\nconst { cls, range, disabled, sliderProps, getOffsetByStep } = inject(sliderContextKey)!\n\nconst thumbRef = useTemplateRef('thumb')\n\nconst style = computed(() => {\n  if (sliderProps.vertical) {\n    return {\n      transform: `translate(0, ${props.modelValue}px)`\n    }\n  }\n  return {\n    transform: `translate(${props.modelValue}px, 0)`\n  }\n})\n\nconst { userAction, isUserActive } = useUserAction()\n\nfunction updateModel(offset: number) {\n  offset = getOffsetByStep(offset)\n  emit('update:modelValue', offset)\n  return offset\n}\n\nconst dragger = useDrag({\n  target: computed(() => (disabled.value ? null : thumbRef.value)),\n\n  onDrag: userAction(({ offsetX, offsetY }) => {\n    updateModel(sliderProps.vertical ? offsetY : offsetX)\n  }),\n  rangeX: range,\n  rangeY: range,\n  onDragEnd: userAction(({ offsetX, offsetY }) => {\n    const offset = updateModel(sliderProps.vertical ? offsetY : offsetX)\n    updateDragger(offset)\n  })\n})\n\nfunction updateDragger(offset: number) {\n  if (sliderProps.vertical) {\n    dragger.update({ offsetY: offset })\n  } else {\n    dragger.update({ offsetX: offset })\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  (offset) => {\n    if (isUserActive()) return\n    updateDragger(offset)\n  }\n)\n</script>\n"],"mappings":";;;;;;;;;EASA,MAAM,QAAQ;EAId,MAAM,OAAO;EAIb,MAAM,EAAE,KAAK,OAAO,UAAU,aAAa,oBAAoB,OAAO,iBAAiB;EAEvF,MAAM,WAAW,eAAe,QAAO;EAEvC,MAAM,QAAQ,eAAe;AAC3B,OAAI,YAAY,SACd,QAAO,EACL,WAAW,gBAAgB,MAAM,WAAW,MAC9C;AAEF,UAAO,EACL,WAAW,aAAa,MAAM,WAAW,SAC3C;IACD;EAED,MAAM,EAAE,YAAY,iBAAiB,eAAc;EAEnD,SAAS,YAAY,QAAgB;AACnC,YAAS,gBAAgB,OAAM;AAC/B,QAAK,qBAAqB,OAAM;AAChC,UAAO;;EAGT,MAAM,UAAU,QAAQ;GACtB,QAAQ,eAAgB,SAAS,QAAQ,OAAO,SAAS,MAAO;GAEhE,QAAQ,YAAY,EAAE,SAAS,cAAc;AAC3C,gBAAY,YAAY,WAAW,UAAU,QAAO;KACpD;GACF,QAAQ;GACR,QAAQ;GACR,WAAW,YAAY,EAAE,SAAS,cAAc;AAE9C,kBADe,YAAY,YAAY,WAAW,UAAU,QAC9C,CAAM;KACrB;GACF,CAAA;EAED,SAAS,cAAc,QAAgB;AACrC,OAAI,YAAY,SACd,SAAQ,OAAO,EAAE,SAAS,QAAQ,CAAA;OAElC,SAAQ,OAAO,EAAE,SAAS,QAAQ,CAAA;;AAItC,cACQ,MAAM,aACX,WAAW;AACV,OAAI,cAAc,CAAE;AACpB,iBAAc,OAAM;IAExB;;uBAnEE,mBAAsD,OAAA;IAAjD,KAAI;IAAS,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA;IAAY,OAAK,eAAL,MAAA,MAAK"}
+{"version":3,"file":"slider-thumb.js","names":[],"sources":["../../../src/components/slider/slider-thumb.vue"],"sourcesContent":["<template>\n  <div ref=\"thumb\" :class=\"cls.e('thumb')\" :style></div>\n</template>\n<script lang=\"ts\" setup>\nimport { useDrag, useUserAction } from '@veltra/compositions'\nimport { computed, inject, useTemplateRef, watch } from 'vue'\n\nimport { sliderContextKey } from './di'\n\nconst props = defineProps<{\n  modelValue: number\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: number): void\n}>()\n\nconst { cls, range, disabled, sliderProps, getOffsetByStep } = inject(sliderContextKey)!\n\nconst thumbRef = useTemplateRef('thumb')\n\nconst style = computed(() => {\n  if (sliderProps.vertical) {\n    return {\n      transform: `translate(0, ${props.modelValue}px)`\n    }\n  }\n  return {\n    transform: `translate(${props.modelValue}px, 0)`\n  }\n})\n\nconst { userAction, isUserActive } = useUserAction()\n\nfunction updateModel(offset: number) {\n  offset = getOffsetByStep(offset)\n  emit('update:modelValue', offset)\n  return offset\n}\n\nconst dragger = useDrag({\n  target: computed(() => (disabled.value ? null : thumbRef.value)),\n\n  onDrag: userAction(({ offsetX, offsetY }) => {\n    updateModel(sliderProps.vertical ? offsetY : offsetX)\n  }),\n  rangeX: range,\n  rangeY: range,\n  onDragEnd: userAction(({ offsetX, offsetY }) => {\n    const offset = updateModel(sliderProps.vertical ? offsetY : offsetX)\n    updateDragger(offset)\n  })\n})\n\nfunction updateDragger(offset: number) {\n  if (sliderProps.vertical) {\n    dragger.update({ offsetY: offset })\n  } else {\n    dragger.update({ offsetX: offset })\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  (offset) => {\n    if (isUserActive()) return\n    updateDragger(offset)\n  }\n)\n</script>\n"],"mappings":";;;;;;;;;EASA,MAAM,QAAQ;EAId,MAAM,OAAO;EAIb,MAAM,EAAE,KAAK,OAAO,UAAU,aAAa,oBAAoB,OAAO,iBAAgB;EAEtF,MAAM,WAAW,eAAe,QAAO;EAEvC,MAAM,QAAQ,eAAe;GAC3B,IAAI,YAAY,UACd,OAAO,EACL,WAAW,gBAAgB,MAAM,WAAW,MAC9C;GAEF,OAAO,EACL,WAAW,aAAa,MAAM,WAAW,SAC3C;IACD;EAED,MAAM,EAAE,YAAY,iBAAiB,eAAc;EAEnD,SAAS,YAAY,QAAgB;GACnC,SAAS,gBAAgB,OAAM;GAC/B,KAAK,qBAAqB,OAAM;GAChC,OAAO;;EAGT,MAAM,UAAU,QAAQ;GACtB,QAAQ,eAAgB,SAAS,QAAQ,OAAO,SAAS,MAAM;GAE/D,QAAQ,YAAY,EAAE,SAAS,cAAc;IAC3C,YAAY,YAAY,WAAW,UAAU,QAAO;KACrD;GACD,QAAQ;GACR,QAAQ;GACR,WAAW,YAAY,EAAE,SAAS,cAAc;IAE9C,cADe,YAAY,YAAY,WAAW,UAAU,QACxC,CAAA;KACrB;GACF,CAAA;EAED,SAAS,cAAc,QAAgB;GACrC,IAAI,YAAY,UACd,QAAQ,OAAO,EAAE,SAAS,QAAQ,CAAA;QAElC,QAAQ,OAAO,EAAE,SAAS,QAAQ,CAAA;;EAItC,YACQ,MAAM,aACX,WAAW;GACV,IAAI,cAAa,EAAG;GACpB,cAAc,OAAM;IAExB;;uBAnEE,mBAAsD,OAAA;IAAjD,KAAI;IAAS,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA;IAAY,OAAK,eAAL,MAAA,MAAK"}

package/dist/components/slider/slider.js

@@ -84,7 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			return [...Array.from({ length: tickLength }, (_, i) => i * offsetPercent), 100];
 		});
 		watch([offset1, offset2], userAction((v) => {
-			if (props.range) emit("update:modelValue", v.map(sliderOffset2Value).sort());
+			if (props.range) emit("update:modelValue", v.map(sliderOffset2Value).toSorted());
 			else emit("update:modelValue", sliderOffset2Value(v[0]));
 		}));
 		function handleClickSlider(e) {

package/dist/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":[],"sources":["../../../src/components/slider/slider.vue"],"sourcesContent":["<template>\n  <div v-if=\"!readonly\" :class=\"className\">\n    <div :class=\"cls.e('track')\" ref=\"sliderRef\" @click=\"handleClickSlider\">\n      <div :class=\"cls.e('bar')\" :style=\"barStyles\" />\n\n      <slider-thumb v-model=\"offset1\" @click.stop />\n      <slider-thumb v-if=\"range\" v-model=\"offset2\" @click.stop />\n\n      <div\n        v-for=\"tick in ticks\"\n        :style=\"{ [vertical ? 'bottom' : 'left']: `${tick}%` }\"\n        :class=\"cls.e('tick')\"\n      />\n    </div>\n  </div>\n\n  <div v-else>\n    {{ props.modelValue }}\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends number | [number, number]\">\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, provide, watch } from 'vue'\n\nimport type { SliderProps, SliderEmits } from '../../types'\nimport { sliderContextKey } from './di'\nimport SliderThumb from './slider-thumb.vue'\nimport { useSlider } from './use-slider'\n\ndefineOptions({\n  name: 'Slider'\n})\n\nconst props = withDefaults(defineProps<SliderProps<T>>(), {\n  min: 0,\n  max: 100,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<SliderEmits<T>>()\n\nconst cls = bem('slider')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('range', props.range),\n    bem.is('horizontal', !props.vertical),\n    bem.is('vertical', props.vertical)\n  ]\n})\n\nconst {\n  offset1,\n  offset2,\n  sliderRef,\n  slideRange,\n  sliderSize,\n  sliderOffset2Value,\n  value2SliderOffset,\n  getOffsetByStep\n} = useSlider(props)\n\nconst barStyles = computed(() => {\n  const { vertical } = props\n  const offsetProp = vertical ? 'bottom' : 'left'\n  const sizeProp = vertical ? 'height' : 'width'\n\n  if (!props.range) {\n    return {\n      [offsetProp]: 0,\n      [sizeProp]: `${Math.abs(offset1.value)}px`\n    }\n  }\n  return {\n    [offsetProp]: `${Math.min(Math.abs(offset1.value), Math.abs(offset2.value))}px`,\n    [sizeProp]: `${Math.abs(offset1.value - offset2.value)}px`\n  }\n})\n\nconst { userAction, isUserActive } = useUserAction()\n\nwatch(\n  [sliderSize, ...['modelValue', 'range', 'max', 'min', 'vertical'].map((k) => () => props[k])],\n  ([size, value, range]) => {\n    if (isUserActive()) return\n    if (value === undefined || size === 0) return\n\n    if (range) {\n      offset1.value = value2SliderOffset((value as [number, number])[0])\n      offset2.value = value2SliderOffset((value as [number, number])[1])\n    } else {\n      offset1.value = value2SliderOffset(value as number)\n    }\n  },\n  { immediate: true }\n)\n\nconst ticks = computed(() => {\n  const { step, min, max } = props\n  if (!step) return []\n  const tickLength = Math.ceil((max! - min!) / step)\n  const offsetPercent = (step / (max! - min!)) * 100\n\n  return [...Array.from({ length: tickLength }, (_, i) => i * offsetPercent), 100]\n})\n\nwatch(\n  [offset1, offset2],\n  userAction((v) => {\n    if (props.range) {\n      emit('update:modelValue', v.map(sliderOffset2Value).sort() as T)\n    } else {\n      emit('update:modelValue', sliderOffset2Value(v[0]) as T)\n    }\n  })\n)\n\nfunction handleClickSlider(e: MouseEvent) {\n  if (disabled.value || props.range) return\n\n  // 获取点击位置相对于滑块的偏移量\n  const rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\n\n  offset1.value = getOffsetByStep(e.clientX - rect.left)\n}\n\nprovide(sliderContextKey, {\n  sliderProps: props,\n  disabled,\n  range: slideRange,\n  cls,\n  getOffsetByStep\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"slider.js","names":[],"sources":["../../../src/components/slider/slider.vue"],"sourcesContent":["<template>\n  <div v-if=\"!readonly\" :class=\"className\">\n    <div :class=\"cls.e('track')\" ref=\"sliderRef\" @click=\"handleClickSlider\">\n      <div :class=\"cls.e('bar')\" :style=\"barStyles\" />\n\n      <slider-thumb v-model=\"offset1\" @click.stop />\n      <slider-thumb v-if=\"range\" v-model=\"offset2\" @click.stop />\n\n      <div\n        v-for=\"tick in ticks\"\n        :style=\"{ [vertical ? 'bottom' : 'left']: `${tick}%` }\"\n        :class=\"cls.e('tick')\"\n      />\n    </div>\n  </div>\n\n  <div v-else>\n    {{ props.modelValue }}\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends number | [number, number]\">\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, provide, watch } from 'vue'\n\nimport type { SliderProps, SliderEmits } from '../../types'\nimport { sliderContextKey } from './di'\nimport SliderThumb from './slider-thumb.vue'\nimport { useSlider } from './use-slider'\n\ndefineOptions({\n  name: 'Slider'\n})\n\nconst props = withDefaults(defineProps<SliderProps<T>>(), {\n  min: 0,\n  max: 100,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<SliderEmits<T>>()\n\nconst cls = bem('slider')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('range', props.range),\n    bem.is('horizontal', !props.vertical),\n    bem.is('vertical', props.vertical)\n  ]\n})\n\nconst {\n  offset1,\n  offset2,\n  sliderRef,\n  slideRange,\n  sliderSize,\n  sliderOffset2Value,\n  value2SliderOffset,\n  getOffsetByStep\n} = useSlider(props)\n\nconst barStyles = computed(() => {\n  const { vertical } = props\n  const offsetProp = vertical ? 'bottom' : 'left'\n  const sizeProp = vertical ? 'height' : 'width'\n\n  if (!props.range) {\n    return {\n      [offsetProp]: 0,\n      [sizeProp]: `${Math.abs(offset1.value)}px`\n    }\n  }\n  return {\n    [offsetProp]: `${Math.min(Math.abs(offset1.value), Math.abs(offset2.value))}px`,\n    [sizeProp]: `${Math.abs(offset1.value - offset2.value)}px`\n  }\n})\n\nconst { userAction, isUserActive } = useUserAction()\n\nwatch(\n  [sliderSize, ...['modelValue', 'range', 'max', 'min', 'vertical'].map((k) => () => props[k])],\n  ([size, value, range]) => {\n    if (isUserActive()) return\n    if (value === undefined || size === 0) return\n\n    if (range) {\n      offset1.value = value2SliderOffset((value as [number, number])[0])\n      offset2.value = value2SliderOffset((value as [number, number])[1])\n    } else {\n      offset1.value = value2SliderOffset(value as number)\n    }\n  },\n  { immediate: true }\n)\n\nconst ticks = computed(() => {\n  const { step, min, max } = props\n  if (!step) return []\n  const tickLength = Math.ceil((max! - min!) / step)\n  const offsetPercent = (step / (max! - min!)) * 100\n\n  return [...Array.from({ length: tickLength }, (_, i) => i * offsetPercent), 100]\n})\n\nwatch(\n  [offset1, offset2],\n  userAction((v) => {\n    if (props.range) {\n      emit('update:modelValue', v.map(sliderOffset2Value).toSorted() as T)\n    } else {\n      emit('update:modelValue', sliderOffset2Value(v[0]) as T)\n    }\n  })\n)\n\nfunction handleClickSlider(e: MouseEvent) {\n  if (disabled.value || props.range) return\n\n  // 获取点击位置相对于滑块的偏移量\n  const rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\n\n  offset1.value = getOffsetByStep(e.clientX - rect.left)\n}\n\nprovide(sliderContextKey, {\n  sliderProps: props,\n  disabled,\n  range: slideRange,\n  cls,\n  getOffsetByStep\n})\n</script>\n"],"mappings":"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"}

package/dist/components/slider/use-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-slider.js","names":[],"sources":["../../../src/components/slider/use-slider.ts"],"sourcesContent":["import { useResizeObserver } from '@veltra/compositions'\nimport { ref, type Ref, type ShallowRef, shallowRef } from 'vue'\n\nimport type { SliderProps } from '../../types'\n\ninterface UseSliderReturn {\n  offset1: Ref<number>\n  offset2: Ref<number>\n  sliderSize: Ref<number>\n  sliderRef: ShallowRef<HTMLElement | undefined>\n  slideRange: [number, number]\n  value2SliderOffset: (value: number) => number\n  sliderOffset2Value: (offset: number) => number\n  getOffsetByStep: (offset: number) => number\n}\n\nexport function useSlider(props: SliderProps<number | [number, number]>): UseSliderReturn {\n  const sliderRef = shallowRef<HTMLElement>()\n  const sliderSize = ref(0)\n  const slideRange: [number, number] = [0, 0]\n  const offset1 = ref(0)\n  const offset2 = ref(0)\n\n  useResizeObserver({\n    targets: sliderRef,\n    onResize([entry]) {\n      if (!entry) return\n      const { blockSize, inlineSize } = entry.borderBoxSize[0] ?? {}\n      sliderSize.value = (props.vertical ? blockSize : inlineSize) ?? 0\n      if (props.vertical) {\n        slideRange[0] = -sliderSize.value\n        slideRange[1] = 0\n      } else {\n        slideRange[0] = 0\n        slideRange[1] = sliderSize.value\n      }\n    }\n  })\n\n  /**\n   * 将value转换为slider的offset\n   * @param value\n   * @returns\n   */\n  function value2SliderOffset(value: number): number {\n    const { min, max, vertical } = props\n    const progress = (value - min!) / (max! - min!)\n    const offset = sliderSize.value * progress\n    return vertical ? -offset : offset\n  }\n\n  /**\n   * 将slider的offset转换为value\n   * @param offset\n   * @returns\n   */\n  function sliderOffset2Value(offset: number): number {\n    const { min, max } = props\n    const progress = Math.abs(offset) / sliderSize.value\n\n    return Math.round(progress * (max! - min!) + min!)\n  }\n\n  function getOffsetByStep(offset: number) {\n    const { min, max, step } = props\n\n    if (step) {\n      const slideStep = (sliderSize.value / (max! - min!)) * step\n      offset = Math.round(offset / slideStep) * slideStep\n\n      if (offset > slideRange[1]) {\n        offset = slideRange[1]\n      } else if (offset < slideRange[0]) {\n        offset = slideRange[0]\n      }\n    }\n\n    return offset\n  }\n\n  return {\n    offset1,\n    offset2,\n    sliderSize,\n    sliderRef,\n    slideRange,\n    value2SliderOffset,\n    sliderOffset2Value,\n    getOffsetByStep\n  }\n}\n"],"mappings":";;;AAgBA,SAAgB,UAAU,OAAgE;CACxF,MAAM,YAAY,YAAyB;CAC3C,MAAM,aAAa,IAAI,EAAE;CACzB,MAAM,aAA+B,CAAC,GAAG,EAAE;CAC3C,MAAM,UAAU,IAAI,EAAE;CACtB,MAAM,UAAU,IAAI,EAAE;AAEtB,mBAAkB;EAChB,SAAS;EACT,SAAS,CAAC,QAAQ;AAChB,OAAI,CAAC,MAAO;GACZ,MAAM,EAAE,WAAW,eAAe,MAAM,cAAc,MAAM,EAAE;AAC9D,cAAW,SAAS,MAAM,WAAW,YAAY,eAAe;AAChE,OAAI,MAAM,UAAU;AAClB,eAAW,KAAK,CAAC,WAAW;AAC5B,eAAW,KAAK;UACX;AACL,eAAW,KAAK;AAChB,eAAW,KAAK,WAAW;;;EAGhC,CAAC;;;;;;CAOF,SAAS,mBAAmB,OAAuB;EACjD,MAAM,EAAE,KAAK,KAAK,aAAa;EAC/B,MAAM,YAAY,QAAQ,QAAS,MAAO;EAC1C,MAAM,SAAS,WAAW,QAAQ;AAClC,SAAO,WAAW,CAAC,SAAS;;;;;;;CAQ9B,SAAS,mBAAmB,QAAwB;EAClD,MAAM,EAAE,KAAK,QAAQ;EACrB,MAAM,WAAW,KAAK,IAAI,OAAO,GAAG,WAAW;AAE/C,SAAO,KAAK,MAAM,YAAY,MAAO,OAAQ,IAAK;;CAGpD,SAAS,gBAAgB,QAAgB;EACvC,MAAM,EAAE,KAAK,KAAK,SAAS;AAE3B,MAAI,MAAM;GACR,MAAM,YAAa,WAAW,SAAS,MAAO,OAAS;AACvD,YAAS,KAAK,MAAM,SAAS,UAAU,GAAG;AAE1C,OAAI,SAAS,WAAW,GACtB,UAAS,WAAW;YACX,SAAS,WAAW,GAC7B,UAAS,WAAW;;AAIxB,SAAO;;AAGT,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"use-slider.js","names":[],"sources":["../../../src/components/slider/use-slider.ts"],"sourcesContent":["import { useResizeObserver } from '@veltra/compositions'\nimport { ref, type Ref, type ShallowRef, shallowRef } from 'vue'\n\nimport type { SliderProps } from '../../types'\n\ninterface UseSliderReturn {\n  offset1: Ref<number>\n  offset2: Ref<number>\n  sliderSize: Ref<number>\n  sliderRef: ShallowRef<HTMLElement | undefined>\n  slideRange: [number, number]\n  value2SliderOffset: (value: number) => number\n  sliderOffset2Value: (offset: number) => number\n  getOffsetByStep: (offset: number) => number\n}\n\nexport function useSlider(props: SliderProps<number | [number, number]>): UseSliderReturn {\n  const sliderRef = shallowRef<HTMLElement>()\n  const sliderSize = ref(0)\n  const slideRange: [number, number] = [0, 0]\n  const offset1 = ref(0)\n  const offset2 = ref(0)\n\n  useResizeObserver({\n    targets: sliderRef,\n    onResize([entry]) {\n      if (!entry) return\n      const { blockSize, inlineSize } = entry.borderBoxSize[0] ?? {}\n      sliderSize.value = (props.vertical ? blockSize : inlineSize) ?? 0\n      if (props.vertical) {\n        slideRange[0] = -sliderSize.value\n        slideRange[1] = 0\n      } else {\n        slideRange[0] = 0\n        slideRange[1] = sliderSize.value\n      }\n    }\n  })\n\n  /**\n   * 将value转换为slider的offset\n   * @param value\n   * @returns\n   */\n  function value2SliderOffset(value: number): number {\n    const { min, max, vertical } = props\n    const progress = (value - min!) / (max! - min!)\n    const offset = sliderSize.value * progress\n    return vertical ? -offset : offset\n  }\n\n  /**\n   * 将slider的offset转换为value\n   * @param offset\n   * @returns\n   */\n  function sliderOffset2Value(offset: number): number {\n    const { min, max } = props\n    const progress = Math.abs(offset) / sliderSize.value\n\n    return Math.round(progress * (max! - min!) + min!)\n  }\n\n  function getOffsetByStep(offset: number) {\n    const { min, max, step } = props\n\n    if (step) {\n      const slideStep = (sliderSize.value / (max! - min!)) * step\n      offset = Math.round(offset / slideStep) * slideStep\n\n      if (offset > slideRange[1]) {\n        offset = slideRange[1]\n      } else if (offset < slideRange[0]) {\n        offset = slideRange[0]\n      }\n    }\n\n    return offset\n  }\n\n  return {\n    offset1,\n    offset2,\n    sliderSize,\n    sliderRef,\n    slideRange,\n    value2SliderOffset,\n    sliderOffset2Value,\n    getOffsetByStep\n  }\n}\n"],"mappings":";;;AAgBA,SAAgB,UAAU,OAAgE;CACxF,MAAM,YAAY,YAAyB;CAC3C,MAAM,aAAa,IAAI,EAAE;CACzB,MAAM,aAA+B,CAAC,GAAG,EAAE;CAC3C,MAAM,UAAU,IAAI,EAAE;CACtB,MAAM,UAAU,IAAI,EAAE;CAEtB,kBAAkB;EAChB,SAAS;EACT,SAAS,CAAC,QAAQ;GAChB,IAAI,CAAC,OAAO;GACZ,MAAM,EAAE,WAAW,eAAe,MAAM,cAAc,MAAM,EAAE;GAC9D,WAAW,SAAS,MAAM,WAAW,YAAY,eAAe;GAChE,IAAI,MAAM,UAAU;IAClB,WAAW,KAAK,CAAC,WAAW;IAC5B,WAAW,KAAK;UACX;IACL,WAAW,KAAK;IAChB,WAAW,KAAK,WAAW;;;EAGhC,CAAC;;;;;;CAOF,SAAS,mBAAmB,OAAuB;EACjD,MAAM,EAAE,KAAK,KAAK,aAAa;EAC/B,MAAM,YAAY,QAAQ,QAAS,MAAO;EAC1C,MAAM,SAAS,WAAW,QAAQ;EAClC,OAAO,WAAW,CAAC,SAAS;;;;;;;CAQ9B,SAAS,mBAAmB,QAAwB;EAClD,MAAM,EAAE,KAAK,QAAQ;EACrB,MAAM,WAAW,KAAK,IAAI,OAAO,GAAG,WAAW;EAE/C,OAAO,KAAK,MAAM,YAAY,MAAO,OAAQ,IAAK;;CAGpD,SAAS,gBAAgB,QAAgB;EACvC,MAAM,EAAE,KAAK,KAAK,SAAS;EAE3B,IAAI,MAAM;GACR,MAAM,YAAa,WAAW,SAAS,MAAO,OAAS;GACvD,SAAS,KAAK,MAAM,SAAS,UAAU,GAAG;GAE1C,IAAI,SAAS,WAAW,IACtB,SAAS,WAAW;QACf,IAAI,SAAS,WAAW,IAC7B,SAAS,WAAW;;EAIxB,OAAO;;CAGT,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/components/steps/steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps.js","names":[],"sources":["../../../src/components/steps/steps.vue"],"sourcesContent":["<template>\n  <ol :class=\"className\" ref=\"steps\">\n    <li\n      v-for=\"(item, index) in items\"\n      :class=\"[\n        cls.e('item'),\n        bem.is('current', index === currentIndex),\n        bem.is('finished', currentIndex === undefined || index < currentIndex)\n      ]\"\n      @click=\"handleStepClick(item, index)\"\n    >\n      <div :class=\"cls.e('node')\">\n        <i :class=\"cls.e('link')\" v-if=\"index !== items.length - 1\"></i>\n\n        <span\n          :class=\"cls.e('icon')\"\n          @mouseenter=\"handleStepMouseenter($event, item, index)\"\n          @mouseleave=\"handleStepMouseleave\"\n        >\n          <slot name=\"icon\" :item=\"item\" :index=\"index\">\n            <UIcon v-if=\"currentIndex === undefined || index < currentIndex\">\n              <Check />\n            </UIcon>\n\n            <template v-else>\n              {{ index + 1 }}\n            </template>\n          </slot>\n        </span>\n      </div>\n\n      <div :class=\"cls.e('content')\">\n        <slot name=\"content\" :item=\"item\" :index=\"index\">\n          {{ o(item).get(labelKey) }}\n        </slot>\n      </div>\n    </li>\n\n    <u-tip\n      v-if=\"slots.tip\"\n      ref=\"tip\"\n      :trigger-dom=\"tipTriggerDom\"\n      v-model:visible=\"tipVisible\"\n      @update:visible=\"handleTipUpdateVisible\"\n    >\n      <template #content>\n        <UNodeRender :content=\"tipContent\" />\n      </template>\n    </u-tip>\n  </ol>\n</template>\n\n<script lang=\"ts\" setup>\nimport { n, o } from '@cat-kit/core'\nimport { useFallbackProps } from '@veltra/compositions'\nimport { Check } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { StepsProps, StepsEmits, ComponentSize, StepsSlotScope } from '../../types'\nimport { UIcon } from '../icon'\nimport { UNodeRender } from '../node-render'\nimport { UTip } from '../tip'\n\ndefineOptions({\n  name: 'Steps'\n})\n\nconst props = withDefaults(defineProps<StepsProps>(), {\n  direction: 'horizontal',\n  finishedStepType: 'success',\n  labelKey: 'label'\n})\n\nconst emit = defineEmits<StepsEmits>()\n\nconst slots = defineSlots<{\n  icon?: (scope: StepsSlotScope) => any\n  content?: (scope: StepsSlotScope) => any\n  tip?: (scope: StepsSlotScope) => any\n}>()\n\nconst cls = bem('steps')\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst className = computed(() => {\n  const { direction, currentStepType, finishedStepType } = props\n  const ret: string[] = [\n    cls.b,\n    bem.is(direction),\n    cls.m(size.value),\n    bem.is('align-center', props.alignCenter),\n    cls.em('finished', finishedStepType)\n  ]\n  currentStepType && ret.push(cls.em('current', currentStepType))\n  return ret\n})\n\nconst stepsRef = useTemplateRef('steps')\n\nconst currentToIndexMap = computed<Record<string, number> | undefined>(() => {\n  const { currentKey, items } = props\n  if (!currentKey) return undefined\n  return items.reduce(\n    (acc, item, index) => {\n      acc[o(item).get(currentKey)] = index\n      return acc\n    },\n    {} as Record<string, number>\n  )\n})\n\n/** 当前索引 */\nconst currentIndex = computed<number | undefined>(() => {\n  const { currentKey, current } = props\n  if (current === undefined) return undefined\n\n  if (currentKey) {\n    return currentToIndexMap.value?.[current]\n  }\n\n  if (typeof current !== 'number') return undefined\n  return n(current).range(0, props.items.length - 1)\n})\n\nwatch(currentIndex, (index) => {\n  if (index === undefined || props.direction === 'vertical') return\n  const step = stepsRef.value?.children[index]\n  if (step) {\n    step.scrollIntoView({\n      behavior: 'smooth',\n      block: 'center'\n    })\n  }\n})\n\n// 点击步骤项\nfunction handleStepClick(item: Record<string, any>, index: number) {\n  emit('item-click', item, index)\n  emit('update:current', props.currentKey ? o(item).get(props.currentKey) : index)\n}\n\n// 提示\nconst tipVisible = shallowRef(false)\nconst tipTriggerDom = shallowRef<HTMLElement>()\nconst tipContent = shallowRef()\n\nfunction handleStepMouseenter(event: MouseEvent, item: Record<string, any>, index: number) {\n  if (!slots.tip) return\n  tipTriggerDom.value = event.target as HTMLElement\n  tipVisible.value = true\n  tipContent.value = slots.tip?.({ item, index })\n}\n\nlet timer: number | undefined = undefined\nfunction closeTip() {\n  timer = setTimeout(() => {\n    tipVisible.value = false\n    tipContent.value = undefined\n    tipTriggerDom.value = undefined\n  }, 250)\n}\n\nfunction handleTipUpdateVisible(visible: boolean) {\n  visible && clearTimeout(timer)\n}\n\nfunction handleStepMouseleave() {\n  if (!slots.tip) return\n  closeTip()\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"steps.js","names":[],"sources":["../../../src/components/steps/steps.vue"],"sourcesContent":["<template>\n  <ol :class=\"className\" ref=\"steps\">\n    <li\n      v-for=\"(item, index) in items\"\n      :class=\"[\n        cls.e('item'),\n        bem.is('current', index === currentIndex),\n        bem.is('finished', currentIndex === undefined || index < currentIndex)\n      ]\"\n      @click=\"handleStepClick(item, index)\"\n    >\n      <div :class=\"cls.e('node')\">\n        <i :class=\"cls.e('link')\" v-if=\"index !== items.length - 1\"></i>\n\n        <span\n          :class=\"cls.e('icon')\"\n          @mouseenter=\"handleStepMouseenter($event, item, index)\"\n          @mouseleave=\"handleStepMouseleave\"\n        >\n          <slot name=\"icon\" :item=\"item\" :index=\"index\">\n            <UIcon v-if=\"currentIndex === undefined || index < currentIndex\">\n              <Check />\n            </UIcon>\n\n            <template v-else>\n              {{ index + 1 }}\n            </template>\n          </slot>\n        </span>\n      </div>\n\n      <div :class=\"cls.e('content')\">\n        <slot name=\"content\" :item=\"item\" :index=\"index\">\n          {{ o(item).get(labelKey) }}\n        </slot>\n      </div>\n    </li>\n\n    <u-tip\n      v-if=\"slots.tip\"\n      ref=\"tip\"\n      :trigger-dom=\"tipTriggerDom\"\n      v-model:visible=\"tipVisible\"\n      @update:visible=\"handleTipUpdateVisible\"\n    >\n      <template #content>\n        <UNodeRender :content=\"tipContent\" />\n      </template>\n    </u-tip>\n  </ol>\n</template>\n\n<script lang=\"ts\" setup>\nimport { n, o } from '@cat-kit/core'\nimport { useFallbackProps } from '@veltra/compositions'\nimport { Check } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { StepsProps, StepsEmits, ComponentSize, StepsSlotScope } from '../../types'\nimport { UIcon } from '../icon'\nimport { UNodeRender } from '../node-render'\nimport { UTip } from '../tip'\n\ndefineOptions({\n  name: 'Steps'\n})\n\nconst props = withDefaults(defineProps<StepsProps>(), {\n  direction: 'horizontal',\n  finishedStepType: 'success',\n  labelKey: 'label'\n})\n\nconst emit = defineEmits<StepsEmits>()\n\nconst slots = defineSlots<{\n  icon?: (scope: StepsSlotScope) => any\n  content?: (scope: StepsSlotScope) => any\n  tip?: (scope: StepsSlotScope) => any\n}>()\n\nconst cls = bem('steps')\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst className = computed(() => {\n  const { direction, currentStepType, finishedStepType } = props\n  const ret: string[] = [\n    cls.b,\n    bem.is(direction),\n    cls.m(size.value),\n    bem.is('align-center', props.alignCenter),\n    cls.em('finished', finishedStepType)\n  ]\n  currentStepType && ret.push(cls.em('current', currentStepType))\n  return ret\n})\n\nconst stepsRef = useTemplateRef('steps')\n\nconst currentToIndexMap = computed<Record<string, number> | undefined>(() => {\n  const { currentKey, items } = props\n  if (!currentKey) return undefined\n  return items.reduce(\n    (acc, item, index) => {\n      acc[o(item).get(currentKey)] = index\n      return acc\n    },\n    {} as Record<string, number>\n  )\n})\n\n/** 当前索引 */\nconst currentIndex = computed<number | undefined>(() => {\n  const { currentKey, current } = props\n  if (current === undefined) return undefined\n\n  if (currentKey) {\n    return currentToIndexMap.value?.[current]\n  }\n\n  if (typeof current !== 'number') return undefined\n  return n(current).range(0, props.items.length - 1)\n})\n\nwatch(currentIndex, (index) => {\n  if (index === undefined || props.direction === 'vertical') return\n  const step = stepsRef.value?.children[index]\n  if (step) {\n    step.scrollIntoView({\n      behavior: 'smooth',\n      block: 'center'\n    })\n  }\n})\n\n// 点击步骤项\nfunction handleStepClick(item: Record<string, any>, index: number) {\n  emit('item-click', item, index)\n  emit('update:current', props.currentKey ? o(item).get(props.currentKey) : index)\n}\n\n// 提示\nconst tipVisible = shallowRef(false)\nconst tipTriggerDom = shallowRef<HTMLElement>()\nconst tipContent = shallowRef()\n\nfunction handleStepMouseenter(event: MouseEvent, item: Record<string, any>, index: number) {\n  if (!slots.tip) return\n  tipTriggerDom.value = event.target as HTMLElement\n  tipVisible.value = true\n  tipContent.value = slots.tip?.({ item, index })\n}\n\nlet timer: number | undefined = undefined\nfunction closeTip() {\n  timer = setTimeout(() => {\n    tipVisible.value = false\n    tipContent.value = undefined\n    tipTriggerDom.value = undefined\n  }, 250)\n}\n\nfunction handleTipUpdateVisible(visible: boolean) {\n  visible && clearTimeout(timer)\n}\n\nfunction handleStepMouseleave() {\n  if (!slots.tip) return\n  closeTip()\n}\n</script>\n"],"mappings":"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"}

package/dist/components/steps/steps.vue.d.ts

@@ -9,14 +9,14 @@ type __VLS_Slots = {
   tip?: (scope: StepsSlotScope) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<StepsProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
-  "item-click": (item: Record<string, any>, index: number) => any;
   "update:current": (value?: string | number | undefined) => any;
+  "item-click": (item: Record<string, any>, index: number) => any;
 }, string, _$vue.PublicProps, Readonly<StepsProps> & Readonly<{
-  "onItem-click"?: ((item: Record<string, any>, index: number) => any) | undefined;
   "onUpdate:current"?: ((value?: string | number | undefined) => any) | undefined;
+  "onItem-click"?: ((item: Record<string, any>, index: number) => any) | undefined;
 }>, {
-  direction: "horizontal" | "vertical";
   labelKey: string;
+  direction: "horizontal" | "vertical";
   finishedStepType: _$_veltra_utils0.ColorType;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/switch/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":[],"sources":["../../../src/components/switch/switch.vue"],"sourcesContent":["<template>\n  <label :class=\"switchClass\" @click.stop>\n    <input\n      type=\"checkbox\"\n      :class=\"cls.e('native')\"\n      hidden\n      :checked=\"model\"\n      :disabled=\"disabled\"\n      @input=\"handleInput\"\n    />\n    <span :class=\"[cls.e('text'), bem.is('selected', !model)]\" v-if=\"inactiveText\">\n      {{ inactiveText }}\n    </span>\n\n    <div :class=\"cls.e('button')\">\n      <span :class=\"cls.e('thumb')\"></span>\n    </div>\n\n    <span v-if=\"activeText\" :class=\"[cls.e('text'), bem.is('selected', model)]\">\n      {{ activeText }}\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { SwitchEmits, SwitchProps, _SwitchExposed } from '../../types'\n\ndefineOptions({\n  name: 'Switch'\n})\n\nconst props = withDefaults(defineProps<SwitchProps>(), {\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<SwitchEmits>()\n\nconst model = defineModel<boolean>()\n\nconst cls = bem('switch')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst switchClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('checked', model.value)\n  ]\n})\n\nconst handleInput = (e: Event) => {\n  if (disabled.value || readonly.value) return\n\n  const newValue = (e.target as HTMLInputElement).checked\n  model.value = newValue\n  emit('change', newValue)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAoB,SAAA,aAAC;EAEnC,MAAM,MAAM,IAAI,SAAQ;EAExB,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAE,EAAE,MAAM,CAAA;EAElF,MAAM,cAAc,eAAe;AACjC,UAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAM;IACjB,IAAI,GAAG,YAAY,SAAS,MAAM;IAClC,IAAI,GAAG,YAAY,SAAS,MAAM;IAClC,IAAI,GAAG,WAAW,MAAM,MAAK;IAC/B;IACD;EAED,MAAM,eAAe,MAAa;AAChC,OAAI,SAAS,SAAS,SAAS,MAAO;GAEtC,MAAM,WAAY,EAAE,OAA4B;AAChD,SAAM,QAAQ;AACd,QAAK,UAAU,SAAQ;;;uBAjEvB,mBAoBQ,SAAA;IApBA,OAAK,eAAE,YAAA,MAAW;IAAG,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;;IACrC,mBAOE,SAAA;KANA,MAAK;KACJ,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,SAAA,CAAA;KACb,QAAA;KACC,SAAS,MAAA;KACT,UAAU,MAAA,SAAQ;KAClB,SAAO;;IAEuD,QAAA,gBAAA,WAAA,EAAjE,mBAEO,QAAA;;KAFA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAC,OAAA,EAAU,MAAA,IAAG,CAAC,GAAE,YAAA,CAAc,MAAA,MAAK,CAAA,CAAA;uBAClD,QAAA,aAAY,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA;IAGjB,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,SAAA,CAAA,EAAA,EAAA,CAChB,mBAAqC,QAAA,EAA9B,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA,EAAA,EAAA,MAAA,EAAA,CAAA,EAAA,EAAA;IAGT,QAAA,cAAA,WAAA,EAAZ,mBAEO,QAAA;;KAFkB,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAC,OAAA,EAAU,MAAA,IAAG,CAAC,GAAE,YAAa,MAAA,MAAK,CAAA,CAAA;uBACnE,QAAA,WAAU,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA"}
+{"version":3,"file":"switch.js","names":[],"sources":["../../../src/components/switch/switch.vue"],"sourcesContent":["<template>\n  <label :class=\"switchClass\" @click.stop>\n    <input\n      type=\"checkbox\"\n      :class=\"cls.e('native')\"\n      hidden\n      :checked=\"model\"\n      :disabled=\"disabled\"\n      @input=\"handleInput\"\n    />\n    <span :class=\"[cls.e('text'), bem.is('selected', !model)]\" v-if=\"inactiveText\">\n      {{ inactiveText }}\n    </span>\n\n    <div :class=\"cls.e('button')\">\n      <span :class=\"cls.e('thumb')\"></span>\n    </div>\n\n    <span v-if=\"activeText\" :class=\"[cls.e('text'), bem.is('selected', model)]\">\n      {{ activeText }}\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { SwitchEmits, SwitchProps, _SwitchExposed } from '../../types'\n\ndefineOptions({\n  name: 'Switch'\n})\n\nconst props = withDefaults(defineProps<SwitchProps>(), {\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<SwitchEmits>()\n\nconst model = defineModel<boolean>()\n\nconst cls = bem('switch')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst switchClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('checked', model.value)\n  ]\n})\n\nconst handleInput = (e: Event) => {\n  if (disabled.value || readonly.value) return\n\n  const newValue = (e.target as HTMLInputElement).checked\n  model.value = newValue\n  emit('change', newValue)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAoB,SAAA,aAAC;EAEnC,MAAM,MAAM,IAAI,SAAQ;EAExB,MAAM,EAAE,cAAc,mBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAC,EAAG,MAAM,CAAA;EAElF,MAAM,cAAc,eAAe;GACjC,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAK;IAChB,IAAI,GAAG,YAAY,SAAS,MAAK;IACjC,IAAI,GAAG,YAAY,SAAS,MAAK;IACjC,IAAI,GAAG,WAAW,MAAM,MAAK;IAC/B;IACD;EAED,MAAM,eAAe,MAAa;GAChC,IAAI,SAAS,SAAS,SAAS,OAAO;GAEtC,MAAM,WAAY,EAAE,OAA4B;GAChD,MAAM,QAAQ;GACd,KAAK,UAAU,SAAQ;;;uBAjEvB,mBAoBQ,SAAA;IApBA,OAAK,eAAE,YAAA,MAAW;IAAG,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;;IACrC,mBAOE,SAAA;KANA,MAAK;KACJ,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA;KACb,QAAA;KACC,SAAS,MAAA;KACT,UAAU,MAAA,SAAA;KACV,SAAO;;IAEuD,QAAA,gBAAA,WAAA,EAAjE,mBAEO,QAAA;;KAFA,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,OAAA,EAAU,MAAA,IAAA,CAAI,GAAE,YAAA,CAAc,MAAA,MAAK,CAAA,CAAA;uBAClD,QAAA,aAAY,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA;IAGjB,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA,EAAA,EAAA,CAChB,mBAAqC,QAAA,EAA9B,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,QAAA,CAAA,EAAA,EAAA,MAAA,EAAA,CAAA,EAAA,EAAA;IAGT,QAAA,cAAA,WAAA,EAAZ,mBAEO,QAAA;;KAFkB,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,OAAA,EAAU,MAAA,IAAA,CAAI,GAAE,YAAa,MAAA,MAAK,CAAA,CAAA;uBACnE,QAAA,WAAU,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA"}

package/dist/components/table/di.js.map

@@ -1 +1 @@
-{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/table/di.ts"],"sourcesContent":["import type { VirtualItem } from '@veltra/compositions'\nimport type { BEM } from '@veltra/utils'\nimport type { ComputedRef, InjectionKey, ShallowRef, Slots } from 'vue'\n\nimport type {\n  TableProps,\n  TableColumnSlotsScope,\n  TableColumnRenderContext,\n  TableRow,\n  RenderReturn,\n  TableColumn,\n  TableRowSlotsScope\n} from '../../types'\nimport type { ColumnNode } from './node/col'\nimport type { ColumnConfig } from './use-columns'\n\nexport const TableDIKey: InjectionKey<{\n  /** 表格属性 */\n  tableProps: TableProps\n  /** 表格插槽 */\n  tableSlots: Slots\n  /** 类 */\n  cls: BEM<'table'>\n  /** 行 */\n  rows: ShallowRef<TableRow[]>\n  /** 选中行 */\n  checkedRows: ShallowRef<Set<TableRow>>\n  /** 结构化列 */\n  columnConfig: ColumnConfig\n  /** 事件处理方法 */\n  handleRowClick: (row: TableRow, ev: MouseEvent) => void\n  /** 单元格点击 */\n  handleCellClick: (row: TableRow, column: TableColumn, ev: MouseEvent) => void\n  /** 表格列插槽node */\n  getColumnSlotsNode: (ctx: TableColumnSlotsScope | TableColumnRenderContext) => RenderReturn\n  /** 展开行插槽node */\n  getExpandRowSlotsNode: (ctx: TableRowSlotsScope) => RenderReturn\n  /** 表头插槽node */\n  getHeaderSlotsNode: (ctx: { column: ColumnNode }) => RenderReturn\n\n  /** 展开/隐藏子节点 */\n  toggleTreeRowExpand: (row: TableRow) => void\n\n  /** 获取单元格的类 */\n  getCellClass: (column: ColumnNode) => string\n\n  /** 获取表头单元格的类 */\n  getHeaderCellClass: (column: ColumnNode) => string\n\n  /** 获取单元格上下文 */\n  getCellCtx: (\n    row: TableRow,\n    column: ColumnNode\n  ) => TableColumnSlotsScope | TableColumnRenderContext\n\n  /**\n   * 当前渲染窗口的虚拟项列表。\n   *\n   * 由 `useVirtualizer` 拆分出的 `items` shallowRef：仅在底层 `items`\n   * 引用变化时才更新，`isScrolling` / 纯尺寸变化不会导致此 ref 更新。\n   */\n  virtualList: ShallowRef<VirtualItem[]>\n  /** 是否启用虚拟列表 */\n  virtualEnabled: ComputedRef<boolean>\n  /**\n   * 测量行元素尺寸（参数顺序与底层 `Virtualizer.measureElement` 一致）。\n   *\n   * 元素卸载（`el === null`）时会从底层解绑，避免被移除的 `<tr>` 继续触发\n   * size=0 测量回调。\n   */\n  measureElement: (index: number, el: Element | null) => void\n}> = Symbol('TableDIKey')\n\nexport const TableResizeKey: InjectionKey<{\n  handleResizeMousedown: (e: MouseEvent, resizeColumn: ColumnNode) => void\n  headerRef: ShallowRef<HTMLElement | undefined>\n}> = Symbol('TableResizeKey')\n"],"mappings":";AAgBA,MAAa,aAuDR,OAAO,aAAa;AAEzB,MAAa,iBAGR,OAAO,iBAAiB"}
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/table/di.ts"],"sourcesContent":["import type { VirtualItem } from '@cat-kit/fe'\nimport type { BEM } from '@veltra/utils'\nimport type { ComputedRef, InjectionKey, ShallowRef, Slots } from 'vue'\n\nimport type {\n  TableProps,\n  TableColumnSlotsScope,\n  TableColumnRenderContext,\n  TableRow,\n  RenderReturn,\n  TableColumn,\n  TableRowSlotsScope\n} from '../../types'\nimport type { ColumnNode } from './node/col'\nimport type { ColumnConfig } from './use-columns'\n\nexport const TableDIKey: InjectionKey<{\n  /** 表格属性 */\n  tableProps: TableProps\n  /** 表格插槽 */\n  tableSlots: Slots\n  /** 类 */\n  cls: BEM<'table'>\n  /** 行 */\n  rows: ShallowRef<TableRow[]>\n  /** 选中行 */\n  checkedRows: ShallowRef<Set<TableRow>>\n  /** 结构化列 */\n  columnConfig: ColumnConfig\n  /** 事件处理方法 */\n  handleRowClick: (row: TableRow, ev: MouseEvent) => void\n  /** 单元格点击 */\n  handleCellClick: (row: TableRow, column: TableColumn, ev: MouseEvent) => void\n  /** 表格列插槽node */\n  getColumnSlotsNode: (ctx: TableColumnSlotsScope | TableColumnRenderContext) => RenderReturn\n  /** 展开行插槽node */\n  getExpandRowSlotsNode: (ctx: TableRowSlotsScope) => RenderReturn\n  /** 表头插槽node */\n  getHeaderSlotsNode: (ctx: { column: ColumnNode }) => RenderReturn\n\n  /** 展开/隐藏子节点 */\n  toggleTreeRowExpand: (row: TableRow) => void\n\n  /** 获取单元格的类 */\n  getCellClass: (column: ColumnNode) => string\n\n  /** 获取表头单元格的类 */\n  getHeaderCellClass: (column: ColumnNode) => string\n\n  /** 获取单元格上下文 */\n  getCellCtx: (\n    row: TableRow,\n    column: ColumnNode\n  ) => TableColumnSlotsScope | TableColumnRenderContext\n\n  /**\n   * 当前渲染窗口的虚拟项列表。\n   *\n   * 由 `useVirtualizer` 拆分出的 `items` shallowRef：仅在底层 `items`\n   * 引用变化时才更新，`isScrolling` / 纯尺寸变化不会导致此 ref 更新。\n   */\n  virtualList: ShallowRef<VirtualItem[]>\n  /** 是否启用虚拟列表 */\n  virtualEnabled: ComputedRef<boolean>\n  /**\n   * 测量行元素尺寸（参数顺序与底层 `Virtualizer.measureElement` 一致）。\n   *\n   * 元素卸载（`el === null`）时会从底层解绑，避免被移除的 `<tr>` 继续触发\n   * size=0 测量回调。\n   */\n  measureElement: (index: number, el: Element | null) => void\n}> = Symbol('TableDIKey')\n\nexport const TableResizeKey: InjectionKey<{\n  handleResizeMousedown: (e: MouseEvent, resizeColumn: ColumnNode) => void\n  headerRef: ShallowRef<HTMLElement | undefined>\n}> = Symbol('TableResizeKey')\n"],"mappings":";AAgBA,MAAa,aAuDR,OAAO,aAAa;AAEzB,MAAa,iBAGR,OAAO,iBAAiB"}

package/dist/components/table/node/col.js.map

@@ -1 +1 @@
-{"version":3,"file":"col.js","names":[],"sources":["../../../../src/components/table/node/col.ts"],"sourcesContent":["import { TreeNode } from '@cat-kit/core'\nimport { reactive, shallowReactive } from 'vue'\n\nimport type { TableColumn, TableColumnAlign } from '../../../types'\n\nexport class ColumnNode extends TreeNode<TableColumn, ColumnNode> {\n  declare children?: ColumnNode[] | undefined\n  declare parent?: ColumnNode\n  /** 叶子节点数量 */\n  leafs?: number\n\n  nextNode: ColumnNode | null = null\n\n  /** 列key */\n  get key(): string {\n    return this.data.key\n  }\n  set key(val) {\n    this.data.key = val\n  }\n  /** 列名 */\n  get name(): string {\n    return this.data.name\n  }\n  set name(val) {\n    this.data.name = val\n  }\n\n  /**\n   * 列对齐方式\n   * @default 'left'\n   */\n  get align(): TableColumnAlign {\n    return this.data.align ?? 'left'\n  }\n  set align(val) {\n    this.data.align = val\n  }\n\n  get headerAlign(): TableColumnAlign {\n    return this.data.headerAlign ?? this.align\n  }\n  set headerAlign(val) {\n    this.data.headerAlign = val\n  }\n\n  /** 宽度 */\n  get width(): number | undefined {\n    const { width } = this.data\n    if (!width || (this.minWidth && width && width < this.minWidth)) {\n      return this.minWidth\n    }\n    return width\n  }\n  set width(val) {\n    if (this.minWidth && val && val < this.minWidth) {\n      val = this.minWidth\n    }\n    this.data.width = val\n  }\n  /** 最小宽度 */\n  get minWidth(): number | undefined {\n    const minWidth = this.data.minWidth\n    if (!minWidth && this.isLeaf) {\n      return 100\n    }\n    return minWidth\n  }\n  set minWidth(val) {\n    this.data.minWidth = val\n  }\n\n  /** 列固定方向 */\n  get fixed(): 'left' | 'right' | undefined {\n    if (this.depth > 0) return\n    return this.data.fixed\n  }\n  set fixed(val) {\n    this.data.fixed = val\n  }\n\n  /** 是否是左侧的最后一个固定列 */\n  get isLastFixed(): boolean {\n    return this.data.isLastFixed ?? false\n  }\n\n  /** 是否是右侧的第一个固定列 */\n  get isFirstFixed(): boolean {\n    return this.data.isFirstFixed ?? false\n  }\n\n  /** 是否是可调整宽度的列 */\n  get resizable(): boolean {\n    return this.data.resizable ?? true\n  }\n\n  style: Record<string, number> = reactive({})\n\n  constructor(val: TableColumn, index: number, depth: number, parent?: ColumnNode) {\n    super(val ? shallowReactive(val) : val, index, depth, parent)\n  }\n}\n"],"mappings":";;;AAKA,IAAa,aAAb,cAAgC,SAAkC;;CAIhE;CAEA,WAA8B;;CAG9B,IAAI,MAAc;AAChB,SAAO,KAAK,KAAK;;CAEnB,IAAI,IAAI,KAAK;AACX,OAAK,KAAK,MAAM;;;CAGlB,IAAI,OAAe;AACjB,SAAO,KAAK,KAAK;;CAEnB,IAAI,KAAK,KAAK;AACZ,OAAK,KAAK,OAAO;;;;;;CAOnB,IAAI,QAA0B;AAC5B,SAAO,KAAK,KAAK,SAAS;;CAE5B,IAAI,MAAM,KAAK;AACb,OAAK,KAAK,QAAQ;;CAGpB,IAAI,cAAgC;AAClC,SAAO,KAAK,KAAK,eAAe,KAAK;;CAEvC,IAAI,YAAY,KAAK;AACnB,OAAK,KAAK,cAAc;;;CAI1B,IAAI,QAA4B;EAC9B,MAAM,EAAE,UAAU,KAAK;AACvB,MAAI,CAAC,SAAU,KAAK,YAAY,SAAS,QAAQ,KAAK,SACpD,QAAO,KAAK;AAEd,SAAO;;CAET,IAAI,MAAM,KAAK;AACb,MAAI,KAAK,YAAY,OAAO,MAAM,KAAK,SACrC,OAAM,KAAK;AAEb,OAAK,KAAK,QAAQ;;;CAGpB,IAAI,WAA+B;EACjC,MAAM,WAAW,KAAK,KAAK;AAC3B,MAAI,CAAC,YAAY,KAAK,OACpB,QAAO;AAET,SAAO;;CAET,IAAI,SAAS,KAAK;AAChB,OAAK,KAAK,WAAW;;;CAIvB,IAAI,QAAsC;AACxC,MAAI,KAAK,QAAQ,EAAG;AACpB,SAAO,KAAK,KAAK;;CAEnB,IAAI,MAAM,KAAK;AACb,OAAK,KAAK,QAAQ;;;CAIpB,IAAI,cAAuB;AACzB,SAAO,KAAK,KAAK,eAAe;;;CAIlC,IAAI,eAAwB;AAC1B,SAAO,KAAK,KAAK,gBAAgB;;;CAInC,IAAI,YAAqB;AACvB,SAAO,KAAK,KAAK,aAAa;;CAGhC,QAAgC,SAAS,EAAE,CAAC;CAE5C,YAAY,KAAkB,OAAe,OAAe,QAAqB;AAC/E,QAAM,MAAM,gBAAgB,IAAI,GAAG,KAAK,OAAO,OAAO,OAAO"}
+{"version":3,"file":"col.js","names":[],"sources":["../../../../src/components/table/node/col.ts"],"sourcesContent":["import { TreeNode } from '@cat-kit/core'\nimport { reactive, shallowReactive } from 'vue'\n\nimport type { TableColumn, TableColumnAlign } from '../../../types'\n\nexport class ColumnNode extends TreeNode<TableColumn, ColumnNode> {\n  declare children?: ColumnNode[] | undefined\n  declare parent?: ColumnNode\n  /** 叶子节点数量 */\n  leafs?: number\n\n  nextNode: ColumnNode | null = null\n\n  /** 列key */\n  get key(): string {\n    return this.data.key\n  }\n  set key(val) {\n    this.data.key = val\n  }\n  /** 列名 */\n  get name(): string {\n    return this.data.name\n  }\n  set name(val) {\n    this.data.name = val\n  }\n\n  /**\n   * 列对齐方式\n   * @default 'left'\n   */\n  get align(): TableColumnAlign {\n    return this.data.align ?? 'left'\n  }\n  set align(val) {\n    this.data.align = val\n  }\n\n  get headerAlign(): TableColumnAlign {\n    return this.data.headerAlign ?? this.align\n  }\n  set headerAlign(val) {\n    this.data.headerAlign = val\n  }\n\n  /** 宽度 */\n  get width(): number | undefined {\n    const { width } = this.data\n    if (!width || (this.minWidth && width && width < this.minWidth)) {\n      return this.minWidth\n    }\n    return width\n  }\n  set width(val) {\n    if (this.minWidth && val && val < this.minWidth) {\n      val = this.minWidth\n    }\n    this.data.width = val\n  }\n  /** 最小宽度 */\n  get minWidth(): number | undefined {\n    const minWidth = this.data.minWidth\n    if (!minWidth && this.isLeaf) {\n      return 100\n    }\n    return minWidth\n  }\n  set minWidth(val) {\n    this.data.minWidth = val\n  }\n\n  /** 列固定方向 */\n  get fixed(): 'left' | 'right' | undefined {\n    if (this.depth > 0) return\n    return this.data.fixed\n  }\n  set fixed(val) {\n    this.data.fixed = val\n  }\n\n  /** 是否是左侧的最后一个固定列 */\n  get isLastFixed(): boolean {\n    return this.data.isLastFixed ?? false\n  }\n\n  /** 是否是右侧的第一个固定列 */\n  get isFirstFixed(): boolean {\n    return this.data.isFirstFixed ?? false\n  }\n\n  /** 是否是可调整宽度的列 */\n  get resizable(): boolean {\n    return this.data.resizable ?? true\n  }\n\n  style: Record<string, number> = reactive({})\n\n  constructor(val: TableColumn, index: number, depth: number, parent?: ColumnNode) {\n    super(val ? shallowReactive(val) : val, index, depth, parent)\n  }\n}\n"],"mappings":";;;AAKA,IAAa,aAAb,cAAgC,SAAkC;;CAIhE;CAEA,WAA8B;;CAG9B,IAAI,MAAc;EAChB,OAAO,KAAK,KAAK;;CAEnB,IAAI,IAAI,KAAK;EACX,KAAK,KAAK,MAAM;;;CAGlB,IAAI,OAAe;EACjB,OAAO,KAAK,KAAK;;CAEnB,IAAI,KAAK,KAAK;EACZ,KAAK,KAAK,OAAO;;;;;;CAOnB,IAAI,QAA0B;EAC5B,OAAO,KAAK,KAAK,SAAS;;CAE5B,IAAI,MAAM,KAAK;EACb,KAAK,KAAK,QAAQ;;CAGpB,IAAI,cAAgC;EAClC,OAAO,KAAK,KAAK,eAAe,KAAK;;CAEvC,IAAI,YAAY,KAAK;EACnB,KAAK,KAAK,cAAc;;;CAI1B,IAAI,QAA4B;EAC9B,MAAM,EAAE,UAAU,KAAK;EACvB,IAAI,CAAC,SAAU,KAAK,YAAY,SAAS,QAAQ,KAAK,UACpD,OAAO,KAAK;EAEd,OAAO;;CAET,IAAI,MAAM,KAAK;EACb,IAAI,KAAK,YAAY,OAAO,MAAM,KAAK,UACrC,MAAM,KAAK;EAEb,KAAK,KAAK,QAAQ;;;CAGpB,IAAI,WAA+B;EACjC,MAAM,WAAW,KAAK,KAAK;EAC3B,IAAI,CAAC,YAAY,KAAK,QACpB,OAAO;EAET,OAAO;;CAET,IAAI,SAAS,KAAK;EAChB,KAAK,KAAK,WAAW;;;CAIvB,IAAI,QAAsC;EACxC,IAAI,KAAK,QAAQ,GAAG;EACpB,OAAO,KAAK,KAAK;;CAEnB,IAAI,MAAM,KAAK;EACb,KAAK,KAAK,QAAQ;;;CAIpB,IAAI,cAAuB;EACzB,OAAO,KAAK,KAAK,eAAe;;;CAIlC,IAAI,eAAwB;EAC1B,OAAO,KAAK,KAAK,gBAAgB;;;CAInC,IAAI,YAAqB;EACvB,OAAO,KAAK,KAAK,aAAa;;CAGhC,QAAgC,SAAS,EAAE,CAAC;CAE5C,YAAY,KAAkB,OAAe,OAAe,QAAqB;EAC/E,MAAM,MAAM,gBAAgB,IAAI,GAAG,KAAK,OAAO,OAAO,OAAO"}

package/dist/components/table/node/row.js.map

@@ -1 +1 @@
-{"version":3,"file":"row.js","names":[],"sources":["../../../../src/components/table/node/row.ts"],"sourcesContent":["import { TreeNode } from '@cat-kit/core'\nimport { isReactive, shallowReactive } from 'vue'\n\n/**\n * TODO: 优化参数，对大数据量来说，对象字面量参数会使内存占用过高\n */\nexport class TableRowNode<Data extends Record<string, any> = Record<string, any>> extends TreeNode<\n  Data,\n  TableRowNode<Data>\n> {\n  /** 索引路径 */\n  get indexes(): number[] {\n    if (!this.parent) return [this.index]\n    return this.parent.indexes.concat(this.index)\n  }\n\n  isExpandRow = false\n\n  /** 是否操作中 */\n  operating = false\n\n  /** 是否展开 */\n  expanded = false\n\n  /** 是否为当前的点击行 */\n  isCurrent = false\n\n  /** 是否选中 */\n  checked = false\n\n  /**\n   * 行的稳定唯一标识。\n   *\n   * E2 不变式：`uid` 在单个 `TableRowNode` 实例的生命周期内不可变更。\n   * `useVirtualizer` 的 `getItemKey: i => rows[i].uid` 依赖该不变式来复用测量缓存；\n   * 若 uid 在运行时变更，虚拟列表的尺寸表会错配导致滚动抖动。\n   * 当前代码路径（`createRow` / `copy`）始终为每个新节点分配一次 uid，\n   * 所以该不变式天然成立；此处使用 `readonly` 做编译期锁定。\n   */\n  readonly uid: number | string\n\n  override children?: TableRowNode<Data>[] = undefined\n\n  /**\n   *\n   * @param data 一个普通对象或者一个响应式对象\n   * @param index 索引值\n   * @param depth 深度（根为 0）\n   * @param parent 父行节点\n   * @param uid 行唯一标识\n   * @returns\n   */\n  constructor(options: {\n    data: Data\n    index: number\n    depth: number\n    parent?: TableRowNode<Data>\n    uid: number | string\n  }) {\n    const { data, index, depth, parent, uid } = options\n\n    if (!data) {\n      super(data as Data, index, depth, parent)\n    } else {\n      super(isReactive(data) ? data : shallowReactive(data), index, depth, parent)\n    }\n    this.uid = uid\n    return shallowReactive(this)\n  }\n\n  copy() {\n    const row = new TableRowNode({\n      data: this.data,\n      index: this.index,\n      depth: this.depth,\n      parent: this.parent ?? undefined,\n      uid: `expand_${this.uid}`\n    })\n\n    row.isExpandRow = true\n\n    return row\n  }\n}\n"],"mappings":";;;;;;AAMA,IAAa,eAAb,MAAa,qBAA6E,SAGxF;;CAEA,IAAI,UAAoB;AACtB,MAAI,CAAC,KAAK,OAAQ,QAAO,CAAC,KAAK,MAAM;AACrC,SAAO,KAAK,OAAO,QAAQ,OAAO,KAAK,MAAM;;CAG/C,cAAc;;CAGd,YAAY;;CAGZ,WAAW;;CAGX,YAAY;;CAGZ,UAAU;;;;;;;;;;CAWV;CAEA,WAA2C,KAAA;;;;;;;;;;CAW3C,YAAY,SAMT;EACD,MAAM,EAAE,MAAM,OAAO,OAAO,QAAQ,QAAQ;AAE5C,MAAI,CAAC,KACH,OAAM,MAAc,OAAO,OAAO,OAAO;MAEzC,OAAM,WAAW,KAAK,GAAG,OAAO,gBAAgB,KAAK,EAAE,OAAO,OAAO,OAAO;AAE9E,OAAK,MAAM;AACX,SAAO,gBAAgB,KAAK;;CAG9B,OAAO;EACL,MAAM,MAAM,IAAI,aAAa;GAC3B,MAAM,KAAK;GACX,OAAO,KAAK;GACZ,OAAO,KAAK;GACZ,QAAQ,KAAK,UAAU,KAAA;GACvB,KAAK,UAAU,KAAK;GACrB,CAAC;AAEF,MAAI,cAAc;AAElB,SAAO"}
+{"version":3,"file":"row.js","names":[],"sources":["../../../../src/components/table/node/row.ts"],"sourcesContent":["import { TreeNode } from '@cat-kit/core'\nimport { isReactive, shallowReactive } from 'vue'\n\n/**\n * TODO: 优化参数，对大数据量来说，对象字面量参数会使内存占用过高\n */\nexport class TableRowNode<Data extends Record<string, any> = Record<string, any>> extends TreeNode<\n  Data,\n  TableRowNode<Data>\n> {\n  /** 索引路径 */\n  get indexes(): number[] {\n    if (!this.parent) return [this.index]\n    return this.parent.indexes.concat(this.index)\n  }\n\n  isExpandRow = false\n\n  /** 是否操作中 */\n  operating = false\n\n  /** 是否展开 */\n  expanded = false\n\n  /** 是否为当前的点击行 */\n  isCurrent = false\n\n  /** 是否选中 */\n  checked = false\n\n  /**\n   * 行的稳定唯一标识。\n   *\n   * E2 不变式：`uid` 在单个 `TableRowNode` 实例的生命周期内不可变更。\n   * `useVirtualizer` 的 `getItemKey: i => rows[i].uid` 依赖该不变式来复用测量缓存；\n   * 若 uid 在运行时变更，虚拟列表的尺寸表会错配导致滚动抖动。\n   * 当前代码路径（`createRow` / `copy`）始终为每个新节点分配一次 uid，\n   * 所以该不变式天然成立；此处使用 `readonly` 做编译期锁定。\n   */\n  readonly uid: number | string\n\n  override children?: TableRowNode<Data>[] = undefined\n\n  /**\n   *\n   * @param data 一个普通对象或者一个响应式对象\n   * @param index 索引值\n   * @param depth 深度（根为 0）\n   * @param parent 父行节点\n   * @param uid 行唯一标识\n   * @returns\n   */\n  constructor(options: {\n    data: Data\n    index: number\n    depth: number\n    parent?: TableRowNode<Data>\n    uid: number | string\n  }) {\n    const { data, index, depth, parent, uid } = options\n\n    if (!data) {\n      super(data as Data, index, depth, parent)\n    } else {\n      super(isReactive(data) ? data : shallowReactive(data), index, depth, parent)\n    }\n    this.uid = uid\n    return shallowReactive(this)\n  }\n\n  copy() {\n    const row = new TableRowNode({\n      data: this.data,\n      index: this.index,\n      depth: this.depth,\n      parent: this.parent ?? undefined,\n      uid: `expand_${this.uid}`\n    })\n\n    row.isExpandRow = true\n\n    return row\n  }\n}\n"],"mappings":";;;;;;AAMA,IAAa,eAAb,MAAa,qBAA6E,SAGxF;;CAEA,IAAI,UAAoB;EACtB,IAAI,CAAC,KAAK,QAAQ,OAAO,CAAC,KAAK,MAAM;EACrC,OAAO,KAAK,OAAO,QAAQ,OAAO,KAAK,MAAM;;CAG/C,cAAc;;CAGd,YAAY;;CAGZ,WAAW;;CAGX,YAAY;;CAGZ,UAAU;;;;;;;;;;CAWV;CAEA,WAA2C,KAAA;;;;;;;;;;CAW3C,YAAY,SAMT;EACD,MAAM,EAAE,MAAM,OAAO,OAAO,QAAQ,QAAQ;EAE5C,IAAI,CAAC,MACH,MAAM,MAAc,OAAO,OAAO,OAAO;OAEzC,MAAM,WAAW,KAAK,GAAG,OAAO,gBAAgB,KAAK,EAAE,OAAO,OAAO,OAAO;EAE9E,KAAK,MAAM;EACX,OAAO,gBAAgB,KAAK;;CAG9B,OAAO;EACL,MAAM,MAAM,IAAI,aAAa;GAC3B,MAAM,KAAK;GACX,OAAO,KAAK;GACZ,OAAO,KAAK;GACZ,QAAQ,KAAK,UAAU,KAAA;GACvB,KAAK,UAAU,KAAK;GACrB,CAAC;EAEF,IAAI,cAAc;EAElB,OAAO"}