@nutui/nutui-react-taro 3.0.0-beta.0 → 3.0.0-beta.10

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-infiniteloading {
   display: block;
   width: 100%;
@@ -8,8 +12,8 @@
   justify-content: center;
   width: 100%;
   overflow: hidden;
-  font-size: var(--nutui-font-size-2, 12px);
-  color: var(--nutui-infiniteloading-color, var(--nutui-gray-5, #888b94));
+  font-size: var(--nutui-font-size-s, 12px);
+  color: var(--nutui-infiniteloading-color, var(--nutui-gray-5));
 }
 .nut-infiniteloading .nut-infinite-top-tips {
   width: 100%;
@@ -30,20 +34,20 @@
   justify-content: center;
   width: 100%;
   padding-top: 6px;
-  font-size: var(--nutui-font-size-2, 12px);
-  color: var(--nutui-infiniteloading-color, var(--nutui-gray-5, #888b94));
+  color: var(--nutui-infiniteloading-color, var(--nutui-gray-5));
   text-align: center;
 }
 .nut-infiniteloading .nut-infinite-bottom-tips {
   display: flex;
   justify-content: center;
   align-items: center;
+  font-size: var(--nutui-font-size-xxs, 10px);
 }
 .nut-infiniteloading .nut-infinite-bottom-tips-icons {
   margin-right: 8px;
 }
 .nut-infiniteloading-primary {
-  background-color: var(--nutui-color-primary, #ff0f23);
+  background-color: var(--nutui-brand-6);
 }
 .nut-infiniteloading-primary .nut-infinite-bottom,
 .nut-infiniteloading-primary .nut-infinite-top {

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

@@ -19,6 +19,7 @@ export interface InputProps extends BasicComponent {
     formatTrigger: InputFormatTrigger;
     autoFocus: boolean;
     confirmType: InputConfirmType;
+    plain: boolean;
     formatter?: (value: string) => void;
     onChange?: (value: string) => void;
     onBlur?: (value: string) => void;

package/dist/es/packages/input/input.js

@@ -10,7 +10,6 @@ import { formatNumber } from "./utils";
 import { useConfig, useRtl } from "../configprovider/index";
 import { ComponentDefaults } from "../../utils/typings";
 import { usePropsValue } from "../../utils/use-props-value";
-import { harmonyAndRn } from "../../utils/platform-taro";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: 'text',
     name: '',
@@ -24,12 +23,13 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     clearable: false,
     clearIcon: null,
     formatTrigger: 'onChange',
-    autoFocus: false
+    autoFocus: false,
+    plain: false
 });
 export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
     var rtl = useRtl();
     var locale = useConfig().locale;
-    var _ref = _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, onBlur = _ref.onBlur, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = _object_without_properties(_ref, [
+    var _ref = _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, plain = _ref.plain, onChange = _ref.onChange, onFocus = _ref.onFocus, onBlur = _ref.onBlur, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = _object_without_properties(_ref, [
         "type",
         "name",
         "placeholder",
@@ -43,6 +43,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         "autoFocus",
         "style",
         "className",
+        "plain",
         "onChange",
         "onFocus",
         "onBlur",
@@ -83,7 +84,9 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         var classPrefix = 'nut-input';
         return [
             classPrefix,
-            "".concat(disabled ? "".concat(classPrefix, "-disabled") : '')
+            "".concat(disabled ? "".concat(classPrefix, "-disabled") : ''),
+            readOnly ? "".concat(classPrefix, "-readonly") : '',
+            "".concat(plain ? "".concat(classPrefix, "-plain") : "".concat(classPrefix, "-container"))
         ].filter(Boolean).join(' ');
     }, [
         disabled
@@ -95,13 +98,11 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
     var updateValue = function(value) {
         var trigger = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'onChange';
         var val = value;
-        if (getEnv() === ENV_TYPE.WEB) {
-            if (type === 'number') {
-                val = formatNumber(val, false, true);
-            }
-            if (type === 'digit') {
-                val = formatNumber(val, true, true);
-            }
+        if (type === 'number') {
+            val = formatNumber(val, false, true);
+        }
+        if (type === 'digit') {
+            val = formatNumber(val, true, true);
         }
         if (formatter && trigger === formatTrigger) {
             val = formatter(val);
@@ -171,8 +172,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         onBlur: handleBlur,
         onFocus: handleFocus,
         onInput: function(e) {
-            console.log('eeeeee', e.detail.value);
-            handleInput((e.currentTarget || e.detail).value);
+            handleInput((e.detail || e.currentTarget).value);
         }
     })), /*#__PURE__*/ React.createElement(View, {
         style: {
@@ -187,8 +187,8 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
                 onClear === null || onClear === void 0 ? void 0 : onClear('');
             }
         }
-    }, clearIcon || (!harmonyAndRn() ? /*#__PURE__*/ React.createElement(MaskClose, {
+    }, clearIcon || /*#__PURE__*/ React.createElement(MaskClose, {
         className: "nut-input-clear"
-    }) : null)));
+    })));
 });
 Input.displayName = 'NutInput';

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

@@ -5,23 +5,29 @@
   flex-wrap: nowrap;
   flex: 1;
   align-items: center;
-  padding: $input-padding;
-  line-height: 24px;
   font-size: $input-font-size;
   box-sizing: border-box;
-  border-radius: $input-border-radius;
-  background-color: $input-background-color;
-  border-bottom: $input-border-bottom-width solid $input-border-bottom;
 
   .nut-icon {
-    color: #c8c9cc;
+    color: $color-text-disabled;
+    width: 14px;
+    height: 14px;
+    font-size: 14px;
+  }
+  &-container {
+    height: 38px;
+    padding: $input-padding;
+    background-color: $input-background-color;
+    border-radius: $input-border-radius;
+    border-bottom: $input-border-bottom-width solid $input-border-bottom;
   }
 }
 
 .nut-input-native {
   flex: 1;
-  color: $input-color;
+  color: $color-title;
   font-size: $input-font-size;
+  line-height: $input-font-size;
   padding: 0;
   border: 0;
   outline: 0 none;
@@ -31,19 +37,28 @@
 
 /* #ifndef rn */
 .nut-input-native::placeholder {
-  color: #757575;
+  color: $color-text-help;
 }
-
 /* #endif */
 
+.nut-input-readonly {
+  .nut-input-native {
+    color: $color-text-help;
+  }
+}
+
 .nut-input-disabled {
-  color: $input-disabled-color !important;
+  color: $color-text-disabled !important;
 
   input:disabled {
-    color: $input-disabled-color;
+    color: $color-text-disabled;
     cursor: not-allowed;
     background: none;
     opacity: 1;
-    -webkit-text-fill-color: $input-disabled-color;
+    -webkit-text-fill-color: $color-text-disabled;
   }
 }
+
+.nut-input-clear {
+  // flex: 0;
+}

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-input {
   position: relative;
   display: flex;
@@ -5,22 +9,28 @@
   flex-wrap: nowrap;
   flex: 1;
   align-items: center;
-  padding: var(--nutui-input-padding, 10px 25px);
-  line-height: 24px;
-  font-size: var(--nutui-input-font-size, var(--nutui-font-size-3, 14px));
+  font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
   box-sizing: border-box;
-  border-radius: var(--nutui-input-border-radius, 0);
-  background-color: var(--nutui-input-background-color, var(--nutui-gray-1, #ffffff));
-  border-bottom: var(--nutui-input-border-bottom-width, 0px) solid var(--nutui-input-border-bottom, var(--nutui-black-3, rgba(0, 0, 0, 0.06)));
 }
 .nut-input .nut-icon {
-  color: #c8c9cc;
+  color: var(--nutui-gray-4);
+  width: 14px;
+  height: 14px;
+  font-size: 14px;
+}
+.nut-input-container {
+  height: 38px;
+  padding: var(--nutui-input-padding, 12px);
+  background-color: var(--nutui-input-background-color, var(--nutui-gray-1));
+  border-radius: var(--nutui-input-border-radius, var(--nutui-radius-s, 6px));
+  border-bottom: var(--nutui-input-border-bottom-width, 0px) solid var(--nutui-input-border-bottom, var(--nutui-black-3));
 }
 
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-input-color, var(--nutui-gray-7, #1a1a1a));
-  font-size: var(--nutui-input-font-size, var(--nutui-font-size-3, 14px));
+  color: var(--nutui-gray-7);
+  font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
+  line-height: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
   padding: 0;
   border: 0;
   outline: 0 none;
@@ -30,17 +40,21 @@
 
 /* #ifndef rn */
 .nut-input-native::placeholder {
-  color: #757575;
+  color: var(--nutui-gray-5);
 }
 
 /* #endif */
+.nut-input-readonly .nut-input-native {
+  color: var(--nutui-gray-5);
+}
+
 .nut-input-disabled {
-  color: var(--nutui-input-disabled-color, var(--nutui-color-text-disabled, #c2c4cc)) !important;
+  color: var(--nutui-gray-4) !important;
 }
 .nut-input-disabled input:disabled {
-  color: var(--nutui-input-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-gray-4);
   cursor: not-allowed;
   background: none;
   opacity: 1;
-  -webkit-text-fill-color: var(--nutui-input-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
+  -webkit-text-fill-color: var(--nutui-gray-4);
 }

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

@@ -13,10 +13,11 @@ export interface InputNumberProps extends BasicComponent {
     step: number;
     digits: number;
     async: boolean;
+    select: boolean;
     formatter?: (value?: string | number) => string;
     onPlus: (e: ITouchEvent) => void;
     onMinus: (e: ITouchEvent) => void;
-    onOverlimit: (e: ITouchEvent) => void;
+    onOverlimit: (e: ITouchEvent | ChangeEvent<HTMLInputElement>) => void;
     onBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
     onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
     onChange: (param: string | number, e: ITouchEvent | ChangeEvent<HTMLInputElement>) => void;

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

@@ -9,7 +9,7 @@ import { Input as TaroInput, View, Text } from "@tarojs/components";
 import { Minus, Plus } from "@nutui/icons-react-taro";
 import { usePropsValue } from "../../utils/use-props-value";
 import { ComponentDefaults } from "../../utils/typings";
-import { harmony, harmonyAndRn, rn } from "../../utils/platform-taro";
+import { harmonyAndRn, rn } from "../../utils/platform-taro";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,
     readOnly: false,
@@ -19,11 +19,12 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: 'digit',
     step: 1,
     digits: 0,
-    async: false
+    async: false,
+    select: true
 });
 var classPrefix = "nut-inputnumber";
 export var InputNumber = function(props) {
-    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, disabled = _ref.disabled, min = _ref.min, max = _ref.max, type = _ref.type, readOnly = _ref.readOnly, value = _ref.value, defaultValue = _ref.defaultValue, allowEmpty = _ref.allowEmpty, digits = _ref.digits, step = _ref.step, async = _ref.async, className = _ref.className, style = _ref.style, formatter = _ref.formatter, onPlus = _ref.onPlus, onMinus = _ref.onMinus, onOverlimit = _ref.onOverlimit, onBlur = _ref.onBlur, onFocus = _ref.onFocus, onChange = _ref.onChange, restProps = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, disabled = _ref.disabled, min = _ref.min, max = _ref.max, type = _ref.type, readOnly = _ref.readOnly, value = _ref.value, defaultValue = _ref.defaultValue, allowEmpty = _ref.allowEmpty, digits = _ref.digits, step = _ref.step, async = _ref.async, select = _ref.select, className = _ref.className, style = _ref.style, formatter = _ref.formatter, onPlus = _ref.onPlus, onMinus = _ref.onMinus, onOverlimit = _ref.onOverlimit, onBlur = _ref.onBlur, onFocus = _ref.onFocus, onChange = _ref.onChange, restProps = _object_without_properties(_ref, [
         "children",
         "disabled",
         "min",
@@ -36,6 +37,7 @@ export var InputNumber = function(props) {
         "digits",
         "step",
         "async",
+        "select",
         "className",
         "style",
         "formatter",
@@ -48,16 +50,16 @@ export var InputNumber = function(props) {
     ]);
     var isRnAndHarmony = harmonyAndRn();
     var isRn = rn();
-    var isHarmony = harmony();
     var classes = classNames(classPrefix, className);
     var _useState = _sliced_to_array(useState(false), 2), focused = _useState[0], setFocused = _useState[1];
     var inputRef = useRef(null);
     useEffect(function() {
-        if (focused) {
+        if (select && focused) {
             var _inputRef_current_select, _inputRef_current;
             (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : (_inputRef_current_select = _inputRef_current.select) === null || _inputRef_current_select === void 0 ? void 0 : _inputRef_current_select.call(_inputRef_current);
         }
     }, [
+        select,
         focused
     ]);
     var _usePropsValue = _sliced_to_array(usePropsValue({
@@ -138,8 +140,22 @@ export var InputNumber = function(props) {
         if (text === '-') return null;
         return text;
     };
+    var clampValue = function(valueStr) {
+        if (valueStr === null) return defaultValue;
+        var val = Number(parseFloat(valueStr || '0').toFixed(digits));
+        return Math.max(Number(min), Math.min(Number(max), val));
+    };
+    var handleValueChange = function(valueStr, e) {
+        var val = clampValue(valueStr);
+        // input暂不触发onOverlimit
+        // if (val !== Number(e.target.value)) {
+        //   onOverlimit?.(e)
+        // }
+        if (val !== Number(shadowValue)) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(val, e);
+        }
+    };
     var handleInputChange = function(e) {
-        if (!focused && isHarmony) return;
         // 设置 input 值， 在 blur 时格式化
         setInputValue(e.target.value);
         var valueStr = parseValue(e.target.value);
@@ -150,24 +166,29 @@ export var InputNumber = function(props) {
                 setShadowValue(defaultValue);
             }
         } else {
-            setShadowValue(valueStr);
-        }
-        if (!async) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || '0').toFixed(digits), e);
+            setShadowValue(clampValue(valueStr));
         }
+        !async && handleValueChange(valueStr, e);
     };
     var handleFocus = function(e) {
         setFocused(true);
         setInputValue(shadowValue !== undefined && shadowValue !== null ? bound(Number(shadowValue), Number(min), Number(max)).toString() : '');
-        onFocus && onFocus(e);
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
     };
     var handleBlur = function(e) {
         setFocused(false);
-        onBlur && onBlur(e);
-        if (async) {
-            var valueStr = parseValue(e.target.value);
-            onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || '0').toFixed(digits), e);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+        var valueStr = parseValue(e.target.value);
+        if (valueStr === null) {
+            if (allowEmpty) {
+                setShadowValue(null);
+            } else {
+                setShadowValue(defaultValue);
+            }
+        } else {
+            setShadowValue(clampValue(valueStr));
         }
+        async && handleValueChange(valueStr, e);
     };
     return /*#__PURE__*/ React.createElement(View, {
         className: classes,

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

@@ -1,8 +1,13 @@
 .nut-inputnumber {
-  display: flex;
+  display: inline-flex;
+  width: calc(
+    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} + #{$inputnumber-input-width}
+  );
   flex-direction: row;
   align-items: center;
-
+  background-color: $color-background;
+  border-radius: $inputnumber-input-border-radius;
+  overflow: hidden;
   &-minus,
   &-add {
     display: flex;
@@ -11,21 +16,18 @@
     width: $inputnumber-button-width;
     height: $inputnumber-button-height;
     background-color: $inputnumber-button-background-color;
-    border-radius: $inputnumber-button-border-radius;
+    .nut-icon {
+      --nut-icon-width: 10px;
+      --nut-icon-height: 10px;
+    }
   }
 
   &-icon {
-    color: $inputnumber-icon-color;
-    /*  #ifdef rn harmony  */
-    font-size: 14px;
-    /*  #endif  */
-    /*  #ifndef  rn harmony  */
-    font-size: $inputnumber-icon-size;
-    /*  #endif */
+    color: $color-text;
     cursor: pointer;
 
     &-disabled {
-      color: $inputnumber-disabled-color;
+      color: $color-text-disabled;
       cursor: not-allowed;
     }
   }
@@ -35,16 +37,17 @@
     justify-content: center;
     align-items: center;
     width: $inputnumber-input-width;
+    font-size: $inputnumber-input-font-size;
     height: $inputnumber-input-height;
     text-align: center;
     outline: none;
     border: $inputnumber-input-border;
-    border-radius: $inputnumber-input-border-radius;
-    margin: $inputnumber-input-margin;
-    color: $inputnumber-input-font-color;
+    margin-left: $inputnumber-input-margin;
+    margin-right: $inputnumber-input-margin;
+    color: $color-text;
     background-color: $inputnumber-input-background-color;
     &-disabled {
-      color: $inputnumber-disabled-color;
+      color: $color-text-disabled;
     }
     &::-webkit-outer-spin-button,
     &::-webkit-inner-spin-button {
@@ -53,7 +56,7 @@
   }
 
   &-input-disabled {
-    color: $inputnumber-disabled-color;
+    color: $color-text-disabled;
   }
 
   &-icon-minus {

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

@@ -1,53 +1,59 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-inputnumber {
-  display: flex;
+  display: inline-flex;
+  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;
+  background-color: var(--nutui-gray-3);
+  border-radius: var(--nutui-inputnumber-input-border-radius, 4px);
+  overflow: hidden;
 }
 .nut-inputnumber-minus, .nut-inputnumber-add {
   display: flex;
   justify-content: center;
   align-items: center;
-  width: var(--nutui-inputnumber-button-width, 14px);
-  height: var(--nutui-inputnumber-button-height, 24px);
+  width: var(--nutui-inputnumber-button-width, 20px);
+  height: var(--nutui-inputnumber-button-height, 20px);
   background-color: var(--nutui-inputnumber-button-background-color, transparent);
-  border-radius: var(--nutui-inputnumber-button-border-radius, 16px);
+}
+.nut-inputnumber-minus .nut-icon, .nut-inputnumber-add .nut-icon {
+  --nut-icon-width: 10px;
+  --nut-icon-height: 10px;
 }
 .nut-inputnumber-icon {
-  color: var(--nutui-inputnumber-icon-color, var(--nutui-gray-6, #505259));
-  /*  #ifdef rn harmony  */
-  font-size: 14px;
-  /*  #endif  */
-  /*  #ifndef  rn harmony  */
-  font-size: var(--nutui-inputnumber-icon-size, 8px);
-  /*  #endif */
+  color: var(--nutui-gray-6);
   cursor: pointer;
 }
 .nut-inputnumber-icon-disabled {
-  color: var(--nutui-inputnumber-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-gray-4);
   cursor: not-allowed;
 }
 .nut-inputnumber-input {
   display: flex;
   justify-content: center;
   align-items: center;
-  width: var(--nutui-inputnumber-input-width, 60px);
-  height: var(--nutui-inputnumber-input-height, 24px);
+  width: var(--nutui-inputnumber-input-width, 26px);
+  font-size: var(--nutui-inputnumber-input-font-size, var(--nutui-font-size-s, 12px));
+  height: var(--nutui-inputnumber-input-height, 20px);
   text-align: center;
   outline: none;
   border: var(--nutui-inputnumber-input-border, 0);
-  border-radius: var(--nutui-inputnumber-input-border-radius, 6px);
-  margin: var(--nutui-inputnumber-input-margin, 0);
-  color: var(--nutui-inputnumber-input-font-color, var(--nutui-gray-7, #1a1a1a));
-  background-color: var(--nutui-inputnumber-input-background-color, var(--nutui-gray-3, #f5f6fa));
+  margin-left: var(--nutui-inputnumber-input-margin, 0px);
+  margin-right: var(--nutui-inputnumber-input-margin, 0px);
+  color: var(--nutui-gray-6);
+  background-color: var(--nutui-inputnumber-input-background-color, var(--nutui-gray-3));
 }
 .nut-inputnumber-input-disabled {
-  color: var(--nutui-inputnumber-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-gray-4);
 }
 .nut-inputnumber-input::-webkit-outer-spin-button, .nut-inputnumber-input::-webkit-inner-spin-button {
   appearance: none;
 }
 .nut-inputnumber-input-disabled {
-  color: var(--nutui-inputnumber-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-gray-4);
 }
 .nut-inputnumber-icon-minus {
   --nut-icon-width: 16px;

package/dist/es/packages/layout/layout.js

@@ -1,9 +1,6 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { View } from "@tarojs/components";
 import React from "react";
-var defaultProps = {};
-export var Layout = function(props) {
-    var children = _object_spread({}, defaultProps, props).children;
+export var Layout = function() {
     return /*#__PURE__*/ React.createElement(View, {
         className: "nut-layout"
     }, "Layout");

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

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

package/dist/es/packages/loading/index.d.ts

@@ -1,3 +1,3 @@
 import { Loading } from "./loading";
-export type { LoadingProps, LoadingType, LoadingDirection, } from "./loading";
+export type { LoadingProps, LoadingType, LoadingDirection } from './types';
 export default Loading;

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

@@ -1,22 +1,3 @@
-import React, { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
-export type LoadingType = 'spinner' | 'circular';
-export type LoadingDirection = 'horizontal' | 'vertical';
-export interface LoadingProps extends BasicComponent {
-    /**
-    * loading图标的样式
-    * @default circular
-    */
-    type: LoadingType
-    /**
-    * loading图标和文字的排列方式
-    * @default horizontal
-    */
-    direction: LoadingDirection
-    /**
-    * 自定义loading的图标
-    * @default -
-    */
-    icon?: ReactNode
-}
-export declare const Loading: FunctionComponent<Partial<LoadingProps> & React.HTMLAttributes<HTMLDivElement>>;
+import React from 'react';
+import { LoadingProps } from './types';
+export declare const Loading: React.ForwardRefExoticComponent<Partial<LoadingProps> & React.RefAttributes<any>>;