@nutui/nutui 4.0.0-beta.20 → 4.0.0-beta.22

package/dist/styles/themes/jdt.scss

@@ -1,103 +1,103 @@
 @import '../variables-jdt.scss';
-@import '../../packages/cell/index.scss';
 @import '../../packages/cellgroup/index.scss';
-@import '../../packages/layout/index.scss';
-@import '../../packages/configprovider/index.scss';
-@import '../../packages/button/index.scss';
 @import '../../packages/image/index.scss';
-@import '../../packages/divider/index.scss';
+@import '../../packages/button/index.scss';
+@import '../../packages/overlay/index.scss';
+@import '../../packages/layout/index.scss';
+@import '../../packages/sticky/index.scss';
 @import '../../packages/popup/index.scss';
-@import '../../packages/col/index.scss';
 @import '../../packages/row/index.scss';
-@import '../../packages/sticky/index.scss';
+@import '../../packages/navbar/index.scss';
+@import '../../packages/col/index.scss';
 @import '../../packages/grid/index.scss';
+@import '../../packages/divider/index.scss';
 @import '../../packages/griditem/index.scss';
-@import '../../packages/menu/index.scss';
-@import '../../packages/navbar/index.scss';
 @import '../../packages/menuitem/index.scss';
-@import '../../packages/fixednav/index.scss';
-@import '../../packages/tabbaritem/index.scss';
-@import '../../packages/pagination/index.scss';
-@import '../../packages/tabpane/index.scss';
-@import '../../packages/indicator/index.scss';
+@import '../../packages/elevator/index.scss';
 @import '../../packages/tabbar/index.scss';
+@import '../../packages/menu/index.scss';
+@import '../../packages/tabpane/index.scss';
 @import '../../packages/tabs/index.scss';
-@import '../../packages/sidenavbar/index.scss';
-@import '../../packages/overlay/index.scss';
+@import '../../packages/tabbaritem/index.scss';
+@import '../../packages/subsidenavbar/index.scss';
+@import '../../packages/indicator/index.scss';
 @import '../../packages/range/index.scss';
-@import '../../packages/searchbar/index.scss';
-@import '../../packages/cascader/index.scss';
+@import '../../packages/pagination/index.scss';
 @import '../../packages/sidenavbaritem/index.scss';
-@import '../../packages/checkboxgroup/index.scss';
-@import '../../packages/subsidenavbar/index.scss';
+@import '../../packages/sidenavbar/index.scss';
+@import '../../packages/cascader/index.scss';
+@import '../../packages/searchbar/index.scss';
 @import '../../packages/checkbox/index.scss';
+@import '../../packages/configprovider/index.scss';
 @import '../../packages/inputnumber/index.scss';
+@import '../../packages/cell/index.scss';
+@import '../../packages/checkboxgroup/index.scss';
 @import '../../packages/input/index.scss';
-@import '../../packages/elevator/index.scss';
-@import '../../packages/calendar/index.scss';
-@import '../../packages/radiogroup/index.scss';
+@import '../../packages/radio/index.scss';
+@import '../../packages/datepicker/index.scss';
+@import '../../packages/picker/index.scss';
 @import '../../packages/rate/index.scss';
+@import '../../packages/radiogroup/index.scss';
 @import '../../packages/calendaritem/index.scss';
-@import '../../packages/picker/index.scss';
-@import '../../packages/datepicker/index.scss';
-@import '../../packages/shortpassword/index.scss';
-@import '../../packages/radio/index.scss';
 @import '../../packages/textarea/index.scss';
-@import '../../packages/numberkeyboard/index.scss';
 @import '../../packages/uploader/index.scss';
+@import '../../packages/shortpassword/index.scss';
 @import '../../packages/form/index.scss';
-@import '../../packages/backtop/index.scss';
+@import '../../packages/numberkeyboard/index.scss';
 @import '../../packages/swipe/index.scss';
 @import '../../packages/formitem/index.scss';
-@import '../../packages/actionsheet/index.scss';
+@import '../../packages/drag/index.scss';
+@import '../../packages/backtop/index.scss';
 @import '../../packages/infiniteloading/index.scss';
-@import '../../packages/notify/index.scss';
+@import '../../packages/actionsheet/index.scss';
 @import '../../packages/pullrefresh/index.scss';
-@import '../../packages/switch/index.scss';
-@import '../../packages/toast/index.scss';
 @import '../../packages/dialog/index.scss';
-@import '../../packages/drag/index.scss';
+@import '../../packages/switch/index.scss';
+@import '../../packages/notify/index.scss';
+@import '../../packages/audiooperate/index.scss';
 @import '../../packages/audio/index.scss';
 @import '../../packages/avatar/index.scss';
-@import '../../packages/noticebar/index.scss';
 @import '../../packages/list/index.scss';
+@import '../../packages/avatargroup/index.scss';
+@import '../../packages/toast/index.scss';
 @import '../../packages/progress/index.scss';
+@import '../../packages/empty/index.scss';
+@import '../../packages/noticebar/index.scss';
+@import '../../packages/step/index.scss';
 @import '../../packages/circleprogress/index.scss';
-@import '../../packages/avatargroup/index.scss';
+@import '../../packages/video/index.scss';
 @import '../../packages/steps/index.scss';
-@import '../../packages/empty/index.scss';
-@import '../../packages/audiooperate/index.scss';
 @import '../../packages/swiper/index.scss';
-@import '../../packages/step/index.scss';
+@import '../../packages/imagepreview/index.scss';
 @import '../../packages/swiperitem/index.scss';
-@import '../../packages/countup/index.scss';
-@import '../../packages/countdown/index.scss';
 @import '../../packages/price/index.scss';
-@import '../../packages/imagepreview/index.scss';
-@import '../../packages/tag/index.scss';
-@import '../../packages/collapseitem/index.scss';
+@import '../../packages/countdown/index.scss';
+@import '../../packages/badge/index.scss';
 @import '../../packages/popover/index.scss';
+@import '../../packages/countup/index.scss';
 @import '../../packages/collapse/index.scss';
-@import '../../packages/table/index.scss';
-@import '../../packages/badge/index.scss';
 @import '../../packages/animate/index.scss';
-@import '../../packages/watermark/index.scss';
+@import '../../packages/table/index.scss';
+@import '../../packages/skeleton/index.scss';
+@import '../../packages/ellipsis/index.scss';
+@import '../../packages/collapseitem/index.scss';
 @import '../../packages/tour/index.scss';
-@import '../../packages/video/index.scss';
-@import '../../packages/trendarrow/index.scss';
-@import '../../packages/address/index.scss';
+@import '../../packages/watermark/index.scss';
 @import '../../packages/barrage/index.scss';
-@import '../../packages/ellipsis/index.scss';
 @import '../../packages/timeselect/index.scss';
+@import '../../packages/address/index.scss';
 @import '../../packages/signature/index.scss';
+@import '../../packages/timedetail/index.scss';
+@import '../../packages/trendarrow/index.scss';
 @import '../../packages/timepannel/index.scss';
-@import '../../packages/card/index.scss';
 @import '../../packages/sku/index.scss';
-@import '../../packages/timedetail/index.scss';
-@import '../../packages/ecard/index.scss';
 @import '../../packages/addresslist/index.scss';
+@import '../../packages/tag/index.scss';
+@import '../../packages/card/index.scss';
+@import '../../packages/category/index.scss';
 @import '../../packages/categorypane/index.scss';
+@import '../../packages/ecard/index.scss';
+@import '../../packages/fixednav/index.scss';
 @import '../../packages/comment/index.scss';
-@import '../../packages/category/index.scss';
 @import '../../packages/invoice/index.scss';
-@import '../../packages/skeleton/index.scss';
+@import '../../packages/calendar/index.scss';

package/dist/styles/variables-jdb.scss

@@ -596,6 +596,7 @@ $badge-background-color: linear-gradient(135deg, $primary-color-start 0%, $prima
 $badge-color: #fff !default;
 $badge-font-size: $font-size-1 !default;
 $badge-border-radius: 14px !default;
+$badge-icon-padding: 4px !default;
 $badge-padding: 0 5px !default;
 $badge-content-transform: translate(50%, -50%) !default;
 $badge-z-index: 1 !default;

package/dist/styles/variables-jddkh.scss

@@ -528,6 +528,7 @@ $badge-background-color: linear-gradient(135deg, $primary-color 0%, $primary-col
 $badge-color: #fff !default;
 $badge-font-size: $font-size-1 !default;
 $badge-border-radius: 8px !default;
+$badge-icon-padding: 4px !default;
 $badge-padding: 0 5px !default;
 $badge-content-transform: translate(50%, -50%) !default;
 $badge-z-index: 1 !default;

package/dist/styles/variables-jdt.scss

@@ -543,6 +543,7 @@ $badge-background-color: var(
 $badge-color: var(--nut-badge-color, #fff) !default;
 $badge-font-size: var(--nut-badge-font-size, $font-size-1) !default;
 $badge-border-radius: var(--nut-badge-border-radius, 14px) !default;
+$badge-icon-padding: var(--nut-badge-icon-padding, 4px) !default;
 $badge-padding: var(--nut-badge-padding, 0 5px) !default;
 $badge-content-transform: var(--nut-badge-content-transform, translate(50%, -50%)) !default;
 $badge-z-index: var(--nut-badge-z-index, 1) !default;

package/dist/styles/variables.scss

@@ -578,6 +578,7 @@ $badge-background-color: var(
 $badge-color: var(--nut-badge-color, #fff) !default;
 $badge-font-size: var(--nut-badge-font-size, $font-size-1) !default;
 $badge-border-radius: var(--nut-badge-border-radius, 14px) !default;
+$badge-icon-padding: var(--nut-badge-icon-padding, 4px) !default;
 $badge-padding: var(--nut-badge-padding, 0 5px) !default;
 $badge-content-transform: var(--nut-badge-content-transform, translate(50%, -50%)) !default;
 $badge-z-index: var(--nut-badge-z-index, 1) !default;

package/dist/types/__VUE/table/common.d.ts

@@ -3,15 +3,15 @@ import { DownArrow } from '@nutui/icons-vue';
 import { TableColumnProps } from './types';
 export declare const component: (componentName: string, translate: Function) => {
     components: {
-        RenderColumn: {
-            setup(props: any): () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>;
-            props: {
-                slots: PropType<(Function | undefined)[]>;
-                record: ObjectConstructor;
-            };
-        };
+        RenderColumn: import("vue").DefineComponent<{
+            slots: PropType<(Function | undefined)[]>;
+            record: ObjectConstructor;
+        }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            slots: PropType<(Function | undefined)[]>;
+            record: ObjectConstructor;
+        }>>, {}>;
         DownArrow: typeof DownArrow;
     };
     props: {

package/dist/types/__VUE/table/index.vue.d.ts

@@ -1,3 +1,5 @@
+import { PropType } from 'vue';
+import { TableColumnProps } from './types';
 
 declare type Install<T> = T & {
   install(app: import('vue').App): void;
@@ -8,7 +10,7 @@ declare const _default: Install< import("vue").DefineComponent<{
         default: boolean;
     };
     columns: {
-        type: import("vue").PropType<import("./types").TableColumnProps[]>;
+        type: PropType<TableColumnProps[]>;
         default: () => never[];
     };
     data: {
@@ -27,25 +29,25 @@ declare const _default: Install< import("vue").DefineComponent<{
     classes: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-    cellClasses: (item: import("./types").TableColumnProps) => {
+    cellClasses: (item: TableColumnProps) => {
         [x: string]: any;
         'nut-table__main__head__tr--border': any;
     };
-    getColumnItem: (value: string) => import("./types").TableColumnProps;
+    getColumnItem: (value: string) => TableColumnProps;
     getColumnItemStyle: (value: string) => any;
-    handleSorterClick: (item: import("./types").TableColumnProps) => void;
+    handleSorterClick: (item: TableColumnProps) => void;
     sortDataItem: () => any;
-    translate: Function;
-    stylehead: (item: import("./types").TableColumnProps) => string;
-    stylecolumn: (item: import("./types").TableColumnProps) => string;
+    translate: (keyPath: string, ...args: unknown[]) => string;
+    stylehead: (item: TableColumnProps) => string;
+    stylecolumn: (item: TableColumnProps) => string;
     curData: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "sorter"[], "sorter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     bordered: {
         type: BooleanConstructor;
         default: boolean;
     };
     columns: {
-        type: import("vue").PropType<import("./types").TableColumnProps[]>;
+        type: PropType<TableColumnProps[]>;
         default: () => never[];
     };
     data: {
@@ -61,11 +63,11 @@ declare const _default: Install< import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+    onSorter?: ((...args: any[]) => any) | undefined;
 }, {
     data: Record<string, any>;
     summary: Function;
-    columns: import("./types").TableColumnProps[];
+    columns: TableColumnProps[];
     bordered: boolean;
     striped: boolean;
 }>>;

package/dist/types/__VUE/table/renderColumn.d.ts

@@ -3,15 +3,15 @@ import { PropType } from 'vue';
 declare type Install<T> = T & {
   install(app: import('vue').App): void;
 };
-declare const _default: Install< {
-    setup(props: any): () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-    props: {
-        slots: PropType<(Function | undefined)[]>;
-        record: ObjectConstructor;
-    };
-}>;
+declare const _default: Install< import("vue").DefineComponent<{
+    slots: PropType<(Function | undefined)[]>;
+    record: ObjectConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    slots: PropType<(Function | undefined)[]>;
+    record: ObjectConstructor;
+}>>, {}>>;
 export default _default;
 
 declare module 'vue' {

package/dist/types/__VUE/textarea/index.vue.d.ts

@@ -1,3 +1,6 @@
+export interface InputTarget extends HTMLInputElement {
+    composing: boolean;
+}
 
 declare type Install<T> = T & {
   install(app: import('vue').App): void;
@@ -53,6 +56,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     focus: (event: Event) => void;
     blur: (event: Event) => void;
     translate: (keyPath: string, ...args: unknown[]) => string;
+    startComposing: ({ target }: Event) => void;
+    endComposing: ({ target }: Event) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "blur" | "focus")[], "change" | "update:modelValue" | "blur" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;

package/dist/types/index.d.ts

@@ -107,7 +107,7 @@ import CategoryPane from './__VUE/categorypane/index.vue';
 import Comment from './__VUE/comment/index.vue';
 import Invoice from './__VUE/invoice/index.vue';
 declare function install(app: App): void;
-declare const version = "4.0.0-beta.20";
+declare const version = "4.0.0-beta.22";
 export { install, version, Locale, Button, Cell, CellGroup, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Sticky, Divider, Grid, GridItem, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavbar, SideNavbarItem, SubSideNavbar, Range, Searchbar, Cascader, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, Textarea, Uploader, NumberKeyboard, Form, FormItem, Swipe, ActionSheet, Backtop, Drag, Dialog, InfiniteLoading, PullRefresh, Notify, Switch, Toast, Audio, AudioOperate, Avatar, AvatarGroup, List, Progress, CircleProgress, Noticebar, Empty, Video, Steps, Step, Swiper, SwiperItem, Price, ImagePreview, Countup, Countdown, Badge, Tag, Popover, Skeleton, Collapse, CollapseItem, Table, Animate, Ellipsis, Watermark, TrendArrow, Tour, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku, Card, Ecard, AddressList, Category, CategoryPane, Comment, Invoice, showDialog, showNotify, showToast, showImagePreview };
 declare const _default: {
     install: typeof install;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@nutui/nutui",
-  "version": "4.0.0-beta.20",
+  "version": "4.0.0-beta.22",
   "description": "京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）",
   "main": "dist/nutui.umd.js",
   "module": "dist/nutui.es.js",
   "style": "dist/style.css",
   "typings": "dist/types/index.d.ts",
   "sideEffects": [
-    "dist/packages/**/*",
+    "dist/packages/_es/*",
     "dist/styles/**",
     "dist/style.css"
   ],