@veltra/desktop 1.7.19 → 1.8.1

package/dist/components/index.js

@@ -7,35 +7,35 @@ import _sfc_main$3 from "./tip/tip.js";
 import { createEmptyGroup, createEmptyLeaf, evaluate } from "./condition-editor/core/evaluator.js";
 import _sfc_main$4 from "./dropdown/dropdown.js";
 import input_default from "./input/input.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 _sfc_main$5 from "./loading/loading.js";
+import { vLoading } from "./loading/directive.js";
+import _sfc_main$6 from "./select/select.js";
+import _sfc_main$7 from "./condition-editor/condition-editor.js";
+import _sfc_main$8 from "./tabs/tabs-horizontal.js";
+import _sfc_main$9 from "./tabs/tabs-vertical.js";
+import _sfc_main$10 from "./tabs/tabs.js";
+import _sfc_main$11 from "./checkbox/checkbox.js";
+import _sfc_main$12 from "./tree/tree.js";
+import _sfc_main$13 from "./tree-select/tree-select.js";
+import _sfc_main$14 from "./code-editor/code-editor.js";
+import _sfc_main$15 from "./drawer/drawer.js";
+import _sfc_main$16 from "./grid/grid.js";
+import _sfc_main$17 from "./grid/grid-item.js";
 import form_item_default from "./form-item/form-item.js";
 import form_default from "./form/form.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 _sfc_main$18 from "./button/button.js";
+import _sfc_main$19 from "./button/button-group.js";
+import _sfc_main$20 from "./message-confirm/message-confirm.js";
 import { messageConfirm } from "./message-confirm/message-confirm2.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$21 from "./calendar/calendar.js";
+import _sfc_main$22 from "./radio/radio.js";
+import _sfc_main$23 from "./card/card.js";
+import _sfc_main$24 from "./card/card-header.js";
+import _sfc_main$25 from "./card/card-cover.js";
+import _sfc_main$26 from "./card/card-content.js";
+import _sfc_main$27 from "./card/card-action.js";
+import _sfc_main$28 from "./date-panel/date-panel.js";
+import _sfc_main$29 from "./date-range-picker/date-range-picker.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";
@@ -100,6 +100,7 @@ import _sfc_main$83 from "./float-button/float-button.js";
 import _sfc_main$84 from "./badge/badge.js";
 import _sfc_main$85 from "./segment/segment.js";
 import _sfc_main$86 from "./image-cropper/image-cropper.js";
+import _sfc_main$87 from "./kanban/kanban.js";
 //#region src/components/index.ts
 var components_exports = /* @__PURE__ */ __exportAll({
 	ContextmenuPanelDIKey: () => ContextmenuPanelDIKey,
@@ -110,29 +111,29 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	UBadge: () => _sfc_main$84,
 	UBatchEdit: () => _sfc_main$58,
 	UBreadcrumb: () => _sfc_main$81,
-	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,
+	UButton: () => _sfc_main$18,
+	UButtonGroup: () => _sfc_main$19,
+	UCalendar: () => _sfc_main$21,
+	UCard: () => _sfc_main$23,
+	UCardAction: () => _sfc_main$27,
+	UCardContent: () => _sfc_main$26,
+	UCardCover: () => _sfc_main$25,
+	UCardHeader: () => _sfc_main$24,
 	UCascade: () => _sfc_main$60,
 	UCheckTag: () => _sfc_main$48,
-	UCheckbox: () => _sfc_main$10,
+	UCheckbox: () => _sfc_main$11,
 	UCheckboxButton: () => _sfc_main$36,
 	UCheckboxGroup: () => _sfc_main$78,
-	UCodeEditor: () => _sfc_main$13,
+	UCodeEditor: () => _sfc_main$14,
 	UCollapse: () => _sfc_main$44,
 	UCollapseItem: () => _sfc_main$45,
-	UConditionEditor: () => _sfc_main$6,
+	UConditionEditor: () => _sfc_main$7,
 	UContextmenu: () => _sfc_main$49,
-	UDatePanel: () => _sfc_main$27,
+	UDatePanel: () => _sfc_main$28,
 	UDatePicker: () => _sfc_main$62,
-	UDateRangePicker: () => _sfc_main$28,
+	UDateRangePicker: () => _sfc_main$29,
 	UDialog: () => _sfc_main$52,
-	UDrawer: () => _sfc_main$14,
+	UDrawer: () => _sfc_main$15,
 	UDropdown: () => _sfc_main$4,
 	UDualNav: () => _sfc_main$73,
 	UEmpty: () => _sfc_main$1,
@@ -143,21 +144,22 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	UForm: () => form_default,
 	UFormItem: () => form_item_default,
 	UGanttChart: () => _sfc_main$39,
-	UGrid: () => _sfc_main$15,
+	UGrid: () => _sfc_main$16,
 	UGridInput: () => _sfc_main$75,
-	UGridItem: () => _sfc_main$16,
+	UGridItem: () => _sfc_main$17,
 	UGroupInput: () => _sfc_main$66,
 	UGroupNav: () => _sfc_main$74,
 	UIcon: () => _sfc_main,
 	UImageCropper: () => _sfc_main$86,
 	UInput: () => input_default,
+	UKanban: () => _sfc_main$87,
 	UKbd: () => _sfc_main$55,
 	ULayout: () => _sfc_main$34,
 	UList: () => _sfc_main$67,
 	UListItem: () => _sfc_main$68,
-	ULoading: () => _sfc_main$29,
+	ULoading: () => _sfc_main$5,
 	UMessage: () => _sfc_main$40,
-	UMessageConfirm: () => _sfc_main$19,
+	UMessageConfirm: () => _sfc_main$20,
 	UMultiSelect: () => _sfc_main$37,
 	UMultiTreeSelect: () => _sfc_main$65,
 	UNav: () => _sfc_main$72,
@@ -174,27 +176,27 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	UPopConfirm: () => _sfc_main$56,
 	UProgress: () => _sfc_main$32,
 	UProgressNodes: () => _sfc_main$30,
-	URadio: () => _sfc_main$21,
+	URadio: () => _sfc_main$22,
 	URadioGroup: () => _sfc_main$77,
 	URichTextEditor: () => _sfc_main$69,
 	UScroll: () => _sfc_main$2,
 	USegment: () => _sfc_main$85,
-	USelect: () => _sfc_main$5,
+	USelect: () => _sfc_main$6,
 	USlider: () => _sfc_main$38,
 	USteps: () => _sfc_main$61,
 	USwitch: () => _sfc_main$76,
 	UTable: () => _sfc_main$46,
 	UTableEditor: () => _sfc_main$47,
-	UTabs: () => _sfc_main$9,
-	UTabsHorizontal: () => _sfc_main$7,
-	UTabsVertical: () => _sfc_main$8,
+	UTabs: () => _sfc_main$10,
+	UTabsHorizontal: () => _sfc_main$8,
+	UTabsVertical: () => _sfc_main$9,
 	UTag: () => _sfc_main$35,
 	UText: () => _sfc_main$80,
 	UTextarea: () => _sfc_main$59,
 	UTheme: () => _sfc_main$64,
 	UTip: () => _sfc_main$3,
-	UTree: () => _sfc_main$11,
-	UTreeSelect: () => _sfc_main$12,
+	UTree: () => _sfc_main$12,
+	UTreeSelect: () => _sfc_main$13,
 	UWatermark: () => _sfc_main$54,
 	contextmenu: () => contextmenu,
 	createEmptyGroup: () => createEmptyGroup,
@@ -208,6 +210,6 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	vLoading: () => vLoading
 });
 //#endregion
-export { ContextmenuPanelDIKey, ContextmenuRootDIKey, _sfc_main$57 as UAction, action_group_default as UActionGroup, _sfc_main$31 as UAutoComplete, _sfc_main$84 as UBadge, _sfc_main$58 as UBatchEdit, _sfc_main$81 as UBreadcrumb, _sfc_main$17 as UButton, _sfc_main$18 as UButtonGroup, _sfc_main$20 as UCalendar, _sfc_main$22 as UCard, _sfc_main$26 as UCardAction, _sfc_main$25 as UCardContent, _sfc_main$24 as UCardCover, _sfc_main$23 as UCardHeader, _sfc_main$60 as UCascade, _sfc_main$48 as UCheckTag, _sfc_main$10 as UCheckbox, _sfc_main$36 as UCheckboxButton, _sfc_main$78 as UCheckboxGroup, _sfc_main$13 as UCodeEditor, _sfc_main$44 as UCollapse, _sfc_main$45 as UCollapseItem, _sfc_main$6 as UConditionEditor, _sfc_main$49 as UContextmenu, _sfc_main$27 as UDatePanel, _sfc_main$62 as UDatePicker, _sfc_main$28 as UDateRangePicker, _sfc_main$52 as UDialog, _sfc_main$14 as UDrawer, _sfc_main$4 as UDropdown, _sfc_main$73 as UDualNav, _sfc_main$1 as UEmpty, _sfc_main$53 as UExpressionEditor, _sfc_main$41 as UFilePicker, _sfc_main$79 as UFileViewer, _sfc_main$83 as UFloatButton, form_default as UForm, form_item_default as UFormItem, _sfc_main$39 as UGanttChart, _sfc_main$15 as UGrid, _sfc_main$75 as UGridInput, _sfc_main$16 as UGridItem, _sfc_main$66 as UGroupInput, _sfc_main$74 as UGroupNav, _sfc_main as UIcon, _sfc_main$86 as UImageCropper, input_default as UInput, _sfc_main$55 as UKbd, _sfc_main$34 as ULayout, _sfc_main$67 as UList, _sfc_main$68 as UListItem, _sfc_main$29 as ULoading, _sfc_main$40 as UMessage, _sfc_main$19 as UMessageConfirm, _sfc_main$37 as UMultiSelect, _sfc_main$65 as UMultiTreeSelect, _sfc_main$72 as UNav, _sfc_main$70 as UNavItem, _sfc_main$71 as UNavSub, NodeRender as UNodeRender, _sfc_main$33 as UNotification, _sfc_main$51 as UNumber, _sfc_main$42 as UNumberInput, _sfc_main$43 as UNumberRangeInput, _sfc_main$82 as UPaginator, _sfc_main$63 as UPalette, _sfc_main$50 as UPasswordInput, _sfc_main$56 as UPopConfirm, _sfc_main$32 as UProgress, _sfc_main$30 as UProgressNodes, _sfc_main$21 as URadio, _sfc_main$77 as URadioGroup, _sfc_main$69 as URichTextEditor, _sfc_main$2 as UScroll, _sfc_main$85 as USegment, _sfc_main$5 as USelect, _sfc_main$38 as USlider, _sfc_main$61 as USteps, _sfc_main$76 as USwitch, _sfc_main$46 as UTable, _sfc_main$47 as UTableEditor, _sfc_main$9 as UTabs, _sfc_main$7 as UTabsHorizontal, _sfc_main$8 as UTabsVertical, _sfc_main$35 as UTag, _sfc_main$80 as UText, _sfc_main$59 as UTextarea, _sfc_main$64 as UTheme, _sfc_main$3 as UTip, _sfc_main$11 as UTree, _sfc_main$12 as UTreeSelect, _sfc_main$54 as UWatermark, components_exports, contextmenu, createEmptyGroup, createEmptyLeaf, defineBatchEditColumns, defineTableColumns, evaluate as evaluateConditionExpression, message, messageConfirm, notification, vLoading };
+export { ContextmenuPanelDIKey, ContextmenuRootDIKey, _sfc_main$57 as UAction, action_group_default as UActionGroup, _sfc_main$31 as UAutoComplete, _sfc_main$84 as UBadge, _sfc_main$58 as UBatchEdit, _sfc_main$81 as UBreadcrumb, _sfc_main$18 as UButton, _sfc_main$19 as UButtonGroup, _sfc_main$21 as UCalendar, _sfc_main$23 as UCard, _sfc_main$27 as UCardAction, _sfc_main$26 as UCardContent, _sfc_main$25 as UCardCover, _sfc_main$24 as UCardHeader, _sfc_main$60 as UCascade, _sfc_main$48 as UCheckTag, _sfc_main$11 as UCheckbox, _sfc_main$36 as UCheckboxButton, _sfc_main$78 as UCheckboxGroup, _sfc_main$14 as UCodeEditor, _sfc_main$44 as UCollapse, _sfc_main$45 as UCollapseItem, _sfc_main$7 as UConditionEditor, _sfc_main$49 as UContextmenu, _sfc_main$28 as UDatePanel, _sfc_main$62 as UDatePicker, _sfc_main$29 as UDateRangePicker, _sfc_main$52 as UDialog, _sfc_main$15 as UDrawer, _sfc_main$4 as UDropdown, _sfc_main$73 as UDualNav, _sfc_main$1 as UEmpty, _sfc_main$53 as UExpressionEditor, _sfc_main$41 as UFilePicker, _sfc_main$79 as UFileViewer, _sfc_main$83 as UFloatButton, form_default as UForm, form_item_default as UFormItem, _sfc_main$39 as UGanttChart, _sfc_main$16 as UGrid, _sfc_main$75 as UGridInput, _sfc_main$17 as UGridItem, _sfc_main$66 as UGroupInput, _sfc_main$74 as UGroupNav, _sfc_main as UIcon, _sfc_main$86 as UImageCropper, input_default as UInput, _sfc_main$87 as UKanban, _sfc_main$55 as UKbd, _sfc_main$34 as ULayout, _sfc_main$67 as UList, _sfc_main$68 as UListItem, _sfc_main$5 as ULoading, _sfc_main$40 as UMessage, _sfc_main$20 as UMessageConfirm, _sfc_main$37 as UMultiSelect, _sfc_main$65 as UMultiTreeSelect, _sfc_main$72 as UNav, _sfc_main$70 as UNavItem, _sfc_main$71 as UNavSub, NodeRender as UNodeRender, _sfc_main$33 as UNotification, _sfc_main$51 as UNumber, _sfc_main$42 as UNumberInput, _sfc_main$43 as UNumberRangeInput, _sfc_main$82 as UPaginator, _sfc_main$63 as UPalette, _sfc_main$50 as UPasswordInput, _sfc_main$56 as UPopConfirm, _sfc_main$32 as UProgress, _sfc_main$30 as UProgressNodes, _sfc_main$22 as URadio, _sfc_main$77 as URadioGroup, _sfc_main$69 as URichTextEditor, _sfc_main$2 as UScroll, _sfc_main$85 as USegment, _sfc_main$6 as USelect, _sfc_main$38 as USlider, _sfc_main$61 as USteps, _sfc_main$76 as USwitch, _sfc_main$46 as UTable, _sfc_main$47 as UTableEditor, _sfc_main$10 as UTabs, _sfc_main$8 as UTabsHorizontal, _sfc_main$9 as UTabsVertical, _sfc_main$35 as UTag, _sfc_main$80 as UText, _sfc_main$59 as UTextarea, _sfc_main$64 as UTheme, _sfc_main$3 as UTip, _sfc_main$12 as UTree, _sfc_main$13 as UTreeSelect, _sfc_main$54 as UWatermark, components_exports, contextmenu, createEmptyGroup, createEmptyLeaf, defineBatchEditColumns, defineTableColumns, evaluate as evaluateConditionExpression, message, messageConfirm, notification, vLoading };
 
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './condition-editor'\n\nexport * from './tabs'\n\nexport * from './tree'\n\nexport * from './tree-select'\n\nexport * from './code-editor'\n\nexport * from './dropdown'\n\nexport * from './drawer'\n\nexport * from './form'\n\nexport * from './message-confirm'\n\nexport * from './calendar'\n\nexport * from './radio'\n\nexport * from './card'\n\nexport * from './date-range-picker'\n\nexport * from './loading'\n\nexport * from './scroll'\n\nexport * from './progress-nodes'\n\nexport * from './empty'\n\nexport * from './auto-complete'\n\nexport * from './progress'\n\nexport * from './input'\n\nexport * from './notification'\n\nexport * from './layout'\n\nexport * from './multi-select'\n\nexport * from './checkbox'\n\nexport * from './slider'\n\nexport * from './gantt-chart'\n\nexport * from './message'\n\nexport * from './file-picker'\n\nexport * from './number-range-input'\n\nexport * from './number-input'\n\nexport * from './collapse'\n\nexport * from './date-panel'\n\nexport * from './table-editor'\n\nexport * from './check-tag'\n\nexport * from './contextmenu'\n\nexport * from './password-input'\n\nexport * from './number'\n\nexport * from './dialog'\n\nexport * from './node-render'\n\nexport * from './expression-editor'\n\nexport * from './watermark'\n\nexport * from './batch-edit'\n\nexport * from './action'\n\nexport * from './tip'\n\nexport * from './textarea'\n\nexport * from './button'\n\nexport * from './cascade'\n\nexport * from './steps'\n\nexport * from './date-picker'\n\nexport * from './theme'\n\nexport * from './table'\n\nexport * from './multi-tree-select'\n\nexport * from './group-input'\n\nexport * from './list'\n\nexport * from './rich-text-editor'\n\nexport * from './nav'\n\nexport * from './dual-nav'\n\nexport * from './group-nav'\n\nexport * from './grid-input'\n\nexport * from './switch'\n\nexport * from './form-item'\n\nexport * from './radio-group'\n\nexport * from './checkbox-group'\n\nexport * from './file-viewer'\n\nexport * from './text'\n\nexport * from './select'\n\nexport * from './breadcrumb'\n\nexport * from './icon'\n\nexport * from './kbd'\n\nexport * from './pop-confirm'\n\nexport * from './paginator'\n\nexport * from './tag'\n\nexport * from './float-button'\n\nexport * from './palette'\n\nexport * from './grid'\n\nexport * from './badge'\n\nexport * from './segment'\n\nexport * from './image-cropper'\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './condition-editor'\n\nexport * from './tabs'\n\nexport * from './tree'\n\nexport * from './tree-select'\n\nexport * from './code-editor'\n\nexport * from './dropdown'\n\nexport * from './drawer'\n\nexport * from './form'\n\nexport * from './message-confirm'\n\nexport * from './calendar'\n\nexport * from './radio'\n\nexport * from './card'\n\nexport * from './date-range-picker'\n\nexport * from './loading'\n\nexport * from './scroll'\n\nexport * from './progress-nodes'\n\nexport * from './empty'\n\nexport * from './auto-complete'\n\nexport * from './progress'\n\nexport * from './input'\n\nexport * from './notification'\n\nexport * from './layout'\n\nexport * from './multi-select'\n\nexport * from './checkbox'\n\nexport * from './slider'\n\nexport * from './gantt-chart'\n\nexport * from './message'\n\nexport * from './file-picker'\n\nexport * from './number-range-input'\n\nexport * from './number-input'\n\nexport * from './collapse'\n\nexport * from './date-panel'\n\nexport * from './table-editor'\n\nexport * from './check-tag'\n\nexport * from './contextmenu'\n\nexport * from './password-input'\n\nexport * from './number'\n\nexport * from './dialog'\n\nexport * from './node-render'\n\nexport * from './expression-editor'\n\nexport * from './watermark'\n\nexport * from './batch-edit'\n\nexport * from './action'\n\nexport * from './tip'\n\nexport * from './textarea'\n\nexport * from './button'\n\nexport * from './cascade'\n\nexport * from './steps'\n\nexport * from './date-picker'\n\nexport * from './theme'\n\nexport * from './table'\n\nexport * from './multi-tree-select'\n\nexport * from './group-input'\n\nexport * from './list'\n\nexport * from './rich-text-editor'\n\nexport * from './nav'\n\nexport * from './dual-nav'\n\nexport * from './group-nav'\n\nexport * from './grid-input'\n\nexport * from './switch'\n\nexport * from './form-item'\n\nexport * from './radio-group'\n\nexport * from './checkbox-group'\n\nexport * from './file-viewer'\n\nexport * from './text'\n\nexport * from './select'\n\nexport * from './breadcrumb'\n\nexport * from './icon'\n\nexport * from './kbd'\n\nexport * from './pop-confirm'\n\nexport * from './paginator'\n\nexport * from './tag'\n\nexport * from './float-button'\n\nexport * from './palette'\n\nexport * from './grid'\n\nexport * from './badge'\n\nexport * from './segment'\n\nexport * from './image-cropper'\n\nexport * from './kanban'\n"],"mappings":""}

package/dist/components/kanban/di.js

@@ -0,0 +1,7 @@
+//#region src/components/kanban/di.ts
+/** 看板依赖注入key */
+const KanbanDIKey = Symbol("KanbanDIKey");
+//#endregion
+export { KanbanDIKey };
+
+//# sourceMappingURL=di.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/kanban/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { InjectionKey } from 'vue'\n\nimport type { KanbanProps } from '../../types'\n\n/** 看板上下文：主组件向列子组件注入 */\nexport interface KanbanContext {\n  /** 看板组件属性 */\n  kanbanProps: KanbanProps\n  /** BEM */\n  cls: BEM<'kanban'>\n  /** 某列卡片重排写回（getter 数据源 onReorder 链路），items 为该列最新完整卡片数组 */\n  reorderColumn: (columnKey: string, items: Record<string, any>[]) => void\n  /** 拖拽操作结束通知（一次操作只通知一次，主组件据此 emit change） */\n  notifyChange: () => void\n}\n\n/** 看板依赖注入key */\nexport const KanbanDIKey: InjectionKey<KanbanContext> = Symbol('KanbanDIKey')\n"],"mappings":";;AAkBA,MAAa,cAA2C,OAAO,aAAa"}

package/dist/components/kanban/kanban-column.js

@@ -0,0 +1,67 @@
+import { KanbanDIKey } from "./di.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, watch } from "vue";
+import { animations, useDnD } from "@veltra/compositions";
+//#region src/components/kanban/kanban-column.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UKanbanColumn",
+	__name: "kanban-column",
+	props: { column: {} },
+	setup(__props) {
+		const props = __props;
+		const ctx = inject(KanbanDIKey);
+		const cls = ctx.cls;
+		const titleKey = computed(() => ctx.kanbanProps.titleKey ?? "title");
+		const cardKey = computed(() => ctx.kanbanProps.cardKey ?? "id");
+		const countable = computed(() => ctx.kanbanProps.countable !== false);
+		const placeholder = computed(() => ctx.kanbanProps.placeholder ?? "暂无内容");
+		const title = computed(() => props.column[titleKey.value]);
+		function makeConfig() {
+			return {
+				group: "u-kanban",
+				dragHandle: `.${cls.e("card-handle")}`,
+				draggable: (el) => el.classList.contains(cls.e("card")),
+				draggingClass: "is-dragging",
+				dropZoneClass: "is-dropzone",
+				disabled: ctx.kanbanProps.disabled,
+				onSort: () => ctx.notifyChange(),
+				onTransfer: () => ctx.notifyChange(),
+				plugins: [animations()]
+			};
+		}
+		const { parentRef, values, updateConfig } = useDnD({
+			values: () => props.column.items,
+			onReorder: (items) => ctx.reorderColumn(props.column.key, items),
+			...makeConfig()
+		});
+		watch(() => ctx.kanbanProps.disabled, () => updateConfig(makeConfig()));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("column")) }, [createElementVNode("div", { class: normalizeClass(unref(cls).e("column-header")) }, [renderSlot(_ctx.$slots, "header", {
+				column: __props.column,
+				count: unref(values).length
+			}, () => [createElementVNode("span", { class: normalizeClass(unref(cls).e("column-title")) }, toDisplayString(title.value), 3), countable.value ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(unref(cls).e("column-count"))
+			}, toDisplayString(unref(values).length), 3)) : createCommentVNode("v-if", true)])], 2), createElementVNode("div", {
+				ref_key: "parentRef",
+				ref: parentRef,
+				class: normalizeClass(unref(cls).e("cards"))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(values), (card, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: card[cardKey.value],
+					class: normalizeClass(unref(cls).e("card"))
+				}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("card-handle")) }, "≡", 2), createElementVNode("div", { class: normalizeClass(unref(cls).e("card-body")) }, [renderSlot(_ctx.$slots, "card", {
+					card,
+					column: __props.column,
+					index
+				}, () => [createTextVNode(toDisplayString(card[titleKey.value] ?? card[cardKey.value]), 1)])], 2)], 2);
+			}), 128)), !unref(values).length ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(cls).e("empty"))
+			}, [renderSlot(_ctx.$slots, "empty", { column: __props.column }, () => [createTextVNode(toDisplayString(placeholder.value), 1)])], 2)) : createCommentVNode("v-if", true)], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=kanban-column.js.map

package/dist/components/kanban/kanban-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban-column.js","names":[],"sources":["../../../src/components/kanban/kanban-column.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('column')\">\n    <div :class=\"cls.e('column-header')\">\n      <slot name=\"header\" :column=\"column\" :count=\"values.length\">\n        <span :class=\"cls.e('column-title')\">{{ title }}</span>\n        <span v-if=\"countable\" :class=\"cls.e('column-count')\">{{ values.length }}</span>\n      </slot>\n    </div>\n\n    <div ref=\"parentRef\" :class=\"cls.e('cards')\">\n      <div v-for=\"(card, index) of values\" :key=\"card[cardKey]\" :class=\"cls.e('card')\">\n        <span :class=\"cls.e('card-handle')\">≡</span>\n        <div :class=\"cls.e('card-body')\">\n          <slot name=\"card\" :card=\"card\" :column=\"column\" :index=\"index\">\n            {{ card[titleKey] ?? card[cardKey] }}\n          </slot>\n        </div>\n      </div>\n\n      <div v-if=\"!values.length\" :class=\"cls.e('empty')\">\n        <slot name=\"empty\" :column=\"column\">{{ placeholder }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { animations, useDnD, type VueParentConfig } from '@veltra/compositions'\nimport { computed, inject, watch } from 'vue'\n\nimport type { KanbanColumnItem, KanbanSlots } from '../../types'\nimport { KanbanDIKey } from './di'\n\ndefineOptions({ name: 'UKanbanColumn' })\n\ndefineSlots<KanbanSlots>()\n\nconst props = defineProps<{ column: KanbanColumnItem }>()\n\nconst ctx = inject(KanbanDIKey)!\n\nconst cls = ctx.cls\n\nconst titleKey = computed(() => ctx.kanbanProps.titleKey ?? 'title')\nconst cardKey = computed(() => ctx.kanbanProps.cardKey ?? 'id')\nconst countable = computed(() => ctx.kanbanProps.countable !== false)\nconst placeholder = computed(() => ctx.kanbanProps.placeholder ?? '暂无内容')\n\nconst title = computed(() => props.column[titleKey.value])\n\nfunction makeConfig(): VueParentConfig<Record<string, any>> {\n  return {\n    group: 'u-kanban',\n    dragHandle: `.${cls.e('card-handle')}`,\n    draggable: (el) => el.classList.contains(cls.e('card')),\n    draggingClass: 'is-dragging',\n    dropZoneClass: 'is-dropzone',\n    disabled: ctx.kanbanProps.disabled,\n    // 排序/转移数据已由 onReorder 写回，这里只负责对外发 change 通知\n    onSort: () => ctx.notifyChange(),\n    onTransfer: () => ctx.notifyChange(),\n    plugins: [animations()]\n  }\n}\n\nconst { parentRef, values, updateConfig } = useDnD<Record<string, any>>({\n  values: () => props.column.items,\n  onReorder: (items) => ctx.reorderColumn(props.column.key, items),\n  ...makeConfig()\n})\n\n// updateConfig 是整体替换配置，须传完整配置而非仅 disabled\nwatch(\n  () => ctx.kanbanProps.disabled,\n  () => updateConfig(makeConfig())\n)\n</script>\n"],"mappings":"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"}

package/dist/components/kanban/kanban.js

@@ -0,0 +1,89 @@
+import { KanbanDIKey } from "./di.js";
+import _sfc_main$1 from "./kanban-column.js";
+import { Fragment, createBlock, createElementBlock, defineComponent, mergeProps, openBlock, provide, ref, renderList, renderSlot, unref, watch, withCtx } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/kanban/kanban.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UKanban",
+	inheritAttrs: false,
+	__name: "kanban",
+	props: {
+		columns: {},
+		cardKey: { default: "id" },
+		titleKey: { default: "title" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		countable: {
+			type: Boolean,
+			default: true
+		},
+		placeholder: { default: "暂无内容" }
+	},
+	emits: ["update:columns", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("kanban");
+		const localColumns = ref([]);
+		watch(() => props.columns, (columns) => {
+			localColumns.value = (columns ?? []).map((column) => ({
+				...column,
+				items: [...column.items]
+			}));
+		}, { immediate: true });
+		function snapshot() {
+			return localColumns.value.map((column) => ({
+				...column,
+				items: [...column.items]
+			}));
+		}
+		function reorderColumn(columnKey, items) {
+			localColumns.value = localColumns.value.map((column) => column.key === columnKey ? {
+				...column,
+				items
+			} : column);
+			emit("update:columns", snapshot());
+		}
+		let changePending = false;
+		function notifyChange() {
+			if (changePending) return;
+			changePending = true;
+			queueMicrotask(() => {
+				changePending = false;
+				emit("change", snapshot());
+			});
+		}
+		provide(KanbanDIKey, {
+			kanbanProps: props,
+			cls,
+			reorderColumn,
+			notifyChange
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, { class: [unref(cls).b, unref(bem).is("disabled", __props.disabled)] }), [(openBlock(true), createElementBlock(Fragment, null, renderList(localColumns.value, (column) => {
+				return openBlock(), createBlock(_sfc_main$1, {
+					key: column.key,
+					column
+				}, {
+					header: withCtx(({ column: col, count }) => [renderSlot(_ctx.$slots, "header", {
+						column: col,
+						count
+					})]),
+					card: withCtx(({ card, column: col, index }) => [renderSlot(_ctx.$slots, "card", {
+						card,
+						column: col,
+						index
+					})]),
+					empty: withCtx(({ column: col }) => [renderSlot(_ctx.$slots, "empty", { column: col })]),
+					_: 3
+				}, 8, ["column"]);
+			}), 128))], 16);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=kanban.js.map

package/dist/components/kanban/kanban.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban.js","names":["$attrs"],"sources":["../../../src/components/kanban/kanban.vue"],"sourcesContent":["<template>\n  <div v-bind=\"$attrs\" :class=\"[cls.b, bem.is('disabled', disabled)]\">\n    <KanbanColumn v-for=\"column of localColumns\" :key=\"column.key\" :column=\"column\">\n      <template #header=\"{ column: col, count }\">\n        <slot name=\"header\" :column=\"col\" :count=\"count\" />\n      </template>\n      <template #card=\"{ card, column: col, index }\">\n        <slot name=\"card\" :card=\"card\" :column=\"col\" :index=\"index\" />\n      </template>\n      <template #empty=\"{ column: col }\">\n        <slot name=\"empty\" :column=\"col\" />\n      </template>\n    </KanbanColumn>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { provide, ref, watch } from 'vue'\n\nimport type { KanbanColumnItem, KanbanEmits, KanbanProps, KanbanSlots } from '../../types'\nimport { KanbanDIKey, type KanbanContext } from './di'\nimport KanbanColumn from './kanban-column.vue'\n\ndefineOptions({ name: 'UKanban', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<KanbanProps>(), {\n  cardKey: 'id',\n  titleKey: 'title',\n  disabled: false,\n  countable: true,\n  placeholder: '暂无内容'\n})\n\nconst emit = defineEmits<KanbanEmits>()\ndefineSlots<KanbanSlots>()\n\nconst cls = bem('kanban')\n\n// 拖拽写回的本地数据源：props 拷贝一份避免原地改父级数据，\n// 拖拽结果经 update:columns 交给父级决定是否受控回写\nconst localColumns = ref<KanbanColumnItem[]>([])\n\nwatch(\n  () => props.columns,\n  (columns) => {\n    localColumns.value = (columns ?? []).map((column) => ({ ...column, items: [...column.items] }))\n  },\n  { immediate: true }\n)\n\nfunction snapshot(): KanbanColumnItem[] {\n  return localColumns.value.map((column) => ({ ...column, items: [...column.items] }))\n}\n\nfunction reorderColumn(columnKey: string, items: Record<string, any>[]) {\n  localColumns.value = localColumns.value.map((column) =>\n    column.key === columnKey ? { ...column, items } : column\n  )\n  emit('update:columns', snapshot())\n}\n\n// 一次拖拽可能同步触发多个回调（跨列转移在源列与目标列各触发一次 onTransfer），\n// microtask 内合并保证一次操作只 emit 一次 change\nlet changePending = false\nfunction notifyChange() {\n  if (changePending) return\n  changePending = true\n  queueMicrotask(() => {\n    changePending = false\n    emit('change', snapshot())\n  })\n}\n\nprovide(KanbanDIKey, {\n  kanbanProps: props,\n  cls,\n  reorderColumn,\n  notifyChange\n} satisfies KanbanContext)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAGb,MAAM,MAAM,IAAI,QAAQ;EAIxB,MAAM,eAAe,IAAwB,CAAC,CAAC;EAE/C,YACQ,MAAM,UACX,YAAY;GACX,aAAa,SAAS,WAAW,CAAC,EAAA,CAAG,KAAK,YAAY;IAAE,GAAG;IAAQ,OAAO,CAAC,GAAG,OAAO,KAAK;GAAE,EAAE;EAChG,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,SAAS,WAA+B;GACtC,OAAO,aAAa,MAAM,KAAK,YAAY;IAAE,GAAG;IAAQ,OAAO,CAAC,GAAG,OAAO,KAAK;GAAE,EAAE;EACrF;EAEA,SAAS,cAAc,WAAmB,OAA8B;GACtE,aAAa,QAAQ,aAAa,MAAM,KAAK,WAC3C,OAAO,QAAQ,YAAY;IAAE,GAAG;IAAQ;GAAM,IAAI,MACpD;GACA,KAAK,kBAAkB,SAAS,CAAC;EACnC;EAIA,IAAI,gBAAgB;EACpB,SAAS,eAAe;GACtB,IAAI,eAAe;GACnB,gBAAgB;GAChB,qBAAqB;IACnB,gBAAgB;IAChB,KAAK,UAAU,SAAS,CAAC;GAC3B,CAAC;EACH;EAEA,QAAQ,aAAa;GACnB,aAAa;GACb;GACA;GACA;EACF,CAAyB;;GA9EvB,OAAA,UAAA,GAAA,mBAYM,OAZN,WAAaA,KAYP,QAZa,EAAG,OAAK,CAAG,MAAA,GAAA,CAAG,CAAC,GAAG,MAAA,GAAA,CAAG,CAAC,GAAE,YAAa,QAAA,QAAQ,CAAA,EAAA,CAAA,GAC9D,EAAA,UAAA,IAAA,GAAA,mBAUe,UAAA,MAAA,WAVgB,aAAA,QAAV,WAAM;IAA3B,OAAA,UAAA,GAAA,YAUe,aAAA;KAV+B,KAAK,OAAO;KAAc;;KAC3D,QAAM,SACoC,EAAA,QADxB,KAAK,YAAK,CACrC,WAAmD,KAAA,QAAA,UAAA;MAA9B,QAAQ;MAAa;;KAEjC,MAAI,SACiD,EAD7C,MAAI,QAAU,KAAK,YAAK,CACzC,WAA8D,KAAA,QAAA,QAAA;MAArC;MAAO,QAAQ;MAAa;;KAE5C,OAAK,SACqB,EAAA,QADT,UAAG,CAC7B,WAAmC,KAAA,QAAA,SAAA,EAAf,QAAQ,IAAG,CAAA,CAAA,CAAA"}

package/dist/components/kanban/style.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/components/kanban/style.js

@@ -0,0 +1 @@
+import "./style2.css";

package/dist/components/kanban/style2.css

@@ -0,0 +1,128 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：`UITheme.render()` 按主题系列写入 html[data-theme] */
+.u-kanban {
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-wrap: nowrap;
+  gap: var(--u-gap-default);
+  padding: var(--u-gap-default);
+  overflow-x: auto;
+  box-sizing: border-box;
+}
+.u-kanban__column {
+  flex: 0 0 auto;
+  width: 280px;
+  max-width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: var(--u-gap-small);
+  padding: var(--u-gap-small);
+  background-color: var(--u-bg-color-bottom);
+  border-radius: var(--u-radius-default);
+  box-sizing: border-box;
+}
+.u-kanban__column-header {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: nowrap;
+  gap: var(--u-gap-small);
+  padding: 0 2px;
+}
+.u-kanban__column-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1 1 0%;
+  min-width: 0;
+  font-size: var(--u-font-size-main-default);
+  font-weight: 600;
+  color: var(--u-text-color-title);
+}
+.u-kanban__column-count {
+  flex: none;
+  min-width: 18px;
+  padding: 0 6px;
+  border-radius: var(--u-radius-large);
+  background-color: var(--u-color-primary-a-11);
+  color: var(--u-color-primary);
+  font-size: var(--u-font-size-main-small);
+  line-height: 18px;
+  text-align: center;
+}
+.u-kanban__cards {
+  display: flex;
+  flex-direction: column;
+  gap: var(--u-gap-small);
+  min-height: 64px;
+  padding: 2px;
+}
+.u-kanban__cards.is-dropzone {
+  background-color: var(--u-color-primary-a-4);
+  border-radius: var(--u-radius-default);
+}
+.u-kanban__card {
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-wrap: nowrap;
+  gap: var(--u-gap-small);
+  padding: var(--u-gap-small);
+  background-color: var(--u-bg-color-top);
+  border-radius: var(--u-radius-default);
+  box-shadow: var(--u-shadow-sm);
+  font-size: var(--u-font-size-main-default);
+  color: var(--u-text-color-main);
+  transition: box-shadow var(--u-transition-fast) var(--u-transition-ease), opacity var(--u-transition-fast) var(--u-transition-ease);
+}
+.u-kanban__card:hover {
+  box-shadow: var(--u-shadow);
+}
+.u-kanban__card.is-dragging {
+  opacity: 0.6;
+}
+.u-kanban__card-handle {
+  flex: none;
+  line-height: 1;
+  color: var(--u-text-color-assist);
+  cursor: grab;
+  user-select: none;
+}
+.u-kanban__card-handle:active {
+  cursor: grabbing;
+}
+.u-kanban__card-body {
+  flex: 1 1 0%;
+  min-width: 0;
+  word-break: break-word;
+}
+.u-kanban__empty {
+  border: 1px dashed var(--u-border-color);
+  border-radius: var(--u-radius-default);
+  padding: var(--u-gap-default) var(--u-gap-small);
+  font-size: var(--u-font-size-main-default);
+  color: var(--u-text-color-assist);
+  text-align: center;
+}
+.u-kanban.is-disabled .u-kanban__card-handle {
+  cursor: not-allowed;
+}
+.u-kanban.is-disabled .u-kanban__card-handle:active {
+  cursor: not-allowed;
+}

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

@@ -2,11 +2,12 @@ import _sfc_main$1 from "../icon/icon.js";
 import _sfc_main$2 from "../empty/empty.js";
 import _sfc_main$3 from "../scroll/scroll.js";
 import _sfc_main$4 from "../dropdown/dropdown.js";
+import _sfc_main$5 from "../loading/loading.js";
 import { useOptions } from "../select/use-options.js";
-import _sfc_main$5 from "../checkbox/checkbox.js";
-import _sfc_main$6 from "../tag/tag.js";
+import _sfc_main$6 from "../checkbox/checkbox.js";
+import _sfc_main$7 from "../tag/tag.js";
 import { MultiSelectDIKey } from "./di.js";
-import _sfc_main$7 from "./multi-select-option.js";
+import _sfc_main$8 from "./multi-select-option.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, openBlock, provide, renderList, renderSlot, shallowReactive, shallowRef, toDisplayString, unref, useModel, useTemplateRef, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { useFormFallbackProps, useVirtualizer } from "@veltra/compositions";
 import { FORM_EMPTY_CONTENT, bem, fieldKey, injectFormContext } from "@veltra/utils";
@@ -73,7 +74,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		});
 		const scrollRef = shallowRef();
 		const hovered = shallowRef(false);
-		const { options: rawOptions, queryString, allOptions: rawAllOptions } = useOptions({ props });
+		const { options: rawOptions, queryString, loading, allOptions: rawAllOptions } = useOptions({ props });
 		const createdOptions = shallowRef([]);
 		const options = computed(() => {
 			const base = rawOptions.value;
@@ -327,7 +328,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						class: normalizeClass(unref(cls).e("tags"))
 					}, [
 						(openBlock(true), createElementBlock(Fragment, null, renderList(tags.value, (option) => {
-							return openBlock(), createBlock(unref(_sfc_main$6), {
+							return openBlock(), createBlock(unref(_sfc_main$7), {
 								key: option[valueKey.value],
 								closable: !unref(disabled),
 								size: "small",
@@ -337,7 +338,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 								_: 2
 							}, 1032, ["closable", "onClose"]);
 						}), 128)),
-						restTag.value ? (openBlock(), createBlock(unref(_sfc_main$6), {
+						restTag.value ? (openBlock(), createBlock(unref(_sfc_main$7), {
 							key: 0,
 							size: "small"
 						}, {
@@ -381,7 +382,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				]),
 				content: withCtx(() => [
 					createCommentVNode(" 多选栏 "),
-					createElementVNode("div", { class: normalizeClass(unref(cls).e("content-header")) }, [createVNode(unref(_sfc_main$5), {
+					createElementVNode("div", { class: normalizeClass(unref(cls).e("content-header")) }, [createVNode(unref(_sfc_main$6), {
 						"model-value": allChecked.value,
 						indeterminate: indeterminate.value,
 						"onUpdate:modelValue": handleCheckAll,
@@ -396,8 +397,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					]), createElementVNode("span", null, " 已选 " + toDisplayString(model.value?.length) + "/" + toDisplayString(__props.max ?? options.value?.length ?? 0), 1)], 2),
 					createCommentVNode(" 多选列表 "),
 					createCommentVNode("\n        虚拟化启用时内容容器 height 由 useVirtualizer 命令式写入；\n        模板不再绑定 totalSize，避免尺寸变化引起重渲染。\n      "),
-					options.value.length ? (openBlock(), createBlock(unref(_sfc_main$3), {
+					unref(loading) ? (openBlock(), createElementBlock("div", {
 						key: 0,
+						class: normalizeClass(unref(cls).e("loading"))
+					}, [createVNode(unref(_sfc_main$5), { type: "dual-ring" })], 2)) : options.value.length ? (openBlock(), createBlock(unref(_sfc_main$3), {
+						key: 1,
 						tag: "ul",
 						class: normalizeClass([unref(cls).e("options")]),
 						ref_key: "scrollRef",
@@ -405,7 +409,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						"content-class": [unref(cls).e("options-wrap"), unref(bem).is("virtual", virtualEnabled.value)]
 					}, {
 						default: withCtx(() => [virtualEnabled.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(virtualOptions.value, ({ option, index, key, label, offset }) => {
-							return openBlock(), createBlock(_sfc_main$7, {
+							return openBlock(), createBlock(_sfc_main$8, {
 								option,
 								disabled: isDisabled(option),
 								key,
@@ -429,7 +433,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 								"index"
 							]);
 						}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(options.value, (option, index) => {
-							return openBlock(), createBlock(_sfc_main$7, {
+							return openBlock(), createBlock(_sfc_main$8, {
 								option,
 								disabled: isDisabled(option),
 								key: unref(o)(option).get(valueKey.value),
@@ -450,7 +454,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						}), 128))]),
 						_: 3
 					}, 8, ["class", "content-class"])) : (openBlock(), createElementBlock("div", {
-						key: 1,
+						key: 2,
 						class: normalizeClass(unref(cls).e("empty"))
 					}, [createVNode(unref(_sfc_main$2))], 2))
 				]),
@@ -466,7 +470,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				key: 1,
 				class: normalizeClass([unref(cls).m(unref(size)), unref(cls).e("readonly-tags")])
 			}, [createElementVNode("div", { class: normalizeClass(unref(cls).e("tags")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(tags.value, (option) => {
-				return openBlock(), createBlock(unref(_sfc_main$6), {
+				return openBlock(), createBlock(unref(_sfc_main$7), {
 					key: option[valueKey.value],
 					size: "small"
 				}, {