@nutui/nutui-react 3.0.0-beta.0 → 3.0.0-beta.10

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

@@ -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

@@ -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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-price {
   direction: ltr;
   font-size: var(--nutui-font-size-l, 16px);
@@ -6,44 +10,63 @@
   align-items: baseline;
 }
 .nut-price-symbol, .nut-price-integer, .nut-price-decimal {
-  color: var(--nutui-color-primary, #ff0f23);
+  color: var(--nutui-price-color, var(--nutui-color-text-help));
+  font-family: "JD";
+  line-height: 1;
+}
+.nut-price-darkgray .nut-price-symbol, .nut-price-darkgray .nut-price-integer, .nut-price-darkgray .nut-price-decimal {
+  font-family: "JD-Bold";
+  color: var(--nutui-price-darkgray-color, var(--nutui-gray-7));
+}
+.nut-price-primary .nut-price-symbol, .nut-price-primary .nut-price-integer, .nut-price-primary .nut-price-decimal {
+  font-family: "JD-Bold";
+  color: var(--nutui-price-color, var(--nutui-brand-6));
 }
 .nut-price-symbol {
-  font-size: var(--nutui-price-symbol-medium-size, 14px);
-  padding-right: var(--nutui-price-symbol-padding-right, 1px);
+  padding-right: var(--nutui-price-symbol-padding-right, 0px);
+}
+.nut-price-symbol-xlarge {
+  font-size: var(--nutui-price-symbol-xlarge-size, 12px);
 }
 .nut-price-symbol-large {
-  font-size: var(--nutui-price-symbol-big-size, 18px);
+  font-size: var(--nutui-price-symbol-large-size, 12px);
+}
+.nut-price-symbol-normal {
+  font-size: var(--nutui-price-symbol-normal-size, 12px);
 }
 .nut-price-symbol-small {
-  font-size: var(--nutui-price-symbol-small-size, 10px);
+  font-size: var(--nutui-price-symbol-small-size, 12px);
 }
 .nut-price-symbol-rtl {
   padding-right: 0;
-  padding-left: var(--nutui-price-symbol-padding-right, 1px);
+  padding-left: var(--nutui-price-symbol-padding-right, 0px);
 }
-.nut-price-integer {
-  font-size: var(--nutui-price-integer-medium-size, 16px);
+.nut-price-integer-xlarge {
+  font-size: var(--nutui-price-integer-xlarge-size, 24px);
 }
 .nut-price-integer-large {
-  font-size: var(--nutui-price-integer-big-size, 24px);
+  font-size: var(--nutui-price-integer-large-size, 18px);
+}
+.nut-price-integer-normal {
+  font-size: var(--nutui-price-integer-normal-size, 16px);
 }
 .nut-price-integer-small {
   font-size: var(--nutui-price-integer-small-size, 12px);
 }
-.nut-price-decimal {
-  font-size: var(--nutui-price-decimal-medium-size, 14px);
+.nut-price-decimal-xlarge {
+  font-size: var(--nutui-price-decimal-xlarge-size, 12px);
 }
 .nut-price-decimal-large {
-  font-size: var(--nutui-price-decimal-big-size, 18px);
+  font-size: var(--nutui-price-decimal-large-size, 12px);
+}
+.nut-price-decimal-normal {
+  font-size: var(--nutui-price-decimal-normal-size, 12px);
 }
 .nut-price-decimal-small {
-  font-size: var(--nutui-price-decimal-small-size, 10px);
+  font-size: var(--nutui-price-decimal-small-size, 12px);
 }
 .nut-price-line {
-  text-decoration: line-through var(--nutui-price-line-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
-  font-size: var(--nutui-price-line-font-size, 12px);
-  color: var(--nutui-price-line-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
+  text-decoration: line-through var(--nutui-price-line-color, var(--nutui-color-text-help));
 }
 
 .nut-tag {
@@ -61,16 +84,17 @@
 .nut-tag .nut-icon {
   vertical-align: middle;
   margin-left: 4px;
+  color: var(--nutui-tag-color, #ffffff);
 }
 .nut-tag-text {
   font-size: var(--nutui-tag-font-size, var(--nutui-font-size-xxs, 10px));
   color: var(--nutui-tag-color, #ffffff);
 }
 .nut-tag-text-plain {
-  color: var(--nutui-color-title, #1a1a1a);
+  color: var(--nutui-gray-7);
 }
 .nut-tag-default {
-  background: var(--nutui-tag-background-color, var(--nutui-color-title, #1a1a1a));
+  background: var(--nutui-tag-background-color, var(--nutui-gray-7));
 }
 .nut-tag-primary {
   background: #fa2c19;
@@ -82,10 +106,10 @@
   background: var(--nutui-tag-success-background-color, #4fc08d);
 }
 .nut-tag-danger {
-  background: var(--nutui-tag-danger-background-color, var(--nutui-color-danger, #ff0f23));
+  background: var(--nutui-tag-danger-background-color, var(--nutui-red-2));
 }
 .nut-tag-warning {
-  background: var(--nutui-tag-warning-background-color, var(--nutui-color-warning, #ffbf00));
+  background: var(--nutui-tag-warning-background-color, var(--nutui-yellow-2));
 }
 .nut-tag-round {
   border-radius: var(--nutui-tag-round-border-radius, 8px);
@@ -106,7 +130,7 @@
 }
 .nut-tag-plain {
   background-color: #fff;
-  border: var(--nutui-tag-border-width, 1px) solid var(--nutui-color-title, #1a1a1a);
+  border: var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7);
 }
 
 [dir=rtl] .nut-tag .nut-icon,
@@ -144,7 +168,7 @@
   word-break: break-all;
   line-height: 1.5;
   font-size: 14px;
-  color: var(--nutui-color-title, #1a1a1a);
+  color: var(--nutui-gray-7);
 }
 .nut-card-right-price {
   display: flex;
@@ -153,23 +177,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;
@@ -188,7 +202,7 @@
 }
 .nut-card-right-shop-name {
   line-height: 1.5;
-  color: var(--nutui-color-text, #505259);
+  color: var(--nutui-gray-6);
   font-size: 12px;
   padding-top: 4px;
 }

package/dist/es/packages/cascader/cascader.js

@@ -6,7 +6,7 @@ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import React, { isValidElement, useState, useEffect, useImperativeHandle } from "react";
 import classNames from "classnames";
-import { Loading, Checklist } from "@nutui/icons-react";
+import { Loading, Check } from "@nutui/icons-react";
 import { Popup } from "../popup/popup";
 import { Tabs } from "../tabs/tabs";
 import Tree, { convertListToOptions } from "./utils";
@@ -423,7 +423,7 @@ var InternalCascader = function(props, ref) {
                 if (/*#__PURE__*/ isValidElement(activeIcon)) {
                     return activeIcon;
                 }
-                return /*#__PURE__*/ React.createElement(Checklist, {
+                return /*#__PURE__*/ React.createElement(Check, {
                     className: "".concat(checked ? "".concat(classPrefix, "-icon-check") : '')
                 });
             }