@veltra/desktop 1.1.3 → 1.1.5

package/dist/components/group-input/group-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-input.js","names":[],"sources":["../../../src/components/group-input/group-input.vue"],"sourcesContent":["<template>\n  <ul :class=\"[cls.b, cls.m(size)]\" v-if=\"!readonly\">\n    <li v-if=\"isEmpty && creatable\">\n      <u-button style=\"width: 100%\" :icon=\"Plus\" @click=\"handleAdd(0)\" :size=\"size\">\n        新增\n      </u-button>\n    </li>\n    <li v-for=\"(item, index) of items\" :key=\"item.id\" :class=\"cls.e('item')\" :style=\"itemStyle\">\n      <slot v-bind=\"{ item: item.data, index }\" />\n      <span :class=\"cls.e('actions')\">\n        <u-button\n          :icon=\"Minus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          @click=\"handleRemove(index)\"\n        />\n        <u-button :icon=\"Plus\" circle :disabled=\"disabled\" :size=\"size\" @click=\"handleAdd(index)\" />\n      </span>\n    </li>\n  </ul>\n\n  <template v-else-if=\"items?.length\">\n    <ul :class=\"[cls.b, cls.m(size)]\">\n      <li v-for=\"item of items\" :key=\"item.id\" :class=\"cls.e('item')\">\n        <span v-for=\"v in item.data\">{{ v }}</span>\n      </li>\n    </ul>\n  </template>\n\n  <template v-else>\n    {{ FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup generic=\"GroupItem extends Record<string, any>\">\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { Minus, Plus } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { GroupInputEmits, GroupInputProps } from '../../types'\nimport { UButton } from '../button'\nimport { useGroupItems } from './use-group-items'\n\ndefineOptions({\n  name: 'GroupInput'\n})\n\nconst props = withDefaults(defineProps<GroupInputProps<GroupItem>>(), {\n  modelValue: () => [],\n  disabled: undefined,\n  readonly: undefined,\n  creatable: true\n})\n\nconst emit = defineEmits<GroupInputEmits>()\n\nconst cls = bem('group-input')\n\nconst { formProps } = injectFormContext()\nconst { disabled, size, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst { items, createItem, runByEvent } = useGroupItems({\n  props,\n  emit\n})\n\nconst isEmpty = computed(() => {\n  return !items.value.length\n})\n\nfunction handleAdd(index: number) {\n  runByEvent(() => {\n    items.value = [\n      ...items.value.slice(0, index + 1),\n      createItem({}),\n      ...items.value.slice(index + 1)\n    ]\n  })\n}\n\nfunction handleRemove(index: number) {\n  runByEvent(() => {\n    items.value = [...items.value.slice(0, index), ...items.value.slice(index + 1)]\n  })\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,EAAE,cAAc,mBAAkB;EACxC,MAAM,EAAE,UAAU,MAAM,aAAa,qBAAqB,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;EAED,MAAM,EAAE,OAAO,YAAY,eAAe,cAAc;GACtD;GACA;GACD,CAAA;EAED,MAAM,UAAU,eAAe;AAC7B,UAAO,CAAC,MAAM,MAAM;IACrB;EAED,SAAS,UAAU,OAAe;AAChC,oBAAiB;AACf,UAAM,QAAQ;KACZ,GAAG,MAAM,MAAM,MAAM,GAAG,QAAQ,EAAE;KAClC,WAAW,EAAE,CAAC;KACd,GAAG,MAAM,MAAM,MAAM,QAAQ,EAAC;KAChC;KACD;;EAGH,SAAS,aAAa,OAAe;AACnC,oBAAiB;AACf,UAAM,QAAQ,CAAC,GAAG,MAAM,MAAM,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,MAAM,MAAM,QAAQ,EAAE,CAAA;KAC/E;;;WAzFwC,MAAA,SAAQ,IAAA,WAAA,EAAjD,mBAmBK,MAAA;;IAnBA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA;OAClB,QAAA,SAAW,QAAA,aAAA,WAAA,EAArB,mBAIK,MAAA,YAAA,CAHH,YAEW,MAAA,YAAA,EAAA;IAFD,OAAA,EAAA,SAAA,QAAmB;IAAE,MAAM,MAAA,KAAI;IAAG,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAS,EAAA;IAAM,MAAM,MAAA,KAAI;;2BAE5E,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF8E,QAE9E,GAAA,CAAA,EAAA,CAAA;;oFAEF,mBAYK,UAAA,MAAA,WAZuB,MAAA,MAAK,GAArB,MAAM,UAAK;wBAAvB,mBAYK,MAAA;KAZ+B,KAAK,KAAK;KAAK,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;KAAW,OAAK,eAAE,QAAA,UAAS;QACxF,WAA4C,KAAA,QAAA,WAA5C,WAA4C,EAAA,SAAA,MAAA,EAAA;KAAA,MAAtB,KAAK;KAAM;KAAK,CAAA,CAAA,EACtC,mBASO,QAAA,EATA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA,EAAA,EAAA,CACjB,YAME,MAAA,YAAA,EAAA;KALC,MAAM,MAAA,MAAK;KACZ,QAAA;KACC,UAAU,MAAA,SAAQ;KAClB,MAAM,MAAA,KAAI;KACV,UAAK,WAAE,aAAa,MAAK;;;;;;QAE5B,YAA4F,MAAA,YAAA,EAAA;KAAjF,MAAM,MAAA,KAAI;KAAE,QAAA;KAAQ,UAAU,MAAA,SAAQ;KAAG,MAAM,MAAA,KAAI;KAAG,UAAK,WAAE,UAAU,MAAK;;;;;;;qBAKxE,MAAA,MAAK,EAAE,UAAA,WAAA,EAC1B,mBAIK,MAAA;;IAJA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA;yBAC5B,mBAEK,UAAA,MAAA,WAFc,MAAA,MAAK,GAAb,SAAI;wBAAf,mBAEK,MAAA;KAFsB,KAAK,KAAK;KAAK,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;0BACpD,mBAA2C,UAAA,MAAA,WAAzB,KAAK,OAAV,MAAC;yBAAd,mBAA2C,QAAA,MAAA,gBAAX,EAAC,EAAA,EAAA;;mCAKvC,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"group-input.js","names":[],"sources":["../../../src/components/group-input/group-input.vue"],"sourcesContent":["<template>\n  <ul :class=\"[cls.b, cls.m(size)]\" v-if=\"!readonly\">\n    <li v-if=\"isEmpty && creatable\">\n      <u-button style=\"width: 100%\" :icon=\"Plus\" @click=\"handleAdd(0)\" :size=\"size\">\n        新增\n      </u-button>\n    </li>\n    <li v-for=\"(item, index) of items\" :key=\"item.id\" :class=\"cls.e('item')\" :style=\"itemStyle\">\n      <slot v-bind=\"{ item: item.data, index }\" />\n      <span :class=\"cls.e('actions')\">\n        <u-button\n          :icon=\"Minus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          @click=\"handleRemove(index)\"\n        />\n        <u-button\n          :icon=\"Plus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          type=\"primary\"\n          @click=\"handleAdd(index)\"\n        />\n      </span>\n    </li>\n  </ul>\n\n  <template v-else-if=\"items?.length\">\n    <ul :class=\"[cls.b, cls.m(size)]\">\n      <li v-for=\"item of items\" :key=\"item.id\" :class=\"cls.e('item')\">\n        <span v-for=\"v in item.data\">{{ v }}</span>\n      </li>\n    </ul>\n  </template>\n\n  <template v-else>\n    {{ FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup generic=\"GroupItem extends Record<string, any>\">\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { Minus, Plus } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { GroupInputEmits, GroupInputProps } from '../../types'\nimport { UButton } from '../button'\nimport { useGroupItems } from './use-group-items'\n\ndefineOptions({\n  name: 'GroupInput'\n})\n\nconst props = withDefaults(defineProps<GroupInputProps<GroupItem>>(), {\n  modelValue: () => [],\n  disabled: undefined,\n  readonly: undefined,\n  creatable: true\n})\n\nconst emit = defineEmits<GroupInputEmits>()\n\nconst cls = bem('group-input')\n\nconst { formProps } = injectFormContext()\nconst { disabled, size, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst { items, createItem, runByEvent } = useGroupItems({\n  props,\n  emit\n})\n\nconst isEmpty = computed(() => {\n  return !items.value.length\n})\n\nfunction handleAdd(index: number) {\n  runByEvent(() => {\n    items.value = [\n      ...items.value.slice(0, index + 1),\n      createItem({}),\n      ...items.value.slice(index + 1)\n    ]\n  })\n}\n\nfunction handleRemove(index: number) {\n  runByEvent(() => {\n    items.value = [...items.value.slice(0, index), ...items.value.slice(index + 1)]\n  })\n}\n</script>\n"],"mappings":"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"}

package/dist/components/group-input/style.js

@@ -1 +1,2 @@
+import "../button/style.js";
 import "./style2.css";

package/dist/components/index.js

@@ -1,74 +1,75 @@
 import { __exportAll } from "../_virtual/_rolldown/runtime.js";
-import _sfc_main from "./condition-editor/condition-editor.js";
-import _sfc_main$1 from "./scroll/scroll.js";
-import _sfc_main$2 from "./icon/icon.js";
-import _sfc_main$3 from "./tabs/tabs-horizontal.js";
-import _sfc_main$4 from "./tabs/tabs-vertical.js";
-import _sfc_main$5 from "./tabs/tabs.js";
-import _sfc_main$6 from "./empty/empty.js";
-import _sfc_main$7 from "./checkbox/checkbox.js";
+import _sfc_main from "./icon/icon.js";
+import _sfc_main$1 from "./empty/empty.js";
+import _sfc_main$2 from "./scroll/scroll.js";
 import NodeRender from "./node-render/node-render.js";
-import _sfc_main$8 from "./tree/tree.js";
-import _sfc_main$9 from "./dropdown/dropdown.js";
+import _sfc_main$3 from "./tip/tip.js";
+import _sfc_main$4 from "./dropdown/dropdown.js";
 import input_default from "./input/input.js";
-import _sfc_main$10 from "./tree-select/tree-select.js";
-import _sfc_main$11 from "./code-editor/code-editor.js";
-import _sfc_main$12 from "./drawer/drawer.js";
-import _sfc_main$13 from "./grid/grid.js";
-import _sfc_main$14 from "./grid/grid-item.js";
-import _sfc_main$15 from "./tip/tip.js";
+import _sfc_main$5 from "./select/select.js";
+import _sfc_main$6 from "./condition-editor/condition-editor.js";
+import _sfc_main$7 from "./tabs/tabs-horizontal.js";
+import _sfc_main$8 from "./tabs/tabs-vertical.js";
+import _sfc_main$9 from "./tabs/tabs.js";
+import _sfc_main$10 from "./checkbox/checkbox.js";
+import _sfc_main$11 from "./tree/tree.js";
+import _sfc_main$12 from "./tree-select/tree-select.js";
+import _sfc_main$13 from "./code-editor/code-editor.js";
+import _sfc_main$14 from "./drawer/drawer.js";
+import _sfc_main$15 from "./grid/grid.js";
+import _sfc_main$16 from "./grid/grid-item.js";
 import form_item_default from "./form-item/form-item.js";
 import form_default from "./form/form.js";
 import { formField } from "./form/helper.js";
 import { FormModel } from "./form/form-model.js";
 import { DynamicFormModel } from "./form/dynamic-form-model.js";
-import _sfc_main$16 from "./button/button.js";
-import _sfc_main$17 from "./button/button-group.js";
-import _sfc_main$18 from "./message-confirm/message-confirm.js";
+import _sfc_main$17 from "./button/button.js";
+import _sfc_main$18 from "./button/button-group.js";
+import _sfc_main$19 from "./message-confirm/message-confirm.js";
 import MessageConfirm from "./message-confirm/message-confirm2.js";
-import _sfc_main$19 from "./calendar/calendar.js";
-import _sfc_main$20 from "./radio/radio.js";
-import _sfc_main$21 from "./card/card.js";
-import _sfc_main$22 from "./card/card-header.js";
-import _sfc_main$23 from "./card/card-cover.js";
-import _sfc_main$24 from "./card/card-content.js";
-import _sfc_main$25 from "./card/card-action.js";
-import _sfc_main$26 from "./date-panel/date-panel.js";
-import _sfc_main$27 from "./date-range-picker/date-range-picker.js";
-import _sfc_main$28 from "./loading/loading.js";
+import _sfc_main$20 from "./calendar/calendar.js";
+import _sfc_main$21 from "./radio/radio.js";
+import _sfc_main$22 from "./card/card.js";
+import _sfc_main$23 from "./card/card-header.js";
+import _sfc_main$24 from "./card/card-cover.js";
+import _sfc_main$25 from "./card/card-content.js";
+import _sfc_main$26 from "./card/card-action.js";
+import _sfc_main$27 from "./date-panel/date-panel.js";
+import _sfc_main$28 from "./date-range-picker/date-range-picker.js";
+import _sfc_main$29 from "./loading/loading.js";
 import { vLoading } from "./loading/directive.js";
-import _sfc_main$29 from "./progress-nodes/progress-nodes.js";
-import _sfc_main$30 from "./auto-complete/auto-complete.js";
-import _sfc_main$31 from "./progress/progress.js";
-import _sfc_main$32 from "./notification/notification.js";
+import _sfc_main$30 from "./progress-nodes/progress-nodes.js";
+import _sfc_main$31 from "./auto-complete/auto-complete.js";
+import _sfc_main$32 from "./progress/progress.js";
+import _sfc_main$33 from "./notification/notification.js";
 import { Notification } from "./notification/index.js";
-import _sfc_main$33 from "./layout/layout.js";
-import _sfc_main$34 from "./tag/tag.js";
-import _sfc_main$35 from "./checkbox/checkbox-button.js";
-import _sfc_main$36 from "./multi-select/multi-select.js";
-import _sfc_main$37 from "./slider/slider.js";
-import _sfc_main$38 from "./gantt-chart/gantt-chart.js";
-import _sfc_main$39 from "./message/message.js";
+import _sfc_main$34 from "./layout/layout.js";
+import _sfc_main$35 from "./tag/tag.js";
+import _sfc_main$36 from "./checkbox/checkbox-button.js";
+import _sfc_main$37 from "./multi-select/multi-select.js";
+import _sfc_main$38 from "./slider/slider.js";
+import _sfc_main$39 from "./gantt-chart/gantt-chart.js";
+import _sfc_main$40 from "./message/message.js";
 import { message } from "./message/message2.js";
-import _sfc_main$40 from "./file-picker/file-picker.js";
-import _sfc_main$41 from "./number-input/number-input.js";
-import _sfc_main$42 from "./number-range-input/number-range-input.js";
-import _sfc_main$43 from "./collapse/collapse.js";
-import _sfc_main$44 from "./collapse/collapse-item.js";
+import _sfc_main$41 from "./file-picker/file-picker.js";
+import _sfc_main$42 from "./number-input/number-input.js";
+import _sfc_main$43 from "./number-range-input/number-range-input.js";
+import _sfc_main$44 from "./collapse/collapse.js";
+import _sfc_main$45 from "./collapse/collapse-item.js";
 import { defineTableColumns } from "./table/use-columns.js";
-import _sfc_main$45 from "./table/table.js";
-import _sfc_main$46 from "./table-editor/table-editor.js";
-import _sfc_main$47 from "./check-tag/check-tag.js";
-import _sfc_main$48 from "./context-menu/context-menu.js";
+import _sfc_main$46 from "./table/table.js";
+import _sfc_main$47 from "./table-editor/table-editor.js";
+import _sfc_main$48 from "./check-tag/check-tag.js";
+import _sfc_main$49 from "./context-menu/context-menu.js";
 import { contextmenu } from "./context-menu/api.js";
-import _sfc_main$49 from "./password-input/password-input.js";
-import _sfc_main$50 from "./number/number.js";
-import _sfc_main$51 from "./dialog/dialog.js";
-import _sfc_main$52 from "./expression-editor/expression-editor.js";
-import _sfc_main$53 from "./watermark/watermark.js";
-import _sfc_main$54 from "./pop-confirm/pop-confirm.js";
-import _sfc_main$55 from "./action/action.js";
-import _sfc_main$56 from "./action/action-group.js";
+import _sfc_main$50 from "./password-input/password-input.js";
+import _sfc_main$51 from "./number/number.js";
+import _sfc_main$52 from "./dialog/dialog.js";
+import _sfc_main$53 from "./expression-editor/expression-editor.js";
+import _sfc_main$54 from "./watermark/watermark.js";
+import _sfc_main$55 from "./pop-confirm/pop-confirm.js";
+import _sfc_main$56 from "./action/action.js";
+import action_group_default from "./action/action-group.js";
 import _sfc_main$57 from "./batch-edit/batch-edit.js";
 import { defineBatchEditColumns } from "./batch-edit/helper.js";
 import _sfc_main$58 from "./textarea/textarea.js";
@@ -76,119 +77,118 @@ import _sfc_main$59 from "./cascade/cascade.js";
 import _sfc_main$60 from "./steps/steps.js";
 import _sfc_main$61 from "./date-picker/date-picker.js";
 import _sfc_main$62 from "./palette/palette.js";
-import _sfc_main$63 from "./select/select.js";
-import _sfc_main$64 from "./theme/theme.js";
-import _sfc_main$65 from "./multi-tree-select/multi-tree-select.js";
-import _sfc_main$66 from "./group-input/group-input.js";
-import _sfc_main$67 from "./list/list.js";
-import _sfc_main$68 from "./list/list-item.js";
-import _sfc_main$69 from "./rich-text-editor/rich-text-editor.js";
-import _sfc_main$70 from "./menu/menu-item.js";
-import _sfc_main$71 from "./menu/menu-sub.js";
-import _sfc_main$72 from "./menu/menu.js";
-import _sfc_main$73 from "./grid-input/grid-input.js";
-import _sfc_main$74 from "./switch/switch.js";
-import _sfc_main$75 from "./radio-group/radio-group.js";
-import _sfc_main$76 from "./checkbox-group/checkbox-group.js";
-import _sfc_main$77 from "./file-viewer/file-viewer.js";
-import _sfc_main$78 from "./text/text.js";
-import _sfc_main$79 from "./breadcrumb/breadcrumb.js";
-import _sfc_main$80 from "./paginator/paginator.js";
-import _sfc_main$81 from "./float-button/float-button.js";
-import _sfc_main$82 from "./badge/badge.js";
+import _sfc_main$63 from "./theme/theme.js";
+import _sfc_main$64 from "./multi-tree-select/multi-tree-select.js";
+import _sfc_main$65 from "./group-input/group-input.js";
+import _sfc_main$66 from "./list/list.js";
+import _sfc_main$67 from "./list/list-item.js";
+import _sfc_main$68 from "./rich-text-editor/rich-text-editor.js";
+import _sfc_main$69 from "./menu/menu-item.js";
+import _sfc_main$70 from "./menu/menu-sub.js";
+import _sfc_main$71 from "./menu/menu.js";
+import _sfc_main$72 from "./grid-input/grid-input.js";
+import _sfc_main$73 from "./switch/switch.js";
+import _sfc_main$74 from "./radio-group/radio-group.js";
+import _sfc_main$75 from "./checkbox-group/checkbox-group.js";
+import _sfc_main$76 from "./file-viewer/file-viewer.js";
+import _sfc_main$77 from "./text/text.js";
+import _sfc_main$78 from "./breadcrumb/breadcrumb.js";
+import _sfc_main$79 from "./paginator/paginator.js";
+import _sfc_main$80 from "./float-button/float-button.js";
+import _sfc_main$81 from "./badge/badge.js";
 //#region src/components/index.ts
 var components_exports = /* @__PURE__ */ __exportAll({
 	DynamicFormModel: () => DynamicFormModel,
 	FormModel: () => FormModel,
 	MessageConfirm: () => MessageConfirm,
 	Notification: () => Notification,
-	UAction: () => _sfc_main$55,
-	UActionGroup: () => _sfc_main$56,
-	UAutoComplete: () => _sfc_main$30,
-	UBadge: () => _sfc_main$82,
+	UAction: () => _sfc_main$56,
+	UActionGroup: () => action_group_default,
+	UAutoComplete: () => _sfc_main$31,
+	UBadge: () => _sfc_main$81,
 	UBatchEdit: () => _sfc_main$57,
-	UBreadcrumb: () => _sfc_main$79,
-	UButton: () => _sfc_main$16,
-	UButtonGroup: () => _sfc_main$17,
-	UCalendar: () => _sfc_main$19,
-	UCard: () => _sfc_main$21,
-	UCardAction: () => _sfc_main$25,
-	UCardContent: () => _sfc_main$24,
-	UCardCover: () => _sfc_main$23,
-	UCardHeader: () => _sfc_main$22,
+	UBreadcrumb: () => _sfc_main$78,
+	UButton: () => _sfc_main$17,
+	UButtonGroup: () => _sfc_main$18,
+	UCalendar: () => _sfc_main$20,
+	UCard: () => _sfc_main$22,
+	UCardAction: () => _sfc_main$26,
+	UCardContent: () => _sfc_main$25,
+	UCardCover: () => _sfc_main$24,
+	UCardHeader: () => _sfc_main$23,
 	UCascade: () => _sfc_main$59,
-	UCheckTag: () => _sfc_main$47,
-	UCheckbox: () => _sfc_main$7,
-	UCheckboxButton: () => _sfc_main$35,
-	UCheckboxGroup: () => _sfc_main$76,
-	UCodeEditor: () => _sfc_main$11,
-	UCollapse: () => _sfc_main$43,
-	UCollapseItem: () => _sfc_main$44,
-	UConditionEditor: () => _sfc_main,
-	UContextMenu: () => _sfc_main$48,
-	UDatePanel: () => _sfc_main$26,
+	UCheckTag: () => _sfc_main$48,
+	UCheckbox: () => _sfc_main$10,
+	UCheckboxButton: () => _sfc_main$36,
+	UCheckboxGroup: () => _sfc_main$75,
+	UCodeEditor: () => _sfc_main$13,
+	UCollapse: () => _sfc_main$44,
+	UCollapseItem: () => _sfc_main$45,
+	UConditionEditor: () => _sfc_main$6,
+	UContextMenu: () => _sfc_main$49,
+	UDatePanel: () => _sfc_main$27,
 	UDatePicker: () => _sfc_main$61,
-	UDateRangePicker: () => _sfc_main$27,
-	UDialog: () => _sfc_main$51,
-	UDrawer: () => _sfc_main$12,
-	UDropdown: () => _sfc_main$9,
-	UEmpty: () => _sfc_main$6,
-	UExpressionEditor: () => _sfc_main$52,
-	UFilePicker: () => _sfc_main$40,
-	UFileViewer: () => _sfc_main$77,
-	UFloatButton: () => _sfc_main$81,
+	UDateRangePicker: () => _sfc_main$28,
+	UDialog: () => _sfc_main$52,
+	UDrawer: () => _sfc_main$14,
+	UDropdown: () => _sfc_main$4,
+	UEmpty: () => _sfc_main$1,
+	UExpressionEditor: () => _sfc_main$53,
+	UFilePicker: () => _sfc_main$41,
+	UFileViewer: () => _sfc_main$76,
+	UFloatButton: () => _sfc_main$80,
 	UForm: () => form_default,
 	UFormItem: () => form_item_default,
-	UGanttChart: () => _sfc_main$38,
-	UGrid: () => _sfc_main$13,
-	UGridInput: () => _sfc_main$73,
-	UGridItem: () => _sfc_main$14,
-	UGroupInput: () => _sfc_main$66,
-	UIcon: () => _sfc_main$2,
+	UGanttChart: () => _sfc_main$39,
+	UGrid: () => _sfc_main$15,
+	UGridInput: () => _sfc_main$72,
+	UGridItem: () => _sfc_main$16,
+	UGroupInput: () => _sfc_main$65,
+	UIcon: () => _sfc_main,
 	UInput: () => input_default,
-	ULayout: () => _sfc_main$33,
-	UList: () => _sfc_main$67,
-	UListItem: () => _sfc_main$68,
-	ULoading: () => _sfc_main$28,
-	UMenu: () => _sfc_main$72,
-	UMenuItem: () => _sfc_main$70,
-	UMenuSub: () => _sfc_main$71,
-	UMessage: () => _sfc_main$39,
-	UMessageConfirm: () => _sfc_main$18,
-	UMultiSelect: () => _sfc_main$36,
-	UMultiTreeSelect: () => _sfc_main$65,
+	ULayout: () => _sfc_main$34,
+	UList: () => _sfc_main$66,
+	UListItem: () => _sfc_main$67,
+	ULoading: () => _sfc_main$29,
+	UMenu: () => _sfc_main$71,
+	UMenuItem: () => _sfc_main$69,
+	UMenuSub: () => _sfc_main$70,
+	UMessage: () => _sfc_main$40,
+	UMessageConfirm: () => _sfc_main$19,
+	UMultiSelect: () => _sfc_main$37,
+	UMultiTreeSelect: () => _sfc_main$64,
 	UNodeRender: () => NodeRender,
-	UNotification: () => _sfc_main$32,
-	UNumber: () => _sfc_main$50,
-	UNumberInput: () => _sfc_main$41,
-	UNumberRangeInput: () => _sfc_main$42,
-	UPaginator: () => _sfc_main$80,
+	UNotification: () => _sfc_main$33,
+	UNumber: () => _sfc_main$51,
+	UNumberInput: () => _sfc_main$42,
+	UNumberRangeInput: () => _sfc_main$43,
+	UPaginator: () => _sfc_main$79,
 	UPalette: () => _sfc_main$62,
-	UPasswordInput: () => _sfc_main$49,
-	UPopConfirm: () => _sfc_main$54,
-	UProgress: () => _sfc_main$31,
-	UProgressNodes: () => _sfc_main$29,
-	URadio: () => _sfc_main$20,
-	URadioGroup: () => _sfc_main$75,
-	URichTextEditor: () => _sfc_main$69,
-	UScroll: () => _sfc_main$1,
-	USelect: () => _sfc_main$63,
-	USlider: () => _sfc_main$37,
+	UPasswordInput: () => _sfc_main$50,
+	UPopConfirm: () => _sfc_main$55,
+	UProgress: () => _sfc_main$32,
+	UProgressNodes: () => _sfc_main$30,
+	URadio: () => _sfc_main$21,
+	URadioGroup: () => _sfc_main$74,
+	URichTextEditor: () => _sfc_main$68,
+	UScroll: () => _sfc_main$2,
+	USelect: () => _sfc_main$5,
+	USlider: () => _sfc_main$38,
 	USteps: () => _sfc_main$60,
-	USwitch: () => _sfc_main$74,
-	UTable: () => _sfc_main$45,
-	UTableEditor: () => _sfc_main$46,
-	UTabs: () => _sfc_main$5,
-	UTabsHorizontal: () => _sfc_main$3,
-	UTabsVertical: () => _sfc_main$4,
-	UTag: () => _sfc_main$34,
-	UText: () => _sfc_main$78,
+	USwitch: () => _sfc_main$73,
+	UTable: () => _sfc_main$46,
+	UTableEditor: () => _sfc_main$47,
+	UTabs: () => _sfc_main$9,
+	UTabsHorizontal: () => _sfc_main$7,
+	UTabsVertical: () => _sfc_main$8,
+	UTag: () => _sfc_main$35,
+	UText: () => _sfc_main$77,
 	UTextarea: () => _sfc_main$58,
-	UTheme: () => _sfc_main$64,
-	UTip: () => _sfc_main$15,
-	UTree: () => _sfc_main$8,
-	UTreeSelect: () => _sfc_main$10,
-	UWatermark: () => _sfc_main$53,
+	UTheme: () => _sfc_main$63,
+	UTip: () => _sfc_main$3,
+	UTree: () => _sfc_main$11,
+	UTreeSelect: () => _sfc_main$12,
+	UWatermark: () => _sfc_main$54,
 	contextmenu: () => contextmenu,
 	defineBatchEditColumns: () => defineBatchEditColumns,
 	defineTableColumns: () => defineTableColumns,

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

@@ -17,27 +17,27 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _InputExposed
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
+  clear: () => any;
   change: (value: string) => any;
   "suffix:click": (value?: string | undefined) => any;
   "prefix:click": (value?: string | undefined) => any;
   focus: (value?: string | undefined) => any;
-  clear: () => any;
   blur: (value?: string | undefined) => any;
   "native:input": (ev: Event) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
   "onSuffix:click"?: ((value?: string | undefined) => any) | undefined;
   "onPrefix:click"?: ((value?: string | undefined) => any) | undefined;
   onFocus?: ((value?: string | undefined) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onBlur?: ((value?: string | undefined) => any) | undefined;
   "onNative:input"?: ((ev: Event) => any) | undefined;
 }>, {
-  clearable: boolean;
-  placeholder: string;
   disabled: boolean;
   readonly: boolean;
+  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/input/input.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import _sfc_main from "../icon/icon.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeModels, nextTick, normalizeClass, openBlock, ref, renderSlot, shallowRef, toDisplayString, unref, useModel, withCtx, withModifiers } from "vue";
-import { FORM_EMPTY_CONTENT, bem, injectFormContext } from "@veltra/utils";
 import { useFocus, useFormFallbackProps } from "@veltra/compositions";
+import { FORM_EMPTY_CONTENT, bem, injectFormContext } from "@veltra/utils";
 import { Close } from "@veltra/icons/normal";
 //#region src/components/input/input.vue?vue&type=script&setup=true&lang.tsx
 const _hoisted_1 = [

package/dist/components/layout/layout-resizer.js

@@ -1,8 +1,8 @@
 import _sfc_main$1 from "../icon/icon.js";
 import { LayoutDIKey } from "./di.js";
 import { computed, createElementBlock, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, shallowReactive, shallowRef, unref, withCtx } from "vue";
-import { bem } from "@veltra/utils";
 import { useDrag } from "@veltra/compositions";
+import { bem } from "@veltra/utils";
 import { Move } from "@veltra/icons/normal";
 //#region src/components/layout/layout-resizer.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/layout/layout.js

@@ -1,8 +1,8 @@
 import { LayoutDIKey } from "./di.js";
 import _sfc_main$1 from "./layout-resizer.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, unref, watch, watchEffect, withCtx } from "vue";
-import { bem, withUnit } from "@veltra/utils";
 import { useResizeObserver } from "@veltra/compositions";
+import { bem, withUnit } from "@veltra/utils";
 //#region src/components/layout/layout.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "Layout",

package/dist/components/list/list.js

@@ -1,7 +1,7 @@
 import _sfc_main$1 from "../scroll/scroll.js";
 import { Fragment, createBlock, createElementBlock, defineComponent, mergeProps, normalizeClass, openBlock, renderList, renderSlot, unref, withCtx } from "vue";
-import { bem } from "@veltra/utils";
 import { useFallbackProps } from "@veltra/compositions";
+import { bem } from "@veltra/utils";
 //#region src/components/list/list.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "List",

package/dist/components/loading/loading.js

@@ -1,6 +1,6 @@
 import { Transition, computed, createBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, unref, withCtx } from "vue";
-import { bem, zIndex } from "@veltra/utils";
 import { useFallbackProps } from "@veltra/compositions";
+import { bem, zIndex } from "@veltra/utils";
 //#region src/components/loading/loading.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "Loading",

package/dist/components/menu/menu-sub-collapsed.js

@@ -1,5 +1,5 @@
-import _sfc_main$1 from "../scroll/scroll.js";
-import _sfc_main$2 from "../icon/icon.js";
+import _sfc_main$1 from "../icon/icon.js";
+import _sfc_main$2 from "../scroll/scroll.js";
 import _sfc_main$3 from "../tip/tip.js";
 import { MenuDIKey } from "./di.js";
 import _sfc_main$4 from "./menu-icon.js";
@@ -35,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				visible: visible.value,
 				"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event)
 			}, {
-				content: withCtx(() => [createVNode(unref(_sfc_main$1), {
+				content: withCtx(() => [createVNode(unref(_sfc_main$2), {
 					tag: "ul",
 					class: normalizeClass(unref(collapsedCls).e("sub-list"))
 				}, {
@@ -65,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				}, null, 8, ["icon", "class"])) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.menu.title[0]), 1)), __props.depth !== 0 ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
 					createElementVNode("span", { class: normalizeClass(unref(collapsedCls).e("sub-title")) }, toDisplayString(__props.menu.title), 3),
 					createCommentVNode(" 展开图标 "),
-					createVNode(unref(_sfc_main$2), { class: normalizeClass([unref(collapsedCls).e("sub-expand")]) }, {
+					createVNode(unref(_sfc_main$1), { class: normalizeClass([unref(collapsedCls).e("sub-expand")]) }, {
 						default: withCtx(() => [createVNode(unref(ArrowRight))]),
 						_: 1
 					}, 8, ["class"])

package/dist/components/menu/menu.js

@@ -6,8 +6,8 @@ import _sfc_main$4 from "./menu-sub-collapsed.js";
 import _sfc_main$5 from "./menu-sub.js";
 import { walkMenuWithPath } from "./walk-menu-path.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, provide, renderList, shallowReactive, unref, watch, withCtx } from "vue";
-import { ExpandTransition, bem } from "@veltra/utils";
 import { useFallbackProps } from "@veltra/compositions";
+import { ExpandTransition, bem } from "@veltra/utils";
 //#region src/components/menu/menu.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "Menu",

package/dist/components/message/message.js

@@ -1,8 +1,8 @@
 import _sfc_main$1 from "../icon/icon.js";
 import { getTypeColor, getTypeIcon } from "./helper.js";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onMounted, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
-import { bem } from "@veltra/utils";
 import { useFallbackProps } from "@veltra/compositions";
+import { bem } from "@veltra/utils";
 import { Close } from "@veltra/icons/normal";
 //#region src/components/message/message.vue
 const _hoisted_1 = ["innerHTML"];

package/dist/components/message-confirm/message-confirm.js

@@ -1,7 +1,7 @@
 import _sfc_main$1 from "../button/button.js";
 import { Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, ref, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
-import { bem, zIndex } from "@veltra/utils";
 import { useFallbackProps } from "@veltra/compositions";
+import { bem, zIndex } from "@veltra/utils";
 //#region src/components/message-confirm/message-confirm.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "MessageConfirm",

package/dist/components/multi-select/multi-select-option.js

@@ -1,6 +1,6 @@
 import _sfc_main$1 from "../checkbox/checkbox.js";
 import { MultiSelectDIKey } from "./di.js";
-import { createElementBlock, createVNode, defineComponent, inject, normalizeClass, onBeforeUnmount, openBlock, renderSlot, unref, withModifiers } from "vue";
+import { createElementBlock, createVNode, defineComponent, inject, normalizeClass, onBeforeUnmount, openBlock, renderSlot, shallowRef, unref, withModifiers } from "vue";
 import { Ripple } from "@veltra/directives";
 //#region src/components/multi-select/multi-select-option.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -16,32 +16,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	emits: ["check"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
-		const { disabled = false, checked } = props;
 		function measureRef(el) {
 			if (typeof props.index !== "number" || !props.measureElement) return;
 			props.measureElement(props.index, el);
 		}
 		const emit = __emit;
 		const { optionClass, rippleClass, checkboxClass } = inject(MultiSelectDIKey);
-		let ripple = null;
+		const rippleRef = shallowRef(null);
 		function handleClick(e) {
-			if (disabled) return;
-			emit("check", !checked);
+			if (props.disabled) return;
+			emit("check", !props.checked);
 		}
 		function handleMousedown(e) {
-			if (disabled) return;
-			ripple = new Ripple(e.currentTarget, { rippleClass });
-			ripple.showByEvent(e);
+			if (props.disabled) return;
+			if (rippleRef.value) {
+				rippleRef.value.remove();
+				rippleRef.value = null;
+			}
+			rippleRef.value = new Ripple(e.currentTarget, { rippleClass });
+			rippleRef.value.showByEvent(e);
 		}
 		function handleMouseleave() {
-			ripple?.remove();
+			rippleRef.value?.remove();
+			rippleRef.value = null;
 		}
 		function handleMouseup() {
-			ripple?.remove();
+			rippleRef.value?.remove();
+			rippleRef.value = null;
 		}
 		onBeforeUnmount(() => {
-			ripple?.remove();
-			ripple = null;
+			rippleRef.value?.remove();
+			rippleRef.value = null;
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("li", {
@@ -53,10 +58,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				ref: measureRef
 			}, [createVNode(unref(_sfc_main$1), {
 				class: normalizeClass(unref(checkboxClass)),
-				"model-value": unref(checked),
+				"model-value": __props.checked,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("check", $event)),
 				onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
-				disabled: unref(disabled)
+				disabled: __props.disabled
 			}, null, 8, [
 				"class",
 				"model-value",

package/dist/components/multi-select/multi-select-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-select-option.js","names":[],"sources":["../../../src/components/multi-select/multi-select-option.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"optionClass\"\n    @click=\"handleClick\"\n    @mousedown=\"handleMousedown\"\n    @mouseup=\"handleMouseup\"\n    @mouseleave=\"handleMouseleave\"\n    :ref=\"measureRef\"\n  >\n    <u-checkbox\n      :class=\"checkboxClass\"\n      :model-value=\"checked\"\n      @update:model-value=\"emit('check', $event)\"\n      @click.stop\n      :disabled=\"disabled\"\n    />\n\n    <slot />\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Ripple } from '@veltra/directives'\nimport { inject, onBeforeUnmount } from 'vue'\n\nimport { UCheckbox } from '../checkbox'\nimport { MultiSelectDIKey } from './di'\n\ndefineOptions({\n  name: 'MultiSelectOption'\n})\n\nconst props = defineProps<{\n  option: Record<string, any>\n  disabled?: boolean\n  checked: boolean\n  /**\n   * 虚拟项索引：对应 `options` 数组中的绝对位置。\n   * 非虚拟模式下可省略；虚拟模式下必须传入，否则元素卸载时 Virtualizer 无法及时解绑，\n   * 会因为 ResizeObserver 对脱离 DOM 的元素回调 size=0 而污染尺寸缓存。\n   */\n  index?: number\n  measureElement?: (index: number, el: Element | null) => void\n}>()\n\nconst { disabled = false, checked } = props\n\nfunction measureRef(el: unknown) {\n  if (typeof props.index !== 'number' || !props.measureElement) return\n  props.measureElement(props.index, el as Element | null)\n}\n\nconst emit = defineEmits<{\n  (e: 'check', checked: boolean): void\n}>()\n\nconst { optionClass, rippleClass, checkboxClass } = inject(MultiSelectDIKey)!\n\nlet ripple: Ripple | null = null\n\nfunction handleClick(e) {\n  if (disabled) return\n  emit('check', !checked)\n}\n\nfunction handleMousedown(e: MouseEvent) {\n  if (disabled) return\n\n  ripple = new Ripple(e.currentTarget as HTMLElement, {\n    rippleClass\n  })\n\n  ripple.showByEvent(e)\n}\n\nfunction handleMouseleave() {\n  ripple?.remove()\n}\n\nfunction handleMouseup() {\n  ripple?.remove()\n}\n\nonBeforeUnmount(() => {\n  ripple?.remove()\n  ripple = null\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgCA,MAAM,QAAQ;EAad,MAAM,EAAE,WAAW,OAAO,YAAY;EAEtC,SAAS,WAAW,IAAa;AAC/B,OAAI,OAAO,MAAM,UAAU,YAAY,CAAC,MAAM,eAAgB;AAC9D,SAAM,eAAe,MAAM,OAAO,GAAoB;;EAGxD,MAAM,OAAO;EAIb,MAAM,EAAE,aAAa,aAAa,kBAAkB,OAAO,iBAAiB;EAE5E,IAAI,SAAwB;EAE5B,SAAS,YAAY,GAAG;AACtB,OAAI,SAAU;AACd,QAAK,SAAS,CAAC,QAAO;;EAGxB,SAAS,gBAAgB,GAAe;AACtC,OAAI,SAAU;AAEd,YAAS,IAAI,OAAO,EAAE,eAA8B,EAClD,aACD,CAAA;AAED,UAAO,YAAY,EAAC;;EAGtB,SAAS,mBAAmB;AAC1B,WAAQ,QAAO;;EAGjB,SAAS,gBAAgB;AACvB,WAAQ,QAAO;;AAGjB,wBAAsB;AACpB,WAAQ,QAAO;AACf,YAAS;IACV;;uBArFC,mBAiBK,MAAA;IAhBF,OAAK,eAAE,MAAA,YAAW,CAAA;IAClB,SAAO;IACP,aAAW;IACX,WAAS;IACT,cAAY;IACZ,KAAK;OAEN,YAME,MAAA,YAAA,EAAA;IALC,OAAK,eAAE,MAAA,cAAa,CAAA;IACpB,eAAa,MAAA,QAAO;IACpB,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAU,OAAM;IACxC,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;IACV,UAAU,MAAA,SAAQ;;;;;OAGrB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"multi-select-option.js","names":[],"sources":["../../../src/components/multi-select/multi-select-option.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"optionClass\"\n    @click=\"handleClick\"\n    @mousedown=\"handleMousedown\"\n    @mouseup=\"handleMouseup\"\n    @mouseleave=\"handleMouseleave\"\n    :ref=\"measureRef\"\n  >\n    <u-checkbox\n      :class=\"checkboxClass\"\n      :model-value=\"checked\"\n      @update:model-value=\"emit('check', $event)\"\n      @click.stop\n      :disabled=\"disabled\"\n    />\n\n    <slot />\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Ripple } from '@veltra/directives'\nimport { inject, onBeforeUnmount, shallowRef } from 'vue'\n\nimport { UCheckbox } from '../checkbox'\nimport { MultiSelectDIKey } from './di'\n\ndefineOptions({\n  name: 'MultiSelectOption'\n})\n\nconst props = defineProps<{\n  option: Record<string, any>\n  disabled?: boolean\n  checked: boolean\n  /**\n   * 虚拟项索引：对应 `options` 数组中的绝对位置。\n   * 非虚拟模式下可省略；虚拟模式下必须传入，否则元素卸载时 Virtualizer 无法及时解绑，\n   * 会因为 ResizeObserver 对脱离 DOM 的元素回调 size=0 而污染尺寸缓存。\n   */\n  index?: number\n  measureElement?: (index: number, el: Element | null) => void\n}>()\n\nfunction measureRef(el: unknown) {\n  if (typeof props.index !== 'number' || !props.measureElement) return\n  props.measureElement(props.index, el as Element | null)\n}\n\nconst emit = defineEmits<{\n  (e: 'check', checked: boolean): void\n}>()\n\nconst { optionClass, rippleClass, checkboxClass } = inject(MultiSelectDIKey)!\n\nconst rippleRef = shallowRef<Ripple | null>(null)\n\nfunction handleClick(e) {\n  if (props.disabled) return\n  emit('check', !props.checked)\n}\n\nfunction handleMousedown(e: MouseEvent) {\n  if (props.disabled) return\n\n  // 清理旧实例，避免同一元素上多个 Ripple 实例同时修改样式\n  if (rippleRef.value) {\n    rippleRef.value.remove()\n    rippleRef.value = null\n  }\n\n  rippleRef.value = new Ripple(e.currentTarget as HTMLElement, {\n    rippleClass\n  })\n\n  rippleRef.value.showByEvent(e)\n}\n\nfunction handleMouseleave() {\n  rippleRef.value?.remove()\n  rippleRef.value = null\n}\n\nfunction handleMouseup() {\n  rippleRef.value?.remove()\n  rippleRef.value = null\n}\n\nonBeforeUnmount(() => {\n  rippleRef.value?.remove()\n  rippleRef.value = null\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgCA,MAAM,QAAQ;EAad,SAAS,WAAW,IAAa;AAC/B,OAAI,OAAO,MAAM,UAAU,YAAY,CAAC,MAAM,eAAgB;AAC9D,SAAM,eAAe,MAAM,OAAO,GAAoB;;EAGxD,MAAM,OAAO;EAIb,MAAM,EAAE,aAAa,aAAa,kBAAkB,OAAO,iBAAiB;EAE5E,MAAM,YAAY,WAA0B,KAAI;EAEhD,SAAS,YAAY,GAAG;AACtB,OAAI,MAAM,SAAU;AACpB,QAAK,SAAS,CAAC,MAAM,QAAO;;EAG9B,SAAS,gBAAgB,GAAe;AACtC,OAAI,MAAM,SAAU;AAGpB,OAAI,UAAU,OAAO;AACnB,cAAU,MAAM,QAAO;AACvB,cAAU,QAAQ;;AAGpB,aAAU,QAAQ,IAAI,OAAO,EAAE,eAA8B,EAC3D,aACD,CAAA;AAED,aAAU,MAAM,YAAY,EAAC;;EAG/B,SAAS,mBAAmB;AAC1B,aAAU,OAAO,QAAO;AACxB,aAAU,QAAQ;;EAGpB,SAAS,gBAAgB;AACvB,aAAU,OAAO,QAAO;AACxB,aAAU,QAAQ;;AAGpB,wBAAsB;AACpB,aAAU,OAAO,QAAO;AACxB,aAAU,QAAQ;IACnB;;uBA3FC,mBAiBK,MAAA;IAhBF,OAAK,eAAE,MAAA,YAAW,CAAA;IAClB,SAAO;IACP,aAAW;IACX,WAAS;IACT,cAAY;IACZ,KAAK;OAEN,YAME,MAAA,YAAA,EAAA;IALC,OAAK,eAAE,MAAA,cAAa,CAAA;IACpB,eAAa,QAAA;IACb,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAU,OAAM;IACxC,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;IACV,UAAU,QAAA;;;;;OAGb,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}