@nutui/nutui-react-taro 3.0.0-beta.9 → 3.0.0

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

@@ -0,0 +1,360 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-col {
+  box-sizing: border-box;
+  word-break: break-all;
+  margin-bottom: 15px;
+}
+
+[dir=rtl] .nut-col,
+.nut-rtl .nut-col {
+  float: right;
+}
+[dir=rtl] .nut-col.nut-col-gutter:last-child,
+.nut-rtl .nut-col.nut-col-gutter:last-child {
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
+[dir=rtl] .nut-col.nut-col-gutter:first-child,
+.nut-rtl .nut-col.nut-col-gutter:first-child {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
+.nut-col-offset-1 {
+  margin-left: 4.166666666%;
+}
+
+[dir=rtl] .nut-col-offset-1,
+.nut-rtl .nut-col-offset-1 {
+  margin-left: 0;
+  margin-right: 4.166666666%;
+}
+
+.nut-col-1 {
+  width: 4.166666666%;
+}
+
+.nut-col-offset-2 {
+  margin-left: 8.333333332%;
+}
+
+[dir=rtl] .nut-col-offset-2,
+.nut-rtl .nut-col-offset-2 {
+  margin-left: 0;
+  margin-right: 8.333333332%;
+}
+
+.nut-col-2 {
+  width: 8.333333332%;
+}
+
+.nut-col-offset-3 {
+  margin-left: 12.499999998%;
+}
+
+[dir=rtl] .nut-col-offset-3,
+.nut-rtl .nut-col-offset-3 {
+  margin-left: 0;
+  margin-right: 12.499999998%;
+}
+
+.nut-col-3 {
+  width: 12.499999998%;
+}
+
+.nut-col-offset-4 {
+  margin-left: 16.666666664%;
+}
+
+[dir=rtl] .nut-col-offset-4,
+.nut-rtl .nut-col-offset-4 {
+  margin-left: 0;
+  margin-right: 16.666666664%;
+}
+
+.nut-col-4 {
+  width: 16.666666664%;
+}
+
+.nut-col-offset-5 {
+  margin-left: 20.83333333%;
+}
+
+[dir=rtl] .nut-col-offset-5,
+.nut-rtl .nut-col-offset-5 {
+  margin-left: 0;
+  margin-right: 20.83333333%;
+}
+
+.nut-col-5 {
+  width: 20.83333333%;
+}
+
+.nut-col-offset-6 {
+  margin-left: 24.999999996%;
+}
+
+[dir=rtl] .nut-col-offset-6,
+.nut-rtl .nut-col-offset-6 {
+  margin-left: 0;
+  margin-right: 24.999999996%;
+}
+
+.nut-col-6 {
+  width: 24.999999996%;
+}
+
+.nut-col-offset-7 {
+  margin-left: 29.166666662%;
+}
+
+[dir=rtl] .nut-col-offset-7,
+.nut-rtl .nut-col-offset-7 {
+  margin-left: 0;
+  margin-right: 29.166666662%;
+}
+
+.nut-col-7 {
+  width: 29.166666662%;
+}
+
+.nut-col-offset-8 {
+  margin-left: 33.333333328%;
+}
+
+[dir=rtl] .nut-col-offset-8,
+.nut-rtl .nut-col-offset-8 {
+  margin-left: 0;
+  margin-right: 33.333333328%;
+}
+
+.nut-col-8 {
+  width: 33.333333328%;
+}
+
+.nut-col-offset-9 {
+  margin-left: 37.499999994%;
+}
+
+[dir=rtl] .nut-col-offset-9,
+.nut-rtl .nut-col-offset-9 {
+  margin-left: 0;
+  margin-right: 37.499999994%;
+}
+
+.nut-col-9 {
+  width: 37.499999994%;
+}
+
+.nut-col-offset-10 {
+  margin-left: 41.66666666%;
+}
+
+[dir=rtl] .nut-col-offset-10,
+.nut-rtl .nut-col-offset-10 {
+  margin-left: 0;
+  margin-right: 41.66666666%;
+}
+
+.nut-col-10 {
+  width: 41.66666666%;
+}
+
+.nut-col-offset-11 {
+  margin-left: 45.833333326%;
+}
+
+[dir=rtl] .nut-col-offset-11,
+.nut-rtl .nut-col-offset-11 {
+  margin-left: 0;
+  margin-right: 45.833333326%;
+}
+
+.nut-col-11 {
+  width: 45.833333326%;
+}
+
+.nut-col-offset-12 {
+  margin-left: 49.999999992%;
+}
+
+[dir=rtl] .nut-col-offset-12,
+.nut-rtl .nut-col-offset-12 {
+  margin-left: 0;
+  margin-right: 49.999999992%;
+}
+
+.nut-col-12 {
+  width: 49.999999992%;
+}
+
+.nut-col-offset-13 {
+  margin-left: 54.166666658%;
+}
+
+[dir=rtl] .nut-col-offset-13,
+.nut-rtl .nut-col-offset-13 {
+  margin-left: 0;
+  margin-right: 54.166666658%;
+}
+
+.nut-col-13 {
+  width: 54.166666658%;
+}
+
+.nut-col-offset-14 {
+  margin-left: 58.333333324%;
+}
+
+[dir=rtl] .nut-col-offset-14,
+.nut-rtl .nut-col-offset-14 {
+  margin-left: 0;
+  margin-right: 58.333333324%;
+}
+
+.nut-col-14 {
+  width: 58.333333324%;
+}
+
+.nut-col-offset-15 {
+  margin-left: 62.49999999%;
+}
+
+[dir=rtl] .nut-col-offset-15,
+.nut-rtl .nut-col-offset-15 {
+  margin-left: 0;
+  margin-right: 62.49999999%;
+}
+
+.nut-col-15 {
+  width: 62.49999999%;
+}
+
+.nut-col-offset-16 {
+  margin-left: 66.666666656%;
+}
+
+[dir=rtl] .nut-col-offset-16,
+.nut-rtl .nut-col-offset-16 {
+  margin-left: 0;
+  margin-right: 66.666666656%;
+}
+
+.nut-col-16 {
+  width: 66.666666656%;
+}
+
+.nut-col-offset-17 {
+  margin-left: 70.833333322%;
+}
+
+[dir=rtl] .nut-col-offset-17,
+.nut-rtl .nut-col-offset-17 {
+  margin-left: 0;
+  margin-right: 70.833333322%;
+}
+
+.nut-col-17 {
+  width: 70.833333322%;
+}
+
+.nut-col-offset-18 {
+  margin-left: 74.999999988%;
+}
+
+[dir=rtl] .nut-col-offset-18,
+.nut-rtl .nut-col-offset-18 {
+  margin-left: 0;
+  margin-right: 74.999999988%;
+}
+
+.nut-col-18 {
+  width: 74.999999988%;
+}
+
+.nut-col-offset-19 {
+  margin-left: 79.166666654%;
+}
+
+[dir=rtl] .nut-col-offset-19,
+.nut-rtl .nut-col-offset-19 {
+  margin-left: 0;
+  margin-right: 79.166666654%;
+}
+
+.nut-col-19 {
+  width: 79.166666654%;
+}
+
+.nut-col-offset-20 {
+  margin-left: 83.33333332%;
+}
+
+[dir=rtl] .nut-col-offset-20,
+.nut-rtl .nut-col-offset-20 {
+  margin-left: 0;
+  margin-right: 83.33333332%;
+}
+
+.nut-col-20 {
+  width: 83.33333332%;
+}
+
+.nut-col-offset-21 {
+  margin-left: 87.499999986%;
+}
+
+[dir=rtl] .nut-col-offset-21,
+.nut-rtl .nut-col-offset-21 {
+  margin-left: 0;
+  margin-right: 87.499999986%;
+}
+
+.nut-col-21 {
+  width: 87.499999986%;
+}
+
+.nut-col-offset-22 {
+  margin-left: 91.666666652%;
+}
+
+[dir=rtl] .nut-col-offset-22,
+.nut-rtl .nut-col-offset-22 {
+  margin-left: 0;
+  margin-right: 91.666666652%;
+}
+
+.nut-col-22 {
+  width: 91.666666652%;
+}
+
+.nut-col-offset-23 {
+  margin-left: 95.833333318%;
+}
+
+[dir=rtl] .nut-col-offset-23,
+.nut-rtl .nut-col-offset-23 {
+  margin-left: 0;
+  margin-right: 95.833333318%;
+}
+
+.nut-col-23 {
+  width: 95.833333318%;
+}
+
+.nut-col-offset-24 {
+  margin-left: 99.999999984%;
+}
+
+[dir=rtl] .nut-col-offset-24,
+.nut-rtl .nut-col-offset-24 {
+  margin-left: 0;
+  margin-right: 99.999999984%;
+}
+
+.nut-col-24 {
+  width: 99.999999984%;
+}

package/dist/es/packages/collapse/collapse.js

@@ -7,7 +7,7 @@ import { View } from "@tarojs/components";
 import { ComponentDefaults } from "../../utils/typings";
 import CollapseItem from "../collapseitem/index";
 import CollapseContext from "./context";
-import { usePropsValue } from "../../utils/use-props-value";
+import { usePropsValue } from "../../hooks/use-props-value";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultActiveName: [],
     accordion: false,

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

@@ -28,7 +28,7 @@
   padding: var(--nutui-collapse-item-padding, 13px 26px);
   font-size: var(--nutui-collapse-item-font-size, var(--nutui-font-size-base, 14px));
   line-height: var(--nutui-collapse-item-line-height, 24px);
-  background-color: var(--nutui-gray-1);
+  background-color: var(--nutui-color-background-overlay, #ffffff);
   box-sizing: border-box;
 }
 .nut-collapse-item-header::after {
@@ -39,12 +39,12 @@
   right: 16px;
   left: 16px;
   bottom: 0;
-  border-bottom: var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-black-3));
+  border-bottom: var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
   -webkit-transform: scaleY(0.5);
   transform: scaleY(0.5);
 }
 .nut-collapse-item-title {
-  color: var(--nutui-collapse-item-color, var(--nutui-gray-7));
+  color: var(--nutui-collapse-item-color, var(--nutui-color-title, #1a1a1a));
   display: flex;
   align-items: center;
 }
@@ -56,13 +56,13 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  color: var(--nutui-collapse-item-extra-color, var(--nutui-gray-6));
+  color: var(--nutui-collapse-item-extra-color, var(--nutui-color-text, #505259));
 }
 .nut-collapse-item-icon-box {
   display: flex;
   width: 24px;
   position: relative;
-  color: var(--nutui-gray-6);
+  color: var(--nutui-color-text, #505259);
 }
 .nut-collapse-item-icon {
   display: flex;
@@ -75,25 +75,25 @@
   transition: transform 0.3s;
 }
 .nut-collapse-item-header.disabled {
-  color: var(--nutui-collapse-item-disabled-color, var(--nutui-gray-4));
+  color: var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-collapse-item-header.disabled .nut-collapse-item-title {
-  color: var(--nutui-collapse-item-disabled-color, var(--nutui-gray-4));
+  color: var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-collapse-item-header.disabled .nut-collapse-item-icon {
-  color: var(--nutui-collapse-item-disabled-color, var(--nutui-gray-4));
+  color: var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-collapse-item-content {
   overflow: hidden;
   display: block;
-  color: var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6));
+  color: var(--nutui-collapse-wrapper-content-color, var(--nutui-color-text, #505259));
   font-size: var(--nutui-collapse-wrapper-content-font-size, var(--nutui-font-size-base, 14px));
   line-height: var(--nutui-collapse-wrapper-content-line-height, 1.5);
-  background-color: var(--nutui-collapse-wrapper-content-background-color, var(--nutui-gray-1));
+  background-color: var(--nutui-collapse-wrapper-content-background-color, var(--nutui-color-background-overlay, #ffffff));
   transition: all 0.3s linear;
 }
 .nut-collapse-item-content-text {
-  color: var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6));
+  color: var(--nutui-collapse-wrapper-content-color, var(--nutui-color-text, #505259));
   padding: var(--nutui-collapse-wrapper-content-padding, 12px 26px);
 }
 

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

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

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

@@ -28,7 +28,7 @@
   padding: var(--nutui-collapse-item-padding, 13px 26px);
   font-size: var(--nutui-collapse-item-font-size, var(--nutui-font-size-base, 14px));
   line-height: var(--nutui-collapse-item-line-height, 24px);
-  background-color: var(--nutui-gray-1);
+  background-color: var(--nutui-color-background-overlay, #ffffff);
   box-sizing: border-box;
 }
 .nut-collapse-item-header::after {
@@ -39,12 +39,12 @@
   right: 16px;
   left: 16px;
   bottom: 0;
-  border-bottom: var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-black-3));
+  border-bottom: var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
   -webkit-transform: scaleY(0.5);
   transform: scaleY(0.5);
 }
 .nut-collapse-item-title {
-  color: var(--nutui-collapse-item-color, var(--nutui-gray-7));
+  color: var(--nutui-collapse-item-color, var(--nutui-color-title, #1a1a1a));
   display: flex;
   align-items: center;
 }
@@ -56,13 +56,13 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  color: var(--nutui-collapse-item-extra-color, var(--nutui-gray-6));
+  color: var(--nutui-collapse-item-extra-color, var(--nutui-color-text, #505259));
 }
 .nut-collapse-item-icon-box {
   display: flex;
   width: 24px;
   position: relative;
-  color: var(--nutui-gray-6);
+  color: var(--nutui-color-text, #505259);
 }
 .nut-collapse-item-icon {
   display: flex;
@@ -75,25 +75,25 @@
   transition: transform 0.3s;
 }
 .nut-collapse-item-header.disabled {
-  color: var(--nutui-collapse-item-disabled-color, var(--nutui-gray-4));
+  color: var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-collapse-item-header.disabled .nut-collapse-item-title {
-  color: var(--nutui-collapse-item-disabled-color, var(--nutui-gray-4));
+  color: var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-collapse-item-header.disabled .nut-collapse-item-icon {
-  color: var(--nutui-collapse-item-disabled-color, var(--nutui-gray-4));
+  color: var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-collapse-item-content {
   overflow: hidden;
   display: block;
-  color: var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6));
+  color: var(--nutui-collapse-wrapper-content-color, var(--nutui-color-text, #505259));
   font-size: var(--nutui-collapse-wrapper-content-font-size, var(--nutui-font-size-base, 14px));
   line-height: var(--nutui-collapse-wrapper-content-line-height, 1.5);
-  background-color: var(--nutui-collapse-wrapper-content-background-color, var(--nutui-gray-1));
+  background-color: var(--nutui-collapse-wrapper-content-background-color, var(--nutui-color-background-overlay, #ffffff));
   transition: all 0.3s linear;
 }
 .nut-collapse-item-content-text {
-  color: var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6));
+  color: var(--nutui-collapse-wrapper-content-color, var(--nutui-color-text, #505259));
   padding: var(--nutui-collapse-wrapper-content-padding, 12px 26px);
 }
 

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

@@ -0,0 +1,104 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-collapse-item {
+  position: relative;
+}
+.nut-collapse-item::after {
+  position: absolute;
+  box-sizing: border-box;
+  content: " ";
+  pointer-events: none;
+  right: 16px;
+  left: 16px;
+  bottom: 0;
+  border-bottom: none;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+.nut-collapse-item:last-child::after {
+  display: none;
+}
+.nut-collapse-item-header {
+  position: relative;
+  display: flex;
+  width: 100%;
+  overflow: hidden;
+  padding: 13px 26px;
+  font-size: 14px;
+  line-height: 24px;
+  background-color: #ffffff;
+  box-sizing: border-box;
+}
+.nut-collapse-item-header::after {
+  position: absolute;
+  box-sizing: border-box;
+  content: " ";
+  pointer-events: none;
+  right: 16px;
+  left: 16px;
+  bottom: 0;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+.nut-collapse-item-title {
+  color: #1a1a1a;
+  display: flex;
+  align-items: center;
+}
+.nut-collapse-item-extra {
+  flex: 1;
+  display: flex;
+  justify-content: flex-end;
+  padding: 0px 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #505259;
+}
+.nut-collapse-item-icon-box {
+  display: flex;
+  width: 24px;
+  position: relative;
+  color: #505259;
+}
+.nut-collapse-item-icon {
+  display: flex;
+  align-items: center;
+  position: absolute;
+  top: 50%;
+  left: 5px;
+  transform: translateY(-50%);
+  transform-origin: center;
+  transition: transform 0.3s;
+}
+.nut-collapse-item-header.disabled {
+  color: #c2c4cc;
+}
+.nut-collapse-item-header.disabled .nut-collapse-item-title {
+  color: #c2c4cc;
+}
+.nut-collapse-item-header.disabled .nut-collapse-item-icon {
+  color: #c2c4cc;
+}
+.nut-collapse-item-content {
+  overflow: hidden;
+  display: block;
+  color: #505259;
+  font-size: 14px;
+  line-height: 1.5;
+  background-color: #ffffff;
+  transition: all 0.3s linear;
+}
+.nut-collapse-item-content-text {
+  color: #505259;
+  padding: 12px 26px;
+}
+
+[dir=rtl] .nut-collapse-item-icon,
+.nut-rtl .nut-collapse-item-icon {
+  left: auto;
+  right: 5px;
+}

package/dist/es/packages/configprovider/configprovider.js

@@ -4,9 +4,9 @@ import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_
 import React, { createContext, useContext } from "react";
 import classNames from "classnames";
 import kebabCase from "lodash.kebabcase";
-import isequal from "lodash.isequal";
+import isEqual from "react-fast-compare";
 import { View } from "@tarojs/components";
-import useMemo from "../../utils/use-memo";
+import useMemo from "../../hooks/use-memo";
 import zhCN from "../../locales/zh-CN";
 var classPrefix = 'nut-configprovider';
 export var defaultConfigRef = {
@@ -54,7 +54,7 @@ export var ConfigProvider = function(props) {
     ], function(prev, next) {
         return prev.some(function(prevTheme, index) {
             var nextTheme = next[index];
-            return !isequal(prevTheme, nextTheme);
+            return !isEqual(prevTheme, nextTheme);
         });
     });
     var cssVarStyle = React.useMemo(function() {

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

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