npm - @nutui/nutui-react - Versions diffs - 3.0.0-beta.4 → 3.0.0-beta.6 - Mend

@nutui/nutui-react 3.0.0-beta.4 → 3.0.0-beta.6

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.

Files changed (315) hide show

package/dist/es/packages/actionsheet/actionsheet.js CHANGED Viewed

@@ -56,14 +56,17 @@ export var ActionSheet = function(props) {
     }, options.length ? /*#__PURE__*/ React.createElement("div", {
         className: "".concat(classPrefix, "-list")
     }, options.map(function(item, index) {
+        var statusClass = "".concat(item.disabled ? "".concat(classPrefix, "-item-disabled") : '', " ").concat(item.danger ? "".concat(classPrefix, "-item-danger") : '');
         return /*#__PURE__*/ React.createElement("div", {
-            className: "".concat(classPrefix, "-item ").concat(item.disabled ? 'disabled' : '', " ").concat(item.danger ? 'danger' : ''),
+            className: "".concat(classPrefix, "-item ").concat(statusClass),
             key: index,
             onClick: function() {
                 return chooseItem(item, index);
             }
-        }, item[optionKey.name], /*#__PURE__*/ React.createElement("div", {
-            className: "".concat(classPrefix, "-item-description")
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: "".concat(classPrefix, "-item-name ").concat(statusClass)
+        }, item[optionKey.name]), /*#__PURE__*/ React.createElement("div", {
+            className: "".concat(classPrefix, "-item-description ").concat(statusClass)
         }, item[optionKey.description]));
     })) : children, cancelText && /*#__PURE__*/ React.createElement("div", {
         className: "".concat(classPrefix, "-cancel"),

package/dist/es/packages/actionsheet/style/actionsheet.scss CHANGED Viewed

@@ -26,20 +26,26 @@
     line-height: $actionsheet-item-line-height;
     font-size: $font-size-base;
     color: $actionsheet-item-color;
-    background-color: $color-background-overlay;
     cursor: pointer;
+    &-name {
+      text-align: $actionsheet-item-text-align;
+      line-height: $actionsheet-item-line-height;
+      font-size: $font-size-base;
+      color: $actionsheet-item-color;
+    }
     &-description {
       display: block;
       font-size: $font-size-s;
       color: $color-text;
+      text-align: $actionsheet-item-text-align;
+      line-height: $actionsheet-item-line-height;
     }
-    &.danger {
+    &-danger {
       color: $actionsheet-item-danger;
     }
-    &.disabled {
+    &-disabled {
       color: $color-text-disabled !important;
       cursor: not-allowed;
     }

package/dist/es/packages/actionsheet/style/style.css CHANGED Viewed

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-overlay {
   /* #ifdef rn */
   position: absolute;
@@ -146,9 +150,6 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  /* #ifdef rn */
-  height: 300px;
-  /* #endif */
 }
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0;
@@ -433,18 +434,25 @@
   line-height: var(--nutui-actionsheet-item-line-height, 24px);
   font-size: var(--nutui-font-size-base, 14px);
   color: var(--nutui-actionsheet-item-color, var(--nutui-color-title, #1a1a1a));
-  background-color: var(--nutui-color-background-overlay, #ffffff);
   cursor: pointer;
 }
+.nut-actionsheet-cancel-name, .nut-actionsheet-item-name {
+  text-align: var(--nutui-actionsheet-item-text-align, center);
+  line-height: var(--nutui-actionsheet-item-line-height, 24px);
+  font-size: var(--nutui-font-size-base, 14px);
+  color: var(--nutui-actionsheet-item-color, var(--nutui-color-title, #1a1a1a));
+}
 .nut-actionsheet-cancel-description, .nut-actionsheet-item-description {
   display: block;
   font-size: var(--nutui-font-size-s, 12px);
   color: var(--nutui-color-text, #505259);
+  text-align: var(--nutui-actionsheet-item-text-align, center);
+  line-height: var(--nutui-actionsheet-item-line-height, 24px);
 }
-.nut-actionsheet-cancel.danger, .nut-actionsheet-item.danger {
+.nut-actionsheet-cancel-danger, .nut-actionsheet-item-danger {
   color: var(--nutui-actionsheet-item-danger, var(--nutui-color-danger, #ff0f23));
 }
-.nut-actionsheet-cancel.disabled, .nut-actionsheet-item.disabled {
+.nut-actionsheet-cancel-disabled, .nut-actionsheet-item-disabled {
   color: var(--nutui-color-text-disabled, #c2c4cc) !important;
   cursor: not-allowed;
 }

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

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-elevator {
   width: 100%;
   display: block;
@@ -261,9 +265,6 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  /* #ifdef rn */
-  height: 300px;
-  /* #endif */
 }
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0;

package/dist/es/packages/animate/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-animate {
   /* Animation css */
 }

package/dist/es/packages/animatingnumbers/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-countup-list {
   display: inline-flex;
   height: var(--nutui-countup-height, 32px);

package/dist/es/packages/audio/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-button {
   position: relative;
   display: flex;

package/dist/es/packages/avatar/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-image {
   display: block;
   position: relative;

package/dist/es/packages/avatarcropper/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-avatar-cropper {
   position: relative;
   display: flex;

package/dist/es/packages/avatargroup/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-avatar-group {
   display: flex;
   flex-direction: row;

package/dist/es/packages/backtop/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-backtop {
   display: none;
   position: fixed;

package/dist/es/packages/badge/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-badge {
   position: relative;
   display: inline-flex;

package/dist/es/packages/barrage/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-barrage {
   position: absolute;
   left: 0;

package/dist/es/packages/button/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-button {
   position: relative;
   display: flex;

package/dist/es/packages/calendar/style/style.css CHANGED Viewed

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-overlay {
   /* #ifdef rn */
   position: absolute;
@@ -146,9 +150,6 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  /* #ifdef rn */
-  height: 300px;
-  /* #endif */
 }
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0;

package/dist/es/packages/calendarcard/style/calendarcard.scss CHANGED Viewed

@@ -115,12 +115,12 @@
     &.prev,
     &.next,
     &.disabled {
+      cursor: not-allowed;
       .nut-calendarcard-day-top,
       .nut-calendarcard-day-inner,
       .nut-calendarcard-day-bottom {
         color: $calendar-disable-color;
       }
-      cursor: not-allowed;
     }
   }
 }

package/dist/es/packages/calendarcard/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-calendarcard {
   background: var(--nutui-color-background-overlay, #ffffff);
   border-radius: 12px;

package/dist/es/packages/calendaritem/style/style.css CHANGED Viewed

@@ -0,0 +1,4 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */

package/dist/es/packages/card/card.d.ts CHANGED Viewed

@@ -1,60 +1,16 @@
 import React, { FunctionComponent } from 'react';
 import { BasicComponent } from "../../utils/typings";
 export interface CardProps extends BasicComponent {
-    /**
-    * 左侧图片 Url
-    * @default -
-    */
-    src: string
-    /**
-    * 标题
-    * @default -
-    */
-    title: string
-    /**
-    * 商品价格
-    * @default -
-    */
-    price: string
-    /**
-    * 会员价格
-    * @default -
-    */
-    vipPrice: string
-    /**
-    * 店铺介绍
-    * @default -
-    */
-    shopDescription: string
-    /**
-    * 配送方式
-    * @default -
-    */
-    delivery: string
-    /**
-    * 店铺名称
-    * @default -
-    */
-    shopName: string
-    /**
-    * 自定义商品介绍
-    * @default -
-    */
-    description: React.ReactNode
-    /**
-    * 店铺介绍自定义
-    * @default -
-    */
-    tag: React.ReactNode
-    /**
-    * 价格后方自定义内容
-    * @default -
-    */
-    priceTag: React.ReactNode
-    /**
-    * 右下角内容自定义
-    * @default -
-    */
-    extra: React.ReactNode
+    src: string;
+    title: string;
+    price: string;
+    vipPrice: string;
+    shopDescription: string;
+    delivery: string;
+    shopName: string;
+    description: React.ReactNode;
+    tag: React.ReactNode;
+    priceTag: React.ReactNode;
+    extra: React.ReactNode;
 }
 export declare const Card: FunctionComponent<Partial<CardProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/es/packages/card/style/card.scss CHANGED Viewed

@@ -37,28 +37,13 @@
       line-height: 18px;
       margin-top: 9px;
-      .nut-price {
-        .nut-price-big {
-          font-size: 18px;
-        }
-        .nut-price-symbol,
-        .nut-price-point,
-        .nut-price-small {
-          font-size: 12px;
-        }
-      }
       &-origin {
         &.nut-price {
           margin-left: 2px;
-          color: #d2a448;
-          .nut-price-big,
           .nut-price-symbol,
-          .nut-price-point,
-          .nut-price-small {
-            font-size: 12px;
+          .nut-price-integer,
+          .nut-price-decimal {
+            color: #d2a448;
           }
         }
       }

package/dist/es/packages/card/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-price {
   direction: ltr;
   font-size: var(--nutui-font-size-l, 16px);
@@ -154,23 +158,13 @@
   line-height: 18px;
   margin-top: 9px;
 }
-.nut-card-right-price .nut-price .nut-price-big {
-  font-size: 18px;
-}
-.nut-card-right-price .nut-price .nut-price-symbol,
-.nut-card-right-price .nut-price .nut-price-point,
-.nut-card-right-price .nut-price .nut-price-small {
-  font-size: 12px;
-}
 .nut-card-right-price-origin.nut-price {
   margin-left: 2px;
-  color: #d2a448;
 }
-.nut-card-right-price-origin.nut-price .nut-price-big,
 .nut-card-right-price-origin.nut-price .nut-price-symbol,
-.nut-card-right-price-origin.nut-price .nut-price-point,
-.nut-card-right-price-origin.nut-price .nut-price-small {
-  font-size: 12px;
+.nut-card-right-price-origin.nut-price .nut-price-integer,
+.nut-card-right-price-origin.nut-price .nut-price-decimal {
+  color: #d2a448;
 }
 .nut-card-right-other {
   display: flex;

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

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-overlay {
   /* #ifdef rn */
   position: absolute;
@@ -146,9 +150,6 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  /* #ifdef rn */
-  height: 300px;
-  /* #endif */
 }
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0;

package/dist/es/packages/cell/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-cell-group {
   display: block;
 }

package/dist/es/packages/cellgroup/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-cell-group {
   display: block;
 }

package/dist/es/packages/checkbox/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-checkboxgroup .nut-checkbox-button {
   background-color: var(--nutui-color-background, #f5f6fa);
 }

package/dist/es/packages/checkboxgroup/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-checkboxgroup .nut-checkbox-button {
   background-color: var(--nutui-color-background, #f5f6fa);
 }

package/dist/es/packages/circleprogress/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-circleprogress {
   position: relative;
 }

package/dist/es/packages/col/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-col {
   box-sizing: border-box;
   word-break: break-all;

package/dist/es/packages/collapse/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-collapse-item {
   position: relative;
 }

package/dist/es/packages/collapseitem/style/style.css CHANGED Viewed

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-collapse-item {
   position: relative;
 }

package/dist/es/packages/configprovider/style/style.css CHANGED Viewed

@@ -0,0 +1,4 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */