@nutui/nutui-react-taro 3.0.18-cpp.beta.1 → 3.0.19-beta.1

package/dist/cjs/packages/button/button.d.ts

@@ -1,13 +1,11 @@
 import React from 'react';
 import type { MouseEvent } from 'react';
-import { ButtonProps as MiniProgramButtonProps } from '@tarojs/components';
 import { BasicComponent } from "../../utils/typings";
-type OmitMiniProgramButtonProps = Omit<MiniProgramButtonProps, 'size' | 'type' | 'onClick' | 'style'>;
 export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
 export type ButtonSize = 'xlarge' | 'large' | 'normal' | 'small' | 'mini';
 export type ButtonShape = 'square' | 'round';
 export type ButtonFill = 'solid' | 'outline' | 'dashed' | 'none';
-export interface ButtonProps extends BasicComponent, OmitMiniProgramButtonProps {
+export interface ButtonProps extends BasicComponent {
     color: string;
     shape: ButtonShape;
     type: ButtonType;
@@ -21,5 +19,4 @@ export interface ButtonProps extends BasicComponent, OmitMiniProgramButtonProps
     nativeType: 'submit' | 'reset';
     onClick: (e: MouseEvent<HTMLButtonElement>) => void;
 }
-export declare const Button: React.ForwardRefExoticComponent<Omit<Partial<ButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export {};
+export declare const Button: React.ForwardRefExoticComponent<Partial<ButtonProps> & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/packages/button/button.js

@@ -18,7 +18,6 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
 var _iconsreacttaro = require("@nutui/icons-react-taro");
-var _taro = require("@tarojs/taro");
 var _typings = require("../../utils/typings");
 var _platform = require("../../utils/taro/platform");
 var prefixCls = 'nut-button';
@@ -36,7 +35,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     onClick: function onClick(e) {}
 });
 var Button = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), color = _ref.color, shape = _ref.shape, fill = _ref.fill, loading = _ref.loading, disabled = _ref.disabled, type = _ref.type, size = _ref.size, block = _ref.block, icon = _ref.icon, rightIcon = _ref.rightIcon, children = _ref.children, className = _ref.className, style = _ref.style, formType = _ref.formType, nativeType = _ref.nativeType, onClick = _ref.onClick, rest = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _object_spread._)({}, defaultProps, props), color = _ref.color, shape = _ref.shape, fill = _ref.fill, loading = _ref.loading, disabled = _ref.disabled, type = _ref.type, size = _ref.size, block = _ref.block, icon = _ref.icon, rightIcon = _ref.rightIcon, children = _ref.children, className = _ref.className, style = _ref.style, nativeType = _ref.nativeType, onClick = _ref.onClick, rest = (0, _object_without_properties._)(_ref, [
         "color",
         "shape",
         "fill",
@@ -50,7 +49,6 @@ var Button = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         "children",
         "className",
         "style",
-        "formType",
         "nativeType",
         "onClick"
     ]);
@@ -104,16 +102,16 @@ var Button = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
     ]);
     var _obj;
     var buttonClassNames = (0, _classnames.default)(prefixCls, "".concat(prefixCls, "-").concat(type), (_obj = {}, (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(type, "-solid"), type === 'primary' && !props.fill), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(fill), props.fill), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(type, "-").concat(fill), props.fill), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(size), size), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(shape), shape), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(shape, "-").concat(size), shape && size), (0, _define_property._)(_obj, "".concat(prefixCls, "-block"), block), (0, _define_property._)(_obj, "".concat(prefixCls, "-disabled"), disabled || loading), (0, _define_property._)(_obj, "".concat(prefixCls, "-").concat(type).concat(props.fill ? "-".concat(fill) : '', "-disabled"), disabled || loading), (0, _define_property._)(_obj, "".concat(prefixCls, "-loading"), loading), (0, _define_property._)(_obj, "".concat(prefixCls, "-icononly"), !children), _obj), className);
-    if ((0, _taro.getEnv)() === 'WEB') {
-        ;
-        rest.type = formType;
-    }
+    // if (getEnv() === 'WEB') {
+    //   ;(rest as any).type = formType
+    // }
     return(// eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     // eslint-disable-next-line react/button-has-type
-    /*#__PURE__*/ /*#__PURE__*/ _react.default.createElement(_components.Button, (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
+    // <TaroButton
+    /*#__PURE__*/ /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
         ref: ref,
-        formType: formType || nativeType,
+        // formType={formType || nativeType}
         className: buttonClassNames,
         style: (0, _object_spread._)({}, getStyle, style),
         onClick: function onClick(e) {

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

@@ -55,6 +55,9 @@
     transform: translate(-50%, -50%);
     opacity: 0;
     content: ' ';
+    /* #ifdef dynamic*/
+    pointer-events: none;
+    /* #endif */
   }
 
   &::after {

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

@@ -57,6 +57,9 @@
   transform: translate(-50%, -50%);
   opacity: 0;
   content: " ";
+  /* #ifdef dynamic*/
+  pointer-events: none;
+  /* #endif */
 }
 .nut-button::after {
   border: none;
@@ -138,7 +141,7 @@
 .nut-button-large {
   height: var(--nutui-button-large-height, 40px);
   padding: var(--nutui-button-large-padding, 0px 16px);
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
   border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
 }
 .nut-button-large .nut-button-text {
@@ -148,12 +151,12 @@
   margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
 }
 .nut-button-large .nut-icon {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-large-children {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-small {
   height: var(--nutui-button-small-height, 28px);

package/dist/cjs/packages/button/style/style.harmony.css

@@ -57,6 +57,9 @@
   transform: translate(-50%, -50%);
   opacity: 0;
   content: " ";
+  /* #ifdef dynamic*/
+  pointer-events: none;
+  /* #endif */
 }
 .nut-button::after {
   border: none;
@@ -138,7 +141,7 @@
 .nut-button-large {
   height: var(--nutui-button-large-height, 40px);
   padding: var(--nutui-button-large-padding, 0px 16px);
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
   border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
 }
 .nut-button-large .nut-button-text {
@@ -148,12 +151,12 @@
   margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
 }
 .nut-button-large .nut-icon {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-large-children {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-small {
   height: var(--nutui-button-small-height, 28px);

package/dist/cjs/packages/button/style-jmapp/button.scss

@@ -55,6 +55,9 @@
     transform: translate(-50%, -50%);
     opacity: 0;
     content: ' ';
+    /* #ifdef dynamic*/
+    pointer-events: none;
+    /* #endif */
   }
 
   &::after {

package/dist/cjs/packages/button/style-jmapp/style.css

@@ -57,6 +57,9 @@
   transform: translate(-50%, -50%);
   opacity: 0;
   content: " ";
+  /* #ifdef dynamic*/
+  pointer-events: none;
+  /* #endif */
 }
 .nut-button::after {
   border: none;

package/dist/cjs/packages/button/style-jrkf/button.scss

@@ -55,6 +55,9 @@
     transform: translate(-50%, -50%);
     opacity: 0;
     content: ' ';
+    /* #ifdef dynamic*/
+    pointer-events: none;
+    /* #endif */
   }
 
   &::after {

package/dist/cjs/packages/button/style-jrkf/style.css

@@ -57,6 +57,9 @@
   transform: translate(-50%, -50%);
   opacity: 0;
   content: " ";
+  /* #ifdef dynamic*/
+  pointer-events: none;
+  /* #endif */
 }
 .nut-button::after {
   border: none;

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

@@ -7,14 +7,14 @@
   display: flex;
   flex-direction: column;
   flex: 1;
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
   background-color: var(--nutui-color-background-overlay, #ffffff);
   color: var(--nutui-color-title, #1a1a1a);
   overflow: hidden;
   height: 100%;
 }
 .nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title {
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-calendar .nut-calendar-taro {
   height: 60vh;

package/dist/cjs/packages/calendar/style/style.harmony.css

@@ -83,8 +83,8 @@
 .nut-popup-title-title {
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;
@@ -145,6 +142,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;
@@ -387,14 +387,14 @@
   display: flex;
   flex-direction: column;
   flex: 1;
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
   background-color: var(--nutui-color-background-overlay, #ffffff);
   color: var(--nutui-color-title, #1a1a1a);
   overflow: hidden;
   height: 100%;
 }
 .nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title {
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-calendar .nut-calendar-taro {
   height: 60vh;

package/dist/cjs/packages/calendar/utils.js

@@ -5,29 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    getCurrDate: function() {
+    get getCurrDate () {
         return getCurrDate;
     },
-    isCurrDay: function() {
+    get isCurrDay () {
         return isCurrDay;
     },
-    isEnd: function() {
+    get isEnd () {
         return isEnd;
     },
-    isMultiple: function() {
+    get isMultiple () {
         return isMultiple;
     },
-    isStart: function() {
+    get isStart () {
         return isStart;
     },
-    isStartAndEnd: function() {
+    get isStartAndEnd () {
         return isStartAndEnd;
     },
-    splitDate: function() {
+    get splitDate () {
         return splitDate;
     }
 });

package/dist/cjs/packages/calendarcard/icon.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    ArrowLeft: function() {
+    get ArrowLeft () {
         return ArrowLeft;
     },
-    ArrowRight: function() {
+    get ArrowRight () {
         return ArrowRight;
     },
-    DoubleLeft: function() {
+    get DoubleLeft () {
         return DoubleLeft;
     },
-    DoubleRight: function() {
+    get DoubleRight () {
         return DoubleRight;
     }
 });

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

@@ -6,7 +6,7 @@
   background: var(--nutui-color-background-overlay, #ffffff);
   border-radius: 12px;
   overflow: hidden;
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
   color: var(--nutui-color-title, #1a1a1a);
 }
 .nut-calendarcard-header {

package/dist/cjs/packages/calendarcard/style/style.harmony.css

@@ -6,7 +6,7 @@
   background: var(--nutui-color-background-overlay, #ffffff);
   border-radius: 12px;
   overflow: hidden;
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
   color: var(--nutui-color-title, #1a1a1a);
 }
 .nut-calendarcard-header {

package/dist/cjs/packages/calendarcard/utils.js

@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    convertDateToDay: function() {
+    get convertDateToDay () {
         return convertDateToDay;
     },
-    convertDayToDate: function() {
+    get convertDayToDate () {
         return convertDayToDate;
     },
-    getCurrentMonthDays: function() {
+    get getCurrentMonthDays () {
         return getCurrentMonthDays;
     },
-    getCurrentWeekDays: function() {
+    get getCurrentWeekDays () {
         return getCurrentWeekDays;
     },
-    getPrevMonthDays: function() {
+    get getPrevMonthDays () {
         return getPrevMonthDays;
     }
 });

package/dist/cjs/packages/card/style/style.harmony.css

@@ -4,22 +4,22 @@
 /* #endif */
 .nut-price {
   direction: ltr;
-  font-size: var(--nutui-font-size-l, 16px);
+  font-size: var(--nutui-font-size-l, 15px);
   display: flex;
   flex-direction: row;
   align-items: baseline;
 }
 .nut-price-symbol, .nut-price-integer, .nut-price-decimal {
   color: var(--nutui-price-color, var(--nutui-color-text-help));
-  font-family: "JD";
+  font-family: "JDZH-Bold";
   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";
+  font-family: "JDZH-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";
+  font-family: "JDZH-Bold";
   color: var(--nutui-price-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-price-symbol {
@@ -130,7 +130,12 @@
   cursor: pointer;
 }
 .nut-tag-custom-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   font-size: var(--nutui-tag-font-size, var(--nutui-font-size-xxs, 10px));

package/dist/cjs/packages/cascader/cascader.js

@@ -186,8 +186,8 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         outerOptions
     ]);
     (0, _react.useEffect)(function() {
-        var load = /*#__PURE__*/ function() {
-            var _ref = (0, _async_to_generator._)(function() {
+        var load = function load() {
+            return (0, _async_to_generator._)(function() {
                 var parent, error;
                 return (0, _ts_generator._)(this, function(_state) {
                     switch(_state.label){
@@ -205,8 +205,8 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                             ]);
                             return [
                                 4,
-                                innerValue.reduce(/*#__PURE__*/ function() {
-                                    var _ref = (0, _async_to_generator._)(function(promise, val, key) {
+                                innerValue.reduce(function(promise, val, key) {
+                                    return (0, _async_to_generator._)(function() {
                                         var pane, parent, node;
                                         return (0, _ts_generator._)(this, function(_state) {
                                             switch(_state.label){
@@ -246,11 +246,8 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                                                     ];
                                             }
                                         });
-                                    });
-                                    return function(promise, val, key) {
-                                        return _ref.apply(this, arguments);
-                                    };
-                                }(), Promise.resolve(parent))
+                                    })();
+                                }, Promise.resolve(parent))
                             ];
                         case 2:
                             _state.sent();
@@ -273,17 +270,14 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                             ];
                     }
                 });
-            });
-            return function load() {
-                return _ref.apply(this, arguments);
-            };
-        }();
+            })();
+        };
         if (lazy) load();
     }, [
         lazy
     ]);
-    var chooseItem = /*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function(pane, levelIndex) {
+    var chooseItem = function chooseItem(pane, levelIndex) {
+        return (0, _async_to_generator._)(function() {
             var nextValue, nextPathNodes, _props_onPathChange, asyncOptions;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -337,11 +331,8 @@ var Cascader = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                         ];
                 }
             });
-        });
-        return function chooseItem(pane, levelIndex) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var renderCascaderItem = function renderCascaderItem(item, levelIndex) {
         var _item_pane;
         return (_item_pane = item.pane) === null || _item_pane === void 0 ? void 0 : _item_pane.map(function(pane, index) {

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

@@ -8,8 +8,10 @@
   }
 
   .nut-tabs-titles-item {
+    /* #ifndef dynamic*/
     flex: initial;
     min-width: auto;
+    /* #endif */
     width: auto;
     padding: $cascader-tabs-item-padding;
     white-space: nowrap;

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

@@ -11,8 +11,10 @@
   background: var(--nutui-color-background-overlay, #ffffff);
 }
 .nut-cascader .nut-tabs-titles-item {
+  /* #ifndef dynamic*/
   flex: initial;
   min-width: auto;
+  /* #endif */
   width: auto;
   padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
   white-space: nowrap;

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

@@ -83,8 +83,8 @@
 .nut-popup-title-title {
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;
@@ -145,6 +142,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;
@@ -390,7 +390,9 @@
   color: var(--nutui-color-title, #1a1a1a);
   padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-tabpane.inactive {
   overflow: visible;
@@ -491,14 +493,18 @@
   font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   content: " ";
   width: var(--nutui-tabs-tab-line-width, 12px);
   height: var(--nutui-tabs-tab-line-height, 2px);
   background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   width: 40px;
   height: 20px;
 }
@@ -517,7 +523,7 @@
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon {
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-tabs-titles-card .nut-tabs-titles-item-active {
   font-weight: var(--nutui-font-weight-bold, 600);
@@ -712,8 +718,10 @@
   background: var(--nutui-color-background-overlay, #ffffff);
 }
 .nut-cascader .nut-tabs-titles-item {
+  /* #ifndef dynamic*/
   flex: initial;
   min-width: auto;
+  /* #endif */
   width: auto;
   padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
   white-space: nowrap;

package/dist/cjs/packages/cascader/style-jmapp/cascader.scss

@@ -8,8 +8,10 @@
   }
 
   .nut-tabs-titles-item {
+    /* #ifndef dynamic*/
     flex: initial;
     min-width: auto;
+    /* #endif */
     width: auto;
     padding: $cascader-tabs-item-padding;
     white-space: nowrap;

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

@@ -11,8 +11,10 @@
   background: var(--nutui-color-surface-2);
 }
 .nut-cascader .nut-tabs-titles-item {
+  /* #ifndef dynamic*/
   flex: initial;
   min-width: auto;
+  /* #endif */
   width: auto;
   padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
   white-space: nowrap;

package/dist/cjs/packages/cascader/style-jrkf/cascader.scss

@@ -8,8 +8,10 @@
   }
 
   .nut-tabs-titles-item {
+    /* #ifndef dynamic*/
     flex: initial;
     min-width: auto;
+    /* #endif */
     width: auto;
     padding: $cascader-tabs-item-padding;
     white-space: nowrap;

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

@@ -11,8 +11,10 @@
   background: var(--nutui-color-surface-2);
 }
 .nut-cascader .nut-tabs-titles-item {
+  /* #ifndef dynamic*/
   flex: initial;
   min-width: auto;
+  /* #endif */
   width: auto;
   padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
   white-space: nowrap;