@veltra/desktop 1.1.28 → 1.1.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/action/action-group.vue.d.ts +4 -6
- package/dist/components/action/action-group.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/action/action-group.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/action/action.js.map +1 -1
- package/dist/components/action/action.vue.d.ts +4 -7
- package/dist/components/action/di.js.map +1 -1
- package/dist/components/auto-complete/auto-complete.js.map +1 -1
- package/dist/components/auto-complete/auto-complete.vue.d.ts +5 -7
- package/dist/components/auto-complete/use-keyboard.js.map +1 -1
- package/dist/components/auto-complete/use-suggestions.js.map +1 -1
- package/dist/components/badge/badge.js.map +1 -1
- package/dist/components/badge/badge.vue.d.ts +2 -4
- package/dist/components/batch-edit/batch-edit-form.js.map +1 -1
- package/dist/components/batch-edit/batch-edit-list.js.map +1 -1
- package/dist/components/batch-edit/batch-edit.js.map +1 -1
- package/dist/components/batch-edit/batch-edit.vue.d.ts +4 -7
- package/dist/components/batch-edit/di.js.map +1 -1
- package/dist/components/batch-edit/helper.js.map +1 -1
- package/dist/components/batch-edit/use-edit.js.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.js.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.vue.d.ts +3 -5
- package/dist/components/button/button-group.js.map +1 -1
- package/dist/components/button/button-group.vue.d.ts +1 -3
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/button/button.vue.d.ts +4 -6
- package/dist/components/calendar/calendar.js.map +1 -1
- package/dist/components/calendar/calendar.vue.d.ts +3 -5
- package/dist/components/calendar/utils.js.map +1 -1
- package/dist/components/card/card-action.js.map +1 -1
- package/dist/components/card/card-action.vue.d.ts +1 -3
- package/dist/components/card/card-content.js.map +1 -1
- package/dist/components/card/card-content.vue.d.ts +1 -3
- package/dist/components/card/card-cover.js.map +1 -1
- package/dist/components/card/card-cover.vue.d.ts +1 -3
- package/dist/components/card/card-header.js.map +1 -1
- package/dist/components/card/card-header.vue.d.ts +1 -3
- package/dist/components/card/card.js.map +1 -1
- package/dist/components/card/card.vue.d.ts +1 -3
- package/dist/components/card/di.js.map +1 -1
- package/dist/components/cascade/cascade-panel-item.js.map +1 -1
- package/dist/components/cascade/cascade.js.map +1 -1
- package/dist/components/cascade/cascade.vue.d.ts +7 -9
- package/dist/components/cascade/di.js.map +1 -1
- package/dist/components/cascade/node.js.map +1 -1
- package/dist/components/cascade/use-check.js.map +1 -1
- package/dist/components/cascade/use-data-map.js.map +1 -1
- package/dist/components/cascade/use-select.js.map +1 -1
- package/dist/components/check-tag/check-tag.js.map +1 -1
- package/dist/components/check-tag/check-tag.vue.d.ts +3 -5
- package/dist/components/checkbox/checkbox-button.js.map +1 -1
- package/dist/components/checkbox/checkbox-button.vue.d.ts +4 -7
- package/dist/components/checkbox/checkbox.js.map +1 -1
- package/dist/components/checkbox/checkbox.vue.d.ts +3 -5
- package/dist/components/checkbox-group/checkbox-group.js.map +1 -1
- package/dist/components/checkbox-group/checkbox-group.vue.d.ts +5 -7
- package/dist/components/code-editor/code-editor.js.map +1 -1
- package/dist/components/code-editor/code-editor.vue.d.ts +3 -5
- package/dist/components/collapse/collapse-item.js.map +1 -1
- package/dist/components/collapse/collapse-item.vue.d.ts +1 -3
- package/dist/components/collapse/collapse.js.map +1 -1
- package/dist/components/collapse/collapse.vue.d.ts +3 -5
- package/dist/components/collapse/di.js.map +1 -1
- package/dist/components/condition-editor/components/condition-group.js.map +1 -1
- package/dist/components/condition-editor/components/condition-row.js.map +1 -1
- package/dist/components/condition-editor/condition-editor.js.map +1 -1
- package/dist/components/condition-editor/condition-editor.vue.d.ts +3 -5
- package/dist/components/condition-editor/core/evaluator.js.map +1 -1
- package/dist/components/condition-editor/core/operators.js.map +1 -1
- package/dist/components/context-menu/api.js.map +1 -1
- package/dist/components/context-menu/context-menu-item.js.map +1 -1
- package/dist/components/context-menu/context-menu.js.map +1 -1
- package/dist/components/context-menu/context-menu.vue.d.ts +3 -5
- package/dist/components/context-menu/di.js.map +1 -1
- package/dist/components/date-panel/date-panel.js.map +1 -1
- package/dist/components/date-panel/date-panel.vue.d.ts +8 -12
- package/dist/components/date-panel/di.js.map +1 -1
- package/dist/components/date-panel/headers/day.js.map +1 -1
- package/dist/components/date-panel/headers/month.js.map +1 -1
- package/dist/components/date-panel/headers/year.js.map +1 -1
- package/dist/components/date-panel/panels/day.js.map +1 -1
- package/dist/components/date-panel/panels/month.js.map +1 -1
- package/dist/components/date-panel/panels/year.js.map +1 -1
- package/dist/components/date-panel/use-date-select.js.map +1 -1
- package/dist/components/date-panel/use-panel-date.js.map +1 -1
- package/dist/components/date-panel/use-panel.js.map +1 -1
- package/dist/components/date-picker/date-picker.js.map +1 -1
- package/dist/components/date-picker/date-picker.vue.d.ts +5 -7
- package/dist/components/date-range-picker/date-range-picker.js.map +1 -1
- package/dist/components/date-range-picker/date-range-picker.vue.d.ts +5 -7
- package/dist/components/dialog/di.js.map +1 -1
- package/dist/components/dialog/dialog.js.map +1 -1
- package/dist/components/dialog/dialog.vue.d.ts +3 -6
- package/dist/components/dialog/use-maximum.js.map +1 -1
- package/dist/components/drawer/drawer.js.map +1 -1
- package/dist/components/drawer/drawer.vue.d.ts +3 -5
- package/dist/components/dropdown/dropdown.js.map +1 -1
- package/dist/components/dropdown/dropdown.vue.d.ts +3 -6
- package/dist/components/empty/empty.js.map +1 -1
- package/dist/components/empty/empty.vue.d.ts +3 -5
- package/dist/components/expression-editor/components/path-preview.js.map +1 -1
- package/dist/components/expression-editor/components/variable-picker.js.map +1 -1
- package/dist/components/expression-editor/core/chip.js.map +1 -1
- package/dist/components/expression-editor/core/editor.js.map +1 -1
- package/dist/components/expression-editor/core/mention.js.map +1 -1
- package/dist/components/expression-editor/core/model.js.map +1 -1
- package/dist/components/expression-editor/di.js.map +1 -1
- package/dist/components/expression-editor/expression-editor.js.map +1 -1
- package/dist/components/expression-editor/expression-editor.vue.d.ts +3 -5
- package/dist/components/file-picker/file-picker.js.map +1 -1
- package/dist/components/file-picker/file-picker.vue.d.ts +3 -5
- package/dist/components/file-picker/helper.js.map +1 -1
- package/dist/components/file-viewer/file-viewer.js +1 -1
- package/dist/components/file-viewer/file-viewer.js.map +1 -1
- package/dist/components/file-viewer/file-viewer.vue.d.ts +5 -6
- package/dist/components/file-viewer/helper.js.map +1 -1
- package/dist/components/file-viewer/previewers/docx-previewer.js.map +1 -1
- package/dist/components/file-viewer/previewers/image-previewer.js.map +1 -1
- package/dist/components/file-viewer/previewers/pdf-previewer.js.map +1 -1
- package/dist/components/file-viewer/previewers/pdf-viewport-scroll.js.map +1 -1
- package/dist/components/file-viewer/previewers/pdf-zoom-bridge.js.map +1 -1
- package/dist/components/file-viewer/previewers/sheet-previewer.js.map +1 -1
- package/dist/components/file-viewer/previewers/text-previewer.js.map +1 -1
- package/dist/components/file-viewer/previewers/video-previewer.js.map +1 -1
- package/dist/components/float-button/float-button.js.map +1 -1
- package/dist/components/float-button/float-button.vue.d.ts +3 -5
- package/dist/components/form/dynamic-form-model.js.map +1 -1
- package/dist/components/form/form-model.js.map +1 -1
- package/dist/components/form/form.vue.d.ts +3 -4
- package/dist/components/form/form.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/form/form.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/form/helper.js.map +1 -1
- package/dist/components/form/use-node-interceptor.js.map +1 -1
- package/dist/components/form-item/form-item.vue.d.ts +2 -4
- package/dist/components/form-item/form-item.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/form-item/form-item.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/form-item/helper.js.map +1 -1
- package/dist/components/gantt-chart/gantt-chart.js.map +1 -1
- package/dist/components/gantt-chart/gantt-chart.vue.d.ts +1 -3
- package/dist/components/grid/breakpoint.js.map +1 -1
- package/dist/components/grid/di.js.map +1 -1
- package/dist/components/grid/grid-item.js.map +1 -1
- package/dist/components/grid/grid-item.vue.d.ts +2 -4
- package/dist/components/grid/grid.js.map +1 -1
- package/dist/components/grid/grid.vue.d.ts +3 -5
- package/dist/components/grid/use-responsive.js.map +1 -1
- package/dist/components/grid-input/grid-input.js.map +1 -1
- package/dist/components/grid-input/grid-input.vue.d.ts +3 -6
- package/dist/components/group-input/group-input.js.map +1 -1
- package/dist/components/group-input/group-input.vue.d.ts +2 -4
- package/dist/components/group-input/use-group-items.js.map +1 -1
- package/dist/components/icon/icon.js.map +1 -1
- package/dist/components/icon/icon.vue.d.ts +1 -3
- package/dist/components/input/input.vue.d.ts +5 -7
- package/dist/components/input/input.vue_vue_type_script_setup_true_lang.js +3 -3
- package/dist/components/input/input.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/kbd/kbd.js.map +1 -1
- package/dist/components/kbd/kbd.vue.d.ts +1 -3
- package/dist/components/layout/di.js.map +1 -1
- package/dist/components/layout/layout-resizer.js.map +1 -1
- package/dist/components/layout/layout.js.map +1 -1
- package/dist/components/layout/layout.vue.d.ts +2 -4
- package/dist/components/list/list-item.js.map +1 -1
- package/dist/components/list/list-item.vue.d.ts +1 -3
- package/dist/components/list/list.js.map +1 -1
- package/dist/components/list/list.vue.d.ts +1 -3
- package/dist/components/loading/directive.js.map +1 -1
- package/dist/components/loading/loading.js.map +1 -1
- package/dist/components/loading/loading.vue.d.ts +2 -4
- package/dist/components/menu/di.js.map +1 -1
- package/dist/components/menu/helper.js.map +1 -1
- package/dist/components/menu/menu-icon.js.map +1 -1
- package/dist/components/menu/menu-item-collapsed.js.map +1 -1
- package/dist/components/menu/menu-item.js.map +1 -1
- package/dist/components/menu/menu-item.vue.d.ts +1 -3
- package/dist/components/menu/menu-sub-collapsed.js.map +1 -1
- package/dist/components/menu/menu-sub.js.map +1 -1
- package/dist/components/menu/menu-sub.vue.d.ts +1 -3
- package/dist/components/menu/menu.js.map +1 -1
- package/dist/components/menu/menu.vue.d.ts +3 -5
- package/dist/components/menu/use-menu-item.js.map +1 -1
- package/dist/components/menu/walk-menu-path.js.map +1 -1
- package/dist/components/message/helper.js.map +1 -1
- package/dist/components/message/message-box.js.map +1 -1
- package/dist/components/message/message.js.map +1 -1
- package/dist/components/message/message.vue.d.ts +3 -5
- package/dist/components/message/message2.js.map +1 -1
- package/dist/components/message-confirm/message-confirm.js.map +1 -1
- package/dist/components/message-confirm/message-confirm.vue.d.ts +2 -3
- package/dist/components/message-confirm/message-confirm2.js.map +1 -1
- package/dist/components/multi-select/di.js.map +1 -1
- package/dist/components/multi-select/multi-select-option.js.map +1 -1
- package/dist/components/multi-select/multi-select.js.map +1 -1
- package/dist/components/multi-select/multi-select.vue.d.ts +7 -9
- package/dist/components/multi-tree-select/multi-tree-select.js.map +1 -1
- package/dist/components/multi-tree-select/multi-tree-select.vue.d.ts +8 -9
- package/dist/components/node-render/node-render.js.map +1 -1
- package/dist/components/notification/index.js.map +1 -1
- package/dist/components/notification/notification.js.map +1 -1
- package/dist/components/notification/notification.vue.d.ts +3 -6
- package/dist/components/number/number.js.map +1 -1
- package/dist/components/number/number.vue.d.ts +2 -4
- package/dist/components/number-input/number-input.js.map +1 -1
- package/dist/components/number-input/number-input.vue.d.ts +5 -7
- package/dist/components/number-range-input/number-range-input.js.map +1 -1
- package/dist/components/number-range-input/number-range-input.vue.d.ts +4 -6
- package/dist/components/paginator/paginator.js.map +1 -1
- package/dist/components/paginator/paginator.vue.d.ts +3 -5
- package/dist/components/palette/color-transform.js.map +1 -1
- package/dist/components/palette/di.js.map +1 -1
- package/dist/components/palette/palette-alpha.js.map +1 -1
- package/dist/components/palette/palette-color-switch.js.map +1 -1
- package/dist/components/palette/palette-hue.js.map +1 -1
- package/dist/components/palette/palette-sv.js.map +1 -1
- package/dist/components/palette/palette.js.map +1 -1
- package/dist/components/palette/palette.vue.d.ts +3 -5
- package/dist/components/palette/use-hsv.js.map +1 -1
- package/dist/components/password-input/password-input.js.map +1 -1
- package/dist/components/password-input/password-input.vue.d.ts +4 -6
- package/dist/components/pop-confirm/pop-confirm.js.map +1 -1
- package/dist/components/pop-confirm/pop-confirm.vue.d.ts +5 -7
- package/dist/components/progress/progress.js.map +1 -1
- package/dist/components/progress/progress.vue.d.ts +2 -3
- package/dist/components/progress-nodes/progress-nodes.js.map +1 -1
- package/dist/components/progress-nodes/progress-nodes.vue.d.ts +4 -7
- package/dist/components/radio/radio.js.map +1 -1
- package/dist/components/radio/radio.vue.d.ts +3 -5
- package/dist/components/radio-group/radio-group.js.map +1 -1
- package/dist/components/radio-group/radio-group.vue.d.ts +5 -7
- package/dist/components/rich-text-editor/rich-text-editor.js.map +1 -1
- package/dist/components/rich-text-editor/rich-text-editor.vue.d.ts +5 -7
- package/dist/components/rich-text-editor/toolbar.js.map +1 -1
- package/dist/components/scroll/di.js.map +1 -1
- package/dist/components/scroll/scroll-bar.js.map +1 -1
- package/dist/components/scroll/scroll.js.map +1 -1
- package/dist/components/scroll/scroll.vue.d.ts +3 -5
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/select/select.vue.d.ts +7 -9
- package/dist/components/select/use-keyboard.js.map +1 -1
- package/dist/components/select/use-options.js.map +1 -1
- package/dist/components/slider/di.js.map +1 -1
- package/dist/components/slider/slider-thumb.js.map +1 -1
- package/dist/components/slider/slider.js.map +1 -1
- package/dist/components/slider/slider.vue.d.ts +2 -4
- package/dist/components/slider/use-slider.js.map +1 -1
- package/dist/components/steps/steps.js.map +1 -1
- package/dist/components/steps/steps.vue.d.ts +4 -7
- package/dist/components/switch/switch.js.map +1 -1
- package/dist/components/switch/switch.vue.d.ts +3 -5
- package/dist/components/table/di.js.map +1 -1
- package/dist/components/table/node/col.js.map +1 -1
- package/dist/components/table/node/row.js.map +1 -1
- package/dist/components/table/table-body.js.map +1 -1
- package/dist/components/table/table-cell.js.map +1 -1
- package/dist/components/table/table-foot.js.map +1 -1
- package/dist/components/table/table-head.js.map +1 -1
- package/dist/components/table/table-row.js.map +1 -1
- package/dist/components/table/table.js.map +1 -1
- package/dist/components/table/table.vue.d.ts +7 -10
- package/dist/components/table/use-check.js.map +1 -1
- package/dist/components/table/use-col-resize.js.map +1 -1
- package/dist/components/table/use-columns.js.map +1 -1
- package/dist/components/table/use-fixed-columns.js.map +1 -1
- package/dist/components/table/use-rows.js.map +1 -1
- package/dist/components/table/use-table.js.map +1 -1
- package/dist/components/table-editor/table-editor.js.map +1 -1
- package/dist/components/table-editor/table-editor.vue.d.ts +3 -5
- package/dist/components/tabs/tabs-horizontal.js +5 -2
- package/dist/components/tabs/tabs-horizontal.js.map +1 -1
- package/dist/components/tabs/tabs-horizontal.vue.d.ts +5 -7
- package/dist/components/tabs/tabs-vertical.js +5 -2
- package/dist/components/tabs/tabs-vertical.js.map +1 -1
- package/dist/components/tabs/tabs-vertical.vue.d.ts +11 -10
- package/dist/components/tabs/tabs.js.map +1 -1
- package/dist/components/tabs/tabs.vue.d.ts +11 -6
- package/dist/components/tabs/use-tabs-bar.js.map +1 -1
- package/dist/components/tag/tag.js.map +1 -1
- package/dist/components/tag/tag.vue.d.ts +3 -5
- package/dist/components/text/text.js.map +1 -1
- package/dist/components/text/text.vue.d.ts +2 -4
- package/dist/components/textarea/textarea.js.map +1 -1
- package/dist/components/textarea/textarea.vue.d.ts +6 -8
- package/dist/components/textarea/utils.js.map +1 -1
- package/dist/components/theme/schema.js.map +1 -1
- package/dist/components/theme/theme.js.map +1 -1
- package/dist/components/theme/theme.vue.d.ts +1 -3
- package/dist/components/tip/tip.js.map +1 -1
- package/dist/components/tip/tip.vue.d.ts +4 -6
- package/dist/components/tip/use-nest.js.map +1 -1
- package/dist/components/tree/di.js.map +1 -1
- package/dist/components/tree/tree-node.js.map +1 -1
- package/dist/components/tree/tree-node2.js.map +1 -1
- package/dist/components/tree/tree.js.map +1 -1
- package/dist/components/tree/tree.vue.d.ts +3 -5
- package/dist/components/tree/use-check.js.map +1 -1
- package/dist/components/tree/use-filter.js.map +1 -1
- package/dist/components/tree/use-select.js.map +1 -1
- package/dist/components/tree/use-tree-nodes.js.map +1 -1
- package/dist/components/tree-select/tree-select.js.map +1 -1
- package/dist/components/tree-select/tree-select.vue.d.ts +8 -9
- package/dist/components/watermark/watermark.js.map +1 -1
- package/dist/components/watermark/watermark.vue.d.ts +2 -4
- package/dist/index.d.ts +1 -1
- package/dist/install.js.map +1 -1
- package/dist/types/index.d.ts +1 -1
- package/package.json +8 -8
- package/src/components/tabs/tabs-horizontal.vue +2 -2
- package/src/components/tabs/tabs-vertical.vue +1 -1
- package/src/components/tabs/tabs.vue +2 -2
- package/dist/components/kbd/index.d.ts +0 -1
|
@@ -1,20 +1,18 @@
|
|
|
1
1
|
import { ActionGroupProps, _ActionGroupExposed } from "../../types/action.js";
|
|
2
|
-
import * as _$vue from "vue";
|
|
3
2
|
import { VNode } from "vue";
|
|
4
|
-
import * as _$_veltra_utils0 from "@veltra/utils";
|
|
5
3
|
|
|
6
4
|
//#region src/components/action/action-group.vue.d.ts
|
|
7
5
|
type __VLS_Slots = {
|
|
8
6
|
default?: () => VNode[];
|
|
9
7
|
};
|
|
10
|
-
declare const __VLS_base:
|
|
11
|
-
type:
|
|
12
|
-
size: "small" | "default" | "large";
|
|
8
|
+
declare const __VLS_base: import("vue").DefineComponent<ActionGroupProps, _ActionGroupExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
|
|
9
|
+
type: import("@veltra/utils").ColorType;
|
|
13
10
|
text: boolean;
|
|
11
|
+
size: "small" | "default" | "large";
|
|
14
12
|
max: number;
|
|
15
13
|
circle: boolean;
|
|
16
14
|
loading: boolean;
|
|
17
|
-
}, {}, {}, {}, string,
|
|
15
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
16
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
19
17
|
declare const _default: typeof __VLS_export;
|
|
20
18
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -5,7 +5,7 @@ import { Fragment, cloneVNode, createBlock, createElementBlock, createVNode, def
|
|
|
5
5
|
import { bem, extractNormalVNodes } from "@veltra/utils";
|
|
6
6
|
import { MoreFilled } from "@veltra/icons/normal";
|
|
7
7
|
//#region src/components/action/action-group.vue?vue&type=script&setup=true&lang.tsx
|
|
8
|
-
var action_group_vue_vue_type_script_setup_true_lang_default =
|
|
8
|
+
var action_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
|
|
9
9
|
name: "ActionGroup",
|
|
10
10
|
inheritAttrs: false,
|
|
11
11
|
__name: "action-group",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action-group.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/action/action-group.vue"],"sourcesContent":["<template>\n <component v-for=\"node of getSlotsNodes()\" :key=\"node.key\" :is=\"node\" />\n</template>\n\n<script lang=\"tsx\" setup>\nimport { MoreFilled } from '@veltra/icons/normal'\nimport { bem, extractNormalVNodes } from '@veltra/utils'\nimport { cloneVNode, provide, shallowRef, type VNode } from 'vue'\n\nimport type { _ActionGroupExposed, ActionGroupProps } from '../../types'\nimport { UButton } from '../button'\nimport { UTip } from '../tip'\nimport { ActionDIKey } from './di'\n\ndefineOptions({\n name: 'ActionGroup',\n inheritAttrs: false\n})\n\nconst props = withDefaults(defineProps<ActionGroupProps>(), {\n max: 3,\n loading: false,\n circle: false,\n size: 'small',\n text: true,\n type: 'primary'\n})\n\nconst cls = bem('action-group')\n\nconst slots = defineSlots<{\n default?: () => VNode[]\n}>()\n\nfunction isInDropdownNode(node: VNode): boolean {\n const p = node.props as Record<string, unknown> | null\n if (!p) return false\n const v = p.inDropdown ?? p['in-dropdown']\n return v === true || v === '' || v === 'true'\n}\n\nconst tipVisible = shallowRef(false)\n\nfunction closeTip() {\n tipVisible.value = false\n}\n\nfunction withSeparators(nodes: VNode[]) {\n return nodes.flatMap((node, index) => {\n if (index === 0) return [node]\n\n return [\n <i\n key={`separator-${index}`}\n class={cls.e('separator')}\n aria-hidden=\"true\"\n />,\n node\n ]\n })\n}\n\nfunction getSlotsNodes() {\n const nodes = slots.default?.()\n if (!nodes) return []\n\n const extracted = extractNormalVNodes(nodes).filter(\n (node) => (node.type as { name?: string } | null | undefined)?.name === 'Action'\n )\n\n const visible: VNode[] = []\n const fixedHidden: VNode[] = []\n\n extracted.forEach((node) => {\n if (isInDropdownNode(node)) {\n fixedHidden.push(node)\n } else {\n visible.push(node)\n }\n })\n\n const willOverflow = visible.length > props.max\n const overflow = willOverflow ? visible.splice(props.max - 1) : []\n\n const hiddenNodes = [...overflow, ...fixedHidden]\n\n const dropdownNodes = hiddenNodes.map((node) =>\n cloneVNode(node, { inDropdown: true, circle: false })\n )\n\n const dropdown = hiddenNodes.length ? (\n <UTip\n direction=\"bottom\"\n alignment=\"end\"\n trigger=\"click\"\n class={cls.e('dropdown')}\n visible={tipVisible.value}\n onUpdate:visible={(val: boolean) => {\n tipVisible.value = val\n }}\n >\n {{\n content: () => dropdownNodes,\n default: () => (\n <UButton\n class={cls.e('more')}\n type={props.type}\n size={props.size}\n text={props.text}\n circle\n icon={MoreFilled}\n />\n )\n }}\n </UTip>\n ) : null\n\n return withSeparators(dropdown ? [...visible, dropdown] : visible)\n}\n\nprovide(ActionDIKey, {\n groupProps: props,\n closeTip\n})\n\ndefineExpose<_ActionGroupExposed>({\n closeTip\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EASd,MAAM,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"action-group.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/action/action-group.vue"],"sourcesContent":["<template>\n <component v-for=\"node of getSlotsNodes()\" :key=\"node.key\" :is=\"node\" />\n</template>\n\n<script lang=\"tsx\" setup>\nimport { MoreFilled } from '@veltra/icons/normal'\nimport { bem, extractNormalVNodes } from '@veltra/utils'\nimport { cloneVNode, provide, shallowRef, type VNode } from 'vue'\n\nimport type { _ActionGroupExposed, ActionGroupProps } from '../../types'\nimport { UButton } from '../button'\nimport { UTip } from '../tip'\nimport { ActionDIKey } from './di'\n\ndefineOptions({\n name: 'ActionGroup',\n inheritAttrs: false\n})\n\nconst props = withDefaults(defineProps<ActionGroupProps>(), {\n max: 3,\n loading: false,\n circle: false,\n size: 'small',\n text: true,\n type: 'primary'\n})\n\nconst cls = bem('action-group')\n\nconst slots = defineSlots<{\n default?: () => VNode[]\n}>()\n\nfunction isInDropdownNode(node: VNode): boolean {\n const p = node.props as Record<string, unknown> | null\n if (!p) return false\n const v = p.inDropdown ?? p['in-dropdown']\n return v === true || v === '' || v === 'true'\n}\n\nconst tipVisible = shallowRef(false)\n\nfunction closeTip() {\n tipVisible.value = false\n}\n\nfunction withSeparators(nodes: VNode[]) {\n return nodes.flatMap((node, index) => {\n if (index === 0) return [node]\n\n return [\n <i\n key={`separator-${index}`}\n class={cls.e('separator')}\n aria-hidden=\"true\"\n />,\n node\n ]\n })\n}\n\nfunction getSlotsNodes() {\n const nodes = slots.default?.()\n if (!nodes) return []\n\n const extracted = extractNormalVNodes(nodes).filter(\n (node) => (node.type as { name?: string } | null | undefined)?.name === 'Action'\n )\n\n const visible: VNode[] = []\n const fixedHidden: VNode[] = []\n\n extracted.forEach((node) => {\n if (isInDropdownNode(node)) {\n fixedHidden.push(node)\n } else {\n visible.push(node)\n }\n })\n\n const willOverflow = visible.length > props.max\n const overflow = willOverflow ? visible.splice(props.max - 1) : []\n\n const hiddenNodes = [...overflow, ...fixedHidden]\n\n const dropdownNodes = hiddenNodes.map((node) =>\n cloneVNode(node, { inDropdown: true, circle: false })\n )\n\n const dropdown = hiddenNodes.length ? (\n <UTip\n direction=\"bottom\"\n alignment=\"end\"\n trigger=\"click\"\n class={cls.e('dropdown')}\n visible={tipVisible.value}\n onUpdate:visible={(val: boolean) => {\n tipVisible.value = val\n }}\n >\n {{\n content: () => dropdownNodes,\n default: () => (\n <UButton\n class={cls.e('more')}\n type={props.type}\n size={props.size}\n text={props.text}\n circle\n icon={MoreFilled}\n />\n )\n }}\n </UTip>\n ) : null\n\n return withSeparators(dropdown ? [...visible, dropdown] : visible)\n}\n\nprovide(ActionDIKey, {\n groupProps: props,\n closeTip\n})\n\ndefineExpose<_ActionGroupExposed>({\n closeTip\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EASd,MAAM,MAAM,IAAI,cAAc;EAE9B,MAAM,QAAQ,SAAA;EAId,SAAS,iBAAiB,MAAsB;GAC9C,MAAM,IAAI,KAAK;GACf,IAAI,CAAC,GAAG,OAAO;GACf,MAAM,IAAI,EAAE,cAAc,EAAE;GAC5B,OAAO,MAAM,QAAQ,MAAM,MAAM,MAAM;EACzC;EAEA,MAAM,aAAa,WAAW,KAAK;EAEnC,SAAS,WAAW;GAClB,WAAW,QAAQ;EACrB;EAEA,SAAS,eAAe,OAAgB;GACtC,OAAO,MAAM,SAAS,MAAM,UAAU;IACpC,IAAI,UAAU,GAAG,OAAO,CAAC,IAAI;IAE7B,OAAO,CAAA,YAAA,KAAA;KAAA,OAEE,aAAa;KAAO,SAClB,IAAI,EAAE,WAAW;KAAC,eAAA;IAAA,GAAA,IAAA,GAG3B,IAAG;GAEP,CAAC;EACH;EAEA,SAAS,gBAAgB;GACvB,MAAM,QAAQ,MAAM,UAAU;GAC9B,IAAI,CAAC,OAAO,OAAO,CAAA;GAEnB,MAAM,YAAY,oBAAoB,KAAK,EAAE,QAC1C,SAAU,KAAK,MAA+C,SAAS,QAC1E;GAEA,MAAM,UAAmB,CAAA;GACzB,MAAM,cAAuB,CAAA;GAE7B,UAAU,SAAS,SAAS;IAC1B,IAAI,iBAAiB,IAAI,GACvB,YAAY,KAAK,IAAI;SAErB,QAAQ,KAAK,IAAI;GAErB,CAAC;GAKD,MAAM,cAAc,CAAC,GAHA,QAAQ,SAAS,MAAM,MACZ,QAAQ,OAAO,MAAM,MAAM,CAAC,IAAI,CAAA,GAE9B,GAAG,WAAW;GAEhD,MAAM,gBAAgB,YAAY,KAAK,SACrC,WAAW,MAAM;IAAE,YAAY;IAAM,QAAQ;GAAM,CAAC,CACtD;GAEA,MAAM,WAAW,YAAY,SAAM,YAAA,WAAA;IAAA,aAAA;IAAA,aAAA;IAAA,WAAA;IAAA,SAKxB,IAAI,EAAE,UAAU;IAAC,WACf,WAAW;IAAK,qBACN,QAAiB;KAClC,WAAW,QAAQ;IACrB;GAAC,GAAA;IAGC,eAAe;IACf,eAAS,YAAA,aAAA;KAAA,SAEE,IAAI,EAAE,MAAM;KAAC,QACd,MAAM;KAAI,QACV,MAAM;KAAI,QACV,MAAM;KAAI,UAAA;KAAA,QAEV;IAAU,GAAA,IAAA;GAEpB,CAAA,IAGF;GAEJ,OAAO,eAAe,WAAW,CAAC,GAAG,SAAS,QAAQ,IAAI,OAAO;EACnE;EAEA,QAAQ,aAAa;GACnB,YAAY;GACZ;EACF,CAAC;EAED,SAAkC,EAChC,SACF,CAAC;;2BA9HC,mBAAwE,UAAA,MAAA,WAA9C,cAAa,IAArB,SAAI;wBAAtB,YAAwE,wBAAR,IAAI,GAAA,EAAxB,KAAK,KAAK,IAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action.js","names":["$attrs"],"sources":["../../../src/components/action/action.vue"],"sourcesContent":["<template>\n <u-pop-confirm\n v-if=\"needConfirm\"\n title=\"确认执行此操作吗?\"\n style=\"display: inline-block\"\n direction=\"left\"\n @confirm=\"handleConfirm\"\n >\n <template #reference>\n <u-button\n :class=\"cls.b\"\n :loading\n :circle\n :propagate=\"false\"\n v-bind=\"{ ...buttonProps, ...$attrs }\"\n >\n <slot />\n </u-button>\n </template>\n </u-pop-confirm>\n\n <u-button\n v-else\n :class=\"cls.b\"\n :loading\n :circle\n :propagate=\"false\"\n v-bind=\"{ ...buttonProps, ...$attrs }\"\n @click=\"handleRun\"\n >\n <slot />\n </u-button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport type { ActionEmits, ActionProps } from '../../types'\nimport { UButton } from '../button'\nimport { UPopConfirm } from '../pop-confirm'\nimport { ActionDIKey } from './di'\n\ndefineOptions({ name: 'Action', inheritAttrs: false })\n\n// 这里所有可继承自 `<u-action-group>` 的默认值都强制为 `undefined`,\n// 否则 Vue 对 Boolean 类型 prop 的默认值(false)会让 `??` 兜底始终失效\nconst props = withDefaults(defineProps<ActionProps>(), {\n inDropdown: false,\n loading: undefined,\n circle: undefined,\n text: undefined,\n size: undefined,\n type: undefined\n})\n\nconst ctx = inject(ActionDIKey, undefined)\n\nconst size = computed(() => props.size ?? ctx?.groupProps.size ?? 'small')\nconst text = computed(() => props.text ?? ctx?.groupProps.text ?? true)\nconst type = computed(() => props.type ?? ctx?.groupProps.type ?? 'primary')\n\nconst loading = computed(() => {\n return props.loading ?? ctx?.groupProps.loading\n})\n\n// 下拉菜单中的操作项强制非圆形以呈现完整文本,否则跟随用户/分组配置\nconst circle = computed(() => {\n if (props.inDropdown) return false\n return props.circle ?? ctx?.groupProps.circle\n})\n\nconst buttonProps = computed(() => {\n return {\n ...o(props as Record<string, any>).omit([\n 'needConfirm',\n 'loading',\n 'circle',\n 'propagate',\n 'size',\n 'text',\n 'type',\n 'inDropdown'\n ]),\n size: size.value,\n text: text.value,\n type: type.value\n }\n})\n\nconst emit = defineEmits<ActionEmits>()\n\nconst cls = bem('action')\n\nfunction handleConfirm() {\n handleRun()\n}\n\nfunction handleRun() {\n emit('run')\n\n if (props.inDropdown) {\n ctx?.closeTip()\n }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EASd,MAAM,MAAM,OAAO,aAAa,KAAA,
|
|
1
|
+
{"version":3,"file":"action.js","names":["$attrs"],"sources":["../../../src/components/action/action.vue"],"sourcesContent":["<template>\n <u-pop-confirm\n v-if=\"needConfirm\"\n title=\"确认执行此操作吗?\"\n style=\"display: inline-block\"\n direction=\"left\"\n @confirm=\"handleConfirm\"\n >\n <template #reference>\n <u-button\n :class=\"cls.b\"\n :loading\n :circle\n :propagate=\"false\"\n v-bind=\"{ ...buttonProps, ...$attrs }\"\n >\n <slot />\n </u-button>\n </template>\n </u-pop-confirm>\n\n <u-button\n v-else\n :class=\"cls.b\"\n :loading\n :circle\n :propagate=\"false\"\n v-bind=\"{ ...buttonProps, ...$attrs }\"\n @click=\"handleRun\"\n >\n <slot />\n </u-button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport type { ActionEmits, ActionProps } from '../../types'\nimport { UButton } from '../button'\nimport { UPopConfirm } from '../pop-confirm'\nimport { ActionDIKey } from './di'\n\ndefineOptions({ name: 'Action', inheritAttrs: false })\n\n// 这里所有可继承自 `<u-action-group>` 的默认值都强制为 `undefined`,\n// 否则 Vue 对 Boolean 类型 prop 的默认值(false)会让 `??` 兜底始终失效\nconst props = withDefaults(defineProps<ActionProps>(), {\n inDropdown: false,\n loading: undefined,\n circle: undefined,\n text: undefined,\n size: undefined,\n type: undefined\n})\n\nconst ctx = inject(ActionDIKey, undefined)\n\nconst size = computed(() => props.size ?? ctx?.groupProps.size ?? 'small')\nconst text = computed(() => props.text ?? ctx?.groupProps.text ?? true)\nconst type = computed(() => props.type ?? ctx?.groupProps.type ?? 'primary')\n\nconst loading = computed(() => {\n return props.loading ?? ctx?.groupProps.loading\n})\n\n// 下拉菜单中的操作项强制非圆形以呈现完整文本,否则跟随用户/分组配置\nconst circle = computed(() => {\n if (props.inDropdown) return false\n return props.circle ?? ctx?.groupProps.circle\n})\n\nconst buttonProps = computed(() => {\n return {\n ...o(props as Record<string, any>).omit([\n 'needConfirm',\n 'loading',\n 'circle',\n 'propagate',\n 'size',\n 'text',\n 'type',\n 'inDropdown'\n ]),\n size: size.value,\n text: text.value,\n type: type.value\n }\n})\n\nconst emit = defineEmits<ActionEmits>()\n\nconst cls = bem('action')\n\nfunction handleConfirm() {\n handleRun()\n}\n\nfunction handleRun() {\n emit('run')\n\n if (props.inDropdown) {\n ctx?.closeTip()\n }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EASd,MAAM,MAAM,OAAO,aAAa,KAAA,CAAS;EAEzC,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,OAAO;EACzE,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,IAAI;EACtE,MAAM,OAAO,eAAe,MAAM,QAAQ,KAAK,WAAW,QAAQ,SAAS;EAE3E,MAAM,UAAU,eAAe;GAC7B,OAAO,MAAM,WAAW,KAAK,WAAW;EAC1C,CAAC;EAGD,MAAM,SAAS,eAAe;GAC5B,IAAI,MAAM,YAAY,OAAO;GAC7B,OAAO,MAAM,UAAU,KAAK,WAAW;EACzC,CAAC;EAED,MAAM,cAAc,eAAe;GACjC,OAAO;IACL,GAAG,EAAE,KAA4B,EAAE,KAAK;KACtC;KACA;KACA;KACA;KACA;KACA;KACA;KACA;IACF,CAAC;IACD,MAAM,KAAK;IACX,MAAM,KAAK;IACX,MAAM,KAAK;GACb;EACF,CAAC;EAED,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,QAAQ;EAExB,SAAS,gBAAgB;GACvB,UAAU;EACZ;EAEA,SAAS,YAAY;GACnB,KAAK,KAAK;GAEV,IAAI,MAAM,YACR,KAAK,SAAS;EAElB;;UAvGU,QAAA,eAAA,UAAA,GADR,YAkBgB,MAAA,WAAA,GAAA;;IAhBd,OAAM;IACN,OAAA,EAAA,WAAA,eAAA;IACA,WAAU;IACT,WAAS;;IAEC,WAAS,cASP,CARX,YAQW,MAAA,WAAA,GARX,WAQW;KAPR,OAAO,MAAA,GAAA,EAAI;KACX,SAAA,QAAA;KACA,QAAA,OAAA;KACA,WAAW;;QACC,YAAA;KAAW,GAAKA,KAAAA;IAAM,CAAA,GAAA;4BAE3B,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;;;;;;uBAKd,YAUW,MAAA,WAAA,GAVX,WAUW;;IARR,OAAO,MAAA,GAAA,EAAI;IACX,SAAA,QAAA;IACA,QAAA,OAAA;IACA,WAAW;;OACC,YAAA;IAAW,GAAKA,KAAAA;GAAM,GAAA,EAClC,SAAO,UAAS,CAAA,GAAA;2BAET,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { ButtonType } from "../../types/button.js";
|
|
2
2
|
import { ActionProps } from "../../types/action.js";
|
|
3
|
-
import * as _$vue from "vue";
|
|
4
|
-
import * as _$_veltra_utils0 from "@veltra/utils";
|
|
5
|
-
|
|
6
3
|
//#region src/components/action/action.vue.d.ts
|
|
7
4
|
declare var __VLS_17: {}, __VLS_28: {};
|
|
8
5
|
type __VLS_Slots = {} & {
|
|
@@ -10,18 +7,18 @@ type __VLS_Slots = {} & {
|
|
|
10
7
|
} & {
|
|
11
8
|
default?: (props: typeof __VLS_28) => any;
|
|
12
9
|
};
|
|
13
|
-
declare const __VLS_base:
|
|
10
|
+
declare const __VLS_base: import("vue").DefineComponent<ActionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
14
11
|
run: () => any;
|
|
15
|
-
}, string,
|
|
12
|
+
}, string, import("vue").PublicProps, Readonly<ActionProps> & Readonly<{
|
|
16
13
|
onRun?: (() => any) | undefined;
|
|
17
14
|
}>, {
|
|
18
15
|
type: ButtonType;
|
|
19
|
-
size: _$_veltra_utils0.ComponentSize;
|
|
20
16
|
text: boolean;
|
|
17
|
+
size: import("@veltra/utils").ComponentSize;
|
|
21
18
|
circle: boolean;
|
|
22
19
|
loading: boolean;
|
|
23
20
|
inDropdown: boolean;
|
|
24
|
-
}, {}, {}, {}, string,
|
|
21
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
25
22
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
26
23
|
declare const _default: typeof __VLS_export;
|
|
27
24
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/action/di.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\n\nimport type { ActionGroupProps } from '../../types'\n\nexport const ActionDIKey: InjectionKey<{ groupProps: ActionGroupProps; closeTip: () => void }> =\n Symbol('ActionDIKey')\n"],"mappings":";AAIA,MAAa,cACX,OAAO,
|
|
1
|
+
{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/action/di.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\n\nimport type { ActionGroupProps } from '../../types'\n\nexport const ActionDIKey: InjectionKey<{ groupProps: ActionGroupProps; closeTip: () => void }> =\n Symbol('ActionDIKey')\n"],"mappings":";AAIA,MAAa,cACX,OAAO,aAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"auto-complete.js","names":[],"sources":["../../../src/components/auto-complete/auto-complete.vue"],"sourcesContent":["<template>\n <u-dropdown\n v-if=\"!readonly\"\n trigger=\"click\"\n :class=\"[cls.b, cls.m(size), bem.is('disabled', disabled)]\"\n ref=\"dropdownRef\"\n v-model:visible=\"dropdownVisible\"\n :content-class=\"[cls.e('panel'), cls.em('panel', size)]\"\n :disabled=\"disabled\"\n >\n <!-- 触发 -->\n <template #trigger>\n <!-- 单选 -->\n <u-input\n :size=\"size\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder\"\n :clearable=\"clearable\"\n v-model=\"model\"\n @keydown=\"handleInputKeydown\"\n >\n <template #suffix v-if=\"slots.suffix\">\n <slot name=\"suffix\" />\n </template>\n\n <template #prefix v-if=\"slots.prefix\">\n <slot name=\"prefix\" />\n </template>\n </u-input>\n </template>\n\n <!-- 下拉内容 -->\n <template #content>\n <u-scroll tag=\"ul\" :class=\"cls.e('options')\" ref=\"scrollRef\">\n <li\n v-if=\"cachedSuggestion\"\n :class=\"[optionClass, bem.is('active', isCachedActive)]\"\n @click=\"handleSelectCachedOption(cachedSuggestion)\"\n v-ripple=\"cls.e('ripple')\"\n :data-key=\"cachedSuggestion\"\n :key=\"cachedSuggestion\"\n >\n <slot v-bind=\"{ option: cachedSuggestion, index: -1 }\">\n {{ cachedSuggestion }}\n </slot>\n </li>\n\n <li\n v-for=\"(option, index) of suggestions\"\n :class=\"[\n optionClass,\n bem.is('selected', option === model),\n bem.is('active', isActiveOption(index))\n ]\"\n @click=\"handleSelect(option)\"\n v-ripple=\"cls.e('ripple')\"\n :data-key=\"option\"\n :key=\"option\"\n >\n <slot v-bind=\"{ option, index }\">\n {{ option }}\n </slot>\n </li>\n </u-scroll>\n </template>\n </u-dropdown>\n\n <template v-else>\n {{ model || FORM_EMPTY_CONTENT }}\n </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { vRipple } from '@veltra/directives'\nimport { bem, FORM_EMPTY_CONTENT, scrollIntoContainerView } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { AutoCompleteEmits, AutoCompleteProps, _AutoCompleteExposed } from '../../types'\nimport type { DropdownExposed, ScrollExposed } from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UInput } from '../input'\nimport { UScroll } from '../scroll'\nimport { useKeyboard } from './use-keyboard'\nimport { useSuggestions } from './use-suggestions'\n\ndefineOptions({ name: 'AutoComplete', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<AutoCompleteProps>(), {\n placeholder: '请输入',\n clearable: true,\n disabled: undefined,\n readonly: undefined\n})\n\nconst emit = defineEmits<AutoCompleteEmits>()\n\nconst slots = defineSlots<{\n default?: (props: { option: string; index: number }) => any\n suffix?: () => any\n prefix?: () => any\n}>()\n\n// 当前输入框的值\nconst model = defineModel<string>()\n\nconst cls = bem('auto-complete')\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 dropdownRef = shallowRef<DropdownExposed>()\nconst dropdownVisible = shallowRef(false)\nconst scrollRef = shallowRef<ScrollExposed>()\n\nwatch(scrollRef, (scroll) => {\n if (scroll && model.value !== undefined) {\n const li = scroll.contentRef!.querySelector(`li[data-key=\"${model.value}\"]`) as HTMLElement\n li && scrollIntoContainerView(li, scroll.containerRef ?? null)\n }\n})\n\nconst { suggestions, appendedSuggestions, cachedSuggestion } = useSuggestions({ props, model })\n\nconst keyboardOptions = computed(() => {\n const currentSuggestions = suggestions.value\n return cachedSuggestion.value\n ? [cachedSuggestion.value, ...currentSuggestions]\n : currentSuggestions\n})\n\nconst { point, handleKeydown } = useKeyboard({\n options: keyboardOptions,\n dropdownVisible,\n getDefaultIndex: (options) => {\n if (!options.length) return -1\n if (model.value) {\n const matchIndex = options.indexOf(model.value)\n if (matchIndex > -1) return matchIndex\n }\n return 0\n },\n onSelect: (option, index) => {\n if (cachedSuggestion.value && index === 0) {\n handleSelectCachedOption(option)\n return\n }\n handleSelect(option)\n }\n})\n\nconst isCachedActive = computed(() => !!cachedSuggestion.value && point.value === 0)\n\nconst isActiveOption = (index: number) => {\n const offset = cachedSuggestion.value ? 1 : 0\n return point.value === index + offset\n}\n\nconst handleInputKeydown = (event: KeyboardEvent) => {\n if (!dropdownVisible.value && event.key === 'Enter' && cachedSuggestion.value) {\n event.preventDefault()\n event.stopPropagation()\n handleSelectCachedOption(cachedSuggestion.value)\n return\n }\n handleKeydown(event)\n}\n\nwatch([point, keyboardOptions], ([currentPoint, options]) => {\n if (!scrollRef.value || currentPoint < 0) return\n const currentOption = options[currentPoint]\n if (!currentOption) return\n const target = scrollRef.value.contentRef?.querySelector(\n `li[data-key=\"${currentOption}\"]`\n ) as HTMLElement | null\n if (target) {\n scrollIntoContainerView(target, scrollRef.value.containerRef ?? null)\n }\n})\n\n/** 选中选项 */\nconst handleSelect = (option: string) => {\n model.value = option\n dropdownRef.value?.close()\n saveCache()\n emit('select', option)\n}\n\nfunction saveCache() {\n if (!model.value) return\n appendedSuggestions.value = [...appendedSuggestions.value, model.value]\n}\n\nconst handleSelectCachedOption = (cachedOption: string) => {\n appendedSuggestions.value = [...appendedSuggestions.value, cachedOption]\n dropdownRef.value?.close()\n}\n</script>\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"auto-complete.js","names":[],"sources":["../../../src/components/auto-complete/auto-complete.vue"],"sourcesContent":["<template>\n <u-dropdown\n v-if=\"!readonly\"\n trigger=\"click\"\n :class=\"[cls.b, cls.m(size), bem.is('disabled', disabled)]\"\n ref=\"dropdownRef\"\n v-model:visible=\"dropdownVisible\"\n :content-class=\"[cls.e('panel'), cls.em('panel', size)]\"\n :disabled=\"disabled\"\n >\n <!-- 触发 -->\n <template #trigger>\n <!-- 单选 -->\n <u-input\n :size=\"size\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder\"\n :clearable=\"clearable\"\n v-model=\"model\"\n @keydown=\"handleInputKeydown\"\n >\n <template #suffix v-if=\"slots.suffix\">\n <slot name=\"suffix\" />\n </template>\n\n <template #prefix v-if=\"slots.prefix\">\n <slot name=\"prefix\" />\n </template>\n </u-input>\n </template>\n\n <!-- 下拉内容 -->\n <template #content>\n <u-scroll tag=\"ul\" :class=\"cls.e('options')\" ref=\"scrollRef\">\n <li\n v-if=\"cachedSuggestion\"\n :class=\"[optionClass, bem.is('active', isCachedActive)]\"\n @click=\"handleSelectCachedOption(cachedSuggestion)\"\n v-ripple=\"cls.e('ripple')\"\n :data-key=\"cachedSuggestion\"\n :key=\"cachedSuggestion\"\n >\n <slot v-bind=\"{ option: cachedSuggestion, index: -1 }\">\n {{ cachedSuggestion }}\n </slot>\n </li>\n\n <li\n v-for=\"(option, index) of suggestions\"\n :class=\"[\n optionClass,\n bem.is('selected', option === model),\n bem.is('active', isActiveOption(index))\n ]\"\n @click=\"handleSelect(option)\"\n v-ripple=\"cls.e('ripple')\"\n :data-key=\"option\"\n :key=\"option\"\n >\n <slot v-bind=\"{ option, index }\">\n {{ option }}\n </slot>\n </li>\n </u-scroll>\n </template>\n </u-dropdown>\n\n <template v-else>\n {{ model || FORM_EMPTY_CONTENT }}\n </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { vRipple } from '@veltra/directives'\nimport { bem, FORM_EMPTY_CONTENT, scrollIntoContainerView } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { AutoCompleteEmits, AutoCompleteProps, _AutoCompleteExposed } from '../../types'\nimport type { DropdownExposed, ScrollExposed } from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UInput } from '../input'\nimport { UScroll } from '../scroll'\nimport { useKeyboard } from './use-keyboard'\nimport { useSuggestions } from './use-suggestions'\n\ndefineOptions({ name: 'AutoComplete', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<AutoCompleteProps>(), {\n placeholder: '请输入',\n clearable: true,\n disabled: undefined,\n readonly: undefined\n})\n\nconst emit = defineEmits<AutoCompleteEmits>()\n\nconst slots = defineSlots<{\n default?: (props: { option: string; index: number }) => any\n suffix?: () => any\n prefix?: () => any\n}>()\n\n// 当前输入框的值\nconst model = defineModel<string>()\n\nconst cls = bem('auto-complete')\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 dropdownRef = shallowRef<DropdownExposed>()\nconst dropdownVisible = shallowRef(false)\nconst scrollRef = shallowRef<ScrollExposed>()\n\nwatch(scrollRef, (scroll) => {\n if (scroll && model.value !== undefined) {\n const li = scroll.contentRef!.querySelector(`li[data-key=\"${model.value}\"]`) as HTMLElement\n li && scrollIntoContainerView(li, scroll.containerRef ?? null)\n }\n})\n\nconst { suggestions, appendedSuggestions, cachedSuggestion } = useSuggestions({ props, model })\n\nconst keyboardOptions = computed(() => {\n const currentSuggestions = suggestions.value\n return cachedSuggestion.value\n ? [cachedSuggestion.value, ...currentSuggestions]\n : currentSuggestions\n})\n\nconst { point, handleKeydown } = useKeyboard({\n options: keyboardOptions,\n dropdownVisible,\n getDefaultIndex: (options) => {\n if (!options.length) return -1\n if (model.value) {\n const matchIndex = options.indexOf(model.value)\n if (matchIndex > -1) return matchIndex\n }\n return 0\n },\n onSelect: (option, index) => {\n if (cachedSuggestion.value && index === 0) {\n handleSelectCachedOption(option)\n return\n }\n handleSelect(option)\n }\n})\n\nconst isCachedActive = computed(() => !!cachedSuggestion.value && point.value === 0)\n\nconst isActiveOption = (index: number) => {\n const offset = cachedSuggestion.value ? 1 : 0\n return point.value === index + offset\n}\n\nconst handleInputKeydown = (event: KeyboardEvent) => {\n if (!dropdownVisible.value && event.key === 'Enter' && cachedSuggestion.value) {\n event.preventDefault()\n event.stopPropagation()\n handleSelectCachedOption(cachedSuggestion.value)\n return\n }\n handleKeydown(event)\n}\n\nwatch([point, keyboardOptions], ([currentPoint, options]) => {\n if (!scrollRef.value || currentPoint < 0) return\n const currentOption = options[currentPoint]\n if (!currentOption) return\n const target = scrollRef.value.contentRef?.querySelector(\n `li[data-key=\"${currentOption}\"]`\n ) as HTMLElement | null\n if (target) {\n scrollIntoContainerView(target, scrollRef.value.containerRef ?? null)\n }\n})\n\n/** 选中选项 */\nconst handleSelect = (option: string) => {\n model.value = option\n dropdownRef.value?.close()\n saveCache()\n emit('select', option)\n}\n\nfunction saveCache() {\n if (!model.value) return\n appendedSuggestions.value = [...appendedSuggestions.value, model.value]\n}\n\nconst handleSelectCachedOption = (cachedOption: string) => {\n appendedSuggestions.value = [...appendedSuggestions.value, cachedOption]\n dropdownRef.value?.close()\n}\n</script>\n"],"mappings":"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"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { AutoCompleteProps } from "../../types/auto-complete.js";
|
|
2
|
-
import * as _$vue from "vue";
|
|
3
|
-
|
|
4
2
|
//#region src/components/auto-complete/auto-complete.vue.d.ts
|
|
5
3
|
type __VLS_Props = AutoCompleteProps;
|
|
6
4
|
type __VLS_Slots = {
|
|
@@ -15,20 +13,20 @@ type __VLS_ModelProps = {
|
|
|
15
13
|
modelValue?: string;
|
|
16
14
|
};
|
|
17
15
|
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
18
|
-
declare const __VLS_base:
|
|
16
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
19
17
|
"update:modelValue": (value: string | undefined) => any;
|
|
20
18
|
} & {
|
|
21
19
|
"update:modelValue": (value: string) => any;
|
|
22
20
|
select: (value: string) => any;
|
|
23
|
-
}, string,
|
|
21
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
24
22
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
25
23
|
onSelect?: ((value: string) => any) | undefined;
|
|
26
24
|
}>, {
|
|
27
|
-
disabled: boolean;
|
|
28
|
-
readonly: boolean;
|
|
29
25
|
placeholder: string;
|
|
30
26
|
clearable: boolean;
|
|
31
|
-
|
|
27
|
+
disabled: boolean;
|
|
28
|
+
readonly: boolean;
|
|
29
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
32
30
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
33
31
|
declare const _default: typeof __VLS_export;
|
|
34
32
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-keyboard.js","names":[],"sources":["../../../src/components/auto-complete/use-keyboard.ts"],"sourcesContent":["import { type ComputedRef, type Ref, ref, watch } from 'vue'\n\ninterface Options {\n options: ComputedRef<string[]>\n dropdownVisible: Ref<boolean>\n onSelect: (option: string, index: number) => void\n getDefaultIndex?: (options: string[]) => number\n}\n\ninterface UseKeyboardReturned {\n point: Ref<number>\n handleKeydown: (event: KeyboardEvent) => void\n}\n\nexport function useKeyboard(options: Options): UseKeyboardReturned {\n const { options: selectableOptions, dropdownVisible, onSelect, getDefaultIndex } = options\n const keys = new Set(['ArrowUp', 'ArrowDown', 'Enter', 'Escape'])\n\n const point = ref(-1)\n\n const resolveDefaultPoint = () => {\n if (!selectableOptions.value.length) return -1\n if (getDefaultIndex) {\n const index = getDefaultIndex(selectableOptions.value)\n if (index >= 0 && index < selectableOptions.value.length) {\n return index\n }\n }\n return 0\n }\n\n watch(\n [selectableOptions, dropdownVisible],\n ([value, visible]) => {\n if (!value.length || !visible) {\n point.value = -1\n return\n }\n if (point.value === -1 || point.value >= value.length) {\n point.value = resolveDefaultPoint()\n }\n },\n { immediate: true }\n )\n\n function moveToNext() {\n if (!selectableOptions.value.length) return\n if (!dropdownVisible.value) {\n dropdownVisible.value = true\n point.value = resolveDefaultPoint()\n return\n }\n const nextPoint = point.value + 1\n point.value = nextPoint < selectableOptions.value.length ? nextPoint : 0\n }\n\n function moveToPrev() {\n if (!selectableOptions.value.length) return\n if (!dropdownVisible.value) {\n dropdownVisible.value = true\n point.value = selectableOptions.value.length - 1\n return\n }\n const prevPoint = point.value - 1\n point.value = prevPoint > -1 ? prevPoint : selectableOptions.value.length - 1\n }\n\n function selectOption() {\n if (!dropdownVisible.value) {\n if (selectableOptions.value.length) {\n dropdownVisible.value = true\n if (point.value === -1) {\n point.value = resolveDefaultPoint()\n }\n }\n return\n }\n const suggestion = selectableOptions.value[point.value]\n if (suggestion && point.value > -1) {\n onSelect(suggestion, point.value)\n }\n dropdownVisible.value = false\n }\n\n function closeDropdown() {\n dropdownVisible.value = false\n }\n\n const keyHandlerMap = {\n ArrowUp: moveToPrev,\n ArrowDown: moveToNext,\n Enter: selectOption,\n Escape: closeDropdown\n }\n\n function handleKeydown(event: KeyboardEvent) {\n const { key } = event\n if (!keys.has(key)) return\n event.preventDefault()\n event.stopPropagation()\n keyHandlerMap[key]()\n }\n\n return {\n point,\n\n handleKeydown\n }\n}\n"],"mappings":";;AAcA,SAAgB,YAAY,SAAuC;CACjE,MAAM,EAAE,SAAS,mBAAmB,iBAAiB,UAAU,oBAAoB;CACnF,MAAM,OAAO,IAAI,IAAI;EAAC;EAAW;EAAa;EAAS;
|
|
1
|
+
{"version":3,"file":"use-keyboard.js","names":[],"sources":["../../../src/components/auto-complete/use-keyboard.ts"],"sourcesContent":["import { type ComputedRef, type Ref, ref, watch } from 'vue'\n\ninterface Options {\n options: ComputedRef<string[]>\n dropdownVisible: Ref<boolean>\n onSelect: (option: string, index: number) => void\n getDefaultIndex?: (options: string[]) => number\n}\n\ninterface UseKeyboardReturned {\n point: Ref<number>\n handleKeydown: (event: KeyboardEvent) => void\n}\n\nexport function useKeyboard(options: Options): UseKeyboardReturned {\n const { options: selectableOptions, dropdownVisible, onSelect, getDefaultIndex } = options\n const keys = new Set(['ArrowUp', 'ArrowDown', 'Enter', 'Escape'])\n\n const point = ref(-1)\n\n const resolveDefaultPoint = () => {\n if (!selectableOptions.value.length) return -1\n if (getDefaultIndex) {\n const index = getDefaultIndex(selectableOptions.value)\n if (index >= 0 && index < selectableOptions.value.length) {\n return index\n }\n }\n return 0\n }\n\n watch(\n [selectableOptions, dropdownVisible],\n ([value, visible]) => {\n if (!value.length || !visible) {\n point.value = -1\n return\n }\n if (point.value === -1 || point.value >= value.length) {\n point.value = resolveDefaultPoint()\n }\n },\n { immediate: true }\n )\n\n function moveToNext() {\n if (!selectableOptions.value.length) return\n if (!dropdownVisible.value) {\n dropdownVisible.value = true\n point.value = resolveDefaultPoint()\n return\n }\n const nextPoint = point.value + 1\n point.value = nextPoint < selectableOptions.value.length ? nextPoint : 0\n }\n\n function moveToPrev() {\n if (!selectableOptions.value.length) return\n if (!dropdownVisible.value) {\n dropdownVisible.value = true\n point.value = selectableOptions.value.length - 1\n return\n }\n const prevPoint = point.value - 1\n point.value = prevPoint > -1 ? prevPoint : selectableOptions.value.length - 1\n }\n\n function selectOption() {\n if (!dropdownVisible.value) {\n if (selectableOptions.value.length) {\n dropdownVisible.value = true\n if (point.value === -1) {\n point.value = resolveDefaultPoint()\n }\n }\n return\n }\n const suggestion = selectableOptions.value[point.value]\n if (suggestion && point.value > -1) {\n onSelect(suggestion, point.value)\n }\n dropdownVisible.value = false\n }\n\n function closeDropdown() {\n dropdownVisible.value = false\n }\n\n const keyHandlerMap = {\n ArrowUp: moveToPrev,\n ArrowDown: moveToNext,\n Enter: selectOption,\n Escape: closeDropdown\n }\n\n function handleKeydown(event: KeyboardEvent) {\n const { key } = event\n if (!keys.has(key)) return\n event.preventDefault()\n event.stopPropagation()\n keyHandlerMap[key]()\n }\n\n return {\n point,\n\n handleKeydown\n }\n}\n"],"mappings":";;AAcA,SAAgB,YAAY,SAAuC;CACjE,MAAM,EAAE,SAAS,mBAAmB,iBAAiB,UAAU,oBAAoB;CACnF,MAAM,OAAO,IAAI,IAAI;EAAC;EAAW;EAAa;EAAS;CAAQ,CAAC;CAEhE,MAAM,QAAQ,IAAI,EAAE;CAEpB,MAAM,4BAA4B;EAChC,IAAI,CAAC,kBAAkB,MAAM,QAAQ,OAAO;EAC5C,IAAI,iBAAiB;GACnB,MAAM,QAAQ,gBAAgB,kBAAkB,KAAK;GACrD,IAAI,SAAS,KAAK,QAAQ,kBAAkB,MAAM,QAChD,OAAO;EAEX;EACA,OAAO;CACT;CAEA,MACE,CAAC,mBAAmB,eAAe,IAClC,CAAC,OAAO,aAAa;EACpB,IAAI,CAAC,MAAM,UAAU,CAAC,SAAS;GAC7B,MAAM,QAAQ;GACd;EACF;EACA,IAAI,MAAM,UAAU,MAAM,MAAM,SAAS,MAAM,QAC7C,MAAM,QAAQ,oBAAoB;CAEtC,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,SAAS,aAAa;EACpB,IAAI,CAAC,kBAAkB,MAAM,QAAQ;EACrC,IAAI,CAAC,gBAAgB,OAAO;GAC1B,gBAAgB,QAAQ;GACxB,MAAM,QAAQ,oBAAoB;GAClC;EACF;EACA,MAAM,YAAY,MAAM,QAAQ;EAChC,MAAM,QAAQ,YAAY,kBAAkB,MAAM,SAAS,YAAY;CACzE;CAEA,SAAS,aAAa;EACpB,IAAI,CAAC,kBAAkB,MAAM,QAAQ;EACrC,IAAI,CAAC,gBAAgB,OAAO;GAC1B,gBAAgB,QAAQ;GACxB,MAAM,QAAQ,kBAAkB,MAAM,SAAS;GAC/C;EACF;EACA,MAAM,YAAY,MAAM,QAAQ;EAChC,MAAM,QAAQ,YAAY,KAAK,YAAY,kBAAkB,MAAM,SAAS;CAC9E;CAEA,SAAS,eAAe;EACtB,IAAI,CAAC,gBAAgB,OAAO;GAC1B,IAAI,kBAAkB,MAAM,QAAQ;IAClC,gBAAgB,QAAQ;IACxB,IAAI,MAAM,UAAU,IAClB,MAAM,QAAQ,oBAAoB;GAEtC;GACA;EACF;EACA,MAAM,aAAa,kBAAkB,MAAM,MAAM;EACjD,IAAI,cAAc,MAAM,QAAQ,IAC9B,SAAS,YAAY,MAAM,KAAK;EAElC,gBAAgB,QAAQ;CAC1B;CAEA,SAAS,gBAAgB;EACvB,gBAAgB,QAAQ;CAC1B;CAEA,MAAM,gBAAgB;EACpB,SAAS;EACT,WAAW;EACX,OAAO;EACP,QAAQ;CACV;CAEA,SAAS,cAAc,OAAsB;EAC3C,MAAM,EAAE,QAAQ;EAChB,IAAI,CAAC,KAAK,IAAI,GAAG,GAAG;EACpB,MAAM,eAAe;EACrB,MAAM,gBAAgB;EACtB,cAAc,KAAK;CACrB;CAEA,OAAO;EACL;EAEA;CACF;AACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-suggestions.js","names":[],"sources":["../../../src/components/auto-complete/use-suggestions.ts"],"sourcesContent":["import { debounce } from '@cat-kit/core'\nimport { computed, type ComputedRef, type ShallowRef, shallowRef, watch, type ModelRef } from 'vue'\n\ninterface Options {\n model: ModelRef<string | undefined>\n props: { suggestions?: string[] | ((qs?: string) => Promise<string[]> | string[]) }\n}\n\ninterface UseSuggestionsReturned {\n suggestions: ComputedRef<string[]>\n cachedSuggestion: ComputedRef<string | undefined>\n appendedSuggestions: ShallowRef<string[]>\n}\n\nexport function useSuggestions(options: Options): UseSuggestionsReturned {\n const { model, props } = options\n\n /**\n * 动态的建议\n */\n const dynamicSuggestions = shallowRef<string[]>([])\n /** 过滤后的建议 */\n const filteredSuggestions = shallowRef<string[]>([])\n\n const appendedSuggestions = shallowRef<string[]>([])\n\n const suggestions = computed(() => {\n if (!props.suggestions) return appendedSuggestions.value\n\n if (typeof props.suggestions === 'function') {\n return dynamicSuggestions.value.concat(appendedSuggestions.value)\n }\n\n return filteredSuggestions.value\n })\n\n // 缓存的建议\n const cachedSuggestion = computed(() => {\n if (!model.value) return undefined\n return suggestions.value.includes(model.value) ? undefined : model.value\n })\n\n watch(\n [model, () => props.suggestions],\n debounce(async ([v, propsSuggestions]) => {\n if (typeof propsSuggestions === 'function') {\n dynamicSuggestions.value = (await propsSuggestions(v)) ?? []\n } else {\n if (!v) {\n filteredSuggestions.value = [...(propsSuggestions ?? []), ...appendedSuggestions.value]\n return\n }\n\n filteredSuggestions.value = [\n ...(propsSuggestions?.filter((item) => item.includes(v)) ?? []),\n ...appendedSuggestions.value.filter((item) => item.includes(v))\n ]\n }\n }, 200),\n { immediate: true }\n )\n\n return { suggestions, cachedSuggestion, appendedSuggestions }\n}\n"],"mappings":";;;AAcA,SAAgB,eAAe,SAA0C;CACvE,MAAM,EAAE,OAAO,UAAU;;;;CAKzB,MAAM,qBAAqB,WAAqB,
|
|
1
|
+
{"version":3,"file":"use-suggestions.js","names":[],"sources":["../../../src/components/auto-complete/use-suggestions.ts"],"sourcesContent":["import { debounce } from '@cat-kit/core'\nimport { computed, type ComputedRef, type ShallowRef, shallowRef, watch, type ModelRef } from 'vue'\n\ninterface Options {\n model: ModelRef<string | undefined>\n props: { suggestions?: string[] | ((qs?: string) => Promise<string[]> | string[]) }\n}\n\ninterface UseSuggestionsReturned {\n suggestions: ComputedRef<string[]>\n cachedSuggestion: ComputedRef<string | undefined>\n appendedSuggestions: ShallowRef<string[]>\n}\n\nexport function useSuggestions(options: Options): UseSuggestionsReturned {\n const { model, props } = options\n\n /**\n * 动态的建议\n */\n const dynamicSuggestions = shallowRef<string[]>([])\n /** 过滤后的建议 */\n const filteredSuggestions = shallowRef<string[]>([])\n\n const appendedSuggestions = shallowRef<string[]>([])\n\n const suggestions = computed(() => {\n if (!props.suggestions) return appendedSuggestions.value\n\n if (typeof props.suggestions === 'function') {\n return dynamicSuggestions.value.concat(appendedSuggestions.value)\n }\n\n return filteredSuggestions.value\n })\n\n // 缓存的建议\n const cachedSuggestion = computed(() => {\n if (!model.value) return undefined\n return suggestions.value.includes(model.value) ? undefined : model.value\n })\n\n watch(\n [model, () => props.suggestions],\n debounce(async ([v, propsSuggestions]) => {\n if (typeof propsSuggestions === 'function') {\n dynamicSuggestions.value = (await propsSuggestions(v)) ?? []\n } else {\n if (!v) {\n filteredSuggestions.value = [...(propsSuggestions ?? []), ...appendedSuggestions.value]\n return\n }\n\n filteredSuggestions.value = [\n ...(propsSuggestions?.filter((item) => item.includes(v)) ?? []),\n ...appendedSuggestions.value.filter((item) => item.includes(v))\n ]\n }\n }, 200),\n { immediate: true }\n )\n\n return { suggestions, cachedSuggestion, appendedSuggestions }\n}\n"],"mappings":";;;AAcA,SAAgB,eAAe,SAA0C;CACvE,MAAM,EAAE,OAAO,UAAU;;;;CAKzB,MAAM,qBAAqB,WAAqB,CAAC,CAAC;;CAElD,MAAM,sBAAsB,WAAqB,CAAC,CAAC;CAEnD,MAAM,sBAAsB,WAAqB,CAAC,CAAC;CAEnD,MAAM,cAAc,eAAe;EACjC,IAAI,CAAC,MAAM,aAAa,OAAO,oBAAoB;EAEnD,IAAI,OAAO,MAAM,gBAAgB,YAC/B,OAAO,mBAAmB,MAAM,OAAO,oBAAoB,KAAK;EAGlE,OAAO,oBAAoB;CAC7B,CAAC;CAGD,MAAM,mBAAmB,eAAe;EACtC,IAAI,CAAC,MAAM,OAAO,OAAO,KAAA;EACzB,OAAO,YAAY,MAAM,SAAS,MAAM,KAAK,IAAI,KAAA,IAAY,MAAM;CACrE,CAAC;CAED,MACE,CAAC,aAAa,MAAM,WAAW,GAC/B,SAAS,OAAO,CAAC,GAAG,sBAAsB;EACxC,IAAI,OAAO,qBAAqB,YAC9B,mBAAmB,QAAS,MAAM,iBAAiB,CAAC,KAAM,CAAC;OACtD;GACL,IAAI,CAAC,GAAG;IACN,oBAAoB,QAAQ,CAAC,GAAI,oBAAoB,CAAC,GAAI,GAAG,oBAAoB,KAAK;IACtF;GACF;GAEA,oBAAoB,QAAQ,CAC1B,GAAI,kBAAkB,QAAQ,SAAS,KAAK,SAAS,CAAC,CAAC,KAAK,CAAC,GAC7D,GAAG,oBAAoB,MAAM,QAAQ,SAAS,KAAK,SAAS,CAAC,CAAC,CAChE;EACF;CACF,GAAG,GAAG,GACN,EAAE,WAAW,KAAK,CACpB;CAEA,OAAO;EAAE;EAAa;EAAkB;CAAoB;AAC9D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/badge/badge.vue"],"sourcesContent":["<template>\n <div :class=\"cls.b\">\n <slot />\n <sup :class=\"classList\" ref=\"supRef\" v-if=\"!hidden\">{{ badgeValue }}</sup>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem, setStyles, zIndex } from '@veltra/utils'\nimport { computed, nextTick, onMounted, shallowRef, watch } from 'vue'\n\nimport type { BadgeProps, ComponentSize } from '../../types'\n\ndefineOptions({ name: 'Badge' })\n\nconst cls = bem('badge')\n\nconst props = withDefaults(defineProps<BadgeProps>(), { max: 99 })\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst badgeValue = computed(() => {\n if (props.dot) return ''\n if (typeof props.value === 'number' && typeof props.max === 'number') {\n return props.value > props.max ? `${props.max}+` : props.value\n }\n return props.value\n})\n\nconst classList = computed(() => {\n return [\n cls.e('sup'),\n props.type && cls.m('color-' + props.type),\n cls.m(size.value),\n bem.is('dot', props.dot)\n ]\n})\n\nconst supRef = shallowRef<HTMLElement>()\n\nconst setPosition = () => {\n if (supRef.value) {\n const { width, height } = supRef.value.getBoundingClientRect()\n setStyles(supRef.value, {\n transform: `translate(-${width / 2}px, -${height / 2}px)`,\n backgroundColor: props.color,\n zIndex: zIndex()\n })\n }\n}\n\nwatch(\n () => size.value,\n () => {\n nextTick(() => {\n setPosition()\n })\n }\n)\n\nonMounted(() => {\n setPosition()\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgBA,MAAM,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/badge/badge.vue"],"sourcesContent":["<template>\n <div :class=\"cls.b\">\n <slot />\n <sup :class=\"classList\" ref=\"supRef\" v-if=\"!hidden\">{{ badgeValue }}</sup>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem, setStyles, zIndex } from '@veltra/utils'\nimport { computed, nextTick, onMounted, shallowRef, watch } from 'vue'\n\nimport type { BadgeProps, ComponentSize } from '../../types'\n\ndefineOptions({ name: 'Badge' })\n\nconst cls = bem('badge')\n\nconst props = withDefaults(defineProps<BadgeProps>(), { max: 99 })\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst badgeValue = computed(() => {\n if (props.dot) return ''\n if (typeof props.value === 'number' && typeof props.max === 'number') {\n return props.value > props.max ? `${props.max}+` : props.value\n }\n return props.value\n})\n\nconst classList = computed(() => {\n return [\n cls.e('sup'),\n props.type && cls.m('color-' + props.type),\n cls.m(size.value),\n bem.is('dot', props.dot)\n ]\n})\n\nconst supRef = shallowRef<HTMLElement>()\n\nconst setPosition = () => {\n if (supRef.value) {\n const { width, height } = supRef.value.getBoundingClientRect()\n setStyles(supRef.value, {\n transform: `translate(-${width / 2}px, -${height / 2}px)`,\n backgroundColor: props.color,\n zIndex: zIndex()\n })\n }\n}\n\nwatch(\n () => size.value,\n () => {\n nextTick(() => {\n setPosition()\n })\n }\n)\n\nonMounted(() => {\n setPosition()\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgBA,MAAM,MAAM,IAAI,OAAO;EAEvB,MAAM,QAAQ;EAEd,MAAM,EAAE,SAAS,iBAAiB,CAAC,KAAK,GAAG,EAAE,MAAM,UAA2B,CAAC;EAE/E,MAAM,aAAa,eAAe;GAChC,IAAI,MAAM,KAAK,OAAO;GACtB,IAAI,OAAO,MAAM,UAAU,YAAY,OAAO,MAAM,QAAQ,UAC1D,OAAO,MAAM,QAAQ,MAAM,MAAM,GAAG,MAAM,IAAI,KAAK,MAAM;GAE3D,OAAO,MAAM;EACf,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI,EAAE,KAAK;IACX,MAAM,QAAQ,IAAI,EAAE,WAAW,MAAM,IAAI;IACzC,IAAI,EAAE,KAAK,KAAK;IAChB,IAAI,GAAG,OAAO,MAAM,GAAG;GACzB;EACF,CAAC;EAED,MAAM,SAAS,WAAwB;EAEvC,MAAM,oBAAoB;GACxB,IAAI,OAAO,OAAO;IAChB,MAAM,EAAE,OAAO,WAAW,OAAO,MAAM,sBAAsB;IAC7D,UAAU,OAAO,OAAO;KACtB,WAAW,cAAc,QAAQ,EAAE,OAAO,SAAS,EAAE;KACrD,iBAAiB,MAAM;KACvB,QAAQ,OAAO;IACjB,CAAC;GACH;EACF;EAEA,YACQ,KAAK,aACL;GACJ,eAAe;IACb,YAAY;GACd,CAAC;EACH,CACF;EAEA,gBAAgB;GACd,YAAY;EACd,CAAC;;uBA9DC,mBAGM,OAAA,EAHA,OAAK,eAAE,MAAA,GAAA,EAAI,CAAC,EAAA,GAAA,CAChB,WAAQ,KAAA,QAAA,SAAA,GAAA,CACoC,QAAA,UAAA,UAAA,GAA5C,mBAA0E,OAAA;;IAApE,OAAK,eAAE,UAAA,KAAS;aAAM;IAAJ,KAAI;sBAA2B,WAAA,KAAU,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,CAAA"}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
import { BadgeProps } from "../../types/badge.js";
|
|
2
|
-
import * as _$vue from "vue";
|
|
3
|
-
|
|
4
2
|
//#region src/components/badge/badge.vue.d.ts
|
|
5
3
|
declare var __VLS_1: {};
|
|
6
4
|
type __VLS_Slots = {} & {
|
|
7
5
|
default?: (props: typeof __VLS_1) => any;
|
|
8
6
|
};
|
|
9
|
-
declare const __VLS_base:
|
|
7
|
+
declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
|
|
10
8
|
max: number;
|
|
11
|
-
}, {}, {}, {}, string,
|
|
9
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
10
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
13
11
|
declare const _default: typeof __VLS_export;
|
|
14
12
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"batch-edit-form.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-form.vue"],"sourcesContent":["<template>\n <aside :class=\"cls.e('form')\" v-if=\"state.visible && !!props.model\">\n <header :class=\"cls.e('form-header')\">\n <span :class=\"[cls.e('form-icon'), bem.is(headerInfo.tone)]\">\n <u-icon>\n <component :is=\"headerInfo.icon\" />\n </u-icon>\n </span>\n <div :class=\"cls.e('form-title')\">\n <h3 :class=\"cls.e('form-title-text')\">{{ headerInfo.title }}</h3>\n <span v-if=\"headerInfo.chip\" :class=\"cls.e('form-chip')\">\n {{ headerInfo.chip }}\n </span>\n </div>\n <u-button\n :class=\"cls.e('form-close')\"\n :icon=\"Close\"\n text\n circle\n size=\"small\"\n title=\"关闭\"\n @click=\"handleClose\"\n />\n </header>\n\n <u-scroll always :class=\"cls.e('form-body')\" :key=\"bodyKey\">\n <transition name=\"fade\" appear mode=\"out-in\">\n <u-form\n :model=\"props.model\"\n :readonly=\"props.readonly\"\n @keydown=\"handleFormKeydown\"\n :label-width=\"props.labelWidth\"\n >\n <template #default=\"{ data, model }\">\n <slot\n v-bind=\"{\n data,\n model,\n row: state.row,\n depth: state.depth,\n indexes: insertIndexes,\n index: state.row?.index\n }\"\n />\n </template>\n </u-form>\n </transition>\n </u-scroll>\n\n <footer :class=\"cls.e('form-footer')\">\n <span :class=\"cls.e('form-hint')\" v-if=\"!props.readonly && state.dataUpdated\">\n 有未保存改动\n </span>\n <span :class=\"cls.e('form-hint')\" v-else-if=\"!props.readonly\">\n <u-kbd>Ctrl + Enter</u-kbd> 保存 · <u-kbd>Esc</u-kbd> 关闭\n </span>\n <span :class=\"cls.e('form-hint')\" v-else>只读模式</span>\n\n <div :class=\"cls.e('form-actions')\">\n <u-button text :loading=\"state.loading\" @click=\"handleClose\"> 取消 </u-button>\n <u-button\n v-if=\"!props.readonly && (creatable || updatable)\"\n :type=\"state.type === 'create' ? 'success' : 'primary'\"\n :loading=\"state.loading\"\n :disabled=\"!state.dataUpdated\"\n @click=\"handleSave\"\n >\n 保存\n </u-button>\n </div>\n </footer>\n </aside>\n</template>\n\n<script lang=\"ts\" setup>\nimport { AddChild, Close, EditPen, Plus, View } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, type Component } from 'vue'\n\nimport { UButton } from '../button'\nimport { UForm } from '../form'\nimport { UIcon } from '../icon'\nimport { UKbd } from '../kbd'\nimport { UScroll } from '../scroll'\nimport { BatchEditDIKey } from './di'\n\ndefineOptions({ name: 'BatchEditForm' })\n\nconst {\n cls,\n props,\n state,\n insertIndexes,\n handleSave,\n handleClose,\n staticFeatures,\n dynamicFeatures\n} = inject(BatchEditDIKey)!\n\nconst creatable = computed(() => {\n return (\n state.type === 'create' &&\n (staticFeatures.value.has('create') || dynamicFeatures.value.create?.(state.row))\n )\n})\n\nconst updatable = computed(() => {\n return (\n state.type === 'update' &&\n (staticFeatures.value.has('update') || dynamicFeatures.value.update?.(state.row))\n )\n})\n\ninterface HeaderInfo {\n icon: Component\n title: string\n chip?: string\n tone: 'create' | 'update' | 'view' | 'child'\n}\n\nconst headerInfo = computed<HeaderInfo>(() => {\n if (props.readonly) {\n return {\n icon: View,\n title: '查看详情',\n chip: state.row ? `第 ${state.row.index + 1} 行` : undefined,\n tone: 'view'\n }\n }\n if (state.parentRow) {\n return {\n icon: AddChild,\n title: '新增子级',\n chip: `归属于第 ${state.parentRow.index + 1} 行`,\n tone: 'child'\n }\n }\n if (state.type === 'create') {\n return { icon: Plus, title: '新增', tone: 'create' }\n }\n return {\n icon: EditPen,\n title: '编辑',\n chip: state.row ? `第 ${state.row.index + 1} 行` : undefined,\n tone: 'update'\n }\n})\n\n/** 通过 row 切换 / 类型切换驱动表单内容淡出淡入 */\nconst bodyKey = computed(() => {\n return `${state.type}-${state.row?.uid ?? 'create'}-${state.parentRow?.uid ?? 'root'}`\n})\n\nfunction handleFormKeydown(e: KeyboardEvent) {\n if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n e.preventDefault()\n handleSave()\n }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAwFA,MAAM,EACJ,KACA,OACA,OACA,eACA,YACA,aACA,gBACA,oBACE,OAAO,
|
|
1
|
+
{"version":3,"file":"batch-edit-form.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-form.vue"],"sourcesContent":["<template>\n <aside :class=\"cls.e('form')\" v-if=\"state.visible && !!props.model\">\n <header :class=\"cls.e('form-header')\">\n <span :class=\"[cls.e('form-icon'), bem.is(headerInfo.tone)]\">\n <u-icon>\n <component :is=\"headerInfo.icon\" />\n </u-icon>\n </span>\n <div :class=\"cls.e('form-title')\">\n <h3 :class=\"cls.e('form-title-text')\">{{ headerInfo.title }}</h3>\n <span v-if=\"headerInfo.chip\" :class=\"cls.e('form-chip')\">\n {{ headerInfo.chip }}\n </span>\n </div>\n <u-button\n :class=\"cls.e('form-close')\"\n :icon=\"Close\"\n text\n circle\n size=\"small\"\n title=\"关闭\"\n @click=\"handleClose\"\n />\n </header>\n\n <u-scroll always :class=\"cls.e('form-body')\" :key=\"bodyKey\">\n <transition name=\"fade\" appear mode=\"out-in\">\n <u-form\n :model=\"props.model\"\n :readonly=\"props.readonly\"\n @keydown=\"handleFormKeydown\"\n :label-width=\"props.labelWidth\"\n >\n <template #default=\"{ data, model }\">\n <slot\n v-bind=\"{\n data,\n model,\n row: state.row,\n depth: state.depth,\n indexes: insertIndexes,\n index: state.row?.index\n }\"\n />\n </template>\n </u-form>\n </transition>\n </u-scroll>\n\n <footer :class=\"cls.e('form-footer')\">\n <span :class=\"cls.e('form-hint')\" v-if=\"!props.readonly && state.dataUpdated\">\n 有未保存改动\n </span>\n <span :class=\"cls.e('form-hint')\" v-else-if=\"!props.readonly\">\n <u-kbd>Ctrl + Enter</u-kbd> 保存 · <u-kbd>Esc</u-kbd> 关闭\n </span>\n <span :class=\"cls.e('form-hint')\" v-else>只读模式</span>\n\n <div :class=\"cls.e('form-actions')\">\n <u-button text :loading=\"state.loading\" @click=\"handleClose\"> 取消 </u-button>\n <u-button\n v-if=\"!props.readonly && (creatable || updatable)\"\n :type=\"state.type === 'create' ? 'success' : 'primary'\"\n :loading=\"state.loading\"\n :disabled=\"!state.dataUpdated\"\n @click=\"handleSave\"\n >\n 保存\n </u-button>\n </div>\n </footer>\n </aside>\n</template>\n\n<script lang=\"ts\" setup>\nimport { AddChild, Close, EditPen, Plus, View } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, type Component } from 'vue'\n\nimport { UButton } from '../button'\nimport { UForm } from '../form'\nimport { UIcon } from '../icon'\nimport { UKbd } from '../kbd'\nimport { UScroll } from '../scroll'\nimport { BatchEditDIKey } from './di'\n\ndefineOptions({ name: 'BatchEditForm' })\n\nconst {\n cls,\n props,\n state,\n insertIndexes,\n handleSave,\n handleClose,\n staticFeatures,\n dynamicFeatures\n} = inject(BatchEditDIKey)!\n\nconst creatable = computed(() => {\n return (\n state.type === 'create' &&\n (staticFeatures.value.has('create') || dynamicFeatures.value.create?.(state.row))\n )\n})\n\nconst updatable = computed(() => {\n return (\n state.type === 'update' &&\n (staticFeatures.value.has('update') || dynamicFeatures.value.update?.(state.row))\n )\n})\n\ninterface HeaderInfo {\n icon: Component\n title: string\n chip?: string\n tone: 'create' | 'update' | 'view' | 'child'\n}\n\nconst headerInfo = computed<HeaderInfo>(() => {\n if (props.readonly) {\n return {\n icon: View,\n title: '查看详情',\n chip: state.row ? `第 ${state.row.index + 1} 行` : undefined,\n tone: 'view'\n }\n }\n if (state.parentRow) {\n return {\n icon: AddChild,\n title: '新增子级',\n chip: `归属于第 ${state.parentRow.index + 1} 行`,\n tone: 'child'\n }\n }\n if (state.type === 'create') {\n return { icon: Plus, title: '新增', tone: 'create' }\n }\n return {\n icon: EditPen,\n title: '编辑',\n chip: state.row ? `第 ${state.row.index + 1} 行` : undefined,\n tone: 'update'\n }\n})\n\n/** 通过 row 切换 / 类型切换驱动表单内容淡出淡入 */\nconst bodyKey = computed(() => {\n return `${state.type}-${state.row?.uid ?? 'create'}-${state.parentRow?.uid ?? 'root'}`\n})\n\nfunction handleFormKeydown(e: KeyboardEvent) {\n if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n e.preventDefault()\n handleSave()\n }\n}\n</script>\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"batch-edit-list.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-list.vue"],"sourcesContent":["<template>\n <u-table\n v-bind=\"tableProps\"\n :slots=\"slots\"\n :class=\"[cls.e('table'), bem.is('editing', state.visible)]\"\n :columns=\"columns\"\n highlight-current\n :current=\"state.row\"\n @update:current=\"handleUpdateCurrentRow\"\n @update:checked=\"emit('update:checked', $event)\"\n @update:selected=\"emit('update:selected', $event)\"\n ref=\"tableRef\"\n >\n <template #column:__action__=\"{ row }\">\n <u-action-group :class=\"cls.e('row-actions')\" :max=\"5\" @click.stop circle>\n <u-action\n v-if=\"allowed('create', row)\"\n :icon=\"InsertToPrev\"\n title=\"在上方插入\"\n @run=\"handleInsertToPrev(row)\"\n />\n <u-action\n v-if=\"allowed('create', row)\"\n :icon=\"InsertToNext\"\n title=\"在下方插入\"\n @run=\"handleInsertToNext(row)\"\n />\n <u-action\n v-if=\"!!props.tree && allowed('createChild', row)\"\n :icon=\"AddChild\"\n title=\"添加子级\"\n @run=\"handleInsertChild(row)\"\n />\n <u-action\n v-if=\"allowed('copy', row)\"\n :icon=\"Copy\"\n title=\"复制此行\"\n @run=\"handleCopy(row)\"\n />\n\n <u-action\n v-if=\"canDelete(row)\"\n :icon=\"Delete\"\n type=\"danger\"\n title=\"删除\"\n @run=\"handleDelete(row)\"\n v-bind=\"props.actionsProps?.delete\"\n />\n </u-action-group>\n </template>\n\n <template #empty v-if=\"!props.readonly\"> {{ null }} </template>\n\n <template\n #append\n v-if=\"\n !props.readonly &&\n (staticFeatures.has('create') || dynamicFeatures.create?.()) &&\n ((state.type === 'create' && !state.visible) || state.type === 'update')\n \"\n >\n <div :class=\"cls.e('add')\">\n <u-button\n :class=\"cls.e('add-btn')\"\n :icon=\"Plus\"\n :loading=\"state.loading\"\n type=\"primary\"\n plain\n @click.stop=\"handleCreate\"\n >\n 新增一行\n </u-button>\n </div>\n </template>\n </u-table>\n</template>\n\n<script setup lang=\"ts\">\nimport { o } from '@cat-kit/core'\nimport { AddChild, Copy, Delete, InsertToNext, InsertToPrev, Plus } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, type Slots } from 'vue'\n\nimport type { BatchEditFeature, TableRow } from '../../types'\nimport { UAction, UActionGroup } from '../action'\nimport { UButton } from '../button'\nimport { UTable } from '../table'\nimport { BatchEditDIKey } from './di'\n\ndefineOptions({ name: 'BatchEditList' })\n\ndefineProps<{ slots: Slots }>()\n\nconst {\n cls,\n state,\n tableRef,\n props,\n emit,\n staticFeatures,\n dynamicFeatures,\n handleCreate,\n handleCopy,\n handleDelete,\n handleInsertToNext,\n handleInsertToPrev,\n handleInsertChild\n} = inject(BatchEditDIKey)!\n\nconst tableProps = computed(() => {\n return o(props as Record<string, any>).omit([\n 'model',\n 'columns',\n 'cols',\n 'readonly',\n 'deleteMethod',\n 'saveMethod',\n 'features'\n ])\n})\n\nconst hasNot = (value: BatchEditFeature[]) => value.every((v) => !staticFeatures.value.has(v))\n\nconst allowed = (feature: BatchEditFeature, row?: TableRow) => {\n return staticFeatures.value.has(feature) || !!dynamicFeatures.value[feature]?.(row)\n}\n\nconst columns = computed(() => {\n if (props.readonly || hasNot(['create', 'delete', 'createChild', 'update', 'copy']))\n return props.columns\n\n return (props.columns ?? []).concat({\n name: '操作',\n key: '__action__',\n align: 'center',\n width: 180,\n fixed: 'right',\n resizable: false\n })\n})\n\nfunction handleUpdateCurrentRow(row?: TableRow) {\n if (allowed('update', row)) {\n state.row = row\n state.depth = row?.depth\n }\n}\n\nfunction canDelete(row: TableRow) {\n return !props.readonly && allowed('delete', row)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EA6FA,MAAM,EACJ,KACA,OACA,UACA,OACA,MACA,gBACA,iBACA,cACA,YACA,cACA,oBACA,oBACA,sBACE,OAAO,
|
|
1
|
+
{"version":3,"file":"batch-edit-list.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-list.vue"],"sourcesContent":["<template>\n <u-table\n v-bind=\"tableProps\"\n :slots=\"slots\"\n :class=\"[cls.e('table'), bem.is('editing', state.visible)]\"\n :columns=\"columns\"\n highlight-current\n :current=\"state.row\"\n @update:current=\"handleUpdateCurrentRow\"\n @update:checked=\"emit('update:checked', $event)\"\n @update:selected=\"emit('update:selected', $event)\"\n ref=\"tableRef\"\n >\n <template #column:__action__=\"{ row }\">\n <u-action-group :class=\"cls.e('row-actions')\" :max=\"5\" @click.stop circle>\n <u-action\n v-if=\"allowed('create', row)\"\n :icon=\"InsertToPrev\"\n title=\"在上方插入\"\n @run=\"handleInsertToPrev(row)\"\n />\n <u-action\n v-if=\"allowed('create', row)\"\n :icon=\"InsertToNext\"\n title=\"在下方插入\"\n @run=\"handleInsertToNext(row)\"\n />\n <u-action\n v-if=\"!!props.tree && allowed('createChild', row)\"\n :icon=\"AddChild\"\n title=\"添加子级\"\n @run=\"handleInsertChild(row)\"\n />\n <u-action\n v-if=\"allowed('copy', row)\"\n :icon=\"Copy\"\n title=\"复制此行\"\n @run=\"handleCopy(row)\"\n />\n\n <u-action\n v-if=\"canDelete(row)\"\n :icon=\"Delete\"\n type=\"danger\"\n title=\"删除\"\n @run=\"handleDelete(row)\"\n v-bind=\"props.actionsProps?.delete\"\n />\n </u-action-group>\n </template>\n\n <template #empty v-if=\"!props.readonly\"> {{ null }} </template>\n\n <template\n #append\n v-if=\"\n !props.readonly &&\n (staticFeatures.has('create') || dynamicFeatures.create?.()) &&\n ((state.type === 'create' && !state.visible) || state.type === 'update')\n \"\n >\n <div :class=\"cls.e('add')\">\n <u-button\n :class=\"cls.e('add-btn')\"\n :icon=\"Plus\"\n :loading=\"state.loading\"\n type=\"primary\"\n plain\n @click.stop=\"handleCreate\"\n >\n 新增一行\n </u-button>\n </div>\n </template>\n </u-table>\n</template>\n\n<script setup lang=\"ts\">\nimport { o } from '@cat-kit/core'\nimport { AddChild, Copy, Delete, InsertToNext, InsertToPrev, Plus } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, type Slots } from 'vue'\n\nimport type { BatchEditFeature, TableRow } from '../../types'\nimport { UAction, UActionGroup } from '../action'\nimport { UButton } from '../button'\nimport { UTable } from '../table'\nimport { BatchEditDIKey } from './di'\n\ndefineOptions({ name: 'BatchEditList' })\n\ndefineProps<{ slots: Slots }>()\n\nconst {\n cls,\n state,\n tableRef,\n props,\n emit,\n staticFeatures,\n dynamicFeatures,\n handleCreate,\n handleCopy,\n handleDelete,\n handleInsertToNext,\n handleInsertToPrev,\n handleInsertChild\n} = inject(BatchEditDIKey)!\n\nconst tableProps = computed(() => {\n return o(props as Record<string, any>).omit([\n 'model',\n 'columns',\n 'cols',\n 'readonly',\n 'deleteMethod',\n 'saveMethod',\n 'features'\n ])\n})\n\nconst hasNot = (value: BatchEditFeature[]) => value.every((v) => !staticFeatures.value.has(v))\n\nconst allowed = (feature: BatchEditFeature, row?: TableRow) => {\n return staticFeatures.value.has(feature) || !!dynamicFeatures.value[feature]?.(row)\n}\n\nconst columns = computed(() => {\n if (props.readonly || hasNot(['create', 'delete', 'createChild', 'update', 'copy']))\n return props.columns\n\n return (props.columns ?? []).concat({\n name: '操作',\n key: '__action__',\n align: 'center',\n width: 180,\n fixed: 'right',\n resizable: false\n })\n})\n\nfunction handleUpdateCurrentRow(row?: TableRow) {\n if (allowed('update', row)) {\n state.row = row\n state.depth = row?.depth\n }\n}\n\nfunction canDelete(row: TableRow) {\n return !props.readonly && allowed('delete', row)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EA6FA,MAAM,EACJ,KACA,OACA,UACA,OACA,MACA,gBACA,iBACA,cACA,YACA,cACA,oBACA,oBACA,sBACE,OAAO,cAAc;EAEzB,MAAM,aAAa,eAAe;GAChC,OAAO,EAAE,KAA4B,EAAE,KAAK;IAC1C;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;EACH,CAAC;EAED,MAAM,UAAU,UAA8B,MAAM,OAAO,MAAM,CAAC,eAAe,MAAM,IAAI,CAAC,CAAC;EAE7F,MAAM,WAAW,SAA2B,QAAmB;GAC7D,OAAO,eAAe,MAAM,IAAI,OAAO,KAAK,CAAC,CAAC,gBAAgB,MAAM,WAAW,GAAG;EACpF;EAEA,MAAM,UAAU,eAAe;GAC7B,IAAI,MAAM,YAAY,OAAO;IAAC;IAAU;IAAU;IAAe;IAAU;GAAM,CAAC,GAChF,OAAO,MAAM;GAEf,QAAQ,MAAM,WAAW,CAAC,GAAG,OAAO;IAClC,MAAM;IACN,KAAK;IACL,OAAO;IACP,OAAO;IACP,OAAO;IACP,WAAW;GACb,CAAC;EACH,CAAC;EAED,SAAS,uBAAuB,KAAgB;GAC9C,IAAI,QAAQ,UAAU,GAAG,GAAG;IAC1B,MAAM,MAAM;IACZ,MAAM,QAAQ,KAAK;GACrB;EACF;EAEA,SAAS,UAAU,KAAe;GAChC,OAAO,CAAC,MAAM,YAAY,QAAQ,UAAU,GAAG;EACjD;;uBArJE,YAyEU,MAAA,WAAA,GAzEV,WACU,WAwEA,OAxEU;IACjB,OAAO,QAAA;IACP,OAAK,CAAG,MAAA,GAAA,EAAI,EAAC,OAAA,GAAW,MAAA,GAAA,EAAI,GAAE,WAAY,MAAA,KAAA,EAAM,OAAO,CAAA;IACvD,SAAS,QAAA;IACV,qBAAA;IACC,SAAS,MAAA,KAAA,EAAM;IACf,oBAAgB;IAChB,oBAAc,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,IAAA,EAAI,kBAAmB,MAAM;IAC7C,qBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,IAAA,EAAI,mBAAoB,MAAM;aAC5C;IAAJ,KAAI;;IAEO,qBAAiB,SAmCT,EAnCa,UAAG,CACjC,YAkCiB,MAAA,oBAAA,GAAA;KAlCA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,aAAA,CAAA;KAAkB,KAAK;KAAI,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,CAAA,GAAW,CAAA,MAAA,CAAA;KAAC,QAAA;;4BAM/D;MAJM,QAAO,UAAW,GAAG,KAAA,UAAA,GAD7B,YAKE,MAAA,WAAA,GAAA;;OAHC,MAAM,MAAA,YAAA;OACP,OAAM;OACL,QAAG,WAAE,MAAA,kBAAA,EAAmB,GAAG;;MAGtB,QAAO,UAAW,GAAG,KAAA,UAAA,GAD7B,YAKE,MAAA,WAAA,GAAA;;OAHC,MAAM,MAAA,YAAA;OACP,OAAM;OACL,QAAG,WAAE,MAAA,kBAAA,EAAmB,GAAG;;QAGpB,MAAA,KAAA,EAAM,QAAQ,QAAO,eAAgB,GAAG,KAAA,UAAA,GADlD,YAKE,MAAA,WAAA,GAAA;;OAHC,MAAM,MAAA,QAAA;OACP,OAAM;OACL,QAAG,WAAE,MAAA,iBAAA,EAAkB,GAAG;;MAGrB,QAAO,QAAS,GAAG,KAAA,UAAA,GAD3B,YAKE,MAAA,WAAA,GAAA;;OAHC,MAAM,MAAA,IAAA;OACP,OAAM;OACL,QAAG,WAAE,MAAA,UAAA,EAAW,GAAG;;MAId,UAAU,GAAG,KAAA,UAAA,GADrB,YAOE,MAAA,WAAA,GAPF,WAOE;;OALC,MAAM,MAAA,MAAA;OACP,MAAK;OACL,OAAM;OACL,QAAG,WAAE,MAAA,YAAA,EAAa,GAAG;SACd,MAAA,KAAA,EAAM,cAAc,MAAM,GAAA,MAAA,IAAA,CAAA,QAAA,OAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;;;;;QAKhB,MAAA,KAAA,EAAM,WAAA;UAAnB;sBAAwC,CAAA,OAAA,OAAA,OAAA,KAAA,gBAAA,gBAAP,IAAI,GAAA,EAAA,EAAA,CAAA;;gBAI9B,MAAA,KAAA,EAAM,aAAqB,MAAA,cAAA,EAAe,IAAG,QAAA,KAAc,MAAA,eAAA,EAAgB,SAAM,OAAmB,MAAA,KAAA,EAAM,SAAI,YAAA,CAAkB,MAAA,KAAA,EAAM,WAAY,MAAA,KAAA,EAAM,SAAI,YAAA;UAD3K;sBAkBK,CAXN,mBAWM,OAAA,EAXA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,KAAA,CAAA,EAAA,GAAA,CAChB,YASW,MAAA,WAAA,GAAA;KARR,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,SAAA,CAAA;KACZ,MAAM,MAAA,IAAA;KACN,SAAS,MAAA,KAAA,EAAM;KAChB,MAAK;KACL,OAAA;KACC,SAAK,cAAO,MAAA,YAAA,GAAY,CAAA,MAAA,CAAA;;4BAG3B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFC,UAED,EAAA,CAAA,EAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"batch-edit.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit.vue"],"sourcesContent":["<template>\n <u-layout\n :class=\"cls.b\"\n :cols=\"cols\"\n rows=\"minmax(0, 1fr)\"\n gap=\"8px\"\n resizable\n @keydown=\"handleKeydown\"\n tabindex=\"-1\"\n >\n <!-- 编辑列表 -->\n <BatchEditList :slots=\"slots\" />\n\n <!-- 编辑表单 -->\n <BatchEditForm v-slot=\"scoped\">\n <!-- @vue-ignore -->\n <slot name=\"form\" v-bind=\"scoped\" />\n </BatchEditForm>\n </u-layout>\n</template>\n\n<script lang=\"ts\" setup generic=\"Model extends IFormModel\">\nimport { bem } from '@veltra/utils'\nimport { computed, inject, provide, shallowRef, watch } from 'vue'\n\nimport type {\n BatchEditEmits,\n BatchEditFeature,\n BatchEditProps,\n IFormModel,\n TableColumnSlotsScope,\n TableExposed,\n TableRow\n} from '../../types'\nimport { DialogDIKey } from '../dialog/di'\nimport { ULayout } from '../layout'\nimport BatchEditForm from './batch-edit-form.vue'\nimport BatchEditList from './batch-edit-list.vue'\nimport { BatchEditDIKey } from './di'\nimport { useEdit } from './use-edit'\n\ndefineOptions({ name: 'BatchEdit' })\n\nconst props = withDefaults(defineProps<BatchEditProps<Model>>(), {\n cols: () => ['1fr', '420px'],\n mode: 'normal'\n})\n\nconst emit = defineEmits<BatchEditEmits>()\n\nconst staticFeatures = computed(() => {\n const { features } = props\n\n if (Array.isArray(features)) {\n return new Set(features)\n }\n\n const defaultFeatures = new Set<BatchEditFeature>(['create', 'delete', 'update', 'createChild'])\n\n if (!features) {\n return defaultFeatures\n }\n\n // 函数与 false 的特性视为关闭;显式 true 视为开启(即便不在默认集合内)\n Object.entries(features).forEach(([key, value]) => {\n const k = key as BatchEditFeature\n if (typeof value === 'function' || value === false) {\n defaultFeatures.delete(k)\n } else if (value === true) {\n defaultFeatures.add(k)\n }\n })\n return defaultFeatures\n})\n\nconst dynamicFeatures = computed<\n Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n>(() => {\n const { features } = props\n if (!Array.isArray(features) && typeof features === 'object') {\n const ret = Object.entries(features)\n .filter(([_, value]) => {\n return typeof value === 'function'\n })\n .reduce(\n (acc, [key, value]) => {\n acc[key] = value\n return acc\n },\n {} as Record<BatchEditFeature, (row?: TableRow) => boolean>\n )\n return ret\n }\n\n return {} as Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n})\n\nconst slots = defineSlots<\n {\n form?: (props: {\n /** 表单数据 */\n data: Model['data']\n /** 表单模型 */\n model: Model\n /** 当前编辑的层级 */\n depth?: number\n /** 当前编辑的行 */\n row?: TableRow\n /** 当前编辑的行索引 */\n index?: number\n /** 操作的目标行索引路径 */\n indexes?: number[]\n }) => any\n\n header?: () => any\n } & Partial<{ [key: `column:${string}`]: (props: TableColumnSlotsScope) => any }>\n>()\n\nconst cls = bem('batch-edit')\n\nconst tableRef = shallowRef<TableExposed>()\n\nconst editCtx = useEdit({ props, emit, tableRef })\n\nconst { state, handleClose, handleSave, handleDelete, handleCreate } = editCtx\n\nprovide(BatchEditDIKey, { cls, props, emit, tableRef, staticFeatures, dynamicFeatures, ...editCtx })\n\nconst dialogCtx = inject(DialogDIKey, undefined)\n\ndialogCtx &&\n watch(dialogCtx.visible, (visible) => {\n !visible && editCtx.handleClose()\n })\n\nconst cols = computed(() => {\n return !!state.row || state.visible ? props.cols : undefined\n})\n\n/**\n * 键盘快捷键:\n * - Esc 关闭表单\n * - ⌘/Ctrl + S 保存\n * - ⌘/Ctrl + Backspace 删除当前编辑行\n * - ⌘/Ctrl + N 新增(仅在不在表单中时)\n */\nfunction handleKeydown(e: KeyboardEvent) {\n if (props.readonly && e.key !== 'Escape') return\n\n if (e.key === 'Escape') {\n if (state.visible) {\n e.preventDefault()\n handleClose()\n }\n return\n }\n\n const meta = e.metaKey || e.ctrlKey\n if (!meta) return\n\n const key = e.key.toLowerCase()\n\n if (key === 's' && state.visible) {\n e.preventDefault()\n handleSave()\n return\n }\n\n if (e.key === 'Backspace' && state.row && state.type === 'update') {\n e.preventDefault()\n handleDelete(state.row)\n return\n }\n\n if (key === 'n' && !state.visible) {\n e.preventDefault()\n handleCreate()\n }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,iBAAiB,eAAe;GACpC,MAAM,EAAE,aAAa;GAErB,IAAI,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"batch-edit.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit.vue"],"sourcesContent":["<template>\n <u-layout\n :class=\"cls.b\"\n :cols=\"cols\"\n rows=\"minmax(0, 1fr)\"\n gap=\"8px\"\n resizable\n @keydown=\"handleKeydown\"\n tabindex=\"-1\"\n >\n <!-- 编辑列表 -->\n <BatchEditList :slots=\"slots\" />\n\n <!-- 编辑表单 -->\n <BatchEditForm v-slot=\"scoped\">\n <!-- @vue-ignore -->\n <slot name=\"form\" v-bind=\"scoped\" />\n </BatchEditForm>\n </u-layout>\n</template>\n\n<script lang=\"ts\" setup generic=\"Model extends IFormModel\">\nimport { bem } from '@veltra/utils'\nimport { computed, inject, provide, shallowRef, watch } from 'vue'\n\nimport type {\n BatchEditEmits,\n BatchEditFeature,\n BatchEditProps,\n IFormModel,\n TableColumnSlotsScope,\n TableExposed,\n TableRow\n} from '../../types'\nimport { DialogDIKey } from '../dialog/di'\nimport { ULayout } from '../layout'\nimport BatchEditForm from './batch-edit-form.vue'\nimport BatchEditList from './batch-edit-list.vue'\nimport { BatchEditDIKey } from './di'\nimport { useEdit } from './use-edit'\n\ndefineOptions({ name: 'BatchEdit' })\n\nconst props = withDefaults(defineProps<BatchEditProps<Model>>(), {\n cols: () => ['1fr', '420px'],\n mode: 'normal'\n})\n\nconst emit = defineEmits<BatchEditEmits>()\n\nconst staticFeatures = computed(() => {\n const { features } = props\n\n if (Array.isArray(features)) {\n return new Set(features)\n }\n\n const defaultFeatures = new Set<BatchEditFeature>(['create', 'delete', 'update', 'createChild'])\n\n if (!features) {\n return defaultFeatures\n }\n\n // 函数与 false 的特性视为关闭;显式 true 视为开启(即便不在默认集合内)\n Object.entries(features).forEach(([key, value]) => {\n const k = key as BatchEditFeature\n if (typeof value === 'function' || value === false) {\n defaultFeatures.delete(k)\n } else if (value === true) {\n defaultFeatures.add(k)\n }\n })\n return defaultFeatures\n})\n\nconst dynamicFeatures = computed<\n Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n>(() => {\n const { features } = props\n if (!Array.isArray(features) && typeof features === 'object') {\n const ret = Object.entries(features)\n .filter(([_, value]) => {\n return typeof value === 'function'\n })\n .reduce(\n (acc, [key, value]) => {\n acc[key] = value\n return acc\n },\n {} as Record<BatchEditFeature, (row?: TableRow) => boolean>\n )\n return ret\n }\n\n return {} as Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n})\n\nconst slots = defineSlots<\n {\n form?: (props: {\n /** 表单数据 */\n data: Model['data']\n /** 表单模型 */\n model: Model\n /** 当前编辑的层级 */\n depth?: number\n /** 当前编辑的行 */\n row?: TableRow\n /** 当前编辑的行索引 */\n index?: number\n /** 操作的目标行索引路径 */\n indexes?: number[]\n }) => any\n\n header?: () => any\n } & Partial<{ [key: `column:${string}`]: (props: TableColumnSlotsScope) => any }>\n>()\n\nconst cls = bem('batch-edit')\n\nconst tableRef = shallowRef<TableExposed>()\n\nconst editCtx = useEdit({ props, emit, tableRef })\n\nconst { state, handleClose, handleSave, handleDelete, handleCreate } = editCtx\n\nprovide(BatchEditDIKey, { cls, props, emit, tableRef, staticFeatures, dynamicFeatures, ...editCtx })\n\nconst dialogCtx = inject(DialogDIKey, undefined)\n\ndialogCtx &&\n watch(dialogCtx.visible, (visible) => {\n !visible && editCtx.handleClose()\n })\n\nconst cols = computed(() => {\n return !!state.row || state.visible ? props.cols : undefined\n})\n\n/**\n * 键盘快捷键:\n * - Esc 关闭表单\n * - ⌘/Ctrl + S 保存\n * - ⌘/Ctrl + Backspace 删除当前编辑行\n * - ⌘/Ctrl + N 新增(仅在不在表单中时)\n */\nfunction handleKeydown(e: KeyboardEvent) {\n if (props.readonly && e.key !== 'Escape') return\n\n if (e.key === 'Escape') {\n if (state.visible) {\n e.preventDefault()\n handleClose()\n }\n return\n }\n\n const meta = e.metaKey || e.ctrlKey\n if (!meta) return\n\n const key = e.key.toLowerCase()\n\n if (key === 's' && state.visible) {\n e.preventDefault()\n handleSave()\n return\n }\n\n if (e.key === 'Backspace' && state.row && state.type === 'update') {\n e.preventDefault()\n handleDelete(state.row)\n return\n }\n\n if (key === 'n' && !state.visible) {\n e.preventDefault()\n handleCreate()\n }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,iBAAiB,eAAe;GACpC,MAAM,EAAE,aAAa;GAErB,IAAI,MAAM,QAAQ,QAAQ,GACxB,OAAO,IAAI,IAAI,QAAQ;GAGzB,MAAM,kBAAkB,IAAI,IAAsB;IAAC;IAAU;IAAU;IAAU;GAAa,CAAC;GAE/F,IAAI,CAAC,UACH,OAAO;GAIT,OAAO,QAAQ,QAAQ,EAAE,SAAS,CAAC,KAAK,WAAW;IACjD,MAAM,IAAI;IACV,IAAI,OAAO,UAAU,cAAc,UAAU,OAC3C,gBAAgB,OAAO,CAAC;SACnB,IAAI,UAAU,MACnB,gBAAgB,IAAI,CAAC;GAEzB,CAAC;GACD,OAAO;EACT,CAAC;EAED,MAAM,kBAAkB,eAEhB;GACN,MAAM,EAAE,aAAa;GACrB,IAAI,CAAC,MAAM,QAAQ,QAAQ,KAAK,OAAO,aAAa,UAYlD,OAXY,OAAO,QAAQ,QAAQ,EAChC,QAAQ,CAAC,GAAG,WAAW;IACtB,OAAO,OAAO,UAAU;GAC1B,CAAC,EACA,QACE,KAAK,CAAC,KAAK,WAAW;IACrB,IAAI,OAAO;IACX,OAAO;GACT,GACA,CAAC,CAEE;GAGT,OAAO,CAAC;EACV,CAAC;EAED,MAAM,QAAQ,SAAA;EAqBd,MAAM,MAAM,IAAI,YAAY;EAE5B,MAAM,WAAW,WAAyB;EAE1C,MAAM,UAAU,QAAQ;GAAE;GAAO;GAAM;EAAS,CAAC;EAEjD,MAAM,EAAE,OAAO,aAAa,YAAY,cAAc,iBAAiB;EAEvE,QAAQ,gBAAgB;GAAE;GAAK;GAAO;GAAM;GAAU;GAAgB;GAAiB,GAAG;EAAQ,CAAC;EAEnG,MAAM,YAAY,OAAO,aAAa,KAAA,CAAS;EAE/C,aACE,MAAM,UAAU,UAAU,YAAY;GACpC,CAAC,WAAW,QAAQ,YAAY;EAClC,CAAC;EAEH,MAAM,OAAO,eAAe;GAC1B,OAAO,CAAC,CAAC,MAAM,OAAO,MAAM,UAAU,MAAM,OAAO,KAAA;EACrD,CAAC;;;;;;;;EASD,SAAS,cAAc,GAAkB;GACvC,IAAI,MAAM,YAAY,EAAE,QAAQ,UAAU;GAE1C,IAAI,EAAE,QAAQ,UAAU;IACtB,IAAI,MAAM,SAAS;KACjB,EAAE,eAAe;KACjB,YAAY;IACd;IACA;GACF;GAGA,IAAI,EADS,EAAE,WAAW,EAAE,UACjB;GAEX,MAAM,MAAM,EAAE,IAAI,YAAY;GAE9B,IAAI,QAAQ,OAAO,MAAM,SAAS;IAChC,EAAE,eAAe;IACjB,WAAW;IACX;GACF;GAEA,IAAI,EAAE,QAAQ,eAAe,MAAM,OAAO,MAAM,SAAS,UAAU;IACjE,EAAE,eAAe;IACjB,aAAa,MAAM,GAAG;IACtB;GACF;GAEA,IAAI,QAAQ,OAAO,CAAC,MAAM,SAAS;IACjC,EAAE,eAAe;IACjB,aAAa;GACf;EACF;;uBAjLE,YAiBW,MAAA,WAAA,GAAA;IAhBR,OAAK,eAAE,MAAA,GAAA,EAAI,CAAC;IACZ,MAAM,KAAA;IACP,MAAK;IACL,KAAI;IACJ,WAAA;IACC,WAAS;IACV,UAAS;;2BAEI;KAAb,mBAAA,QAAA;KACA,YAAgC,aAAA,EAAT,MAAK,CAAA;KAE5B,mBAAA,QAAA;KACA,YAGgB,aAAA,MAAA;wBAHO,WAAM,CAC3B,mBAAA,eAAA,GACA,WAAoC,KAAA,QAAA,QAAA,eAAA,mBAAV,MAAM,CAAA,CAAA,CAAA,CAAA"}
|
|
@@ -1,18 +1,15 @@
|
|
|
1
1
|
import { IFormModel } from "../../types/form.js";
|
|
2
2
|
import { TableColumn, TableColumnSlotsScope, TableRow } from "../../types/table.js";
|
|
3
3
|
import { BatchEditEmits, BatchEditProps } from "../../types/batch-edit.js";
|
|
4
|
-
import * as _$vue from "vue";
|
|
5
|
-
import * as _$_cat_kit_core0 from "@cat-kit/core";
|
|
6
|
-
|
|
7
4
|
//#region src/components/batch-edit/batch-edit.vue.d.ts
|
|
8
5
|
declare const __VLS_export: <Model extends IFormModel>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
9
|
-
props:
|
|
6
|
+
props: import("vue").PublicProps & __VLS_PrettifyLocal<BatchEditProps<Model> & {
|
|
10
7
|
"onUpdate:selected"?: ((value: Record<string, any> | undefined) => any) | undefined;
|
|
11
8
|
"onUpdate:checked"?: ((value: Record<string, any>[]) => any) | undefined;
|
|
9
|
+
"onUpdate:current"?: ((row?: TableRow | undefined) => any) | undefined;
|
|
12
10
|
"onUpdate:data"?: ((value: Record<string, any>[]) => any) | undefined;
|
|
13
11
|
"onUpdate:rows"?: ((rows: TableRow[]) => any) | undefined;
|
|
14
|
-
"onUpdate:forest"?: ((rows?:
|
|
15
|
-
"onUpdate:current"?: ((row?: TableRow | undefined) => any) | undefined;
|
|
12
|
+
"onUpdate:forest"?: ((rows?: import("@cat-kit/core").Forest<Record<string, unknown>, any> | undefined) => any) | undefined;
|
|
16
13
|
"onCell-click"?: ((row: TableRow, column: TableColumn, ev: MouseEvent) => any) | undefined;
|
|
17
14
|
"onRow-click"?: ((row: TableRow, ev: MouseEvent) => any) | undefined;
|
|
18
15
|
}> & (typeof globalThis extends {
|
|
@@ -34,7 +31,7 @@ declare const __VLS_export: <Model extends IFormModel>(__VLS_props: NonNullable<
|
|
|
34
31
|
[key: `column:${string}`]: (props: TableColumnSlotsScope) => any;
|
|
35
32
|
}>;
|
|
36
33
|
emit: BatchEditEmits;
|
|
37
|
-
}>) =>
|
|
34
|
+
}>) => import("vue").VNode & {
|
|
38
35
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
39
36
|
};
|
|
40
37
|
declare const _default: typeof __VLS_export;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/batch-edit/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { ComputedRef, InjectionKey, ShallowRef } from 'vue'\n\nimport type {\n BatchEditEmits,\n BatchEditFeature,\n BatchEditProps,\n IFormModel,\n TableExposed,\n TableRow\n} from '../../types'\nimport type { EditReturned } from './use-edit'\nexport const BatchEditDIKey: InjectionKey<\n {\n cls: BEM<'batch-edit', 'u-'>\n props: BatchEditProps<IFormModel>\n emit: BatchEditEmits\n tableRef: ShallowRef<TableExposed | undefined>\n staticFeatures: ComputedRef<Set<BatchEditFeature>>\n dynamicFeatures: ComputedRef<\n Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n >\n } & EditReturned\n> = Symbol('BatchEditDIKey')\n"],"mappings":";AAYA,MAAa,iBAWT,OAAO,
|
|
1
|
+
{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/batch-edit/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { ComputedRef, InjectionKey, ShallowRef } from 'vue'\n\nimport type {\n BatchEditEmits,\n BatchEditFeature,\n BatchEditProps,\n IFormModel,\n TableExposed,\n TableRow\n} from '../../types'\nimport type { EditReturned } from './use-edit'\nexport const BatchEditDIKey: InjectionKey<\n {\n cls: BEM<'batch-edit', 'u-'>\n props: BatchEditProps<IFormModel>\n emit: BatchEditEmits\n tableRef: ShallowRef<TableExposed | undefined>\n staticFeatures: ComputedRef<Set<BatchEditFeature>>\n dynamicFeatures: ComputedRef<\n Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n >\n } & EditReturned\n> = Symbol('BatchEditDIKey')\n"],"mappings":";AAYA,MAAa,iBAWT,OAAO,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/batch-edit/helper.ts"],"sourcesContent":["import type { BatchEditColumn } from '../../types'\n\n/**\n * 定义批量编辑组件的列\n * @param columns 列\n * @returns\n */\nexport function defineBatchEditColumns(columns: BatchEditColumn[]): BatchEditColumn[] {\n return columns\n}\n"],"mappings":";;;;;;AAOA,SAAgB,uBAAuB,SAA+C;CACpF,OAAO"}
|
|
1
|
+
{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/batch-edit/helper.ts"],"sourcesContent":["import type { BatchEditColumn } from '../../types'\n\n/**\n * 定义批量编辑组件的列\n * @param columns 列\n * @returns\n */\nexport function defineBatchEditColumns(columns: BatchEditColumn[]): BatchEditColumn[] {\n return columns\n}\n"],"mappings":";;;;;;AAOA,SAAgB,uBAAuB,SAA+C;CACpF,OAAO;AACT"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-edit.js","names":[],"sources":["../../../src/components/batch-edit/use-edit.ts"],"sourcesContent":["import { last, o, safeRun } from '@cat-kit/core'\nimport { computed, nextTick, shallowReactive, shallowRef, watch, type ShallowRef } from 'vue'\n\nimport type { TableRow, BatchEditEmits, BatchEditProps, TableExposed } from '../../types'\n\n/** 按索引路径在原始数据树中定位节点(等价于历史 Forest.visit 路径访问) */\nfunction visitDataByIndexPath<T extends Record<string, unknown>>(\n roots: T[],\n indexPath: number[],\n childrenKey: string\n): T | undefined {\n if (!indexPath.length) return undefined\n let currentList: T[] | undefined = roots\n let node: T | undefined\n for (let i = 0; i < indexPath.length; i++) {\n const idx = indexPath[i]!\n if (!currentList) return undefined\n node = currentList[idx]\n if (node === undefined) return undefined\n if (i < indexPath.length - 1) {\n const next = node[childrenKey]\n currentList = Array.isArray(next) ? (next as T[]) : undefined\n }\n }\n return node\n}\n\ninterface Options {\n props: BatchEditProps\n emit: BatchEditEmits\n tableRef: ShallowRef<TableExposed | undefined>\n}\n\nexport interface BatchEditStates {\n /** 层级 */\n depth?: number\n visible: boolean\n type: 'create' | 'update'\n loading: boolean\n row?: TableRow\n /** 父级,只在添加子级时会有值 */\n parentRow?: TableRow\n /** 数据是否已更新 */\n dataUpdated: boolean\n}\n\nexport interface EditReturned {\n state: BatchEditStates\n insertIndexes: ShallowRef<number[]>\n handleSave: () => Promise<void>\n handleClose: () => void\n handleCreate: () => void\n handleEdit: (row: TableRow) => void\n handleCopy: (row: TableRow) => void\n handleDelete: (row: TableRow) => Promise<void>\n handleInsertToNext: (row: TableRow) => void\n handleInsertToPrev: (row: TableRow) => void\n handleInsertChild: (row: TableRow) => void\n}\n\nexport function useEdit(options: Options): EditReturned {\n const { props, emit, tableRef } = options\n\n /** 组件状态 */\n const state = shallowReactive<BatchEditStates>({\n depth: undefined,\n visible: false,\n type: 'create',\n loading: false,\n dataUpdated: false\n })\n\n const insertIndexes = shallowRef<number[]>([])\n\n watch(\n () => state.visible,\n (v) => {\n if (!v) {\n state.dataUpdated = false\n }\n }\n )\n\n /**\n * 「打开行 / 切换 type」时记录的基线快照\n * @description\n * 用于 changeCb 内部比对 — 若新值与基线相等(深比较)视为无改动,避免某些组件在 mount\n * 阶段把规范化后的值再写回模型时被误判为「用户已修改」\n */\n let baselineSnapshot: Record<string, any> | undefined\n\n function snapshotModelData() {\n return safeRun(() => JSON.parse(JSON.stringify(props.model?.data ?? {})), {})\n }\n\n watch(\n () => state.row,\n (row) => {\n props.model?.resetData()\n if (row) {\n state.type = 'update'\n state.visible = true\n props.model?.setData(row.data)\n } else {\n state.visible = false\n }\n baselineSnapshot = snapshotModelData()\n state.dataUpdated = false\n },\n // sync 保证 setData 完成后立刻取快照,避免 mount 期间组件回写值时丢基线\n { flush: 'sync' }\n )\n\n const changeCb = (field: string, val: any) => {\n // 与基线比较 — 同值(如组件 mount 时把当前值再写一次)不算\"用户修改\"\n if (baselineSnapshot) {\n const baseVal = o(baselineSnapshot).get(field)\n if (isSameValue(baseVal, val)) {\n return\n }\n }\n state.dataUpdated = true\n }\n\n function isSameValue(a: any, b: any) {\n if (a === b) return true\n if (a == null && b == null) return true\n if (typeof a !== typeof b) return false\n if (typeof a === 'object') {\n try {\n return JSON.stringify(a) === JSON.stringify(b)\n } catch {\n return false\n }\n }\n return false\n }\n\n watch(\n () => props.model,\n (model, oldModel) => {\n if (oldModel) {\n oldModel.offChange(changeCb)\n }\n if (model) {\n model.onChange(changeCb)\n }\n },\n { immediate: true }\n )\n\n const childrenKey = computed(() => {\n return typeof props.tree === 'string' ? props.tree : 'children'\n })\n\n /**\n * 插入数据\n * @param item 数据\n */\n function insert(item: Record<string, any>) {\n const data = [...(props.data ?? [])]\n\n const parent = visitDataByIndexPath(\n data ?? [],\n insertIndexes.value.slice(0, -1),\n childrenKey.value\n )\n\n if (parent) {\n const children = parent[childrenKey.value]\n if (!children) {\n parent[childrenKey.value] = [item]\n } else {\n children.splice(last(insertIndexes.value), 0, item)\n }\n } else {\n data.splice(last(insertIndexes.value), 0, item)\n }\n\n emit('update:data', data)\n\n return item\n }\n\n function getInsertData(): Record<string, any> {\n return safeRun(() => JSON.parse(JSON.stringify(props.model?.data ?? {})), {})\n }\n\n async function runCreate(cb: () => void) {\n state.parentRow = undefined\n if (state.row) {\n state.row.isCurrent = false\n }\n state.row = undefined\n state.type = 'create'\n props.model?.resetData()\n cb()\n\n let item: Record<string, any> | undefined = undefined\n\n await nextTick()\n\n state.visible = true\n\n if (item) {\n const row = tableRef.value?.getRowByData(item)\n if (row) {\n state.row = row\n }\n }\n }\n\n /**\n * 点击新增按钮\n */\n function handleCreate() {\n const { data } = props\n runCreate(() => {\n state.depth = 1\n insertIndexes.value = [data?.length ?? 0]\n })\n }\n\n function handleInsertToPrev(row: TableRow) {\n runCreate(() => {\n state.depth = row.depth\n insertIndexes.value = [...row.indexes]\n })\n }\n\n function handleInsertToNext(row: TableRow) {\n runCreate(() => {\n state.depth = row.depth\n insertIndexes.value = [...row.indexes.slice(0, -1), row.index + 1]\n })\n }\n\n function handleInsertChild(row: TableRow) {\n runCreate(() => {\n state.parentRow = row\n state.depth = row.depth + 1\n row.expanded = true\n\n insertIndexes.value = [...row.indexes, row.children?.length ?? 0]\n })\n }\n\n /** 编辑指定行(等同于点击行) */\n function handleEdit(row: TableRow) {\n state.row = row\n state.depth = row.depth\n }\n\n /** 复制指定行:在其下方以 create 模式打开表单,并预填副本数据 */\n function handleCopy(row: TableRow) {\n runCreate(() => {\n state.depth = row.depth\n insertIndexes.value = [...row.indexes.slice(0, -1), row.index + 1]\n const cloned = safeRun(() => JSON.parse(JSON.stringify(row.data ?? {})), {})\n props.model?.setData(cloned)\n })\n }\n\n function runWithLoading<Arg extends any[]>(fn: (...args: Arg) => Promise<void> | void) {\n return async (...args: Arg) => {\n state.loading = true\n if (state.row) {\n state.row.operating = true\n }\n try {\n await fn.apply(null, args)\n } catch (error) {\n console.error(error)\n }\n state.loading = false\n if (state.row) {\n state.row.operating = false\n }\n }\n }\n\n /** 保存 */\n const handleSave = runWithLoading(async () => {\n const { model, saveMethod } = props\n\n if (!model) return\n\n model.clearValidate()\n const valid = await model.validate()\n\n if (!valid) return\n\n let item = getInsertData()\n if (saveMethod) {\n const result = await saveMethod(item, state.type, state.parentRow)\n if (result) {\n item = result\n }\n }\n\n state.dataUpdated = false\n\n // 新增\n if (state.type === 'create') {\n insert(item)\n\n return model?.resetData()\n }\n // 更新\n if (state.type === 'update') {\n const { row } = state\n row &&\n model.allKeys.forEach((key) => {\n o(row.data).set(key, o(item).get(key))\n })\n }\n })\n\n const handleDelete = runWithLoading(async (row: TableRow) => {\n const { deleteMethod } = props\n\n if (deleteMethod) {\n await deleteMethod([row.data])\n }\n\n const data = [...(props.data ?? [])]\n\n const parent = visitDataByIndexPath(data, row.indexes.slice(0, -1), childrenKey.value)\n\n if (parent) {\n const children = parent[childrenKey.value]\n if (children) {\n children.splice(row.index, 1)\n } else {\n console.error('行路径不正确')\n }\n } else {\n data.splice(row.index, 1)\n }\n\n if (state.row === row) {\n state.row = undefined\n state.depth = undefined\n }\n\n emit('update:data', data)\n })\n\n function handleClose() {\n state.visible = false\n if (state.row) {\n state.row.isCurrent = false\n }\n state.row = undefined\n state.parentRow = undefined\n state.depth = undefined\n props.model?.resetData()\n insertIndexes.value = []\n }\n\n return {\n state,\n insertIndexes,\n handleDelete,\n handleInsertChild,\n handleInsertToNext,\n handleInsertToPrev,\n handleCreate,\n handleEdit,\n handleCopy,\n handleClose,\n handleSave\n }\n}\n"],"mappings":";;;;AAMA,SAAS,qBACP,OACA,WACA,aACe;CACf,IAAI,CAAC,UAAU,QAAQ,OAAO,KAAA;CAC9B,IAAI,cAA+B;CACnC,IAAI;CACJ,KAAK,IAAI,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;EACzC,MAAM,MAAM,UAAU;EACtB,IAAI,CAAC,aAAa,OAAO,KAAA;EACzB,OAAO,YAAY;EACnB,IAAI,SAAS,KAAA,GAAW,OAAO,KAAA;EAC/B,IAAI,IAAI,UAAU,SAAS,GAAG;GAC5B,MAAM,OAAO,KAAK;GAClB,cAAc,MAAM,QAAQ,KAAK,GAAI,OAAe,KAAA;;;CAGxD,OAAO;;AAoCT,SAAgB,QAAQ,SAAgC;CACtD,MAAM,EAAE,OAAO,MAAM,aAAa;;CAGlC,MAAM,QAAQ,gBAAiC;EAC7C,OAAO,KAAA;EACP,SAAS;EACT,MAAM;EACN,SAAS;EACT,aAAa;EACd,CAAC;CAEF,MAAM,gBAAgB,WAAqB,EAAE,CAAC;CAE9C,YACQ,MAAM,UACX,MAAM;EACL,IAAI,CAAC,GACH,MAAM,cAAc;GAGzB;;;;;;;CAQD,IAAI;CAEJ,SAAS,oBAAoB;EAC3B,OAAO,cAAc,KAAK,MAAM,KAAK,UAAU,MAAM,OAAO,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;;CAG/E,YACQ,MAAM,MACX,QAAQ;EACP,MAAM,OAAO,WAAW;EACxB,IAAI,KAAK;GACP,MAAM,OAAO;GACb,MAAM,UAAU;GAChB,MAAM,OAAO,QAAQ,IAAI,KAAK;SAE9B,MAAM,UAAU;EAElB,mBAAmB,mBAAmB;EACtC,MAAM,cAAc;IAGtB,EAAE,OAAO,QAAQ,CAClB;CAED,MAAM,YAAY,OAAe,QAAa;EAE5C,IAAI;OAEE,YADY,EAAE,iBAAiB,CAAC,IAAI,MACjB,EAAE,IAAI,EAC3B;;EAGJ,MAAM,cAAc;;CAGtB,SAAS,YAAY,GAAQ,GAAQ;EACnC,IAAI,MAAM,GAAG,OAAO;EACpB,IAAI,KAAK,QAAQ,KAAK,MAAM,OAAO;EACnC,IAAI,OAAO,MAAM,OAAO,GAAG,OAAO;EAClC,IAAI,OAAO,MAAM,UACf,IAAI;GACF,OAAO,KAAK,UAAU,EAAE,KAAK,KAAK,UAAU,EAAE;UACxC;GACN,OAAO;;EAGX,OAAO;;CAGT,YACQ,MAAM,QACX,OAAO,aAAa;EACnB,IAAI,UACF,SAAS,UAAU,SAAS;EAE9B,IAAI,OACF,MAAM,SAAS,SAAS;IAG5B,EAAE,WAAW,MAAM,CACpB;CAED,MAAM,cAAc,eAAe;EACjC,OAAO,OAAO,MAAM,SAAS,WAAW,MAAM,OAAO;GACrD;;;;;CAMF,SAAS,OAAO,MAA2B;EACzC,MAAM,OAAO,CAAC,GAAI,MAAM,QAAQ,EAAE,CAAE;EAEpC,MAAM,SAAS,qBACb,QAAQ,EAAE,EACV,cAAc,MAAM,MAAM,GAAG,GAAG,EAChC,YAAY,MACb;EAED,IAAI,QAAQ;GACV,MAAM,WAAW,OAAO,YAAY;GACpC,IAAI,CAAC,UACH,OAAO,YAAY,SAAS,CAAC,KAAK;QAElC,SAAS,OAAO,KAAK,cAAc,MAAM,EAAE,GAAG,KAAK;SAGrD,KAAK,OAAO,KAAK,cAAc,MAAM,EAAE,GAAG,KAAK;EAGjD,KAAK,eAAe,KAAK;EAEzB,OAAO;;CAGT,SAAS,gBAAqC;EAC5C,OAAO,cAAc,KAAK,MAAM,KAAK,UAAU,MAAM,OAAO,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;;CAG/E,eAAe,UAAU,IAAgB;EACvC,MAAM,YAAY,KAAA;EAClB,IAAI,MAAM,KACR,MAAM,IAAI,YAAY;EAExB,MAAM,MAAM,KAAA;EACZ,MAAM,OAAO;EACb,MAAM,OAAO,WAAW;EACxB,IAAI;EAIJ,MAAM,UAAU;EAEhB,MAAM,UAAU;;;;;CAalB,SAAS,eAAe;EACtB,MAAM,EAAE,SAAS;EACjB,gBAAgB;GACd,MAAM,QAAQ;GACd,cAAc,QAAQ,CAAC,MAAM,UAAU,EAAE;IACzC;;CAGJ,SAAS,mBAAmB,KAAe;EACzC,gBAAgB;GACd,MAAM,QAAQ,IAAI;GAClB,cAAc,QAAQ,CAAC,GAAG,IAAI,QAAQ;IACtC;;CAGJ,SAAS,mBAAmB,KAAe;EACzC,gBAAgB;GACd,MAAM,QAAQ,IAAI;GAClB,cAAc,QAAQ,CAAC,GAAG,IAAI,QAAQ,MAAM,GAAG,GAAG,EAAE,IAAI,QAAQ,EAAE;IAClE;;CAGJ,SAAS,kBAAkB,KAAe;EACxC,gBAAgB;GACd,MAAM,YAAY;GAClB,MAAM,QAAQ,IAAI,QAAQ;GAC1B,IAAI,WAAW;GAEf,cAAc,QAAQ,CAAC,GAAG,IAAI,SAAS,IAAI,UAAU,UAAU,EAAE;IACjE;;;CAIJ,SAAS,WAAW,KAAe;EACjC,MAAM,MAAM;EACZ,MAAM,QAAQ,IAAI;;;CAIpB,SAAS,WAAW,KAAe;EACjC,gBAAgB;GACd,MAAM,QAAQ,IAAI;GAClB,cAAc,QAAQ,CAAC,GAAG,IAAI,QAAQ,MAAM,GAAG,GAAG,EAAE,IAAI,QAAQ,EAAE;GAClE,MAAM,SAAS,cAAc,KAAK,MAAM,KAAK,UAAU,IAAI,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;GAC5E,MAAM,OAAO,QAAQ,OAAO;IAC5B;;CAGJ,SAAS,eAAkC,IAA4C;EACrF,OAAO,OAAO,GAAG,SAAc;GAC7B,MAAM,UAAU;GAChB,IAAI,MAAM,KACR,MAAM,IAAI,YAAY;GAExB,IAAI;IACF,MAAM,GAAG,MAAM,MAAM,KAAK;YACnB,OAAO;IACd,QAAQ,MAAM,MAAM;;GAEtB,MAAM,UAAU;GAChB,IAAI,MAAM,KACR,MAAM,IAAI,YAAY;;;;CAM5B,MAAM,aAAa,eAAe,YAAY;EAC5C,MAAM,EAAE,OAAO,eAAe;EAE9B,IAAI,CAAC,OAAO;EAEZ,MAAM,eAAe;EAGrB,IAAI,CAAC,MAFe,MAAM,UAAU,EAExB;EAEZ,IAAI,OAAO,eAAe;EAC1B,IAAI,YAAY;GACd,MAAM,SAAS,MAAM,WAAW,MAAM,MAAM,MAAM,MAAM,UAAU;GAClE,IAAI,QACF,OAAO;;EAIX,MAAM,cAAc;EAGpB,IAAI,MAAM,SAAS,UAAU;GAC3B,OAAO,KAAK;GAEZ,OAAO,OAAO,WAAW;;EAG3B,IAAI,MAAM,SAAS,UAAU;GAC3B,MAAM,EAAE,QAAQ;GAChB,OACE,MAAM,QAAQ,SAAS,QAAQ;IAC7B,EAAE,IAAI,KAAK,CAAC,IAAI,KAAK,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC;KACtC;;GAEN;CAEF,MAAM,eAAe,eAAe,OAAO,QAAkB;EAC3D,MAAM,EAAE,iBAAiB;EAEzB,IAAI,cACF,MAAM,aAAa,CAAC,IAAI,KAAK,CAAC;EAGhC,MAAM,OAAO,CAAC,GAAI,MAAM,QAAQ,EAAE,CAAE;EAEpC,MAAM,SAAS,qBAAqB,MAAM,IAAI,QAAQ,MAAM,GAAG,GAAG,EAAE,YAAY,MAAM;EAEtF,IAAI,QAAQ;GACV,MAAM,WAAW,OAAO,YAAY;GACpC,IAAI,UACF,SAAS,OAAO,IAAI,OAAO,EAAE;QAE7B,QAAQ,MAAM,SAAS;SAGzB,KAAK,OAAO,IAAI,OAAO,EAAE;EAG3B,IAAI,MAAM,QAAQ,KAAK;GACrB,MAAM,MAAM,KAAA;GACZ,MAAM,QAAQ,KAAA;;EAGhB,KAAK,eAAe,KAAK;GACzB;CAEF,SAAS,cAAc;EACrB,MAAM,UAAU;EAChB,IAAI,MAAM,KACR,MAAM,IAAI,YAAY;EAExB,MAAM,MAAM,KAAA;EACZ,MAAM,YAAY,KAAA;EAClB,MAAM,QAAQ,KAAA;EACd,MAAM,OAAO,WAAW;EACxB,cAAc,QAAQ,EAAE;;CAG1B,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}
|
|
1
|
+
{"version":3,"file":"use-edit.js","names":[],"sources":["../../../src/components/batch-edit/use-edit.ts"],"sourcesContent":["import { last, o, safeRun } from '@cat-kit/core'\nimport { computed, nextTick, shallowReactive, shallowRef, watch, type ShallowRef } from 'vue'\n\nimport type { TableRow, BatchEditEmits, BatchEditProps, TableExposed } from '../../types'\n\n/** 按索引路径在原始数据树中定位节点(等价于历史 Forest.visit 路径访问) */\nfunction visitDataByIndexPath<T extends Record<string, unknown>>(\n roots: T[],\n indexPath: number[],\n childrenKey: string\n): T | undefined {\n if (!indexPath.length) return undefined\n let currentList: T[] | undefined = roots\n let node: T | undefined\n for (let i = 0; i < indexPath.length; i++) {\n const idx = indexPath[i]!\n if (!currentList) return undefined\n node = currentList[idx]\n if (node === undefined) return undefined\n if (i < indexPath.length - 1) {\n const next = node[childrenKey]\n currentList = Array.isArray(next) ? (next as T[]) : undefined\n }\n }\n return node\n}\n\ninterface Options {\n props: BatchEditProps\n emit: BatchEditEmits\n tableRef: ShallowRef<TableExposed | undefined>\n}\n\nexport interface BatchEditStates {\n /** 层级 */\n depth?: number\n visible: boolean\n type: 'create' | 'update'\n loading: boolean\n row?: TableRow\n /** 父级,只在添加子级时会有值 */\n parentRow?: TableRow\n /** 数据是否已更新 */\n dataUpdated: boolean\n}\n\nexport interface EditReturned {\n state: BatchEditStates\n insertIndexes: ShallowRef<number[]>\n handleSave: () => Promise<void>\n handleClose: () => void\n handleCreate: () => void\n handleEdit: (row: TableRow) => void\n handleCopy: (row: TableRow) => void\n handleDelete: (row: TableRow) => Promise<void>\n handleInsertToNext: (row: TableRow) => void\n handleInsertToPrev: (row: TableRow) => void\n handleInsertChild: (row: TableRow) => void\n}\n\nexport function useEdit(options: Options): EditReturned {\n const { props, emit, tableRef } = options\n\n /** 组件状态 */\n const state = shallowReactive<BatchEditStates>({\n depth: undefined,\n visible: false,\n type: 'create',\n loading: false,\n dataUpdated: false\n })\n\n const insertIndexes = shallowRef<number[]>([])\n\n watch(\n () => state.visible,\n (v) => {\n if (!v) {\n state.dataUpdated = false\n }\n }\n )\n\n /**\n * 「打开行 / 切换 type」时记录的基线快照\n * @description\n * 用于 changeCb 内部比对 — 若新值与基线相等(深比较)视为无改动,避免某些组件在 mount\n * 阶段把规范化后的值再写回模型时被误判为「用户已修改」\n */\n let baselineSnapshot: Record<string, any> | undefined\n\n function snapshotModelData() {\n return safeRun(() => JSON.parse(JSON.stringify(props.model?.data ?? {})), {})\n }\n\n watch(\n () => state.row,\n (row) => {\n props.model?.resetData()\n if (row) {\n state.type = 'update'\n state.visible = true\n props.model?.setData(row.data)\n } else {\n state.visible = false\n }\n baselineSnapshot = snapshotModelData()\n state.dataUpdated = false\n },\n // sync 保证 setData 完成后立刻取快照,避免 mount 期间组件回写值时丢基线\n { flush: 'sync' }\n )\n\n const changeCb = (field: string, val: any) => {\n // 与基线比较 — 同值(如组件 mount 时把当前值再写一次)不算\"用户修改\"\n if (baselineSnapshot) {\n const baseVal = o(baselineSnapshot).get(field)\n if (isSameValue(baseVal, val)) {\n return\n }\n }\n state.dataUpdated = true\n }\n\n function isSameValue(a: any, b: any) {\n if (a === b) return true\n if (a == null && b == null) return true\n if (typeof a !== typeof b) return false\n if (typeof a === 'object') {\n try {\n return JSON.stringify(a) === JSON.stringify(b)\n } catch {\n return false\n }\n }\n return false\n }\n\n watch(\n () => props.model,\n (model, oldModel) => {\n if (oldModel) {\n oldModel.offChange(changeCb)\n }\n if (model) {\n model.onChange(changeCb)\n }\n },\n { immediate: true }\n )\n\n const childrenKey = computed(() => {\n return typeof props.tree === 'string' ? props.tree : 'children'\n })\n\n /**\n * 插入数据\n * @param item 数据\n */\n function insert(item: Record<string, any>) {\n const data = [...(props.data ?? [])]\n\n const parent = visitDataByIndexPath(\n data ?? [],\n insertIndexes.value.slice(0, -1),\n childrenKey.value\n )\n\n if (parent) {\n const children = parent[childrenKey.value]\n if (!children) {\n parent[childrenKey.value] = [item]\n } else {\n children.splice(last(insertIndexes.value), 0, item)\n }\n } else {\n data.splice(last(insertIndexes.value), 0, item)\n }\n\n emit('update:data', data)\n\n return item\n }\n\n function getInsertData(): Record<string, any> {\n return safeRun(() => JSON.parse(JSON.stringify(props.model?.data ?? {})), {})\n }\n\n async function runCreate(cb: () => void) {\n state.parentRow = undefined\n if (state.row) {\n state.row.isCurrent = false\n }\n state.row = undefined\n state.type = 'create'\n props.model?.resetData()\n cb()\n\n let item: Record<string, any> | undefined = undefined\n\n await nextTick()\n\n state.visible = true\n\n if (item) {\n const row = tableRef.value?.getRowByData(item)\n if (row) {\n state.row = row\n }\n }\n }\n\n /**\n * 点击新增按钮\n */\n function handleCreate() {\n const { data } = props\n runCreate(() => {\n state.depth = 1\n insertIndexes.value = [data?.length ?? 0]\n })\n }\n\n function handleInsertToPrev(row: TableRow) {\n runCreate(() => {\n state.depth = row.depth\n insertIndexes.value = [...row.indexes]\n })\n }\n\n function handleInsertToNext(row: TableRow) {\n runCreate(() => {\n state.depth = row.depth\n insertIndexes.value = [...row.indexes.slice(0, -1), row.index + 1]\n })\n }\n\n function handleInsertChild(row: TableRow) {\n runCreate(() => {\n state.parentRow = row\n state.depth = row.depth + 1\n row.expanded = true\n\n insertIndexes.value = [...row.indexes, row.children?.length ?? 0]\n })\n }\n\n /** 编辑指定行(等同于点击行) */\n function handleEdit(row: TableRow) {\n state.row = row\n state.depth = row.depth\n }\n\n /** 复制指定行:在其下方以 create 模式打开表单,并预填副本数据 */\n function handleCopy(row: TableRow) {\n runCreate(() => {\n state.depth = row.depth\n insertIndexes.value = [...row.indexes.slice(0, -1), row.index + 1]\n const cloned = safeRun(() => JSON.parse(JSON.stringify(row.data ?? {})), {})\n props.model?.setData(cloned)\n })\n }\n\n function runWithLoading<Arg extends any[]>(fn: (...args: Arg) => Promise<void> | void) {\n return async (...args: Arg) => {\n state.loading = true\n if (state.row) {\n state.row.operating = true\n }\n try {\n await fn.apply(null, args)\n } catch (error) {\n console.error(error)\n }\n state.loading = false\n if (state.row) {\n state.row.operating = false\n }\n }\n }\n\n /** 保存 */\n const handleSave = runWithLoading(async () => {\n const { model, saveMethod } = props\n\n if (!model) return\n\n model.clearValidate()\n const valid = await model.validate()\n\n if (!valid) return\n\n let item = getInsertData()\n if (saveMethod) {\n const result = await saveMethod(item, state.type, state.parentRow)\n if (result) {\n item = result\n }\n }\n\n state.dataUpdated = false\n\n // 新增\n if (state.type === 'create') {\n insert(item)\n\n return model?.resetData()\n }\n // 更新\n if (state.type === 'update') {\n const { row } = state\n row &&\n model.allKeys.forEach((key) => {\n o(row.data).set(key, o(item).get(key))\n })\n }\n })\n\n const handleDelete = runWithLoading(async (row: TableRow) => {\n const { deleteMethod } = props\n\n if (deleteMethod) {\n await deleteMethod([row.data])\n }\n\n const data = [...(props.data ?? [])]\n\n const parent = visitDataByIndexPath(data, row.indexes.slice(0, -1), childrenKey.value)\n\n if (parent) {\n const children = parent[childrenKey.value]\n if (children) {\n children.splice(row.index, 1)\n } else {\n console.error('行路径不正确')\n }\n } else {\n data.splice(row.index, 1)\n }\n\n if (state.row === row) {\n state.row = undefined\n state.depth = undefined\n }\n\n emit('update:data', data)\n })\n\n function handleClose() {\n state.visible = false\n if (state.row) {\n state.row.isCurrent = false\n }\n state.row = undefined\n state.parentRow = undefined\n state.depth = undefined\n props.model?.resetData()\n insertIndexes.value = []\n }\n\n return {\n state,\n insertIndexes,\n handleDelete,\n handleInsertChild,\n handleInsertToNext,\n handleInsertToPrev,\n handleCreate,\n handleEdit,\n handleCopy,\n handleClose,\n handleSave\n }\n}\n"],"mappings":"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"}
|