@nutui/nutui-react 3.0.19-beta.2 → 3.0.20-beta.0

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

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
+        get: all[name]
     });
 }
 _export(exports, {
-    get SECRET () {
+    SECRET: function() {
         return SECRET;
     },
-    get useForm () {
+    useForm: function() {
         return useForm;
     },
-    get useWatch () {
+    useWatch: function() {
         return useWatch;
     }
 });
@@ -40,6 +40,7 @@ var SECRET = 'NUT_FORM_INTERNAL';
         var _this = this;
         var _this1 = this;
         (0, _class_call_check._)(this, FormStore);
+        var _this2 = this;
         // 初始化数据
         (0, _define_property._)(this, "initialValues", {});
         (0, _define_property._)(this, "updateList", []);
@@ -127,8 +128,8 @@ var SECRET = 'NUT_FORM_INTERNAL';
         (0, _define_property._)(this, "setCallback", function(callback) {
             _this.callbacks = (0, _object_spread._)({}, _this.callbacks, callback);
         });
-        (0, _define_property._)(this, "validateEntities", function(entity, errs) {
-            return (0, _async_to_generator._)(function() {
+        (0, _define_property._)(this, "validateEntities", /*#__PURE__*/ function() {
+            var _ref = (0, _async_to_generator._)(function(entity, errs) {
                 var _entity_props, name, _entity_props_rules, rules, descriptor, validator, _this_store, param, errors, _errs;
                 return (0, _ts_generator._)(this, function(_state) {
                     switch(_state.label){
@@ -163,7 +164,7 @@ var SECRET = 'NUT_FORM_INTERNAL';
                             ]);
                             return [
                                 4,
-                                validator.validate((0, _define_property._)({}, name, (_this_store = this.store) === null || _this_store === void 0 ? void 0 : _this_store[name]))
+                                validator.validate((0, _define_property._)({}, name, (_this_store = _this2.store) === null || _this_store === void 0 ? void 0 : _this_store[name]))
                             ];
                         case 2:
                             _state.sent();
@@ -177,7 +178,7 @@ var SECRET = 'NUT_FORM_INTERNAL';
                             if (errors) {
                                 ;
                                 (_errs = errs).push.apply(_errs, (0, _to_consumable_array._)(errors));
-                                this.errors[name] = errors;
+                                _this2.errors[name] = errors;
                             }
                             return [
                                 3,
@@ -185,7 +186,7 @@ var SECRET = 'NUT_FORM_INTERNAL';
                             ];
                         case 4:
                             if (!errs || errs.length === 0) {
-                                this.errors[name] = [];
+                                _this2.errors[name] = [];
                             }
                             return [
                                 7
@@ -197,21 +198,23 @@ var SECRET = 'NUT_FORM_INTERNAL';
                             ];
                     }
                 });
-            }).call(_this);
-        });
-        (0, _define_property._)(this, "validateFields", function(nameList) {
-            return (0, _async_to_generator._)(function() {
-                var _this, filterEntities, errs;
+            });
+            return function(entity, errs) {
+                return _ref.apply(this, arguments);
+            };
+        }());
+        (0, _define_property._)(this, "validateFields", /*#__PURE__*/ function() {
+            var _ref = (0, _async_to_generator._)(function(nameList) {
+                var filterEntities, errs;
                 return (0, _ts_generator._)(this, function(_state) {
                     switch(_state.label){
                         case 0:
-                            _this = this;
                             filterEntities = [];
                             // this.errors.length = 0
                             if (!nameList || nameList.length === 0) {
-                                filterEntities = this.fieldEntities;
+                                filterEntities = _this2.fieldEntities;
                             } else {
-                                filterEntities = this.fieldEntities.filter(function(param) {
+                                filterEntities = _this2.fieldEntities.filter(function(param) {
                                     var name = param.props.name;
                                     return nameList.includes(name);
                                 });
@@ -219,14 +222,14 @@ var SECRET = 'NUT_FORM_INTERNAL';
                             errs = [];
                             return [
                                 4,
-                                Promise.all(filterEntities.map(function(entity) {
-                                    return (0, _async_to_generator._)(function() {
+                                Promise.all(filterEntities.map(/*#__PURE__*/ function() {
+                                    var _ref = (0, _async_to_generator._)(function(entity) {
                                         return (0, _ts_generator._)(this, function(_state) {
                                             switch(_state.label){
                                                 case 0:
                                                     return [
                                                         4,
-                                                        this.validateEntities(entity, errs)
+                                                        _this2.validateEntities(entity, errs)
                                                     ];
                                                 case 1:
                                                     _state.sent();
@@ -235,8 +238,11 @@ var SECRET = 'NUT_FORM_INTERNAL';
                                                     ];
                                             }
                                         });
-                                    }).call(_this);
-                                }))
+                                    });
+                                    return function(entity) {
+                                        return _ref.apply(this, arguments);
+                                    };
+                                }()))
                             ];
                         case 1:
                             _state.sent();
@@ -246,34 +252,35 @@ var SECRET = 'NUT_FORM_INTERNAL';
                             ];
                     }
                 });
-            }).call(_this);
-        });
-        (0, _define_property._)(this, "submit", function() {
-            return (0, _async_to_generator._)(function() {
-                var errors, _this_callbacks_onFinish, _this_callbacks, _this_callbacks_onFinishFailed, _this_callbacks1;
-                return (0, _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);
-        });
+            });
+            return function(nameList) {
+                return _ref.apply(this, arguments);
+            };
+        }());
+        (0, _define_property._)(this, "submit", /*#__PURE__*/ (0, _async_to_generator._)(function() {
+            var errors, _this_callbacks_onFinish, _this_callbacks, _this_callbacks_onFinishFailed, _this_callbacks1;
+            return (0, _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
+                        ];
+                }
+            });
+        }));
         (0, _define_property._)(this, "resetFields", function(namePaths) {
             if (namePaths && namePaths.length) {
                 namePaths.forEach(function(path) {

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

@@ -110,7 +110,9 @@
     &-dot,
     &-line {
       position: relative;
+      /* #ifndef dynamic*/
       box-sizing: content-box;
+      /* #endif */
       background: rgba(255, 255, 255, 0.4);
       opacity: 1;
     }

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

@@ -82,7 +82,9 @@
 
 .nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
   position: relative;
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
   background: rgba(255, 255, 255, 0.4);
   opacity: 1;
 }

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

@@ -110,7 +110,9 @@
     &-dot,
     &-line {
       position: relative;
+      /* #ifndef dynamic*/
       box-sizing: content-box;
+      /* #endif */
       background: rgba(255, 255, 255, 0.4);
       opacity: 1;
     }

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

@@ -82,7 +82,9 @@
 
 .nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
   position: relative;
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
   background: rgba(255, 255, 255, 0.4);
   opacity: 1;
 }

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

@@ -110,7 +110,9 @@
     &-dot,
     &-line {
       position: relative;
+      /* #ifndef dynamic*/
       box-sizing: content-box;
+      /* #endif */
       background: rgba(255, 255, 255, 0.4);
       opacity: 1;
     }

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

@@ -82,7 +82,9 @@
 
 .nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
   position: relative;
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
   background: rgba(255, 255, 255, 0.4);
   opacity: 1;
 }

package/dist/cjs/packages/infiniteloading/infiniteloading.js

@@ -100,8 +100,8 @@ var InfiniteLoading = function InfiniteLoading(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 = function handleScroll() {
-        return (0, _async_to_generator._)(function() {
+    var handleScroll = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function() {
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -123,8 +123,11 @@ var InfiniteLoading = function InfiniteLoading(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function handleScroll() {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var infiniteDone = function infiniteDone() {
         setIsInfiniting(false);
     };
@@ -160,8 +163,8 @@ var InfiniteLoading = function InfiniteLoading(props) {
             isTouching.current = false;
         }
     };
-    var touchEnd = function touchEnd() {
-        return (0, _async_to_generator._)(function() {
+    var touchEnd = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function() {
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -191,8 +194,11 @@ var InfiniteLoading = function InfiniteLoading(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function touchEnd() {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var getWindowScrollTop = function getWindowScrollTop() {
         return window.scrollY !== undefined ? window.scrollY : (document.documentElement || document.body.parentNode || document.body).scrollTop;
     };

package/dist/cjs/packages/input/input.js

@@ -38,7 +38,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
     var rtl = (0, _configprovider.useRtl)();
     var locale = (0, _configprovider.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), type = _ref.type, name = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, onChange = _ref.onChange, onFocus = _ref.onFocus, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, plain = _ref.plain, defaultValue = _ref.defaultValue, _value = _ref.value, onCompositionStart = _ref.onCompositionStart, onCompositionEnd = _ref.onCompositionEnd, rest = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _object_spread._)({}, defaultProps, props), type = _ref.type, name = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, inputStyle = _ref.inputStyle, onChange = _ref.onChange, onFocus = _ref.onFocus, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, plain = _ref.plain, defaultValue = _ref.defaultValue, _value = _ref.value, onCompositionStart = _ref.onCompositionStart, onCompositionEnd = _ref.onCompositionEnd, rest = (0, _object_without_properties._)(_ref, [
         "type",
         "name",
         "placeholder",
@@ -52,6 +52,7 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         "autoFocus",
         "style",
         "className",
+        "inputStyle",
         "onChange",
         "onFocus",
         "onClear",
@@ -148,9 +149,9 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         ref: inputRef,
         name: name,
         className: "nut-input-native",
-        style: {
+        style: (0, _object_spread._)({}, {
             textAlign: getTextAlign()
-        },
+        }, inputStyle),
         type: getInputType(type),
         maxLength: maxLength,
         placeholder: placeholder === undefined ? locale.placeholder : placeholder,

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

@@ -31,9 +31,8 @@
 
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -32,9 +32,8 @@
 
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title, #1a1a1a);
+  color: var(--nutui-input-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-size-l, 16px));
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -31,9 +31,8 @@
 
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -32,9 +32,8 @@
 
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title);
+  color: var(--nutui-input-color, var(--nutui-color-text));
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-text-large));
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -31,9 +31,8 @@
 
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

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

@@ -32,9 +32,8 @@
 
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title);
+  color: var(--nutui-input-color, var(--nutui-color-text));
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-text-large));
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/cjs/packages/inputnumber/inputnumber.js

@@ -105,8 +105,8 @@ var InputNumber = function InputNumber(props) {
         var stepAmount = parseFloat(stepValue) * symbol;
         return (currentValue * dig + stepAmount * dig) / dig;
     };
-    var update = function update(negative, e) {
-        return (0, _async_to_generator._)(function() {
+    var update = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(negative, e) {
             var shouldOverBoundary, maybeResume, nextValue;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -137,10 +137,13 @@ var InputNumber = function InputNumber(props) {
                         ];
                 }
             });
-        })();
-    };
-    var handleReduce = function handleReduce(e) {
-        return (0, _async_to_generator._)(function() {
+        });
+        return function update(negative, e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var handleReduce = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(e) {
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -158,10 +161,13 @@ var InputNumber = function InputNumber(props) {
                         ];
                 }
             });
-        })();
-    };
-    var handlePlus = function handlePlus(e) {
-        return (0, _async_to_generator._)(function() {
+        });
+        return function handleReduce(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var handlePlus = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(e) {
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -179,15 +185,18 @@ var InputNumber = function InputNumber(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function handlePlus(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var parseValue = function parseValue(text) {
         if (text === '') return null;
         if (text === '-') return null;
         return text;
     };
-    var handleInputChange = function handleInputChange(e) {
-        return (0, _async_to_generator._)(function() {
+    var handleInputChange = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(e) {
             var valueStr, maybeResume;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -215,8 +224,11 @@ var InputNumber = function InputNumber(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function handleInputChange(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var handleFocus = function handleFocus(e) {
         setFocused(true);
         setInputValue(shadowValue !== undefined && shadowValue !== null ? (0, _bound.bound)(Number(shadowValue), Number(min), Number(max)).toString() : '');

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

@@ -1,7 +1,13 @@
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(
-    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} + #{$inputnumber-input-width}
+    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} +
+      #{$inputnumber-input-width}
   );
   flex-direction: row;
   align-items: center;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(2 * var(--nutui-inputnumber-input-margin, 0px) + 2 * var(--nutui-inputnumber-button-width, 20px) + var(--nutui-inputnumber-input-width, 26px));
   flex-direction: row;
   align-items: center;

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

@@ -1,7 +1,13 @@
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(
-    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} + #{$inputnumber-input-width}
+    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} +
+      #{$inputnumber-input-width}
   );
   flex-direction: row;
   align-items: center;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(2 * var(--nutui-inputnumber-input-margin, 0 6px) + 2 * var(--nutui-inputnumber-button-width, 16px) + var(--nutui-inputnumber-input-width, 40px));
   flex-direction: row;
   align-items: center;

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

@@ -1,7 +1,13 @@
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(
-    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} + #{$inputnumber-input-width}
+    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} +
+      #{$inputnumber-input-width}
   );
   flex-direction: row;
   align-items: center;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(2 * var(--nutui-inputnumber-input-margin, 0 6px) + 2 * var(--nutui-inputnumber-button-width, 16px) + var(--nutui-inputnumber-input-width, 40px));
   flex-direction: row;
   align-items: center;

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

@@ -1,5 +1,10 @@
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

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

@@ -1,5 +1,10 @@
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

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

@@ -1,5 +1,10 @@
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;