@nutui/nutui-react 3.0.18 → 3.0.19-beta.2

package/dist/es/packages/dialog/style-jrkf/style.css

@@ -18,7 +18,7 @@
 .nut-dialog-outer {
   position: fixed;
   max-height: 100%;
-  background-color: #ffffff;
+  background-color: var(--nutui-dialog-background, var(--nutui-color-surface-2));
   transition: transform 0.2s, -webkit-transform 0.2s;
   -webkit-overflow-scrolling: touch;
   top: 50%;
@@ -119,11 +119,18 @@
 .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
   margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
   background: var(--nutui-dialog-footer-cancel-bg, var(--nutui-button-default-background-color, var(--nutui-color-default)));
+  color: var(--nutui-button-default-color, var(--nutui-color-text));
+}
+.nut-dialog-footer-cancel.nut-dialog-footer-cancel .nut-button-children {
+  color: var(--nutui-button-default-color, var(--nutui-color-text));
 }
 .nut-dialog-footer-ok {
   max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
   font-weight: var(--nutui-font-weight-bold);
 }
+.nut-dialog-footer-ok .nut-button-children {
+  font-weight: var(--nutui-font-weight-bold);
+}
 .nut-dialog-footer-block.nut-button {
   min-width: 100%;
 }

package/dist/es/packages/form/index.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { Form } from "./form";
 import { FormItem } from "../formitem/formitem";
 import { useForm, useWatch } from "./useform";

package/dist/es/packages/form/useform.js

@@ -18,7 +18,6 @@ export var SECRET = 'NUT_FORM_INTERNAL';
         var _this = this;
         var _this1 = this;
         _class_call_check(this, FormStore);
-        var _this2 = this;
         // 初始化数据
         _define_property(this, "initialValues", {});
         _define_property(this, "updateList", []);
@@ -106,8 +105,8 @@ export var SECRET = 'NUT_FORM_INTERNAL';
         _define_property(this, "setCallback", function(callback) {
             _this.callbacks = _object_spread({}, _this.callbacks, callback);
         });
-        _define_property(this, "validateEntities", /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function(entity, errs) {
+        _define_property(this, "validateEntities", function(entity, errs) {
+            return _async_to_generator(function() {
                 var _entity_props, name, _entity_props_rules, rules, descriptor, validator, _this_store, param, errors, _errs;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -142,7 +141,7 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             ]);
                             return [
                                 4,
-                                validator.validate(_define_property({}, name, (_this_store = _this2.store) === null || _this_store === void 0 ? void 0 : _this_store[name]))
+                                validator.validate(_define_property({}, name, (_this_store = this.store) === null || _this_store === void 0 ? void 0 : _this_store[name]))
                             ];
                         case 2:
                             _state.sent();
@@ -156,7 +155,7 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             if (errors) {
                                 ;
                                 (_errs = errs).push.apply(_errs, _to_consumable_array(errors));
-                                _this2.errors[name] = errors;
+                                this.errors[name] = errors;
                             }
                             return [
                                 3,
@@ -164,7 +163,7 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             ];
                         case 4:
                             if (!errs || errs.length === 0) {
-                                _this2.errors[name] = [];
+                                this.errors[name] = [];
                             }
                             return [
                                 7
@@ -176,23 +175,21 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             ];
                     }
                 });
-            });
-            return function(entity, errs) {
-                return _ref.apply(this, arguments);
-            };
-        }());
-        _define_property(this, "validateFields", /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function(nameList) {
-                var filterEntities, errs;
+            }).call(_this);
+        });
+        _define_property(this, "validateFields", function(nameList) {
+            return _async_to_generator(function() {
+                var _this, filterEntities, errs;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
+                            _this = this;
                             filterEntities = [];
                             // this.errors.length = 0
                             if (!nameList || nameList.length === 0) {
-                                filterEntities = _this2.fieldEntities;
+                                filterEntities = this.fieldEntities;
                             } else {
-                                filterEntities = _this2.fieldEntities.filter(function(param) {
+                                filterEntities = this.fieldEntities.filter(function(param) {
                                     var name = param.props.name;
                                     return nameList.includes(name);
                                 });
@@ -200,14 +197,14 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             errs = [];
                             return [
                                 4,
-                                Promise.all(filterEntities.map(/*#__PURE__*/ function() {
-                                    var _ref = _async_to_generator(function(entity) {
+                                Promise.all(filterEntities.map(function(entity) {
+                                    return _async_to_generator(function() {
                                         return _ts_generator(this, function(_state) {
                                             switch(_state.label){
                                                 case 0:
                                                     return [
                                                         4,
-                                                        _this2.validateEntities(entity, errs)
+                                                        this.validateEntities(entity, errs)
                                                     ];
                                                 case 1:
                                                     _state.sent();
@@ -216,11 +213,8 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                                                     ];
                                             }
                                         });
-                                    });
-                                    return function(entity) {
-                                        return _ref.apply(this, arguments);
-                                    };
-                                }()))
+                                    }).call(_this);
+                                }))
                             ];
                         case 1:
                             _state.sent();
@@ -230,35 +224,34 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             ];
                     }
                 });
-            });
-            return function(nameList) {
-                return _ref.apply(this, arguments);
-            };
-        }());
-        _define_property(this, "submit", /*#__PURE__*/ _async_to_generator(function() {
-            var errors, _this_callbacks_onFinish, _this_callbacks, _this_callbacks_onFinishFailed, _this_callbacks1;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        return [
-                            4,
-                            _this2.validateFields()
-                        ];
-                    case 1:
-                        errors = _state.sent();
-                        if (errors.length === 0) {
-                            ;
-                            (_this_callbacks_onFinish = (_this_callbacks = _this2.callbacks).onFinish) === null || _this_callbacks_onFinish === void 0 ? void 0 : _this_callbacks_onFinish.call(_this_callbacks, _this2.store);
-                        } else if (errors.length > 0) {
-                            ;
-                            (_this_callbacks_onFinishFailed = (_this_callbacks1 = _this2.callbacks).onFinishFailed) === null || _this_callbacks_onFinishFailed === void 0 ? void 0 : _this_callbacks_onFinishFailed.call(_this_callbacks1, _this2.store, errors);
-                        }
-                        return [
-                            2
-                        ];
-                }
-            });
-        }));
+            }).call(_this);
+        });
+        _define_property(this, "submit", function() {
+            return _async_to_generator(function() {
+                var errors, _this_callbacks_onFinish, _this_callbacks, _this_callbacks_onFinishFailed, _this_callbacks1;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            return [
+                                4,
+                                this.validateFields()
+                            ];
+                        case 1:
+                            errors = _state.sent();
+                            if (errors.length === 0) {
+                                ;
+                                (_this_callbacks_onFinish = (_this_callbacks = this.callbacks).onFinish) === null || _this_callbacks_onFinish === void 0 ? void 0 : _this_callbacks_onFinish.call(_this_callbacks, this.store);
+                            } else if (errors.length > 0) {
+                                ;
+                                (_this_callbacks_onFinishFailed = (_this_callbacks1 = this.callbacks).onFinishFailed) === null || _this_callbacks_onFinishFailed === void 0 ? void 0 : _this_callbacks_onFinishFailed.call(_this_callbacks1, this.store, errors);
+                            }
+                            return [
+                                2
+                            ];
+                    }
+                });
+            }).call(_this);
+        });
         _define_property(this, "resetFields", function(namePaths) {
             if (namePaths && namePaths.length) {
                 namePaths.forEach(function(path) {

package/dist/es/packages/infiniteloading/infiniteloading.js

@@ -88,8 +88,8 @@ export var InfiniteLoading = function(props) {
             transition: isTouching.current ? "height 0s cubic-bezier(0.25,0.1,0.25,1)" : "height 0.2s cubic-bezier(0.25,0.1,0.25,1)"
         };
     };
-    var handleScroll = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var handleScroll = function() {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -111,11 +111,8 @@ export var InfiniteLoading = function(props) {
                         ];
                 }
             });
-        });
-        return function handleScroll() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var infiniteDone = function() {
         setIsInfiniting(false);
     };
@@ -151,8 +148,8 @@ export var InfiniteLoading = function(props) {
             isTouching.current = false;
         }
     };
-    var touchEnd = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var touchEnd = function() {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -182,11 +179,8 @@ export var InfiniteLoading = function(props) {
                         ];
                 }
             });
-        });
-        return function touchEnd() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var getWindowScrollTop = function() {
         return window.scrollY !== undefined ? window.scrollY : (document.documentElement || document.body.parentNode || document.body).scrollTop;
     };

package/dist/es/packages/inputnumber/inputnumber.js

@@ -93,8 +93,8 @@ export var InputNumber = function(props) {
         var stepAmount = parseFloat(stepValue) * symbol;
         return (currentValue * dig + stepAmount * dig) / dig;
     };
-    var update = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(negative, e) {
+    var update = function(negative, e) {
+        return _async_to_generator(function() {
             var shouldOverBoundary, maybeResume, nextValue;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -125,13 +125,10 @@ export var InputNumber = function(props) {
                         ];
                 }
             });
-        });
-        return function update(negative, e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    var handleReduce = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(e) {
+        })();
+    };
+    var handleReduce = function(e) {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -149,13 +146,10 @@ export var InputNumber = function(props) {
                         ];
                 }
             });
-        });
-        return function handleReduce(e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    var handlePlus = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(e) {
+        })();
+    };
+    var handlePlus = function(e) {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -173,18 +167,15 @@ export var InputNumber = function(props) {
                         ];
                 }
             });
-        });
-        return function handlePlus(e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var parseValue = function(text) {
         if (text === '') return null;
         if (text === '-') return null;
         return text;
     };
-    var handleInputChange = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(e) {
+    var handleInputChange = function(e) {
+        return _async_to_generator(function() {
             var valueStr, maybeResume;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -213,11 +204,8 @@ export var InputNumber = function(props) {
                         ];
                 }
             });
-        });
-        return function handleInputChange(e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var handleFocus = function(e) {
         setFocused(true);
         setInputValue(shadowValue !== undefined && shadowValue !== null ? bound(Number(shadowValue), Number(min), Number(max)).toString() : '');

package/dist/es/packages/lottie/types.js

@@ -1 +1 @@
-import React from "react";
+export { };

package/dist/es/packages/pickerview/pickerview.js

@@ -53,8 +53,7 @@ var InternalPickerView = function(props, ref) {
                 var index = currentOptions.findIndex(function(columnItem) {
                     return columnItem.value === currentValue;
                 });
-                columnOptions = currentOptions[index === -1 ? 0 : index] // 如果未找到，默认取第一个
-                ;
+                columnOptions = currentOptions[index === -1 ? 0 : index]; // 如果未找到，默认取第一个
             } else {
                 return "break" // 如果 currentValue 不存在，终止循环
                 ;

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

@@ -1,3 +1,3 @@
 import React, { FunctionComponent } from 'react';
 import { WebPopupProps } from "../../types";
-export declare const Popup: FunctionComponent<Partial<WebPopupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;
+export declare const Popup: FunctionComponent<Partial<WebPopupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onTouchStart' | 'onTouchMove' | 'onTouchEnd'>>;

package/dist/es/packages/popup/popup.js

@@ -2,7 +2,7 @@ import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState, useRef } from "react";
 import { createPortal } from "react-dom";
 import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
@@ -22,6 +22,8 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps),
     portal: null,
     overlay: true,
     round: false,
+    resizable: false,
+    minHeight: '',
     onOpen: function() {},
     onClose: function() {},
     onOverlayClick: function() {
@@ -29,28 +31,42 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps),
     },
     onCloseIconClick: function() {
         return true;
-    }
+    },
+    onTouchStart: function() {},
+    onTouchMove: function() {},
+    onTouchEnd: function() {}
 });
 // 默认1000，参看variables
 var _zIndex = 1100;
 export var Popup = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd;
     var nodeRef = React.useRef(null);
     var innerIndex = zIndex || _zIndex;
     var _useState = _sliced_to_array(useState(innerIndex), 2), index = _useState[0], setIndex = _useState[1];
     var _useState1 = _sliced_to_array(useState(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
     var _useState2 = _sliced_to_array(useState(true), 2), showChildren = _useState2[0], setShowChildren = _useState2[1];
     var _useState3 = _sliced_to_array(useState(''), 2), transitionName = _useState3[0], setTransitionName = _useState3[1];
+    var touchStartRef = useRef(0);
+    var touchMoveDistanceRef = useRef(0);
+    var heightRef = useRef(0);
+    // 首次可调整时记录的默认高度
+    var defaultHeightRef = useRef(0);
+    var isTouching = useRef(false);
     useLockScroll(nodeRef, innerVisible && lockScroll);
     var classPrefix = 'nut-popup';
     var overlayStyles = _object_spread({}, overlayStyle);
     var popStyles = _object_spread_props(_object_spread({}, style), {
-        zIndex: index
+        zIndex: index,
+        minHeight: minHeight
     });
     var _obj;
     var popClassName = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-round"), round || position === 'bottom'), _define_property(_obj, "".concat(classPrefix, "-").concat(position), true), _obj), className);
     var open = function() {
         if (!innerVisible) {
+            // 当高度改变后，再次打开时，将高度置为初始高度
+            if (position === 'bottom' && resizable && nodeRef.current && heightRef.current) {
+                nodeRef.current.style.height = "".concat(defaultHeightRef.current, "px");
+            }
             setInnerVisible(true);
             setIndex(++innerIndex);
         }
@@ -104,6 +120,41 @@ export var Popup = function(props) {
             return renderCloseIcon();
         }
     };
+    var handleTouchStart = function(event) {
+        var _nodeRef_current;
+        if (position !== 'bottom' || !resizable || !nodeRef.current) return;
+        // 开始touch，记录下touch的pageY，用以判断是向上滑动还是向下滑动
+        touchStartRef.current = event.touches[0].pageY;
+        // 标记开始滑动
+        isTouching.current = true;
+        // 标记当前popup的高度
+        heightRef.current = ((_nodeRef_current = nodeRef.current) === null || _nodeRef_current === void 0 ? void 0 : _nodeRef_current.offsetHeight) || 0;
+        if (!defaultHeightRef.current) defaultHeightRef.current = heightRef.current;
+        onTouchStart === null || onTouchStart === void 0 ? void 0 : onTouchStart(heightRef.current, event);
+    };
+    var handleTouchMove = function(event) {
+        if (position !== 'bottom' || !resizable || !nodeRef.current) return;
+        event.stopPropagation();
+        // move过程中，当前的pageY 与 start值比较
+        touchMoveDistanceRef.current = event.touches[0].pageY - touchStartRef.current;
+        var min = typeof minHeight === 'number' ? minHeight : parseInt(String(minHeight || 0), 10) || 0;
+        var currentHeight = Math.max(min, heightRef.current - touchMoveDistanceRef.current);
+        nodeRef.current.style.height = "".concat(currentHeight, "px");
+        // 向下滑动
+        if (touchMoveDistanceRef.current > 0) {
+            onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(currentHeight, event, 'down');
+        } else {
+            // 向上滑动
+            onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(currentHeight, event, 'up');
+        }
+    };
+    var handleTouchEnd = function(event) {
+        if (position !== 'bottom' || !resizable || !nodeRef.current) return;
+        isTouching.current = false;
+        var min = typeof minHeight === 'number' ? minHeight : parseInt(String(minHeight || 0), 10) || 0;
+        var currentHeight = Math.max(min, heightRef.current - touchMoveDistanceRef.current);
+        onTouchEnd === null || onTouchEnd === void 0 ? void 0 : onTouchEnd(currentHeight, event);
+    };
     var renderPop = function() {
         return /*#__PURE__*/ React.createElement(CSSTransition, {
             nodeRef: nodeRef,
@@ -118,7 +169,11 @@ export var Popup = function(props) {
             ref: nodeRef,
             style: popStyles,
             className: popClassName,
-            onClick: onClick
+            onClick: onClick,
+            onTouchStart: handleTouchStart,
+            onTouchMove: handleTouchMove,
+            onTouchEnd: handleTouchEnd,
+            onTouchCancel: handleTouchEnd
         }, renderTitle(), showChildren && children));
     };
     var renderNode = function() {

package/dist/es/packages/popup/style/popup.scss

@@ -88,11 +88,6 @@
     }
   }
 
-  &-bottom,
-  &-top {
-    max-height: 87%;
-  }
-
   &-bottom {
     bottom: 0;
     left: 0;

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

@@ -80,9 +80,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;

package/dist/es/packages/popup/style-jmapp/popup.scss

@@ -88,11 +88,6 @@
     }
   }
 
-  &-bottom,
-  &-top {
-    max-height: 87%;
-  }
-
   &-bottom {
     bottom: 0;
     left: 0;

package/dist/es/packages/popup/style-jmapp/style.css

@@ -80,9 +80,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 12px);
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/es/packages/popup/style-jrkf/popup.scss

@@ -88,11 +88,6 @@
     }
   }
 
-  &-bottom,
-  &-top {
-    max-height: 87%;
-  }
-
   &-bottom {
     bottom: 0;
     left: 0;

package/dist/es/packages/popup/style-jrkf/style.css

@@ -80,9 +80,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 12px);
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/es/packages/price/style/price.scss

@@ -9,7 +9,7 @@
   &-integer,
   &-decimal {
     color: $price-color;
-    font-family: 'JD';
+    font-family: 'JDZH-Bold';
     line-height: 1;
   }
 
@@ -18,7 +18,7 @@
       &-symbol,
       &-integer,
       &-decimal {
-        font-family: 'JD-Bold';
+        font-family: 'JDZH-Bold';
         color: $price-darkgray-color;
       }
     }
@@ -29,7 +29,7 @@
       &-symbol,
       &-integer,
       &-decimal {
-        font-family: 'JD-Bold';
+        font-family: 'JDZH-Bold';
         color: $price-primary-color;
       }
     }

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

@@ -11,15 +11,15 @@
 }
 .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 {

package/dist/es/packages/price/style-jmapp/price.scss

@@ -9,7 +9,7 @@
   &-integer,
   &-decimal {
     color: $price-color;
-    font-family: 'JD';
+    font-family: 'JDZH-Bold';
     line-height: 1;
   }
 
@@ -18,7 +18,7 @@
       &-symbol,
       &-integer,
       &-decimal {
-        font-family: 'JD-Bold';
+        font-family: 'JDZH-Bold';
         color: $price-darkgray-color;
       }
     }
@@ -29,7 +29,7 @@
       &-symbol,
       &-integer,
       &-decimal {
-        font-family: 'JD-Bold';
+        font-family: 'JDZH-Bold';
         color: $price-primary-color;
       }
     }

package/dist/es/packages/price/style-jmapp/style.css

@@ -11,15 +11,15 @@
 }
 .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));
 }
 .nut-price-symbol {