@veltra/desktop 1.1.7 → 1.1.10
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 +2 -2
- package/dist/components/action/action.vue.d.ts +2 -2
- package/dist/components/button/style2.css +75 -11
- package/dist/components/card/style2.css +4 -6
- package/dist/components/cascade/cascade.vue.d.ts +4 -4
- package/dist/components/checkbox/checkbox-button.vue.d.ts +1 -1
- package/dist/components/checkbox-group/checkbox-group.vue.d.ts +1 -1
- package/dist/components/collapse/collapse-item.js +8 -23
- package/dist/components/collapse/collapse-item.js.map +1 -1
- package/dist/components/collapse/collapse-item.vue.d.ts +5 -9
- package/dist/components/collapse/collapse.js +22 -44
- package/dist/components/collapse/collapse.js.map +1 -1
- package/dist/components/collapse/collapse.vue.d.ts +3 -4
- package/dist/components/collapse/di.js.map +1 -1
- package/dist/components/collapse/style2.css +36 -38
- package/dist/components/date-panel/date-panel.vue.d.ts +1 -1
- package/dist/components/date-picker/date-picker.vue.d.ts +1 -1
- package/dist/components/date-range-picker/date-range-picker.vue.d.ts +1 -1
- package/dist/components/drawer/drawer.vue.d.ts +2 -2
- package/dist/components/file-viewer/file-viewer.vue.d.ts +3 -3
- package/dist/components/file-viewer/previewers/image-previewer.js +2 -2
- package/dist/components/file-viewer/previewers/image-previewer.js.map +1 -1
- package/dist/components/file-viewer/previewers/pdf-previewer.js +2 -2
- package/dist/components/file-viewer/previewers/pdf-previewer.js.map +1 -1
- package/dist/components/file-viewer/previewers/video-previewer.js +2 -2
- package/dist/components/file-viewer/previewers/video-previewer.js.map +1 -1
- package/dist/components/input/input.vue.d.ts +2 -2
- package/dist/components/multi-select/multi-select.vue.d.ts +2 -2
- package/dist/components/multi-tree-select/multi-tree-select.vue.d.ts +4 -4
- package/dist/components/notification/notification.vue.d.ts +1 -1
- package/dist/components/number-input/number-input.vue.d.ts +2 -2
- package/dist/components/number-range-input/number-range-input.vue.d.ts +1 -1
- package/dist/components/pop-confirm/pop-confirm.vue.d.ts +1 -1
- package/dist/components/progress-nodes/progress-nodes.vue.d.ts +2 -2
- package/dist/components/radio-group/radio-group.vue.d.ts +1 -1
- package/dist/components/select/select.vue.d.ts +1 -1
- package/dist/components/tabs/style.js +1 -0
- package/dist/components/tabs/tabs-horizontal.vue.d.ts +3 -3
- package/dist/components/tabs/tabs-vertical.vue.d.ts +2 -2
- package/dist/components/tabs/tabs.vue.d.ts +3 -3
- package/dist/components/textarea/textarea.vue.d.ts +2 -2
- package/dist/components/tip/tip.vue.d.ts +1 -1
- package/dist/components/tree-select/tree-select.vue.d.ts +4 -4
- package/dist/index.d.ts +3 -3
- package/dist/types/collapse.d.ts +5 -28
- package/dist/types/index.d.ts +2 -2
- package/package.json +11 -11
- package/src/components/button/style.scss +51 -11
- package/src/components/card/style.scss +4 -18
- package/src/components/cascade/style.scss +5 -1
- package/src/components/collapse/__test__/collapse.test.ts +178 -0
- package/src/components/collapse/collapse-item.vue +3 -12
- package/src/components/collapse/collapse.vue +42 -52
- package/src/components/collapse/di.ts +3 -2
- package/src/components/collapse/style.scss +32 -80
- package/src/components/expression-editor/style.scss +10 -2
- package/src/components/file-viewer/previewers/image-previewer.vue +2 -2
- package/src/components/file-viewer/previewers/pdf-previewer.vue +2 -2
- package/src/components/file-viewer/previewers/video-previewer.vue +2 -2
- package/src/components/paginator/style.scss +10 -2
- package/src/components/tabs/style.ts +1 -0
- package/src/components/tree/style.scss +5 -1
- package/src/types/collapse.ts +4 -32
package/dist/index.d.ts
CHANGED
|
@@ -76,7 +76,7 @@ import { SwitchEmits, SwitchExposed, SwitchProps, _SwitchExposed } from "./types
|
|
|
76
76
|
import { StepsEmits, StepsExposed, StepsProps, StepsSlotScope, _StepsExposed } from "./types/steps.js";
|
|
77
77
|
import { RichTextEditorEmits, RichTextEditorExposed, RichTextEditorProps, RichTextFormat, ToolbarItem, _RichTextEditorExposed } from "./types/rich-text-editor.js";
|
|
78
78
|
import { FileViewerEmits, FileViewerExposed, FileViewerItem, FileViewerKind, FileViewerProps, _FileViewerExposed } from "./types/file-viewer.js";
|
|
79
|
-
import { CollapseEmits,
|
|
79
|
+
import { CollapseEmits, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue } from "./types/collapse.js";
|
|
80
80
|
import { index_d_exports as index_d_exports$1 } from "./types/index.js";
|
|
81
81
|
import { _default as _default$23 } from "./components/condition-editor/condition-editor.vue.js";
|
|
82
82
|
import { _default as _default$77 } from "./components/tabs/tabs.vue.js";
|
|
@@ -180,8 +180,8 @@ export * from "@veltra/utils";
|
|
|
180
180
|
|
|
181
181
|
//#region src/index.d.ts
|
|
182
182
|
declare namespace index_d_exports {
|
|
183
|
-
export { ActionEmits, ActionExposed, ActionGroupExposed, ActionGroupProps, ActionProps, AnimationEmits, AnimationExposed, AnimationProps, AutoCompleteEmits, AutoCompleteExposed, AutoCompleteProps, BadgeEmits, BadgeExposed, BadgeProps, BarType, BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditProps, BreadcrumbEmits, BreadcrumbExposed, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope, BreakCols, Breakpoint, ButtonEmits, ButtonExposed, ButtonProps, ButtonType, CalendarDay, CalendarEmits, CalendarExposed, CalendarMonth, CalendarProps, CalendarYear, CardActionProps, CardContentProps, CardCoverProps, CardEmits, CardExposed, CardProps, CascadeEmits, CascadeExposed, CascadeNode, CascadeProps, CheckTagEmits, CheckTagExposed, CheckTagProps, CheckboxButtonEmits, CheckboxButtonProps, CheckboxEmits, CheckboxExposed, CheckboxGroupEmits, CheckboxGroupExposed, CheckboxGroupProps, CheckboxProps, CodeEditorEmits, CodeEditorExposed, CodeEditorLang, CodeEditorProps, CollapseEmits,
|
|
183
|
+
export { ActionEmits, ActionExposed, ActionGroupExposed, ActionGroupProps, ActionProps, AnimationEmits, AnimationExposed, AnimationProps, AutoCompleteEmits, AutoCompleteExposed, AutoCompleteProps, BadgeEmits, BadgeExposed, BadgeProps, BarType, BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditProps, BreadcrumbEmits, BreadcrumbExposed, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope, BreakCols, Breakpoint, ButtonEmits, ButtonExposed, ButtonProps, ButtonType, CalendarDay, CalendarEmits, CalendarExposed, CalendarMonth, CalendarProps, CalendarYear, CardActionProps, CardContentProps, CardCoverProps, CardEmits, CardExposed, CardProps, CascadeEmits, CascadeExposed, CascadeNode, CascadeProps, CheckTagEmits, CheckTagExposed, CheckTagProps, CheckboxButtonEmits, CheckboxButtonProps, CheckboxEmits, CheckboxExposed, CheckboxGroupEmits, CheckboxGroupExposed, CheckboxGroupProps, CheckboxProps, CodeEditorEmits, CodeEditorExposed, CodeEditorLang, CodeEditorProps, CollapseEmits, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue, ConditionEditorEmits, ConditionEditorExposed, ConditionEditorProps, ConditionExpression, ConditionField, ConditionGroup, ConditionItem, ConditionValue, ContextMenuEmits, ContextMenuExposed, ContextMenuItem, ContextMenuProps, CssTransitionEmits, CssTransitionExposed, CssTransitionProps, DataSettingConfig, DatePanelEmits, DatePanelProps, DatePickerEmits, DatePickerExposed, DatePickerProps, DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, DialogEmits, DialogExposed, DialogProps, DrawerDirection, DrawerEmits, DrawerExposed, DrawerMode, DrawerProps, DropdownEmits, DropdownExposed, DropdownProps, DynamicFormModel, EmptyEmits, EmptyExposed, EmptyProps, ExpressionEditorEmits, ExpressionEditorExposed, ExpressionEditorProps, ExpressionSelectableLevels, FileViewerEmits, FileViewerExposed, FileViewerItem, FileViewerKind, FileViewerProps, FloatButtonEmits, FloatButtonExposed, FloatButtonItem, FloatButtonProps, FormExposed, FormItemEmits, FormItemExposed, FormItemProps, FormModel, FormModelItem, FormProps, GanttChartEmits, GanttChartExposed, GanttChartProps, GridEmits, GridExposed, GridInputEmits, GridInputExposed, GridInputProps, GridItemProps, GridProps, GroupInputEmits, GroupInputExposed, GroupInputProps, IFormModel, IconEmits, IconExposed, IconProps, InputEmits, InputExposed, InputProps, LayoutEmits, LayoutExposed, LayoutProps, ListEmits, ListExposed, ListProps, LoadingEmits, LoadingExposed, LoadingProps, LoadingType, MenuEmits, MenuExposed, MenuItem, MenuProps, Message, _default as MessageConfirm, MessageConfirmEmits, MessageConfirmExposed, MessageConfirmProps, MessageEmits, MessageExposed, MessageInstance, MessageOptions, MessageProps, MessageType, ModelData, ModelRules, MultiAutoCompleteEmits, MultiAutoCompleteExposed, MultiAutoCompleteProps, MultiSelectEmits, MultiSelectExposed, MultiSelectProps, MultiTreeSelectEmits, MultiTreeSelectExposed, MultiTreeSelectProps, NodeRenderExposed, NodeRenderProps, Notification, NotificationEmits, NotificationExposed, NotificationProps, NumberEmits, NumberExposed, NumberInputEmits, NumberInputExposed, NumberInputProps, NumberProps, NumberRangeInputEmits, NumberRangeInputExposed, NumberRangeInputProps, NumberRangeTuple, PaginatorEmits, PaginatorExposed, PaginatorProps, PaletteColorType, PaletteEmits, PaletteExposed, PaletteHSV, PaletteProps, PaletteRGB, PanelItem, PanelType, PasswordInputEmits, PasswordInputExposed, PasswordInputProps, PopConfirmEmits, PopConfirmExposed, PopConfirmProps, PopEmits, PopExposed, PopProps, ProgressEmits, ProgressExposed, ProgressNodesEmits, ProgressNodesExposed, ProgressNodesProps, ProgressProps, QuickBatchEditEmits, QuickBatchEditExposed, QuickBatchEditProps, RadioEmits, RadioExposed, RadioGroupEmits, RadioGroupExposed, RadioGroupProps, RadioProps, RichTextEditorEmits, RichTextEditorExposed, RichTextEditorProps, RichTextFormat, ScrollEmits, ScrollExposed, ScrollPosition, ScrollProps, SelectEmits, SelectExposed, SelectProps, SliderEmits, SliderExposed, SliderProps, StepsEmits, StepsExposed, StepsProps, StepsSlotScope, SwitchEmits, SwitchExposed, SwitchProps, TabItem, TableColumn, TableColumnAlign, TableColumnNode, TableColumnRenderContext, TableColumnSlotsScope, TableEditorEmits, TableEditorExposed, TableEditorProps, TableEmits, TableExposed, TableProps, TableRow, TableRowSlotsScope, TableSummaryContext, TabsEmits, TabsExposed, TabsHorizontalEmits, TabsHorizontalExposed, TabsHorizontalProps, TabsProps, TabsVerticalEmits, TabsVerticalExposed, TabsVerticalProps, TagEmits, TagExposed, TagProps, TextEditorEmits, TextEditorExposed, TextEditorProps, TextEmits, TextExposed, TextProps, TextareaEmits, TextareaExposed, TextareaProps, ThemeExposed, ThemeProps, TipAlign, TipDirection, TipEmits, TipExposed, TipProps, ToolbarItem, TreeEmit, TreeExposed, TreeNode, TreeNodeProps, TreeProps, TreeSelectEmits, TreeSelectExposed, TreeSelectProps, _default$1 as UAction, _default$2 as UActionGroup, _default$3 as UAutoComplete, _default$4 as UBadge, _default$5 as UBatchEdit, _default$6 as UBreadcrumb, _default$7 as UButton, _default$8 as UButtonGroup, _default$9 as UCalendar, _default$10 as UCard, _default$11 as UCardAction, _default$12 as UCardContent, _default$13 as UCardCover, _default$14 as UCardHeader, _default$15 as UCascade, _default$16 as UCheckTag, _default$17 as UCheckbox, _default$18 as UCheckboxButton, _default$19 as UCheckboxGroup, _default$20 as UCodeEditor, _default$21 as UCollapse, _default$22 as UCollapseItem, _default$23 as UConditionEditor, _default$24 as UContextMenu, _default$25 as UDatePanel, _default$26 as UDatePicker, _default$27 as UDateRangePicker, _default$28 as UDialog, _default$29 as UDrawer, _default$30 as UDropdown, _default$31 as UEmpty, _default$32 as UExpressionEditor, _default$33 as UFilePicker, _default$34 as UFileViewer, _default$35 as UFloatButton, _default$36 as UForm, _default$37 as UFormItem, _default$38 as UGanttChart, _default$39 as UGrid, _default$40 as UGridInput, _default$41 as UGridItem, _default$42 as UGroupInput, _default$43 as UIcon, _default$44 as UInput, _default$45 as UKbd, _default$46 as ULayout, _default$47 as UList, _default$48 as UListItem, _default$49 as ULoading, _default$50 as UMenu, _default$51 as UMenuItem, _default$52 as UMenuSub, _default$53 as UMessage, _default$54 as UMessageConfirm, _default$55 as UMultiSelect, _default$56 as UMultiTreeSelect, NodeRender as UNodeRender, _default$57 as UNotification, _default$58 as UNumber, _default$59 as UNumberInput, _default$60 as UNumberRangeInput, _default$61 as UPaginator, _default$62 as UPalette, _default$63 as UPasswordInput, _default$64 as UPopConfirm, _default$65 as UProgress, _default$66 as UProgressNodes, _default$67 as URadio, _default$68 as URadioGroup, _default$69 as URichTextEditor, _default$70 as UScroll, _default$71 as USelect, _default$72 as USlider, _default$73 as USteps, _default$74 as USwitch, _default$75 as UTable, _default$76 as UTableEditor, _default$77 as UTabs, _default$78 as UTabsHorizontal, _default$79 as UTabsVertical, _default$80 as UTag, _default$81 as UText, _default$82 as UTextarea, _default$83 as UTheme, _default$84 as UTip, _default$85 as UTree, _default$86 as UTreeSelect, _default$87 as UWatermark, UploaderEmits, UploaderExposed, UploaderProps, VariableItem, WatermarkEmits, WatermarkExposed, WatermarkProps, _ActionExposed, _ActionGroupExposed, _AnimationExposed, _AutoCompleteExposed, _BadgeExposed, _BatchEditExposed, _BreadcrumbExposed, _ButtonExposed, _CalendarExposed, _CardExposed, _CascadeExposed, _CheckTagExposed, _CodeEditorExposed, _ConditionEditorExposed, _ContextMenuExposed, _CssTransitionExposed, _DatePickerExposed, _DateRangePickerExposed, _DialogExposed, _DrawerExposed, _DropdownExposed, _EmptyExposed, _ExpressionEditorExposed, _FileViewerExposed, _FloatButtonExposed, _FormExposed, _GanttChartExposed, _GridExposed, _GridInputExposed, _GroupInputExposed, _InputExposed, _LayoutExposed, _ListExposed, _LoadingExposed, _MenuExposed, _MessageConfirmExposed, _MessageExposed, _MultiAutoCompleteExposed, _MultiSelectExposed, _MultiTreeSelectExposed, _NotificationExposed, _PaginatorExposed, _PaletteExposed, _PasswordInputExposed, _PopConfirmExposed, _PopExposed, _ProgressExposed, _ProgressNodesExposed, _QuickBatchEditExposed, _RadioExposed, _RadioGroupExposed, _RichTextEditorExposed, _ScrollExposed, _SelectExposed, _SliderExposed, _StepsExposed, _SwitchExposed, _TableEditorExposed, _TableExposed, _TabsExposed, _TabsHorizontalExposed, _TabsVerticalExposed, _TextEditorExposed, _TextExposed, _TextareaExposed, _ThemeExposed, _TipExposed, _TreeExposed, _TreeSelectExposed, _UploaderExposed, _WatermarkExposed, contextmenu, defineBatchEditColumns, defineTableColumns, formField, message, vLoading };
|
|
184
184
|
}
|
|
185
185
|
//#endregion
|
|
186
|
-
export { ActionEmits, ActionExposed, ActionGroupExposed, ActionGroupProps, ActionProps, AnimationEmits, AnimationExposed, AnimationProps, AutoCompleteEmits, AutoCompleteExposed, AutoCompleteProps, BadgeEmits, BadgeExposed, BadgeProps, BarType, BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditProps, BreadcrumbEmits, BreadcrumbExposed, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope, BreakCols, Breakpoint, ButtonEmits, ButtonExposed, ButtonProps, ButtonType, CalendarDay, CalendarEmits, CalendarExposed, CalendarMonth, CalendarProps, CalendarYear, CardActionProps, CardContentProps, CardCoverProps, CardEmits, CardExposed, CardProps, CascadeEmits, CascadeExposed, CascadeNode, CascadeProps, CheckTagEmits, CheckTagExposed, CheckTagProps, CheckboxButtonEmits, CheckboxButtonProps, CheckboxEmits, CheckboxExposed, CheckboxGroupEmits, CheckboxGroupExposed, CheckboxGroupProps, CheckboxProps, CodeEditorEmits, CodeEditorExposed, CodeEditorLang, CodeEditorProps, CollapseEmits,
|
|
186
|
+
export { ActionEmits, ActionExposed, ActionGroupExposed, ActionGroupProps, ActionProps, AnimationEmits, AnimationExposed, AnimationProps, AutoCompleteEmits, AutoCompleteExposed, AutoCompleteProps, BadgeEmits, BadgeExposed, BadgeProps, BarType, BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditProps, BreadcrumbEmits, BreadcrumbExposed, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope, BreakCols, Breakpoint, ButtonEmits, ButtonExposed, ButtonProps, ButtonType, CalendarDay, CalendarEmits, CalendarExposed, CalendarMonth, CalendarProps, CalendarYear, CardActionProps, CardContentProps, CardCoverProps, CardEmits, CardExposed, CardProps, CascadeEmits, CascadeExposed, CascadeNode, CascadeProps, CheckTagEmits, CheckTagExposed, CheckTagProps, CheckboxButtonEmits, CheckboxButtonProps, CheckboxEmits, CheckboxExposed, CheckboxGroupEmits, CheckboxGroupExposed, CheckboxGroupProps, CheckboxProps, CodeEditorEmits, CodeEditorExposed, CodeEditorLang, CodeEditorProps, CollapseEmits, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue, ConditionEditorEmits, ConditionEditorExposed, ConditionEditorProps, ConditionExpression, ConditionField, ConditionGroup, ConditionItem, ConditionValue, ContextMenuEmits, ContextMenuExposed, ContextMenuItem, ContextMenuProps, CssTransitionEmits, CssTransitionExposed, CssTransitionProps, DataSettingConfig, DatePanelEmits, DatePanelProps, DatePickerEmits, DatePickerExposed, DatePickerProps, DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, DialogEmits, DialogExposed, DialogProps, DrawerDirection, DrawerEmits, DrawerExposed, DrawerMode, DrawerProps, DropdownEmits, DropdownExposed, DropdownProps, DynamicFormModel, EmptyEmits, EmptyExposed, EmptyProps, ExpressionEditorEmits, ExpressionEditorExposed, ExpressionEditorProps, ExpressionSelectableLevels, FileViewerEmits, FileViewerExposed, FileViewerItem, FileViewerKind, FileViewerProps, FloatButtonEmits, FloatButtonExposed, FloatButtonItem, FloatButtonProps, FormExposed, FormItemEmits, FormItemExposed, FormItemProps, FormModel, FormModelItem, FormProps, GanttChartEmits, GanttChartExposed, GanttChartProps, GridEmits, GridExposed, GridInputEmits, GridInputExposed, GridInputProps, GridItemProps, GridProps, GroupInputEmits, GroupInputExposed, GroupInputProps, IFormModel, IconEmits, IconExposed, IconProps, InputEmits, InputExposed, InputProps, LayoutEmits, LayoutExposed, LayoutProps, ListEmits, ListExposed, ListProps, LoadingEmits, LoadingExposed, LoadingProps, LoadingType, MenuEmits, MenuExposed, MenuItem, MenuProps, Message, _default as MessageConfirm, MessageConfirmEmits, MessageConfirmExposed, MessageConfirmProps, MessageEmits, MessageExposed, MessageInstance, MessageOptions, MessageProps, MessageType, ModelData, ModelRules, MultiAutoCompleteEmits, MultiAutoCompleteExposed, MultiAutoCompleteProps, MultiSelectEmits, MultiSelectExposed, MultiSelectProps, MultiTreeSelectEmits, MultiTreeSelectExposed, MultiTreeSelectProps, NodeRenderExposed, NodeRenderProps, Notification, NotificationEmits, NotificationExposed, NotificationProps, NumberEmits, NumberExposed, NumberInputEmits, NumberInputExposed, NumberInputProps, NumberProps, NumberRangeInputEmits, NumberRangeInputExposed, NumberRangeInputProps, NumberRangeTuple, PaginatorEmits, PaginatorExposed, PaginatorProps, PaletteColorType, PaletteEmits, PaletteExposed, PaletteHSV, PaletteProps, PaletteRGB, PanelItem, PanelType, PasswordInputEmits, PasswordInputExposed, PasswordInputProps, PopConfirmEmits, PopConfirmExposed, PopConfirmProps, PopEmits, PopExposed, PopProps, ProgressEmits, ProgressExposed, ProgressNodesEmits, ProgressNodesExposed, ProgressNodesProps, ProgressProps, QuickBatchEditEmits, QuickBatchEditExposed, QuickBatchEditProps, RadioEmits, RadioExposed, RadioGroupEmits, RadioGroupExposed, RadioGroupProps, RadioProps, RichTextEditorEmits, RichTextEditorExposed, RichTextEditorProps, RichTextFormat, ScrollEmits, ScrollExposed, ScrollPosition, ScrollProps, SelectEmits, SelectExposed, SelectProps, SliderEmits, SliderExposed, SliderProps, StepsEmits, StepsExposed, StepsProps, StepsSlotScope, SwitchEmits, SwitchExposed, SwitchProps, TabItem, TableColumn, TableColumnAlign, TableColumnNode, TableColumnRenderContext, TableColumnSlotsScope, TableEditorEmits, TableEditorExposed, TableEditorProps, TableEmits, TableExposed, TableProps, TableRow, TableRowSlotsScope, TableSummaryContext, TabsEmits, TabsExposed, TabsHorizontalEmits, TabsHorizontalExposed, TabsHorizontalProps, TabsProps, TabsVerticalEmits, TabsVerticalExposed, TabsVerticalProps, TagEmits, TagExposed, TagProps, TextEditorEmits, TextEditorExposed, TextEditorProps, TextEmits, TextExposed, TextProps, TextareaEmits, TextareaExposed, TextareaProps, ThemeExposed, ThemeProps, TipAlign, TipDirection, TipEmits, TipExposed, TipProps, ToolbarItem, TreeEmit, TreeExposed, TreeNode, TreeNodeProps, TreeProps, TreeSelectEmits, TreeSelectExposed, TreeSelectProps, _default$1 as UAction, _default$2 as UActionGroup, _default$3 as UAutoComplete, _default$4 as UBadge, _default$5 as UBatchEdit, _default$6 as UBreadcrumb, _default$7 as UButton, _default$8 as UButtonGroup, _default$9 as UCalendar, _default$10 as UCard, _default$11 as UCardAction, _default$12 as UCardContent, _default$13 as UCardCover, _default$14 as UCardHeader, _default$15 as UCascade, _default$16 as UCheckTag, _default$17 as UCheckbox, _default$18 as UCheckboxButton, _default$19 as UCheckboxGroup, _default$20 as UCodeEditor, _default$21 as UCollapse, _default$22 as UCollapseItem, _default$23 as UConditionEditor, _default$24 as UContextMenu, _default$25 as UDatePanel, _default$26 as UDatePicker, _default$27 as UDateRangePicker, _default$28 as UDialog, _default$29 as UDrawer, _default$30 as UDropdown, _default$31 as UEmpty, _default$32 as UExpressionEditor, _default$33 as UFilePicker, _default$34 as UFileViewer, _default$35 as UFloatButton, _default$36 as UForm, _default$37 as UFormItem, _default$38 as UGanttChart, _default$39 as UGrid, _default$40 as UGridInput, _default$41 as UGridItem, _default$42 as UGroupInput, _default$43 as UIcon, _default$44 as UInput, _default$45 as UKbd, _default$46 as ULayout, _default$47 as UList, _default$48 as UListItem, _default$49 as ULoading, _default$50 as UMenu, _default$51 as UMenuItem, _default$52 as UMenuSub, _default$53 as UMessage, _default$54 as UMessageConfirm, _default$55 as UMultiSelect, _default$56 as UMultiTreeSelect, NodeRender as UNodeRender, _default$57 as UNotification, _default$58 as UNumber, _default$59 as UNumberInput, _default$60 as UNumberRangeInput, _default$61 as UPaginator, _default$62 as UPalette, _default$63 as UPasswordInput, _default$64 as UPopConfirm, _default$65 as UProgress, _default$66 as UProgressNodes, _default$67 as URadio, _default$68 as URadioGroup, _default$69 as URichTextEditor, _default$70 as UScroll, _default$71 as USelect, _default$72 as USlider, _default$73 as USteps, _default$74 as USwitch, _default$75 as UTable, _default$76 as UTableEditor, _default$77 as UTabs, _default$78 as UTabsHorizontal, _default$79 as UTabsVertical, _default$80 as UTag, _default$81 as UText, _default$82 as UTextarea, _default$83 as UTheme, _default$84 as UTip, _default$85 as UTree, _default$86 as UTreeSelect, _default$87 as UWatermark, UploaderEmits, UploaderExposed, UploaderProps, VariableItem, WatermarkEmits, WatermarkExposed, WatermarkProps, _ActionExposed, _ActionGroupExposed, _AnimationExposed, _AutoCompleteExposed, _BadgeExposed, _BatchEditExposed, _BreadcrumbExposed, _ButtonExposed, _CalendarExposed, _CardExposed, _CascadeExposed, _CheckTagExposed, _CodeEditorExposed, _ConditionEditorExposed, _ContextMenuExposed, _CssTransitionExposed, _DatePickerExposed, _DateRangePickerExposed, _DialogExposed, _DrawerExposed, _DropdownExposed, _EmptyExposed, _ExpressionEditorExposed, _FileViewerExposed, _FloatButtonExposed, _FormExposed, _GanttChartExposed, _GridExposed, _GridInputExposed, _GroupInputExposed, _InputExposed, _LayoutExposed, _ListExposed, _LoadingExposed, _MenuExposed, _MessageConfirmExposed, _MessageExposed, _MultiAutoCompleteExposed, _MultiSelectExposed, _MultiTreeSelectExposed, _NotificationExposed, _PaginatorExposed, _PaletteExposed, _PasswordInputExposed, _PopConfirmExposed, _PopExposed, _ProgressExposed, _ProgressNodesExposed, _QuickBatchEditExposed, _RadioExposed, _RadioGroupExposed, _RichTextEditorExposed, _ScrollExposed, _SelectExposed, _SliderExposed, _StepsExposed, _SwitchExposed, _TableEditorExposed, _TableExposed, _TabsExposed, _TabsHorizontalExposed, _TabsVerticalExposed, _TextEditorExposed, _TextExposed, _TextareaExposed, _ThemeExposed, _TipExposed, _TreeExposed, _TreeSelectExposed, _UploaderExposed, _WatermarkExposed, contextmenu, defineBatchEditColumns, defineTableColumns, formField, message, vLoading };
|
|
187
187
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/types/collapse.d.ts
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import { Component } from "vue";
|
|
2
|
-
import { ComponentProps
|
|
2
|
+
import { ComponentProps } from "@veltra/utils";
|
|
3
3
|
|
|
4
4
|
//#region src/types/collapse.d.ts
|
|
5
5
|
/** Collapse 项的唯一标识 */
|
|
6
6
|
type CollapseValue = string | number;
|
|
7
7
|
/** Collapse modelValue:手风琴模式为单值,普通模式为数组(也兼容传入单值) */
|
|
8
8
|
type CollapseModelValue = CollapseValue | CollapseValue[];
|
|
9
|
-
/** 展开图标位置 */
|
|
10
|
-
type CollapseIconPosition = 'left' | 'right';
|
|
11
9
|
/** Collapse 组件属性 */
|
|
12
10
|
interface CollapseProps extends ComponentProps {
|
|
13
11
|
/** 当前展开项的 value(单个或多个) */
|
|
@@ -18,15 +16,10 @@ interface CollapseProps extends ComponentProps {
|
|
|
18
16
|
*/
|
|
19
17
|
accordion?: boolean;
|
|
20
18
|
/**
|
|
21
|
-
*
|
|
22
|
-
* @default
|
|
23
|
-
*/
|
|
24
|
-
bordered?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* 展开/收起图标位置
|
|
27
|
-
* @default 'right'
|
|
19
|
+
* 是否默认折叠全部项。设为 false 时默认全部展开。
|
|
20
|
+
* @default false
|
|
28
21
|
*/
|
|
29
|
-
|
|
22
|
+
defaultCollapseAll?: boolean;
|
|
30
23
|
/**
|
|
31
24
|
* 自定义展开图标组件,活动态会自动旋转 90°。
|
|
32
25
|
* 接受任意 Vue 组件(SFC、Functional Component 等)。
|
|
@@ -38,20 +31,6 @@ interface CollapseEmits {
|
|
|
38
31
|
/** 当前展开项变更时触发 */
|
|
39
32
|
(e: 'change', value: CollapseModelValue): void;
|
|
40
33
|
}
|
|
41
|
-
/** Collapse 暴露的实例方法 */
|
|
42
|
-
interface _CollapseExposed {
|
|
43
|
-
/** 切换某项的展开状态 */
|
|
44
|
-
toggle: (value: CollapseValue) => void;
|
|
45
|
-
/** 展开某项 */
|
|
46
|
-
expand: (value: CollapseValue) => void;
|
|
47
|
-
/** 收起某项 */
|
|
48
|
-
collapse: (value: CollapseValue) => void;
|
|
49
|
-
/** 展开全部(accordion 模式下展开第一个传入的 value) */
|
|
50
|
-
expandAll: (values: CollapseValue[]) => void;
|
|
51
|
-
/** 全部收起 */
|
|
52
|
-
collapseAll: () => void;
|
|
53
|
-
}
|
|
54
|
-
type CollapseExposed = DeconstructValue<_CollapseExposed>;
|
|
55
34
|
/** CollapseItem 组件属性 */
|
|
56
35
|
interface CollapseItemProps {
|
|
57
36
|
/** 唯一标识 */
|
|
@@ -60,9 +39,7 @@ interface CollapseItemProps {
|
|
|
60
39
|
title?: string;
|
|
61
40
|
/** 是否禁用 */
|
|
62
41
|
disabled?: boolean;
|
|
63
|
-
/** 是否隐藏展开图标 */
|
|
64
|
-
hideIcon?: boolean;
|
|
65
42
|
}
|
|
66
43
|
//#endregion
|
|
67
|
-
export { CollapseEmits,
|
|
44
|
+
export { CollapseEmits, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue };
|
|
68
45
|
//# sourceMappingURL=collapse.d.ts.map
|
package/dist/types/index.d.ts
CHANGED
|
@@ -76,12 +76,12 @@ import { SwitchEmits, SwitchExposed, SwitchProps, _SwitchExposed } from "./switc
|
|
|
76
76
|
import { StepsEmits, StepsExposed, StepsProps, StepsSlotScope, _StepsExposed } from "./steps.js";
|
|
77
77
|
import { RichTextEditorEmits, RichTextEditorExposed, RichTextEditorProps, RichTextFormat, ToolbarItem, _RichTextEditorExposed } from "./rich-text-editor.js";
|
|
78
78
|
import { FileViewerEmits, FileViewerExposed, FileViewerItem, FileViewerKind, FileViewerProps, _FileViewerExposed } from "./file-viewer.js";
|
|
79
|
-
import { CollapseEmits,
|
|
79
|
+
import { CollapseEmits, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue } from "./collapse.js";
|
|
80
80
|
export * from "@veltra/utils";
|
|
81
81
|
|
|
82
82
|
//#region src/types/index.d.ts
|
|
83
83
|
declare namespace index_d_exports {
|
|
84
|
-
export { ActionEmits, ActionExposed, ActionGroupExposed, ActionGroupProps, ActionProps, AnimationEmits, AnimationExposed, AnimationProps, AutoCompleteEmits, AutoCompleteExposed, AutoCompleteProps, BadgeEmits, BadgeExposed, BadgeProps, BarType, BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditProps, BreadcrumbEmits, BreadcrumbExposed, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope, BreakCols, Breakpoint, ButtonEmits, ButtonExposed, ButtonProps, ButtonType, CalendarDay, CalendarEmits, CalendarExposed, CalendarMonth, CalendarProps, CalendarYear, CardActionProps, CardContentProps, CardCoverProps, CardEmits, CardExposed, CardProps, CascadeEmits, CascadeExposed, CascadeNode, CascadeProps, CheckTagEmits, CheckTagExposed, CheckTagProps, CheckboxButtonEmits, CheckboxButtonProps, CheckboxEmits, CheckboxExposed, CheckboxGroupEmits, CheckboxGroupExposed, CheckboxGroupProps, CheckboxProps, CodeEditorEmits, CodeEditorExposed, CodeEditorLang, CodeEditorProps, CollapseEmits,
|
|
84
|
+
export { ActionEmits, ActionExposed, ActionGroupExposed, ActionGroupProps, ActionProps, AnimationEmits, AnimationExposed, AnimationProps, AutoCompleteEmits, AutoCompleteExposed, AutoCompleteProps, BadgeEmits, BadgeExposed, BadgeProps, BarType, BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditProps, BreadcrumbEmits, BreadcrumbExposed, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope, BreakCols, Breakpoint, ButtonEmits, ButtonExposed, ButtonProps, ButtonType, CalendarDay, CalendarEmits, CalendarExposed, CalendarMonth, CalendarProps, CalendarYear, CardActionProps, CardContentProps, CardCoverProps, CardEmits, CardExposed, CardProps, CascadeEmits, CascadeExposed, CascadeNode, CascadeProps, CheckTagEmits, CheckTagExposed, CheckTagProps, CheckboxButtonEmits, CheckboxButtonProps, CheckboxEmits, CheckboxExposed, CheckboxGroupEmits, CheckboxGroupExposed, CheckboxGroupProps, CheckboxProps, CodeEditorEmits, CodeEditorExposed, CodeEditorLang, CodeEditorProps, CollapseEmits, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue, ConditionEditorEmits, ConditionEditorExposed, ConditionEditorProps, ConditionExpression, ConditionField, ConditionGroup, ConditionItem, ConditionValue, ContextMenuEmits, ContextMenuExposed, ContextMenuItem, ContextMenuProps, CssTransitionEmits, CssTransitionExposed, CssTransitionProps, DataSettingConfig, DatePanelEmits, DatePanelProps, DatePickerEmits, DatePickerExposed, DatePickerProps, DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, DialogEmits, DialogExposed, DialogProps, DrawerDirection, DrawerEmits, DrawerExposed, DrawerMode, DrawerProps, DropdownEmits, DropdownExposed, DropdownProps, EmptyEmits, EmptyExposed, EmptyProps, ExpressionEditorEmits, ExpressionEditorExposed, ExpressionEditorProps, ExpressionSelectableLevels, FileViewerEmits, FileViewerExposed, FileViewerItem, FileViewerKind, FileViewerProps, FloatButtonEmits, FloatButtonExposed, FloatButtonItem, FloatButtonProps, FormExposed, FormItemEmits, FormItemExposed, FormItemProps, FormModelItem, FormProps, GanttChartEmits, GanttChartExposed, GanttChartProps, GridEmits, GridExposed, GridInputEmits, GridInputExposed, GridInputProps, GridItemProps, GridProps, GroupInputEmits, GroupInputExposed, GroupInputProps, IFormModel, IconEmits, IconExposed, IconProps, InputEmits, InputExposed, InputProps, LayoutEmits, LayoutExposed, LayoutProps, ListEmits, ListExposed, ListProps, LoadingEmits, LoadingExposed, LoadingProps, LoadingType, MenuEmits, MenuExposed, MenuItem, MenuProps, Message, MessageConfirmEmits, MessageConfirmExposed, MessageConfirmProps, MessageEmits, MessageExposed, MessageInstance, MessageOptions, MessageProps, MessageType, ModelData, ModelRules, MultiAutoCompleteEmits, MultiAutoCompleteExposed, MultiAutoCompleteProps, MultiSelectEmits, MultiSelectExposed, MultiSelectProps, MultiTreeSelectEmits, MultiTreeSelectExposed, MultiTreeSelectProps, NodeRenderExposed, NodeRenderProps, NotificationEmits, NotificationExposed, NotificationProps, NumberEmits, NumberExposed, NumberInputEmits, NumberInputExposed, NumberInputProps, NumberProps, NumberRangeInputEmits, NumberRangeInputExposed, NumberRangeInputProps, NumberRangeTuple, PaginatorEmits, PaginatorExposed, PaginatorProps, PaletteColorType, PaletteEmits, PaletteExposed, PaletteHSV, PaletteProps, PaletteRGB, PanelItem, PanelType, PasswordInputEmits, PasswordInputExposed, PasswordInputProps, PopConfirmEmits, PopConfirmExposed, PopConfirmProps, PopEmits, PopExposed, PopProps, ProgressEmits, ProgressExposed, ProgressNodesEmits, ProgressNodesExposed, ProgressNodesProps, ProgressProps, QuickBatchEditEmits, QuickBatchEditExposed, QuickBatchEditProps, RadioEmits, RadioExposed, RadioGroupEmits, RadioGroupExposed, RadioGroupProps, RadioProps, RichTextEditorEmits, RichTextEditorExposed, RichTextEditorProps, RichTextFormat, ScrollEmits, ScrollExposed, ScrollPosition, ScrollProps, SelectEmits, SelectExposed, SelectProps, SliderEmits, SliderExposed, SliderProps, StepsEmits, StepsExposed, StepsProps, StepsSlotScope, SwitchEmits, SwitchExposed, SwitchProps, TabItem, TableColumn, TableColumnAlign, TableColumnNode, TableColumnRenderContext, TableColumnSlotsScope, TableEditorEmits, TableEditorExposed, TableEditorProps, TableEmits, TableExposed, TableProps, TableRow, TableRowSlotsScope, TableSummaryContext, TabsEmits, TabsExposed, TabsHorizontalEmits, TabsHorizontalExposed, TabsHorizontalProps, TabsProps, TabsVerticalEmits, TabsVerticalExposed, TabsVerticalProps, TagEmits, TagExposed, TagProps, TextEditorEmits, TextEditorExposed, TextEditorProps, TextEmits, TextExposed, TextProps, TextareaEmits, TextareaExposed, TextareaProps, ThemeExposed, ThemeProps, TipAlign, TipDirection, TipEmits, TipExposed, TipProps, ToolbarItem, TreeEmit, TreeExposed, TreeNode, TreeNodeProps, TreeProps, TreeSelectEmits, TreeSelectExposed, TreeSelectProps, UploaderEmits, UploaderExposed, UploaderProps, VariableItem, WatermarkEmits, WatermarkExposed, WatermarkProps, _ActionExposed, _ActionGroupExposed, _AnimationExposed, _AutoCompleteExposed, _BadgeExposed, _BatchEditExposed, _BreadcrumbExposed, _ButtonExposed, _CalendarExposed, _CardExposed, _CascadeExposed, _CheckTagExposed, _CodeEditorExposed, _ConditionEditorExposed, _ContextMenuExposed, _CssTransitionExposed, _DatePickerExposed, _DateRangePickerExposed, _DialogExposed, _DrawerExposed, _DropdownExposed, _EmptyExposed, _ExpressionEditorExposed, _FileViewerExposed, _FloatButtonExposed, _FormExposed, _GanttChartExposed, _GridExposed, _GridInputExposed, _GroupInputExposed, _InputExposed, _LayoutExposed, _ListExposed, _LoadingExposed, _MenuExposed, _MessageConfirmExposed, _MessageExposed, _MultiAutoCompleteExposed, _MultiSelectExposed, _MultiTreeSelectExposed, _NotificationExposed, _PaginatorExposed, _PaletteExposed, _PasswordInputExposed, _PopConfirmExposed, _PopExposed, _ProgressExposed, _ProgressNodesExposed, _QuickBatchEditExposed, _RadioExposed, _RadioGroupExposed, _RichTextEditorExposed, _ScrollExposed, _SelectExposed, _SliderExposed, _StepsExposed, _SwitchExposed, _TableEditorExposed, _TableExposed, _TabsExposed, _TabsHorizontalExposed, _TabsVerticalExposed, _TextEditorExposed, _TextExposed, _TextareaExposed, _ThemeExposed, _TipExposed, _TreeExposed, _TreeSelectExposed, _UploaderExposed, _WatermarkExposed };
|
|
85
85
|
}
|
|
86
86
|
import * as import__veltra_utils from "@veltra/utils";
|
|
87
87
|
//#endregion
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@veltra/desktop",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.10",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist",
|
|
6
6
|
"src"
|
|
@@ -61,22 +61,22 @@
|
|
|
61
61
|
"@lexical/rich-text": "^0.43.0",
|
|
62
62
|
"@lexical/selection": "^0.43.0",
|
|
63
63
|
"@lexical/utils": "^0.43.0",
|
|
64
|
-
"@veltra/compositions": "1.1.
|
|
65
|
-
"@veltra/directives": "1.1.
|
|
66
|
-
"@veltra/icons": "1.1.
|
|
67
|
-
"@veltra/styles": "1.1.
|
|
68
|
-
"@veltra/utils": "1.1.
|
|
64
|
+
"@veltra/compositions": "1.1.10",
|
|
65
|
+
"@veltra/directives": "1.1.10",
|
|
66
|
+
"@veltra/icons": "1.1.10",
|
|
67
|
+
"@veltra/styles": "1.1.10",
|
|
68
|
+
"@veltra/utils": "1.1.10",
|
|
69
69
|
"@visactor/vtable": "^1.26.0",
|
|
70
70
|
"codemirror": "^6.0.2",
|
|
71
71
|
"docx-preview": "^0.3.7",
|
|
72
72
|
"lexical": "^0.43.0"
|
|
73
73
|
},
|
|
74
74
|
"peerDependencies": {
|
|
75
|
-
"@veltra/compositions": "1.1.
|
|
76
|
-
"@veltra/directives": "1.1.
|
|
77
|
-
"@veltra/icons": "1.1.
|
|
78
|
-
"@veltra/styles": "1.1.
|
|
79
|
-
"@veltra/utils": "1.1.
|
|
75
|
+
"@veltra/compositions": "1.1.10",
|
|
76
|
+
"@veltra/directives": "1.1.10",
|
|
77
|
+
"@veltra/icons": "1.1.10",
|
|
78
|
+
"@veltra/styles": "1.1.10",
|
|
79
|
+
"@veltra/utils": "1.1.10",
|
|
80
80
|
"vue": "^3.5.33"
|
|
81
81
|
}
|
|
82
82
|
}
|
|
@@ -8,15 +8,14 @@ $root-name: button;
|
|
|
8
8
|
@include m.b($root-name) {
|
|
9
9
|
color: fn.component-var(button, default-color, fn.use-var(text-color, main));
|
|
10
10
|
box-sizing: border-box;
|
|
11
|
-
|
|
11
|
+
border-radius: 9999px;
|
|
12
12
|
line-height: 1;
|
|
13
13
|
outline: none;
|
|
14
14
|
text-decoration: none;
|
|
15
15
|
white-space: nowrap;
|
|
16
16
|
vertical-align: middle;
|
|
17
|
-
border-radius: fn.use-var(radius, default);
|
|
18
17
|
cursor: pointer;
|
|
19
|
-
padding: 0
|
|
18
|
+
padding: 0 1em;
|
|
20
19
|
-webkit-appearance: none;
|
|
21
20
|
border: 1px solid fn.component-var(button, default-border, transparent);
|
|
22
21
|
background-color: fn.component-var(button, default-bg, fn.use-var(color, default));
|
|
@@ -31,7 +30,11 @@ $root-name: button;
|
|
|
31
30
|
@include m.flex($display: inline-flex, $justify: center);
|
|
32
31
|
|
|
33
32
|
&:hover {
|
|
34
|
-
background-color: fn.component-var(
|
|
33
|
+
background-color: fn.component-var(
|
|
34
|
+
button,
|
|
35
|
+
default-hover-bg,
|
|
36
|
+
fn.use-var(color, default, 'dark-1')
|
|
37
|
+
);
|
|
35
38
|
border-color: fn.component-var(button, default-hover-border, transparent);
|
|
36
39
|
}
|
|
37
40
|
|
|
@@ -46,6 +49,7 @@ $root-name: button;
|
|
|
46
49
|
@include m.is(plain) {
|
|
47
50
|
background-color: fn.use-var(bg-color, top);
|
|
48
51
|
border-color: fn.use-var(color, default, 'dark-1');
|
|
52
|
+
box-shadow: none;
|
|
49
53
|
|
|
50
54
|
&:hover {
|
|
51
55
|
border-color: fn.use-var(color, default, 'dark-1');
|
|
@@ -86,11 +90,25 @@ $root-name: button;
|
|
|
86
90
|
|
|
87
91
|
@include m.m(color-#{$type}) {
|
|
88
92
|
background-color: fn.use-var(color, $type);
|
|
93
|
+
border-color: fn.component-var(button, #{$type}-border, fn.use-var(color, $type));
|
|
89
94
|
color: fn.component-var(button, #{$type}-text-color, fn.use-var(text-color, white));
|
|
90
95
|
|
|
91
96
|
&:hover {
|
|
92
|
-
background-color: fn.component-var(
|
|
93
|
-
|
|
97
|
+
background-color: fn.component-var(
|
|
98
|
+
button,
|
|
99
|
+
#{$type}-hover-bg,
|
|
100
|
+
fn.use-var(color, $type, dark-1)
|
|
101
|
+
);
|
|
102
|
+
border-color: fn.component-var(
|
|
103
|
+
button,
|
|
104
|
+
#{$type}-hover-border,
|
|
105
|
+
fn.use-var(color, $type, dark-1)
|
|
106
|
+
);
|
|
107
|
+
color: fn.component-var(
|
|
108
|
+
button,
|
|
109
|
+
#{$type}-hover-color,
|
|
110
|
+
fn.component-var(button, #{$type}-text-color, fn.use-var(text-color, white))
|
|
111
|
+
);
|
|
94
112
|
}
|
|
95
113
|
|
|
96
114
|
// 禁用
|
|
@@ -112,7 +130,11 @@ $root-name: button;
|
|
|
112
130
|
@include m.is-not(disabled, loading) {
|
|
113
131
|
&:hover,
|
|
114
132
|
&:focus {
|
|
115
|
-
background-color: fn.component-var(
|
|
133
|
+
background-color: fn.component-var(
|
|
134
|
+
button,
|
|
135
|
+
#{$type}-plain-bg,
|
|
136
|
+
fn.use-var(color, $type, 'light-9')
|
|
137
|
+
);
|
|
116
138
|
}
|
|
117
139
|
}
|
|
118
140
|
|
|
@@ -123,8 +145,25 @@ $root-name: button;
|
|
|
123
145
|
|
|
124
146
|
@include m.is(plain) {
|
|
125
147
|
color: fn.component-var(button, #{$type}-plain-color, fn.use-var(color, $type));
|
|
126
|
-
background-color: fn.component-var(
|
|
127
|
-
|
|
148
|
+
background-color: fn.component-var(
|
|
149
|
+
button,
|
|
150
|
+
#{$type}-plain-bg,
|
|
151
|
+
fn.use-var(color, $type, light-9)
|
|
152
|
+
);
|
|
153
|
+
border-color: fn.component-var(
|
|
154
|
+
button,
|
|
155
|
+
#{$type}-plain-border,
|
|
156
|
+
fn.use-var(color, $type, light-5)
|
|
157
|
+
);
|
|
158
|
+
box-shadow: none;
|
|
159
|
+
|
|
160
|
+
@include m.is-not(disabled, loading) {
|
|
161
|
+
&:hover {
|
|
162
|
+
color: fn.use-var(color, $type);
|
|
163
|
+
border-color: fn.use-var(color, $type);
|
|
164
|
+
background-color: fn.use-var(color, $type, light-9);
|
|
165
|
+
}
|
|
166
|
+
}
|
|
128
167
|
|
|
129
168
|
&:active {
|
|
130
169
|
box-shadow: none;
|
|
@@ -132,6 +171,7 @@ $root-name: button;
|
|
|
132
171
|
|
|
133
172
|
&.is-disabled {
|
|
134
173
|
color: fn.use-var(color, $type, light-5);
|
|
174
|
+
border-color: fn.use-var(color, $type, light-8);
|
|
135
175
|
}
|
|
136
176
|
}
|
|
137
177
|
}
|
|
@@ -158,10 +198,10 @@ $root-name: button;
|
|
|
158
198
|
border-radius: 0;
|
|
159
199
|
|
|
160
200
|
&:first-child {
|
|
161
|
-
border-radius:
|
|
201
|
+
border-radius: 9999px 0 0 9999px;
|
|
162
202
|
}
|
|
163
203
|
&:last-child {
|
|
164
|
-
border-radius: 0
|
|
204
|
+
border-radius: 0 9999px 9999px 0;
|
|
165
205
|
}
|
|
166
206
|
}
|
|
167
207
|
}
|
|
@@ -14,15 +14,12 @@ $root-name: card;
|
|
|
14
14
|
|
|
15
15
|
@include m.is(integrate) {
|
|
16
16
|
box-shadow: none;
|
|
17
|
+
--u-card-header-bg: transparent;
|
|
18
|
+
--u-card-action-bg: transparent;
|
|
17
19
|
& > {
|
|
18
20
|
@include m.bem($root-name, header) {
|
|
19
|
-
border-bottom: none;
|
|
20
21
|
padding-bottom: 0;
|
|
21
22
|
}
|
|
22
|
-
|
|
23
|
-
@include m.bem($root-name, action) {
|
|
24
|
-
border-top: none;
|
|
25
|
-
}
|
|
26
23
|
}
|
|
27
24
|
}
|
|
28
25
|
|
|
@@ -40,7 +37,7 @@ $root-name: card;
|
|
|
40
37
|
}
|
|
41
38
|
|
|
42
39
|
@include m.e(header) {
|
|
43
|
-
|
|
40
|
+
background-color: fn.use-var(header-bg, transparent);
|
|
44
41
|
color: fn.use-var(text-color, title);
|
|
45
42
|
}
|
|
46
43
|
|
|
@@ -66,21 +63,10 @@ $root-name: card;
|
|
|
66
63
|
}
|
|
67
64
|
|
|
68
65
|
@include m.e(action) {
|
|
69
|
-
|
|
66
|
+
background-color: fn.use-var(action-bg, transparent);
|
|
70
67
|
|
|
71
68
|
#{fn.bem(button)} + #{fn.bem(button)} {
|
|
72
69
|
margin-left: fn.use-var(gap, default);
|
|
73
70
|
}
|
|
74
71
|
}
|
|
75
|
-
|
|
76
|
-
// @include m.is(always-shadow) {
|
|
77
|
-
// box-shadow: fn.use-var(shadow);
|
|
78
|
-
// }
|
|
79
|
-
|
|
80
|
-
// @include m.is(hover-shadow) {
|
|
81
|
-
// transition: box-shadow 0.25s ease;
|
|
82
|
-
// &:hover {
|
|
83
|
-
// box-shadow: fn.use-var(shadow);
|
|
84
|
-
// }
|
|
85
|
-
// }
|
|
86
72
|
}
|
|
@@ -116,7 +116,11 @@ $menu-name: $root-name + '-panel-item';
|
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
@include m.is(active) {
|
|
119
|
-
background-color: fn.component-var(
|
|
119
|
+
background-color: fn.component-var(
|
|
120
|
+
cascade,
|
|
121
|
+
node-active-bg,
|
|
122
|
+
fn.use-var(color, primary, light-9)
|
|
123
|
+
);
|
|
120
124
|
color: fn.component-var(cascade, node-active-color, fn.use-var(color, primary));
|
|
121
125
|
border-radius: fn.use-var(radius, default);
|
|
122
126
|
}
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
// @vitest-environment happy-dom
|
|
2
|
+
import { createApp, h, nextTick, ref } from 'vue'
|
|
3
|
+
|
|
4
|
+
import UCollapseItem from '../collapse-item.vue'
|
|
5
|
+
import UCollapse from '../collapse.vue'
|
|
6
|
+
|
|
7
|
+
function mountCollapse(
|
|
8
|
+
props: Record<string, unknown> = {},
|
|
9
|
+
items: Array<{ value: string; title: string }> = [
|
|
10
|
+
{ value: 'a', title: 'Title A' },
|
|
11
|
+
{ value: 'b', title: 'Title B' }
|
|
12
|
+
]
|
|
13
|
+
) {
|
|
14
|
+
const host = document.createElement('div')
|
|
15
|
+
document.body.appendChild(host)
|
|
16
|
+
|
|
17
|
+
const model = ref(props.modelValue)
|
|
18
|
+
const app = createApp({
|
|
19
|
+
render() {
|
|
20
|
+
return h(
|
|
21
|
+
UCollapse,
|
|
22
|
+
{
|
|
23
|
+
...props,
|
|
24
|
+
modelValue: model.value,
|
|
25
|
+
'onUpdate:modelValue': (value: any) => {
|
|
26
|
+
model.value = value
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
() =>
|
|
30
|
+
items.map((item) =>
|
|
31
|
+
h(
|
|
32
|
+
UCollapseItem,
|
|
33
|
+
{ value: item.value, title: item.title },
|
|
34
|
+
() => `Content ${item.value}`
|
|
35
|
+
)
|
|
36
|
+
)
|
|
37
|
+
)
|
|
38
|
+
}
|
|
39
|
+
})
|
|
40
|
+
|
|
41
|
+
app.mount(host)
|
|
42
|
+
|
|
43
|
+
return {
|
|
44
|
+
host,
|
|
45
|
+
model,
|
|
46
|
+
unmount() {
|
|
47
|
+
app.unmount()
|
|
48
|
+
host.remove()
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
describe('Collapse', () => {
|
|
54
|
+
it('defaultCollapseAll defaults to false, which expands all items when no initial modelValue is provided', async () => {
|
|
55
|
+
const { host, model, unmount } = mountCollapse()
|
|
56
|
+
|
|
57
|
+
try {
|
|
58
|
+
await nextTick()
|
|
59
|
+
// 默认展开全部:modelValue 应该包含所有项的 value
|
|
60
|
+
expect(model.value).toEqual(['a', 'b'])
|
|
61
|
+
|
|
62
|
+
const activeItems = host.querySelectorAll('.u-collapse__item.is-active')
|
|
63
|
+
expect(activeItems.length).toBe(2)
|
|
64
|
+
} finally {
|
|
65
|
+
unmount()
|
|
66
|
+
}
|
|
67
|
+
})
|
|
68
|
+
|
|
69
|
+
it('defaultCollapseAll sets to true collapses all items', async () => {
|
|
70
|
+
const { host, model, unmount } = mountCollapse({ defaultCollapseAll: true })
|
|
71
|
+
|
|
72
|
+
try {
|
|
73
|
+
await nextTick()
|
|
74
|
+
// 全部折叠:modelValue 应该为空或未定义,没有任何项具有 is-active 样式
|
|
75
|
+
expect(model.value).toBeUndefined()
|
|
76
|
+
|
|
77
|
+
const activeItems = host.querySelectorAll('.u-collapse__item.is-active')
|
|
78
|
+
expect(activeItems.length).toBe(0)
|
|
79
|
+
} finally {
|
|
80
|
+
unmount()
|
|
81
|
+
}
|
|
82
|
+
})
|
|
83
|
+
|
|
84
|
+
it('defaultCollapseAll sets to empty string collapses all items', async () => {
|
|
85
|
+
const { host, model, unmount } = mountCollapse({ defaultCollapseAll: '' })
|
|
86
|
+
|
|
87
|
+
try {
|
|
88
|
+
await nextTick()
|
|
89
|
+
expect(model.value).toBeUndefined()
|
|
90
|
+
|
|
91
|
+
const activeItems = host.querySelectorAll('.u-collapse__item.is-active')
|
|
92
|
+
expect(activeItems.length).toBe(0)
|
|
93
|
+
} finally {
|
|
94
|
+
unmount()
|
|
95
|
+
}
|
|
96
|
+
})
|
|
97
|
+
|
|
98
|
+
it('defaultCollapseAll sets to "true" collapses all items', async () => {
|
|
99
|
+
const { host, model, unmount } = mountCollapse({ defaultCollapseAll: 'true' })
|
|
100
|
+
|
|
101
|
+
try {
|
|
102
|
+
await nextTick()
|
|
103
|
+
expect(model.value).toBeUndefined()
|
|
104
|
+
|
|
105
|
+
const activeItems = host.querySelectorAll('.u-collapse__item.is-active')
|
|
106
|
+
expect(activeItems.length).toBe(0)
|
|
107
|
+
} finally {
|
|
108
|
+
unmount()
|
|
109
|
+
}
|
|
110
|
+
})
|
|
111
|
+
|
|
112
|
+
it('respects initial modelValue even if defaultCollapseAll is false', async () => {
|
|
113
|
+
const { host, model, unmount } = mountCollapse({ modelValue: ['a'] })
|
|
114
|
+
|
|
115
|
+
try {
|
|
116
|
+
await nextTick()
|
|
117
|
+
// 外部传入初始值:即使 defaultCollapseAll 为 false,也仅激活外部指定的项
|
|
118
|
+
expect(model.value).toEqual(['a'])
|
|
119
|
+
|
|
120
|
+
const activeItems = host.querySelectorAll('.u-collapse__item.is-active')
|
|
121
|
+
expect(activeItems.length).toBe(1)
|
|
122
|
+
expect(activeItems[0].querySelector('.u-collapse__title')?.textContent).toBe('Title A')
|
|
123
|
+
} finally {
|
|
124
|
+
unmount()
|
|
125
|
+
}
|
|
126
|
+
})
|
|
127
|
+
|
|
128
|
+
it('accordion mode with defaultCollapseAll=false only expands the first item', async () => {
|
|
129
|
+
const { host, model, unmount } = mountCollapse({ accordion: true })
|
|
130
|
+
|
|
131
|
+
try {
|
|
132
|
+
await nextTick()
|
|
133
|
+
// 手风琴模式且没有初始值,默认只展开第一个
|
|
134
|
+
expect(model.value).toBe('a')
|
|
135
|
+
|
|
136
|
+
const activeItems = host.querySelectorAll('.u-collapse__item.is-active')
|
|
137
|
+
expect(activeItems.length).toBe(1)
|
|
138
|
+
expect(activeItems[0].querySelector('.u-collapse__title')?.textContent).toBe('Title A')
|
|
139
|
+
} finally {
|
|
140
|
+
unmount()
|
|
141
|
+
}
|
|
142
|
+
})
|
|
143
|
+
|
|
144
|
+
it('toggles collapse items on header click', async () => {
|
|
145
|
+
const { host, model, unmount } = mountCollapse({ defaultCollapseAll: true })
|
|
146
|
+
|
|
147
|
+
try {
|
|
148
|
+
await nextTick()
|
|
149
|
+
expect(model.value).toBeUndefined()
|
|
150
|
+
|
|
151
|
+
const headers = host.querySelectorAll('.u-collapse__header')
|
|
152
|
+
expect(headers.length).toBe(2)
|
|
153
|
+
|
|
154
|
+
// 点击第一个 header 展开它
|
|
155
|
+
;(headers[0] as HTMLElement).click()
|
|
156
|
+
await nextTick()
|
|
157
|
+
|
|
158
|
+
expect(model.value).toEqual(['a'])
|
|
159
|
+
expect(host.querySelectorAll('.u-collapse__item.is-active').length).toBe(1)
|
|
160
|
+
|
|
161
|
+
// 点击第二个 header 展开它
|
|
162
|
+
;(headers[1] as HTMLElement).click()
|
|
163
|
+
await nextTick()
|
|
164
|
+
|
|
165
|
+
expect(model.value).toEqual(['a', 'b'])
|
|
166
|
+
expect(host.querySelectorAll('.u-collapse__item.is-active').length).toBe(2)
|
|
167
|
+
|
|
168
|
+
// 再次点击第一个 header 收起它
|
|
169
|
+
;(headers[0] as HTMLElement).click()
|
|
170
|
+
await nextTick()
|
|
171
|
+
|
|
172
|
+
expect(model.value).toEqual(['b'])
|
|
173
|
+
expect(host.querySelectorAll('.u-collapse__item.is-active').length).toBe(1)
|
|
174
|
+
} finally {
|
|
175
|
+
unmount()
|
|
176
|
+
}
|
|
177
|
+
})
|
|
178
|
+
})
|
|
@@ -10,17 +10,11 @@
|
|
|
10
10
|
@keydown.enter.prevent="handleClick"
|
|
11
11
|
@keydown.space.prevent="handleClick"
|
|
12
12
|
>
|
|
13
|
-
<span v-if="showLeftIcon" :class="cls.e('icon')">
|
|
14
|
-
<slot name="icon" :is-active="isActive">
|
|
15
|
-
<UIcon><component :is="iconComponent" /></UIcon>
|
|
16
|
-
</slot>
|
|
17
|
-
</span>
|
|
18
|
-
|
|
19
13
|
<span :class="cls.e('title')">
|
|
20
14
|
<slot name="title">{{ title }}</slot>
|
|
21
15
|
</span>
|
|
22
16
|
|
|
23
|
-
<span
|
|
17
|
+
<span :class="cls.e('icon')">
|
|
24
18
|
<slot name="icon" :is-active="isActive">
|
|
25
19
|
<UIcon><component :is="iconComponent" /></UIcon>
|
|
26
20
|
</slot>
|
|
@@ -55,13 +49,8 @@ const cls = context?.cls ?? bem('collapse')
|
|
|
55
49
|
|
|
56
50
|
const isActive = computed(() => !!context?.activeValues.value.includes(props.value))
|
|
57
51
|
|
|
58
|
-
const iconPosition = computed(() => context?.iconPosition.value ?? 'right')
|
|
59
|
-
|
|
60
52
|
const iconComponent = computed(() => context?.expandIcon.value ?? ArrowRight)
|
|
61
53
|
|
|
62
|
-
const showLeftIcon = computed(() => !props.hideIcon && iconPosition.value === 'left')
|
|
63
|
-
const showRightIcon = computed(() => !props.hideIcon && iconPosition.value === 'right')
|
|
64
|
-
|
|
65
54
|
const classList = computed(() => [
|
|
66
55
|
cls.e('item'),
|
|
67
56
|
bem.is('active', isActive.value),
|
|
@@ -84,6 +73,7 @@ const wrapperEl = ref<HTMLElement>()
|
|
|
84
73
|
const { expandTransition } = context
|
|
85
74
|
|
|
86
75
|
onMounted(() => {
|
|
76
|
+
context?.register(props.value)
|
|
87
77
|
if (!wrapperEl.value) return
|
|
88
78
|
expandTransition.setExpanded(wrapperEl.value, isActive.value)
|
|
89
79
|
})
|
|
@@ -94,6 +84,7 @@ watch(isActive, (active) => {
|
|
|
94
84
|
})
|
|
95
85
|
|
|
96
86
|
onBeforeUnmount(() => {
|
|
87
|
+
context?.unregister(props.value)
|
|
97
88
|
if (!wrapperEl.value) return
|
|
98
89
|
expandTransition.cancel(wrapperEl.value)
|
|
99
90
|
})
|