@nutui/nutui-react-taro 3.0.17-beta.0 → 3.0.18-cpp

package/dist/es/packages/divider/style/style.harmony.css

@@ -6,67 +6,47 @@
   display: flex;
   align-items: center;
   flex-direction: row;
-  font-size: 14px;
-  color: #505259;
-  margin: 16px 0;
+  font-size: var(--nutui-divider-text-font-size, var(--nutui-font-size-base, 14px));
+  color: var(--nutui-divider-text-color, var(--nutui-color-text, #505259));
+  margin: var(--nutui-divider-margin, 16px 0);
   width: 100%;
-  border: 0 solid rgba(0, 0, 0, 0.06);
+  border: 0 solid var(--nutui-divider-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
 }
-.nut-divider-before {
+.nut-divider-before, .nut-divider-after {
   display: flex;
   border-style: solid;
-  border-color: rgba(0, 0, 0, 0.06);
-  border-width: 1px 0 0;
-  height: 1px;
+  border-color: var(--nutui-divider-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
+  border-width: var(--nutui-divider-line-height, 1px) 0 0;
+  height: var(--nutui-divider-line-height, 1px);
   flex: 1;
 }
-.nut-divider-after {
-  display: flex;
-  border-style: solid;
-  border-color: rgba(0, 0, 0, 0.06);
-  border-width: 1px 0 0;
-  height: 1px;
-  flex: 1;
-}
-.nut-divider-center-before {
-  margin-right: 8px;
-}
-.nut-divider-left-before {
-  margin-right: 8px;
-}
-.nut-divider-right-before {
-  margin-right: 8px;
-}
-.nut-divider-center-after {
-  margin-left: 8px;
+.nut-divider-center-before, .nut-divider-left-before, .nut-divider-right-before {
+  margin-right: var(--nutui-divider-spacing, 8px);
 }
-.nut-divider-left-after {
-  margin-left: 8px;
-}
-.nut-divider-right-after {
-  margin-left: 8px;
+.nut-divider-center-after, .nut-divider-left-after, .nut-divider-right-after {
+  margin-left: var(--nutui-divider-spacing, 8px);
 }
 .nut-divider-left-before {
-  width: 10%;
+  width: var(--nutui-divider-side-width, 10%);
   flex: none;
 }
 .nut-divider-right-after {
-  width: 10%;
+  width: var(--nutui-divider-side-width, 10%);
   flex: none;
 }
 .nut-divider-vertical {
   display: inline-flex;
   width: 0px;
-  height: 12px;
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
-  margin: 0 8px;
+  height: var(--nutui-divider-vertical-height, 12px);
+  border-left: 1px solid var(--nutui-divider-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
+  margin: var(--nutui-divider-vertical-margin, 0 8px);
   vertical-align: middle;
 }
 .nut-divider-rtl-before {
   margin-right: 0;
-  margin-left: 8px;
+  margin-left: var(--nutui-divider-spacing, 8px);
 }
 .nut-divider-rtl-after {
   margin-left: 0;
-  margin-right: 8px;
+  margin-right: var(--nutui-divider-spacing, 8px);
 }

package/dist/es/packages/elevator/style/style.harmony.css

@@ -19,7 +19,7 @@
   flex-direction: column;
   min-height: 100%;
   width: 100%;
-  background-color: #ffffff;
+  background-color: var(--nutui-elevator-list-bg-color, #ffffff);
   overflow: auto;
 }
 .nut-elevator-list-item {
@@ -32,20 +32,20 @@
 .nut-elevator-list-item-code {
   display: flex;
   align-items: center;
-  height: 34px;
-  font-size: 14px;
-  color: #888b94;
-  font-weight: 600;
+  height: var(--nutui-elevator-list-item-code-height, 34px);
+  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-base, 14px));
+  color: var(--nutui-elevator-list-item-code-color, var(--nutui-color-text-help, #888b94));
+  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-elevator-list-item-name {
   display: flex;
   align-items: center;
-  height: 34px;
-  font-size: 14px;
-  color: #1a1a1a;
+  height: var(--nutui-elevator-list-item-name-height, 34px);
+  font-size: var(--nutui-elevator-list-font-size, var(--nutui-font-size-base, 14px));
+  color: var(--nutui-elevator-list-color, var(--nutui-color-title, #1a1a1a));
 }
 .nut-elevator-list-item-name-highcolor {
-  color: #ff0f23;
+  color: var(--nutui-color-primary, #ff0f23);
   font-weight: 600;
 }
 .nut-elevator-list-fixed {
@@ -56,38 +56,38 @@
   display: flex;
   align-items: center;
   width: 100%;
-  padding: 0 36px 0 20px;
-  height: 34px;
+  padding: var(--nutui-elevator-list-item-padding, 0 36px 0 20px);
+  height: var(--nutui-elevator-list-item-code-height, 34px);
   box-sizing: border-box;
-  box-shadow: 0 0 10px #eee;
-  background-color: #ffffff;
+  box-shadow: var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee);
+  background-color: var(--nutui-elevator-list-fixed-bg-color, #ffffff);
 }
 .nut-elevator-list-fixed-title {
-  font-size: 14px;
-  color: #ff0f23;
-  font-weight: 600;
+  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-base, 14px));
+  color: var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #ff0f23));
+  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-elevator-code-current {
   position: absolute;
-  right: 60px;
-  top: 50%;
-  transform: translateY(-50%);
+  right: var(--nutui-elevator-list-item-code-current-right, 60px);
+  top: var(--nutui-elevator-list-item-code-current-top, 50%);
+  transform: var(--nutui-elevator-bars-transform, translateY(-50%));
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 45px;
-  height: 45px;
-  border-radius: 50%;
-  background: #c2c4cc;
+  width: var(--nutui-elevator-list-item-code-current-width, 45px);
+  height: var(--nutui-elevator-list-item-code-current-height, 45px);
+  border-radius: var(--nutui-elevator-list-item-code-current-border-radius, 50%);
+  background: var(--nutui-elevator-list-item-code-current-bg-color, var(--nutui-color-text-disabled, #c2c4cc));
   box-shadow: 0 3px 3px 1px rgb(240, 240, 240);
-  color: #ffffff;
+  color: var(--nutui-elevator-list-item-code-current-color, #ffffff);
 }
 .nut-elevator-bars {
   position: absolute;
-  right: 16px;
-  top: 50%;
-  transform: translateY(-50%);
-  z-index: 1;
+  right: var(--nutui-elevator-bars-right, 16px);
+  top: var(--nutui-elevator-bars-top, 50%);
+  transform: var(--nutui-elevator-bars-transform, translateY(-50%));
+  z-index: var(--nutui-elevator-bars-z-index, 1);
 }
 .nut-elevator-bars-inner {
   display: flex;
@@ -101,13 +101,13 @@
   width: 16px;
   border-radius: 50%;
   margin: 1px 0;
-  color: #888b94;
-  font-size: 10px;
+  color: var(--nutui-elevator-bars-color, var(--nutui-color-text-help, #888b94));
+  font-size: var(--nutui-elevator-bars-font-size, var(--nutui-font-size-xxs, 10px));
   cursor: pointer;
 }
 .nut-elevator-bars-inner-item-active {
-  font-weight: 600;
-  color: #ffffff;
+  font-weight: var(--nutui-font-weight-bold, 600);
+  color: var(--nutui-elevator-bars-active-color, #ffffff);
   /* #ifndef weapp jd*/
   background: linear-gradient(to right, #ff475d, #ff0f23);
   /* #endif */
@@ -116,20 +116,17 @@
   /* #endif */
 }
 .nut-elevator-horizontal .nut-elevator-list-item-code {
-  width: 34px;
+  width: var(--nutui-elevator-list-item-code-width, 34px);
   justify-content: center;
 }
 .nut-elevator-vertical .nut-elevator-list-item {
   flex-direction: column;
 }
 .nut-elevator-vertical .nut-elevator-list-item-code {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  border-bottom: var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
 }
-.nut-elevator-vertical .nut-elevator-list-item-name {
-  padding: 0 36px 0 20px;
-}
-.nut-elevator-vertical .nut-elevator-list-item-code {
-  padding: 0 36px 0 20px;
+.nut-elevator-vertical .nut-elevator-list-item-name, .nut-elevator-vertical .nut-elevator-list-item-code {
+  padding: var(--nutui-elevator-list-item-padding, 0 36px 0 20px);
 }
 
 [dir=rtl] .nut-elevator-list-fixed,
@@ -137,19 +134,13 @@
   left: auto;
   right: 0;
 }
-[dir=rtl] .nut-elevator-code-current {
-  right: auto;
-  left: 60px;
-}
+[dir=rtl] .nut-elevator-code-current,
 .nut-rtl .nut-elevator-code-current {
   right: auto;
-  left: 60px;
-}
-[dir=rtl] .nut-elevator-bars {
-  right: auto;
-  left: 16px;
+  left: var(--nutui-elevator-list-item-code-current-right, 60px);
 }
+[dir=rtl] .nut-elevator-bars,
 .nut-rtl .nut-elevator-bars {
   right: auto;
-  left: 16px;
+  left: var(--nutui-elevator-bars-right, 16px);
 }

package/dist/es/packages/ellipsis/ellipsis.js

@@ -9,7 +9,7 @@ import React, { useState, useRef, useEffect } from "react";
 import { nextTick, createSelectorQuery } from "@tarojs/taro";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
-import { getRectInMultiPlatform } from "../../utils/taro/get-rect";
+import { getRectInMultiPlatform, getRectInMultiPlatformWithoutCache } from "../../utils/taro/get-rect";
 import { ComponentDefaults } from "../../utils/typings";
 import { useRtl } from "../configprovider/index";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
@@ -217,7 +217,7 @@ export var Ellipsis = function(props) {
                     case 0:
                         return [
                             4,
-                            getRectInMultiPlatform(rootContain.current)
+                            getRectInMultiPlatformWithoutCache(rootContain.current)
                         ];
                     case 1:
                         refe = _state.sent();

package/dist/es/packages/ellipsis/style/style.harmony.css

@@ -7,7 +7,7 @@
 }
 .nut-ellipsis .nut-ellipsis-text {
   cursor: pointer;
-  color: #0073ff;
+  color: var(--nutui-ellipsis-expand-collapse-color, var(--nutui-color-info, #0073ff));
   display: inline-block;
 }
 .nut-ellipsis .nut-ellipsis-wordbreak {