vue-devui 1.3.1 → 1.3.2

package/types/accordion/src/accordion-item-hreflink.d.ts

@@ -220,15 +220,15 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     data: import("./accordion.type").AccordionMenuType;
     parent: AccordionMenuItem;
-    disabledKey: string;
-    itemTemplate: boolean;
     linkType: string;
     titleKey: string;
     loadingKey: string;
     childrenKey: string;
+    disabledKey: string;
     activeKey: string;
     openKey: string;
     menuItemTemplate: boolean;
+    itemTemplate: boolean;
     menuToggle: (event: MouseEvent) => void;
     itemClick: (event: MouseEvent) => void;
     activeItemChange: (event: MouseEvent) => void;

package/types/accordion/src/accordion-item-routerlink.d.ts

@@ -220,15 +220,15 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     data: import("./accordion.type").AccordionMenuType;
     parent: AccordionMenuItem;
-    disabledKey: string;
-    itemTemplate: boolean;
     linkType: string;
     titleKey: string;
     loadingKey: string;
     childrenKey: string;
+    disabledKey: string;
     activeKey: string;
     openKey: string;
     menuItemTemplate: boolean;
+    itemTemplate: boolean;
     menuToggle: (event: MouseEvent) => void;
     itemClick: (event: MouseEvent) => void;
     activeItemChange: (event: MouseEvent) => void;

package/types/accordion/src/accordion-item.d.ts

@@ -220,15 +220,15 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     data: import("./accordion.type").AccordionMenuType;
     parent: AccordionMenuItem;
-    disabledKey: string;
-    itemTemplate: boolean;
     linkType: string;
     titleKey: string;
     loadingKey: string;
     childrenKey: string;
+    disabledKey: string;
     activeKey: string;
     openKey: string;
     menuItemTemplate: boolean;
+    itemTemplate: boolean;
     menuToggle: (event: MouseEvent) => void;
     itemClick: (event: MouseEvent) => void;
     activeItemChange: (event: MouseEvent) => void;

package/types/accordion/src/accordion-list.d.ts

@@ -206,15 +206,15 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     data: AccordionMenuItem[];
     parent: AccordionMenuItem;
-    disabledKey: string;
-    itemTemplate: boolean;
     linkType: string;
     titleKey: string;
     loadingKey: string;
     childrenKey: string;
+    disabledKey: string;
     activeKey: string;
     openKey: string;
     menuItemTemplate: boolean;
+    itemTemplate: boolean;
     menuToggle: (event: MouseEvent) => void;
     itemClick: (event: MouseEvent) => void;
     activeItemChange: (event: MouseEvent) => void;

package/types/accordion/src/accordion-menu.d.ts

@@ -220,15 +220,15 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     data: import("./accordion.type").AccordionMenuType;
     parent: AccordionMenuItem;
-    disabledKey: string;
-    itemTemplate: boolean;
     linkType: string;
     titleKey: string;
     loadingKey: string;
     childrenKey: string;
+    disabledKey: string;
     activeKey: string;
     openKey: string;
     menuItemTemplate: boolean;
+    itemTemplate: boolean;
     menuToggle: (event: MouseEvent) => void;
     itemClick: (event: MouseEvent) => void;
     activeItemChange: (event: MouseEvent) => void;

package/types/accordion/src/accordion.d.ts

@@ -195,15 +195,15 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     readonly data: import("./accordion.type").AccordionMenuType;
-    readonly disabledKey: string;
-    readonly itemTemplate: boolean;
     readonly linkType: string;
     readonly titleKey: string;
     readonly loadingKey: string;
     readonly childrenKey: string;
+    readonly disabledKey: string;
     readonly activeKey: string;
     readonly openKey: string;
     readonly menuItemTemplate: boolean;
+    readonly itemTemplate: boolean;
     readonly menuToggle: (event: MouseEvent) => void;
     readonly itemClick: (event: MouseEvent) => void;
     readonly activeItemChange: (event: MouseEvent) => void;

package/types/auto-complete/src/auto-complete.d.ts

@@ -226,11 +226,11 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: boolean;
     readonly size: import("./auto-complete-types").AutoCompleteSize;
     readonly placeholder: string;
+    readonly disabledKey: string;
     readonly modelValue: string;
     readonly allowEmptyValueSearch: boolean;
     readonly appendToBody: boolean;
     readonly delay: number;
-    readonly disabledKey: string;
     readonly formatter: (item: string | import("./auto-complete-types").SourceItemObj) => string;
     readonly isSearching: boolean;
     readonly sceneType: string;

package/types/checkbox/src/checkbox-button.d.ts

@@ -140,8 +140,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly checked: boolean;
     readonly modelValue: boolean;
     readonly showAnimation: boolean;
-    readonly 'onUpdate:checked': (v: boolean) => void;
     readonly halfChecked: boolean;
+    readonly 'onUpdate:checked': (v: boolean) => void;
     readonly isShowTitle: boolean;
     readonly beforeChange: (isChecked: boolean, v: string | undefined) => boolean | Promise<boolean>;
 }>;

package/types/checkbox/src/checkbox.d.ts

@@ -140,8 +140,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly checked: boolean;
     readonly modelValue: boolean;
     readonly showAnimation: boolean;
-    readonly 'onUpdate:checked': (v: boolean) => void;
     readonly halfChecked: boolean;
+    readonly 'onUpdate:checked': (v: boolean) => void;
     readonly isShowTitle: boolean;
     readonly beforeChange: (isChecked: boolean, v: string | undefined) => boolean | Promise<boolean>;
 }>;

package/types/collapse/src/collapse.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    readonly modelValue: CollapseActiveData;
     readonly accordion: boolean;
+    readonly modelValue: CollapseActiveData;
 }>;
 export default _default;

package/types/date-picker/src/date-picker.d.ts

@@ -68,8 +68,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly range: boolean;
     readonly format: string;
-    readonly showTime: boolean;
     readonly autoClose: boolean;
+    readonly showTime: boolean;
     readonly rangeSpliter: string;
 }>;
 export default _default;

package/types/nav-sprite/src/nav-sprite.d.ts

@@ -114,8 +114,8 @@ declare const _default: import("vue").DefineComponent<{
     title: string;
     mode: import("./nav-sprite-types").SpriteMode;
     isOpen: boolean;
-    indent: number;
     hashSupport: boolean;
     maxLevel: number;
+    indent: number;
 }>;
 export default _default;

package/types/progress/src/progress.d.ts

@@ -80,11 +80,11 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     height: string;
     strokeWidth: number;
+    showContent: boolean;
     percentage: number;
     percentageText: string;
     barBgColor: string;
     isCircle: boolean;
-    showContent: boolean;
     percentageTextPlacement: string;
     percentageTextColor: string;
 }>;

package/types/steps-guide/src/steps-guide.d.ts

@@ -57,8 +57,8 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:stepIndex"?: ((...args: any[]) => any) | undefined;
 }, {
     readonly zIndex: number;
-    readonly showClose: boolean;
     readonly showDots: boolean;
+    readonly showClose: boolean;
     readonly stepIndex: number;
     readonly scrollToTargetSwitch: boolean;
     readonly stepChange: Function;

package/types/table/src/components/column/column.d.ts

@@ -175,9 +175,9 @@ declare const _default: import("vue").DefineComponent<{
     order: number;
     align: import("./column-types").ColumnAlign;
     field: string;
+    filterable: boolean;
     sortable: boolean;
     sortDirection: import("./column-types").SortDirection;
-    filterable: boolean;
     filterMultiple: boolean;
     filterList: import("./column-types").FilterConfig[];
     showOverflowTooltip: boolean;

package/types/tag-input/src/tag-input.d.ts

@@ -118,8 +118,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly spellcheck: boolean;
     readonly disabled: boolean;
     readonly placeholder: string;
-    readonly modelValue: Suggestion[];
     readonly noData: string;
+    readonly modelValue: Suggestion[];
     readonly maxLength: number;
     readonly displayProperty: string;
     readonly minLength: number;

package/types/tree/src/components/tree-node.d.ts

@@ -35,8 +35,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     data: IInnerTreeNode;
+    operate: import("../composables").IOperate;
     check: import("../composables").ICheck;
     dragdrop: import("../composables").IDragdrop;
-    operate: import("../composables").IOperate;
 }>;
 export default _default;

package/types/tree/src/tree.d.ts

@@ -41,8 +41,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     data: import("./composables").ITreeNode[];
+    operate: import("./composables").IOperate;
     check: import("./composables").ICheck;
     dragdrop: import("./composables").IDragdrop;
-    operate: import("./composables").IOperate;
 }>;
 export default _default;

package/types/vue-devui.d.ts

@@ -1,38 +1,55 @@
 import type { App } from 'vue';
+import { Accordion } from './accordion';
 import { Alert } from './alert';
+import { Anchor } from './anchor';
 import { AutoComplete } from './auto-complete';
 import { Avatar } from './avatar';
+import { BackTop } from './back-top';
 import { Badge } from './badge';
+import { Breadcrumb } from './breadcrumb';
 import { Button, ButtonGroup } from './button';
 import { Card } from './card';
+import { Carousel, CarouselItem } from './carousel';
+import { Cascader } from './cascader';
 import { Checkbox, CheckboxGroup, CheckboxButton } from './checkbox';
 import { Collapse, CollapseItem } from './collapse';
+import { ColorPicker } from './color-picker';
+import { Comment } from './comment';
 import { Countdown } from './countdown';
+import { DatePicker, StickSlider } from './date-picker';
 import { DatePickerPro, DRangeDatePickerPro } from './date-picker-pro';
+import { DraggableDirective, DroppableDirective, SortableDirective } from './dragdrop';
 import { Drawer, DrawerService } from './drawer';
 import { Dropdown, DropdownMenu } from './dropdown';
 import { EditableSelect } from './editable-select';
 import { Form, FormItem, FormOperation } from './form';
 import { Fullscreen } from './fullscreen';
+import { Gantt } from './gantt';
 import { Row, Col } from './grid';
 import { Icon, IconGroup } from './icon';
 import { ImagePreviewDirective, ImagePreviewService } from './image-preview';
 import { Input } from './input';
+import { InputIcon } from './input-icon';
 import { InputNumber } from './input-number';
 import { Layout, Content, Header, Footer, Aside } from './layout';
+import { List, ListItem } from './list';
 import { LoadingService, LoadingDirective } from './loading';
 import { Mention } from './mention';
 import { Menu, SubMenu, MenuItem } from './menu';
 import { Message } from './message';
 import { Modal } from './modal';
+import { MultiAutoComplete } from './multi-auto-complete';
+import { NavSprite } from './nav-sprite';
 import { Notification, NotificationService } from './notification';
 import { FlexibleOverlay, FixedOverlay } from './overlay';
 import { Pagination } from './pagination';
 import { Panel, PanelHeader, PanelBody, PanelFooter } from './panel';
 import { Popover } from './popover';
 import { Progress } from './progress';
+import { QuadrantDiagram } from './quadrant-diagram';
 import { Radio, RadioGroup, RadioButton } from './radio';
 import { Rate } from './rate';
+import { ReadTip } from './read-tip';
 import { Result } from './result';
 import { RippleDirective } from './ripple';
 import { Search } from './search';
@@ -43,19 +60,25 @@ import { Splitter } from './splitter';
 import { Statistic } from './statistic';
 import { Status } from './status';
 import { Steps, Step } from './steps';
+import { StepsGuide, StepsGuideDirective } from './steps-guide';
+import { Sticky } from './sticky';
 import { Switch } from './switch';
 import { Table, Column } from './table';
 import { Tabs, Tab } from './tabs';
 import { Tag } from './tag';
+import { TagInput } from './tag-input';
 import { Textarea } from './textarea';
 import { TimePicker } from './time-picker';
 import { TimeSelect } from './time-select';
 import { Timeline, TimelineItem } from './timeline';
 import { Tooltip } from './tooltip';
+import { Transfer } from './transfer';
 import { Tree } from './tree';
+import { TreeSelect } from './tree-select';
 import { Upload } from './upload';
+import { VirtualList } from './virtual-list';
 import './style/devui.scss';
-export { Alert, AutoComplete, Avatar, Badge, Button, ButtonGroup, Card, Checkbox, CheckboxGroup, CheckboxButton, Collapse, CollapseItem, Countdown, DatePickerPro, DRangeDatePickerPro, Drawer, DrawerService, Dropdown, DropdownMenu, EditableSelect, Form, FormItem, FormOperation, Fullscreen, Row, Col, Icon, IconGroup, ImagePreviewDirective, ImagePreviewService, Input, InputNumber, Layout, Content, Header, Footer, Aside, LoadingService, LoadingDirective, Mention, Menu, SubMenu, MenuItem, Message, Modal, Notification, NotificationService, FlexibleOverlay, FixedOverlay, Pagination, Panel, PanelHeader, PanelBody, PanelFooter, Popover, Progress, Radio, RadioGroup, RadioButton, Rate, Result, RippleDirective, Search, Select, Option, OptionGroup, Skeleton, SkeletonItem, Slider, Splitter, Statistic, Status, Steps, Step, Switch, Table, Column, Tabs, Tab, Tag, Textarea, TimePicker, TimeSelect, Timeline, TimelineItem, Tooltip, Tree, Upload };
+export { Accordion, Alert, Anchor, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, Button, ButtonGroup, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxGroup, CheckboxButton, Collapse, CollapseItem, ColorPicker, Comment, Countdown, DatePicker, StickSlider, DatePickerPro, DRangeDatePickerPro, DraggableDirective, DroppableDirective, SortableDirective, Drawer, DrawerService, Dropdown, DropdownMenu, EditableSelect, Form, FormItem, FormOperation, Fullscreen, Gantt, Row, Col, Icon, IconGroup, ImagePreviewDirective, ImagePreviewService, Input, InputIcon, InputNumber, Layout, Content, Header, Footer, Aside, List, ListItem, LoadingService, LoadingDirective, Mention, Menu, SubMenu, MenuItem, Message, Modal, MultiAutoComplete, NavSprite, Notification, NotificationService, FlexibleOverlay, FixedOverlay, Pagination, Panel, PanelHeader, PanelBody, PanelFooter, Popover, Progress, QuadrantDiagram, Radio, RadioGroup, RadioButton, Rate, ReadTip, Result, RippleDirective, Search, Select, Option, OptionGroup, Skeleton, SkeletonItem, Slider, Splitter, Statistic, Status, Steps, Step, StepsGuide, StepsGuideDirective, Sticky, Switch, Table, Column, Tabs, Tab, Tag, TagInput, Textarea, TimePicker, TimeSelect, Timeline, TimelineItem, Tooltip, Transfer, Tree, TreeSelect, Upload, VirtualList };
 declare const _default: {
     version: string;
     install(app: App): void;

package/vue-devui.es.js

@@ -33,7 +33,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { createVNode, defineComponent, ref, onMounted, Transition, withDirectives, vShow, nextTick, watch, provide, reactive, toRefs, onUnmounted, mergeProps, unref, withModifiers, Comment, Text, h, Fragment, inject, cloneVNode, computed, Teleport, createTextVNode, onBeforeUnmount, render, getCurrentInstance, resolveDirective, resolveDynamicComponent, isVNode, toRef, shallowRef, onBeforeMount, onUpdated, toRaw, watchEffect, renderSlot, useSlots, createApp, resolveComponent, shallowReactive, effect, TransitionGroup } from "vue";
+import { createVNode, defineComponent, ref, onMounted, Transition, withDirectives, vShow, nextTick, watch, provide, reactive, toRefs, onUnmounted, mergeProps, unref, withModifiers, Comment, Text, h, Fragment, inject, cloneVNode, computed, Teleport, createTextVNode, onBeforeUnmount, render, getCurrentInstance, resolveDirective, resolveDynamicComponent, isVNode, resolveComponent, toRef, shallowRef, onBeforeMount, onUpdated, toRaw, watchEffect, renderSlot, useSlots, createApp, shallowReactive, effect, TransitionGroup } from "vue";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 import { onClickOutside } from "@vueuse/core";
 const AlertCloseIcon = () => createVNode("svg", {
@@ -9764,7 +9764,7 @@ var Button = defineComponent({
     };
     return () => {
       var _a, _b;
-      return withDirectives(createVNode("button", {
+      return createVNode("button", {
         "class": classes.value,
         "disabled": disabled.value,
         "onClick": onClick
@@ -9773,9 +9773,15 @@ var Button = defineComponent({
         "size": "var(--devui-font-size, 12px)",
         "color": "",
         "class": iconClass.value
-      }, null), createVNode("span", {
+      }, null), withDirectives(createVNode("div", {
+        "class": "loading-icon__container"
+      }, [createVNode(resolveComponent("d-icon"), {
+        "name": "icon-loading",
+        "class": "button-icon-loading",
+        "color": "#BBDEFB"
+      }, null)]), [[vShow, loading2.value]]), createVNode("span", {
         "class": "button-content"
-      }, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a)])]), [[resolveDirective("loading"), loading2.value]]);
+      }, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a)])]);
     };
   }
 });
@@ -12550,6 +12556,7 @@ var VirtualList = defineComponent({
       const newTop = newScrollTop;
       syncScrollTop(newTop);
     };
+    const oldScrollTop = ref(0);
     const onComponentScroll = (e) => {
       var _a, _b;
       const {
@@ -12558,7 +12565,10 @@ var VirtualList = defineComponent({
       if (Math.abs(newScrollTop - state.scrollTop) >= 1) {
         syncScrollTop(newScrollTop);
       }
-      (_b = (_a = barRef == null ? void 0 : barRef.value) == null ? void 0 : _a.onShowBar) == null ? void 0 : _b.call(_a);
+      if (oldScrollTop.value) {
+        (_b = (_a = barRef == null ? void 0 : barRef.value) == null ? void 0 : _a.onShowBar) == null ? void 0 : _b.call(_a);
+      }
+      oldScrollTop.value = newScrollTop;
       ctx2.emit("scroll", e);
     };
     const [onRawWheel, onFireFoxScroll] = useFrameWheel(isVirtual, isScrollAtTop, isScrollAtBottom, (offsetY) => {
@@ -16988,10 +16998,10 @@ var Mention = defineComponent({
       if (props.trigger.includes(val[0])) {
         showSuggestions.value = true;
         if (props.position === "top") {
-          nextTick(() => {
+          setTimeout(() => {
             const height = window.getComputedStyle(suggestionsDom.value, null).height;
             suggestionsTop.value = -Number(height.replace("px", ""));
-          });
+          }, 0);
         }
         filteredSuggestions.value = suggestions.value.filter((item) => String(item[props.dmValueParse.value]).toLocaleLowerCase().includes(val.slice(1).toLocaleLowerCase()));
       } else {
@@ -20603,7 +20613,12 @@ var PageSize = defineComponent({
         prefix: () => createVNode("span", null, [currentPageSize.value])
       })]),
       menu: () => createVNode("ul", null, [pageSizeOptions.value.map((item, index2) => createVNode("li", {
-        "onClick": withModifiers(pageSizeChange, ["stop"]),
+        "class": {
+          active: item === currentPageSize.value
+        },
+        "onClick": withModifiers(pageSizeChange.bind(null, {
+          value: item
+        }), ["stop"]),
         "key": index2
       }, [item]))])
     }), createVNode("span", {
@@ -30153,7 +30168,7 @@ const installs = [
   UploadInstall
 ];
 var vueDevui = {
-  version: "1.2.0",
+  version: "1.3.1",
   install(app) {
     installs.forEach((p) => app.use(p));
   }