@nutui/nutui-react 3.0.0-beta.13 → 3.0.0-beta.15

package/README.md

@@ -109,7 +109,7 @@ git clone https://github.com/jdf2e/nutui-react.git
 cd nutui-react
 
 # Install dependencies
-pnpm install
+pnpm install --ignore-pnpmfile
 
 # Enter mini-program development mode
 # Taro H5

package/dist/cjs/packages/address/style/style.css

@@ -672,7 +672,12 @@
 
 .nut-tabs-vertical .nut-tabs-ellipsis {
   white-space: break-spaces;
+  /* #ifdef harmony */
+  padding-left: 12px;
+  /* #endif */
+  /* #ifndef harmony */
   padding-left: 6px;
+  /* #endif */
   width: 90px;
   line-height: var(--nutui-font-size-base, 14px);
 }

package/dist/cjs/packages/cascader/style/style.css

@@ -554,7 +554,12 @@
 
 .nut-tabs-vertical .nut-tabs-ellipsis {
   white-space: break-spaces;
+  /* #ifdef harmony */
+  padding-left: 12px;
+  /* #endif */
+  /* #ifndef harmony */
   padding-left: 6px;
+  /* #endif */
   width: 90px;
   line-height: var(--nutui-font-size-base, 14px);
 }

package/dist/cjs/packages/nutui.react.build.d.ts

@@ -10,8 +10,6 @@ import Image from "../../../src/packages/image";
 export * from '@/packages/image';
 import Overlay from "../../../src/packages/overlay";
 export * from '@/packages/overlay';
-import Col from "../../../src/packages/col";
-export * from '@/packages/col';
 import Divider from "../../../src/packages/divider";
 export * from '@/packages/divider';
 import Grid from "../../../src/packages/grid";
@@ -20,6 +18,8 @@ import GridItem from "../../../src/packages/griditem";
 export * from '@/packages/griditem';
 import Layout from "../../../src/packages/layout";
 export * from '@/packages/layout';
+import Col from "../../../src/packages/col";
+export * from '@/packages/col';
 import Row from "../../../src/packages/row";
 export * from '@/packages/row';
 import Space from "../../../src/packages/space";
@@ -208,4 +208,4 @@ import WaterMark from "../../../src/packages/watermark";
 export * from '@/packages/watermark';
 import AvatarCropper from "../../../src/packages/avatarcropper";
 export * from '@/packages/avatarcropper';
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };

package/dist/cjs/packages/nutui.react.build.js

@@ -333,11 +333,11 @@ var _cellgroup = /*#__PURE__*/ _interop_require_default._(_export_star._(require
 var _configprovider = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./configprovider"), exports));
 var _image = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./image"), exports));
 var _overlay = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./overlay"), exports));
-var _col = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./col"), exports));
 var _divider = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./divider"), exports));
 var _grid = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./grid"), exports));
 var _griditem = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./griditem"), exports));
 var _layout = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./layout"), exports));
+var _col = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./col"), exports));
 var _row = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./row"), exports));
 var _space = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./space"), exports));
 var _sticky = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./sticky"), exports));

package/dist/cjs/packages/nutui.react.d.ts

@@ -10,8 +10,6 @@ import Image from "../../../src/packages/image";
 export * from '@/packages/image';
 import Overlay from "../../../src/packages/overlay";
 export * from '@/packages/overlay';
-import Col from "../../../src/packages/col";
-export * from '@/packages/col';
 import Divider from "../../../src/packages/divider";
 export * from '@/packages/divider';
 import Grid from "../../../src/packages/grid";
@@ -20,6 +18,8 @@ import GridItem from "../../../src/packages/griditem";
 export * from '@/packages/griditem';
 import Layout from "../../../src/packages/layout";
 export * from '@/packages/layout';
+import Col from "../../../src/packages/col";
+export * from '@/packages/col';
 import Row from "../../../src/packages/row";
 export * from '@/packages/row';
 import Space from "../../../src/packages/space";
@@ -214,11 +214,11 @@ import "../../../src/packages/cellgroup/cellgroup.scss";
 import "../../../src/packages/configprovider/configprovider.scss";
 import "../../../src/packages/image/image.scss";
 import "../../../src/packages/overlay/overlay.scss";
-import "../../../src/packages/col/col.scss";
 import "../../../src/packages/divider/divider.scss";
 import "../../../src/packages/grid/grid.scss";
 import "../../../src/packages/griditem/griditem.scss";
 import "../../../src/packages/layout/layout.scss";
+import "../../../src/packages/col/col.scss";
 import "../../../src/packages/row/row.scss";
 import "../../../src/packages/space/space.scss";
 import "../../../src/packages/sticky/sticky.scss";
@@ -313,4 +313,4 @@ import "../../../src/packages/timeselect/timeselect.scss";
 import "../../../src/packages/trendarrow/trendarrow.scss";
 import "../../../src/packages/watermark/watermark.scss";
 import "../../../src/packages/avatarcropper/avatarcropper.scss";
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };

package/dist/cjs/packages/nutui.react.js

@@ -333,11 +333,11 @@ var _cellgroup = /*#__PURE__*/ _interop_require_default._(_export_star._(require
 var _configprovider = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./configprovider"), exports));
 var _image = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./image"), exports));
 var _overlay = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./overlay"), exports));
-var _col = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./col"), exports));
 var _divider = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./divider"), exports));
 var _grid = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./grid"), exports));
 var _griditem = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./griditem"), exports));
 var _layout = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./layout"), exports));
+var _col = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./col"), exports));
 var _row = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./row"), exports));
 var _space = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./space"), exports));
 var _sticky = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./sticky"), exports));
@@ -438,11 +438,11 @@ require("./cellgroup/cellgroup.scss");
 require("./configprovider/configprovider.scss");
 require("./image/image.scss");
 require("./overlay/overlay.scss");
-require("./col/col.scss");
 require("./divider/divider.scss");
 require("./grid/grid.scss");
 require("./griditem/griditem.scss");
 require("./layout/layout.scss");
+require("./col/col.scss");
 require("./row/row.scss");
 require("./space/space.scss");
 require("./sticky/sticky.scss");

package/dist/cjs/packages/nutui.react.scss.d.ts

@@ -4,11 +4,11 @@ import "../../../src/packages/cellgroup/cellgroup.scss";
 import "../../../src/packages/configprovider/configprovider.scss";
 import "../../../src/packages/image/image.scss";
 import "../../../src/packages/overlay/overlay.scss";
-import "../../../src/packages/col/col.scss";
 import "../../../src/packages/divider/divider.scss";
 import "../../../src/packages/grid/grid.scss";
 import "../../../src/packages/griditem/griditem.scss";
 import "../../../src/packages/layout/layout.scss";
+import "../../../src/packages/col/col.scss";
 import "../../../src/packages/row/row.scss";
 import "../../../src/packages/space/space.scss";
 import "../../../src/packages/sticky/sticky.scss";

package/dist/cjs/packages/nutui.react.scss.js

@@ -8,11 +8,11 @@ require("./cellgroup/cellgroup.scss");
 require("./configprovider/configprovider.scss");
 require("./image/image.scss");
 require("./overlay/overlay.scss");
-require("./col/col.scss");
 require("./divider/divider.scss");
 require("./grid/grid.scss");
 require("./griditem/griditem.scss");
 require("./layout/layout.scss");
+require("./col/col.scss");
 require("./row/row.scss");
 require("./space/space.scss");
 require("./sticky/sticky.scss");

package/dist/cjs/packages/resultpage/style/resultpage.scss

@@ -35,6 +35,9 @@
     display: flex;
     flex-direction: row;
     margin-top: $resultpage-actions-margin-top;
+    .nut-button-children {
+      white-space: nowrap;
+    }
   }
   &-action {
     margin-left: 6px;

package/dist/cjs/packages/resultpage/style/style.css

@@ -41,6 +41,9 @@
   flex-direction: row;
   margin-top: var(--nutui-resultpage-actions-margin-top, 16px);
 }
+.nut-resultpage-actions .nut-button-children {
+  white-space: nowrap;
+}
 .nut-resultpage-action {
   margin-left: 6px;
   margin-right: 6px;

package/dist/cjs/packages/tabs/style/style.css

@@ -185,7 +185,12 @@
 
 .nut-tabs-vertical .nut-tabs-ellipsis {
   white-space: break-spaces;
+  /* #ifdef harmony */
+  padding-left: 12px;
+  /* #endif */
+  /* #ifndef harmony */
   padding-left: 6px;
+  /* #endif */
   width: 90px;
   line-height: var(--nutui-font-size-base, 14px);
 }

package/dist/cjs/packages/tabs/style/tabs.scss

@@ -213,7 +213,12 @@
 .nut-tabs-vertical {
   .nut-tabs-ellipsis {
     white-space: break-spaces;
+    /* #ifdef harmony */
+    padding-left: 12px;
+    /* #endif */
+    /* #ifndef harmony */
     padding-left: 6px;
+    /* #endif */
     width: 90px;
     line-height: $font-size-base;
   }

package/dist/es/packages/address/style/style.css

@@ -672,7 +672,12 @@
 
 .nut-tabs-vertical .nut-tabs-ellipsis {
   white-space: break-spaces;
+  /* #ifdef harmony */
+  padding-left: 12px;
+  /* #endif */
+  /* #ifndef harmony */
   padding-left: 6px;
+  /* #endif */
   width: 90px;
   line-height: var(--nutui-font-size-base, 14px);
 }

package/dist/es/packages/cascader/style/style.css

@@ -554,7 +554,12 @@
 
 .nut-tabs-vertical .nut-tabs-ellipsis {
   white-space: break-spaces;
+  /* #ifdef harmony */
+  padding-left: 12px;
+  /* #endif */
+  /* #ifndef harmony */
   padding-left: 6px;
+  /* #endif */
   width: 90px;
   line-height: var(--nutui-font-size-base, 14px);
 }

package/dist/es/packages/nutui.react.build.d.ts

@@ -10,8 +10,6 @@ import Image from "../../../src/packages/image";
 export * from '@/packages/image';
 import Overlay from "../../../src/packages/overlay";
 export * from '@/packages/overlay';
-import Col from "../../../src/packages/col";
-export * from '@/packages/col';
 import Divider from "../../../src/packages/divider";
 export * from '@/packages/divider';
 import Grid from "../../../src/packages/grid";
@@ -20,6 +18,8 @@ import GridItem from "../../../src/packages/griditem";
 export * from '@/packages/griditem';
 import Layout from "../../../src/packages/layout";
 export * from '@/packages/layout';
+import Col from "../../../src/packages/col";
+export * from '@/packages/col';
 import Row from "../../../src/packages/row";
 export * from '@/packages/row';
 import Space from "../../../src/packages/space";
@@ -208,4 +208,4 @@ import WaterMark from "../../../src/packages/watermark";
 export * from '@/packages/watermark';
 import AvatarCropper from "../../../src/packages/avatarcropper";
 export * from '@/packages/avatarcropper';
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };

package/dist/es/packages/nutui.react.build.js

@@ -10,8 +10,6 @@ import Image from "./image";
 export * from "./image";
 import Overlay from "./overlay";
 export * from "./overlay";
-import Col from "./col";
-export * from "./col";
 import Divider from "./divider";
 export * from "./divider";
 import Grid from "./grid";
@@ -20,6 +18,8 @@ import GridItem from "./griditem";
 export * from "./griditem";
 import Layout from "./layout";
 export * from "./layout";
+import Col from "./col";
+export * from "./col";
 import Row from "./row";
 export * from "./row";
 import Space from "./space";
@@ -208,4 +208,4 @@ import WaterMark from "./watermark";
 export * from "./watermark";
 import AvatarCropper from "./avatarcropper";
 export * from "./avatarcropper";
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };

package/dist/es/packages/resultpage/style/resultpage.scss

@@ -35,6 +35,9 @@
     display: flex;
     flex-direction: row;
     margin-top: $resultpage-actions-margin-top;
+    .nut-button-children {
+      white-space: nowrap;
+    }
   }
   &-action {
     margin-left: 6px;

package/dist/es/packages/resultpage/style/style.css

@@ -41,6 +41,9 @@
   flex-direction: row;
   margin-top: var(--nutui-resultpage-actions-margin-top, 16px);
 }
+.nut-resultpage-actions .nut-button-children {
+  white-space: nowrap;
+}
 .nut-resultpage-action {
   margin-left: 6px;
   margin-right: 6px;

package/dist/es/packages/tabs/style/style.css

@@ -185,7 +185,12 @@
 
 .nut-tabs-vertical .nut-tabs-ellipsis {
   white-space: break-spaces;
+  /* #ifdef harmony */
+  padding-left: 12px;
+  /* #endif */
+  /* #ifndef harmony */
   padding-left: 6px;
+  /* #endif */
   width: 90px;
   line-height: var(--nutui-font-size-base, 14px);
 }

package/dist/es/packages/tabs/style/tabs.scss

@@ -213,7 +213,12 @@
 .nut-tabs-vertical {
   .nut-tabs-ellipsis {
     white-space: break-spaces;
+    /* #ifdef harmony */
+    padding-left: 12px;
+    /* #endif */
+    /* #ifndef harmony */
     padding-left: 6px;
+    /* #endif */
     width: 90px;
     line-height: $font-size-base;
   }

package/dist/nutui.react.umd.js

@@ -4147,57 +4147,13 @@ Check the top-level render call using <` + t + ">.");
     }), children));
   };
   Overlay.displayName = "NutOverlay";
-  var DataContext$1 = React.createContext({});
   var defaultProps$1x = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    span: "24",
-    offset: "0",
-    gutter: "0",
-    isFirst: false,
-    isLast: false
-  });
-  var Col = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1x, props), className = _$_object_spread.className, style = _$_object_spread.style, span = _$_object_spread.span, offset = _$_object_spread.offset, children = _$_object_spread.children, isFirst = _$_object_spread.isFirst, isLast = _$_object_spread.isLast, onClick = _$_object_spread.onClick;
-    var _useState = _sliced_to_array(React.useState(""), 2), colName = _useState[0], setColName = _useState[1];
-    var _useState1 = _sliced_to_array(React.useState({}), 2), colStyle = _useState1[0], setColStyle = _useState1[1];
-    var gutter = React.useContext(DataContext$1).gutter;
-    var classs = function() {
-      var prefixCls2 = "nut-col";
-      return "".concat(prefixCls2, " ").concat(prefixCls2, "-").concat(span, " ").concat(gutter ? "".concat(prefixCls2, "-gutter") : "", " ").concat(prefixCls2, "-offset-").concat(offset);
-    };
-    var getStyle = function() {
-      var style2 = {};
-      if (!isFirst) {
-        style2.paddingLeft = "".concat(gutter / 2, "px");
-      }
-      if (!isLast) {
-        style2.paddingRight = "".concat(gutter / 2, "px");
-      }
-      return style2;
-    };
-    React.useEffect(function() {
-      setColName(classs);
-      setColStyle(getStyle);
-    }, [
-      span,
-      offset,
-      gutter
-    ]);
-    return /* @__PURE__ */ React.createElement("div", {
-      className: classNames(colName, className),
-      style: _object_spread({}, style, colStyle),
-      onClick: function(e2) {
-        onClick && onClick(e2, "col");
-      }
-    }, children);
-  };
-  Col.displayName = "NutCol";
-  var defaultProps$1w = _object_spread_props(_object_spread({}, ComponentDefaults), {
     contentPosition: "center",
     direction: "horizontal"
   });
   var classPrefix$r = "nut-divider";
   var Divider = function(props) {
-    var _ref = _object_spread({}, defaultProps$1w, props), children = _ref.children, contentPosition = _ref.contentPosition, style = _ref.style, className = _ref.className, direction = _ref.direction, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1x, props), children = _ref.children, contentPosition = _ref.contentPosition, style = _ref.style, className = _ref.className, direction = _ref.direction, rest = _object_without_properties(_ref, [
       "children",
       "contentPosition",
       "style",
@@ -4235,7 +4191,7 @@ Check the top-level render call using <` + t + ">.");
   var pxCheck = function(value2) {
     return parseFloat(value2.toString());
   };
-  var defaultProps$1v = {
+  var defaultProps$1w = {
     text: "",
     columns: 4,
     gap: 9,
@@ -4245,7 +4201,7 @@ Check the top-level render call using <` + t + ">.");
     direction: "vertical"
   };
   var GridItem = function(props) {
-    var _ref = _object_spread({}, defaultProps$1v, props), children = _ref.children, style = _ref.style, columns = _ref.columns, index2 = _ref.index, gap = _ref.gap, square = _ref.square, text2 = _ref.text, center = _ref.center, reverse = _ref.reverse, direction = _ref.direction, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1w, props), children = _ref.children, style = _ref.style, columns = _ref.columns, index2 = _ref.index, gap = _ref.gap, square = _ref.square, text2 = _ref.text, center = _ref.center, reverse = _ref.reverse, direction = _ref.direction, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
       "children",
       "style",
       "columns",
@@ -4315,7 +4271,7 @@ Check the top-level render call using <` + t + ">.");
     }, text2)));
   };
   GridItem.displayName = "NutGridItem";
-  var defaultProps$1u = {
+  var defaultProps$1v = {
     columns: 4,
     gap: 9,
     center: true,
@@ -4324,7 +4280,7 @@ Check the top-level render call using <` + t + ">.");
     direction: "vertical"
   };
   var Grid = function(props) {
-    var _ref = _object_spread({}, defaultProps$1u, props), children = _ref.children, columns = _ref.columns, gap = _ref.gap, center = _ref.center, square = _ref.square, reverse = _ref.reverse, direction = _ref.direction, style = _ref.style, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1v, props), children = _ref.children, columns = _ref.columns, gap = _ref.gap, center = _ref.center, square = _ref.square, reverse = _ref.reverse, direction = _ref.direction, style = _ref.style, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
       "children",
       "columns",
       "gap",
@@ -4375,6 +4331,50 @@ Check the top-level render call using <` + t + ">.");
     }, "Layout");
   };
   Layout.displayName = "NutLayout";
+  var DataContext$1 = React.createContext({});
+  var defaultProps$1u = _object_spread_props(_object_spread({}, ComponentDefaults), {
+    span: "24",
+    offset: "0",
+    gutter: "0",
+    isFirst: false,
+    isLast: false
+  });
+  var Col = function(props) {
+    var _$_object_spread = _object_spread({}, defaultProps$1u, props), className = _$_object_spread.className, style = _$_object_spread.style, span = _$_object_spread.span, offset = _$_object_spread.offset, children = _$_object_spread.children, isFirst = _$_object_spread.isFirst, isLast = _$_object_spread.isLast, onClick = _$_object_spread.onClick;
+    var _useState = _sliced_to_array(React.useState(""), 2), colName = _useState[0], setColName = _useState[1];
+    var _useState1 = _sliced_to_array(React.useState({}), 2), colStyle = _useState1[0], setColStyle = _useState1[1];
+    var gutter = React.useContext(DataContext$1).gutter;
+    var classs = function() {
+      var prefixCls2 = "nut-col";
+      return "".concat(prefixCls2, " ").concat(prefixCls2, "-").concat(span, " ").concat(gutter ? "".concat(prefixCls2, "-gutter") : "", " ").concat(prefixCls2, "-offset-").concat(offset);
+    };
+    var getStyle = function() {
+      var style2 = {};
+      if (!isFirst) {
+        style2.paddingLeft = "".concat(gutter / 2, "px");
+      }
+      if (!isLast) {
+        style2.paddingRight = "".concat(gutter / 2, "px");
+      }
+      return style2;
+    };
+    React.useEffect(function() {
+      setColName(classs);
+      setColStyle(getStyle);
+    }, [
+      span,
+      offset,
+      gutter
+    ]);
+    return /* @__PURE__ */ React.createElement("div", {
+      className: classNames(colName, className),
+      style: _object_spread({}, style, colStyle),
+      onClick: function(e2) {
+        onClick && onClick(e2, "col");
+      }
+    }, children);
+  };
+  Col.displayName = "NutCol";
   var classPrefix$q = "nut-row";
   var defaultProps$1t = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "",