@nutui/nutui-react 2.0.0-alpha.1 → 2.0.0-alpha.11

package/dist/esm/Range.js

@@ -22,46 +22,41 @@ function _objectSpread(target) {
   return target;
 }
 import React__default, { useState, useRef, useEffect, useCallback } from "react";
+import classNames from "classnames";
 import { u as useTouch } from "./use-touch.js";
 import { g as getRect } from "./use-client-rect.js";
-import Toast from "./Toast.js";
-import { useConfig } from "./ConfigProvider.js";
-var defaultProps = {
+import { C as ComponentDefaults } from "./typings.js";
+import { u as usePropsValue } from "./use-props-value.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   range: false,
-  hiddenRange: false,
-  hiddenTag: false,
   min: 0,
   max: 100,
   step: 1,
-  modelValue: 0,
   vertical: false,
   marks: {}
-};
-var startValue;
-var currentValue;
+});
 var Range = function Range2(props) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, range = _defaultProps$props.range, disabled = _defaultProps$props.disabled, activeColor = _defaultProps$props.activeColor, inactiveColor = _defaultProps$props.inactiveColor, buttonColor = _defaultProps$props.buttonColor, hiddenRange = _defaultProps$props.hiddenRange, hiddenTag = _defaultProps$props.hiddenTag, modelValue = _defaultProps$props.modelValue, button = _defaultProps$props.button, vertical = _defaultProps$props.vertical, marks = _defaultProps$props.marks, dragStart = _defaultProps$props.dragStart, dragEnd = _defaultProps$props.dragEnd, onChange = _defaultProps$props.onChange, onDragStart = _defaultProps$props.onDragStart, onDragEnd = _defaultProps$props.onDragEnd, minDesc = _defaultProps$props.minDesc, maxDesc = _defaultProps$props.maxDesc, curValueDesc = _defaultProps$props.curValueDesc;
-  var _defaultProps$props2 = _objectSpread(_objectSpread({}, defaultProps), props), min = _defaultProps$props2.min, max = _defaultProps$props2.max, step = _defaultProps$props2.step;
-  min = Number(min);
-  max = Number(max);
-  step = Number(step);
-  var _useState = useState(0), _useState2 = _slicedToArray(_useState, 2), buttonIndex = _useState2[0], SetButtonIndex = _useState2[1];
-  var _useState3 = useState(), _useState4 = _slicedToArray(_useState3, 2), initValue = _useState4[0], SetInitValue = _useState4[1];
-  var _useState5 = useState("start"), _useState6 = _slicedToArray(_useState5, 2), dragStatus = _useState6[0], SetDragStatus = _useState6[1];
+  var _classNames;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, range = _defaultProps$props.range, disabled = _defaultProps$props.disabled, button = _defaultProps$props.button, vertical = _defaultProps$props.vertical, marks = _defaultProps$props.marks, onChange = _defaultProps$props.onChange, onStart = _defaultProps$props.onStart, onEnd = _defaultProps$props.onEnd, minDescription = _defaultProps$props.minDescription, maxDescription = _defaultProps$props.maxDescription, currentDescription = _defaultProps$props.currentDescription, min = _defaultProps$props.min, max = _defaultProps$props.max, step = _defaultProps$props.step, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue;
+  var classPrefix = "nut-range";
+  var _useState = useState(0), _useState2 = _slicedToArray(_useState, 2), buttonIndex = _useState2[0], setButtonIndex = _useState2[1];
+  var _useState3 = useState("start"), _useState4 = _slicedToArray(_useState3, 2), dragStatus = _useState4[0], setDragStatus = _useState4[1];
   var touch = useTouch();
   var root = useRef(null);
-  var _useState7 = useState([]), _useState8 = _slicedToArray(_useState7, 2), marksList = _useState8[0], SetMarksList = _useState8[1];
-  useEffect(function() {
-    if (typeof modelValue === "number") {
-      if (!range && (modelValue < min || modelValue > max)) {
-        SetInitValue(0);
-        Toast.text("".concat(modelValue, " ").concat(locale.range.rangeText));
-        return;
-      }
-      SetInitValue(modelValue);
-    }
-  }, [modelValue]);
+  var _useState5 = useState([]), _useState6 = _slicedToArray(_useState5, 2), marksList = _useState6[0], setMarksList = _useState6[1];
+  var _useState7 = useState(0), _useState8 = _slicedToArray(_useState7, 2), startValue = _useState8[0], setStartValue = _useState8[1];
+  var handleChange = function handleChange2(value2) {
+    onChange && onChange(value2);
+  };
+  var _usePropsValue = usePropsValue({
+    value,
+    defaultValue,
+    finalValue: 0,
+    onChange: handleChange
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), current = _usePropsValue2[0], setCurrent = _usePropsValue2[1];
+  var _useState9 = useState(function() {
+    return value || defaultValue || 0;
+  }), _useState10 = _slicedToArray(_useState9, 2), exactValue = _useState10[0], setEaxctValue = _useState10[1];
   useEffect(function() {
     if (marks) {
       var marksKeys = Object.keys(marks);
@@ -70,64 +65,41 @@ var Range = function Range2(props) {
       }).filter(function(point) {
         return point >= min && point <= max;
       });
-      SetMarksList(list);
+      setMarksList(list);
     }
   }, [marks]);
   var scope = function scope2() {
-    return Number(max) - Number(min);
+    return max - min;
   };
-  var classes = useCallback(function() {
-    var prefixCls = "nut-range";
-    return [prefixCls, "".concat(disabled ? "".concat(prefixCls, "-disabled") : ""), "".concat(vertical ? "".concat(prefixCls, "-vertical") : ""), "".concat(!hiddenRange ? "".concat(prefixCls, "-show-number") : "")].filter(Boolean).join(" ");
-  }, [disabled, vertical, hiddenRange]);
-  var containerClasses = useCallback(function() {
-    var prefixCls = "nut-range-container";
-    return [prefixCls, "".concat(vertical ? "".concat(prefixCls, "-vertical") : ""), className].filter(Boolean).join(" ");
-  }, [vertical, className]);
+  var classes = classNames(classPrefix, (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-disabled"), disabled), _defineProperty(_classNames, "".concat(classPrefix, "-vertical"), vertical), _classNames));
+  var containerClasses = classNames("".concat(classPrefix, "-container"), className, _defineProperty({}, "".concat(classPrefix, "-container-vertical"), vertical));
   var markClassName = useCallback(function(mark) {
-    var classPrefix = "nut-range-mark";
-    var lowerBound = Number(min);
-    var upperBound = Number(max);
-    if (range) {
-      var _modelValue = _slicedToArray(modelValue, 2), left = _modelValue[0], right = _modelValue[1];
-      lowerBound = left;
-      upperBound = right;
+    var classPrefix2 = "nut-range-mark";
+    var lowerBound = min;
+    var upperBound = max;
+    if (range && Array.isArray(current)) {
+      lowerBound = current[0];
+      upperBound = current[1];
     } else {
-      upperBound = modelValue;
+      upperBound = current;
     }
     var isActive = mark <= upperBound && mark >= lowerBound;
-    return ["".concat(classPrefix, "-text"), "".concat(isActive ? "".concat(classPrefix, "-text-active") : "")].filter(Boolean).join(" ");
-  }, [range, modelValue, min, max]);
-  var _useState9 = useState(classes()), _useState10 = _slicedToArray(_useState9, 2), rangeName = _useState10[0], setRangeName = _useState10[1];
-  var _useState11 = useState(containerClasses()), _useState12 = _slicedToArray(_useState11, 2), containerName = _useState12[0], setContainerName = _useState12[1];
-  useEffect(function() {
-    setRangeName(classes());
-    setContainerName(containerClasses());
-  }, [classes, containerClasses]);
-  var wrapperStyle = function wrapperStyle2() {
-    return {
-      background: inactiveColor
-    };
-  };
-  var buttonStyle = function buttonStyle2() {
-    return {
-      borderColor: buttonColor
-    };
-  };
+    return ["".concat(classPrefix2, "-text"), "".concat(isActive ? "".concat(classPrefix2, "-text-active") : "")].join(" ");
+  }, [range, current, min, max]);
   var isRange = function isRange2(val) {
     return !!range && Array.isArray(val);
   };
   var calcMainAxis = function calcMainAxis2() {
-    var modelVal = initValue || initValue === 0 ? initValue : modelValue;
+    var modelVal = current;
     if (isRange(modelVal)) {
       return "".concat((modelVal[1] - modelVal[0]) * 100 / scope(), "%");
     }
-    return "".concat((modelVal - Number(min)) * 100 / scope(), "%");
+    return "".concat((modelVal - min) * 100 / scope(), "%");
   };
   var calcOffset = function calcOffset2() {
-    var modelVal = initValue || initValue === 0 ? initValue : modelValue;
+    var modelVal = current;
     if (isRange(modelVal)) {
-      return "".concat((modelVal[0] - Number(min)) * 100 / scope(), "%");
+      return "".concat((modelVal[0] - min) * 100 / scope(), "%");
     }
     return "0%";
   };
@@ -136,74 +108,61 @@ var Range = function Range2(props) {
       return {
         height: calcMainAxis(),
         top: calcOffset(),
-        background: activeColor,
         transition: dragStatus ? "none" : void 0
       };
     }
     return {
       width: calcMainAxis(),
       left: calcOffset(),
-      background: activeColor,
       transition: dragStatus ? "none" : void 0
     };
   };
   var marksStyle = function marksStyle2(mark) {
     var style = {
-      left: "".concat((mark - Number(min)) / scope() * 100, "%")
+      left: "".concat((mark - min) / scope() * 100, "%")
     };
     if (vertical) {
       style = {
-        top: "".concat((mark - Number(min)) / scope() * 100, "%")
+        top: "".concat((mark - min) / scope() * 100, "%")
       };
     }
     return style;
   };
-  var tickStyle = function tickStyle2(mark) {
-    var lowerBound = Number(min);
-    var upperBound = Number(max);
-    if (range) {
-      var _modelValue2 = _slicedToArray(modelValue, 2), left = _modelValue2[0], right = _modelValue2[1];
-      lowerBound = left;
-      upperBound = right;
+  var tickClass = function tickClass2(mark) {
+    if (range && Array.isArray(current)) {
+      return mark <= current[1] && mark >= current[0];
     }
-    var isActive = mark <= upperBound && mark >= lowerBound;
-    var style = {
-      background: !isActive ? inactiveColor : activeColor
-    };
-    return style;
+    return mark <= current;
   };
-  var format = function format2(value) {
-    value = Math.max(+min, Math.min(value, +max));
-    return Math.round(value / +step) * +step;
+  var format = function format2(value2) {
+    value2 = Math.max(+min, Math.min(value2, +max));
+    return Math.round(value2 / +step) * +step;
   };
   var isSameValue = function isSameValue2(newValue, oldValue) {
     return JSON.stringify(newValue) === JSON.stringify(oldValue);
   };
-  var handleOverlap = function handleOverlap2(value) {
-    if (value[0] > value[1]) {
-      return value.slice(0).reverse();
+  var handleOverlap = function handleOverlap2(value2) {
+    if (value2[0] > value2[1]) {
+      return value2.slice(0).reverse();
     }
-    return value;
+    return value2;
   };
-  var updateValue = function updateValue2(value, end) {
-    if (isRange(value)) {
-      value = handleOverlap(value).map(format);
+  var updateValue = function updateValue2(value2, end) {
+    if (isRange(value2)) {
+      value2 = handleOverlap(value2).map(format);
     } else {
-      value = format(value);
-    }
-    var modelVal = initValue || initValue === 0 ? initValue : modelValue;
-    if (!isSameValue(value, modelVal)) {
-      SetInitValue(value);
+      value2 = format(value2);
     }
-    if ((marks || end) && !isSameValue(value, startValue)) {
-      onChange && onChange(value);
+    if (!isSameValue(value2, current)) {
+      setCurrent(value2);
     }
+    end && onEnd && onEnd(value2);
   };
   var click = function click2(event) {
     if (disabled || !root.current) {
       return;
     }
-    SetDragStatus("");
+    setDragStatus("");
     var rect = getRect(root.current);
     var delta = event.clientX - rect.left;
     var total = rect.width;
@@ -211,18 +170,18 @@ var Range = function Range2(props) {
       delta = event.clientY - rect.top;
       total = rect.height;
     }
-    var value = Number(min) + delta / total * scope();
-    currentValue = initValue || initValue === 0 ? initValue : modelValue;
-    if (isRange(currentValue)) {
-      var _currentValue = currentValue, _currentValue2 = _slicedToArray(_currentValue, 2), left = _currentValue2[0], right = _currentValue2[1];
+    var value2 = min + delta / total * scope();
+    setEaxctValue(current);
+    if (isRange(current)) {
+      var _current = _slicedToArray(current, 2), left = _current[0], right = _current[1];
       var middle = (left + right) / 2;
-      if (value <= middle) {
-        updateValue([value, right], true);
+      if (value2 <= middle) {
+        updateValue([value2, right], true);
       } else {
-        updateValue([left, value], true);
+        updateValue([left, value2], true);
       }
     } else {
-      updateValue(value, true);
+      updateValue(value2, true);
     }
   };
   var _onTouchStart = function onTouchStart(event) {
@@ -230,24 +189,24 @@ var Range = function Range2(props) {
       return;
     }
     touch.start(event);
-    currentValue = initValue || initValue === 0 ? initValue : modelValue;
-    if (isRange(currentValue)) {
-      startValue = currentValue.map(format);
+    setEaxctValue(current);
+    if (isRange(current)) {
+      setStartValue(current.map(format));
     } else {
-      startValue = format(currentValue);
+      setStartValue(format(current));
     }
-    SetDragStatus("start");
+    setDragStatus("start");
   };
   var _onTouchMove = function onTouchMove(event) {
+    event.stopPropagation();
     if (disabled || !root.current) {
       return;
     }
     if (dragStatus === "start") {
-      dragStart && dragStart();
-      onDragStart && onDragStart();
+      onStart && onStart();
     }
     touch.move(event);
-    SetDragStatus("draging");
+    setDragStatus("draging");
     var rect = getRect(root.current);
     var delta = touch.deltaX;
     var total = rect.width;
@@ -257,41 +216,48 @@ var Range = function Range2(props) {
       total = rect.height;
       diff = delta / total * scope();
     }
+    var newValue;
     if (isRange(startValue)) {
-      currentValue[buttonIndex] = startValue[buttonIndex] + diff;
+      newValue = exactValue.slice();
+      newValue[buttonIndex] = startValue[buttonIndex] + diff;
     } else {
-      currentValue = startValue + diff;
+      newValue = startValue + diff;
     }
-    updateValue(currentValue);
+    setEaxctValue(newValue);
+    updateValue(newValue);
   };
   var _onTouchEnd = function onTouchEnd(event) {
     if (disabled) {
       return;
     }
     if (dragStatus === "draging") {
-      updateValue(currentValue, true);
-      dragEnd && dragEnd();
-      onDragEnd && onDragEnd();
+      updateValue(current, true);
     }
-    SetDragStatus("");
+    setDragStatus("");
   };
   var curValue = function curValue2(idx) {
-    var modelVal = initValue || initValue === 0 ? initValue : modelValue;
-    var value = typeof idx === "number" ? modelVal[idx] : modelVal;
-    return value;
+    var modelVal = current;
+    var value2 = typeof idx === "number" ? modelVal[idx] : modelVal;
+    return value2;
+  };
+  var renderButton = function renderButton2(index) {
+    return React__default.createElement(React__default.Fragment, null, button || React__default.createElement("div", {
+      className: "nut-range-button"
+    }, currentDescription !== null && React__default.createElement("div", {
+      className: "number"
+    }, currentDescription ? currentDescription(curValue(index)) : curValue(index))));
   };
   return React__default.createElement("div", {
-    className: "".concat(containerName)
-  }, !hiddenRange ? React__default.createElement("div", {
+    className: containerClasses
+  }, minDescription !== null && React__default.createElement("div", {
     className: "min"
-  }, minDesc || +min) : null, React__default.createElement("div", {
+  }, minDescription || min), React__default.createElement("div", {
     ref: root,
-    style: wrapperStyle(),
-    className: "".concat(rangeName),
+    className: classes,
     onClick: function onClick(e) {
-      click(e);
+      return click(e);
     }
-  }, marksList.length > 0 ? React__default.createElement("div", {
+  }, marksList.length > 0 && React__default.createElement("div", {
     className: "nut-range-mark"
   }, marksList.map(function(marks2) {
     return React__default.createElement("span", {
@@ -299,77 +265,56 @@ var Range = function Range2(props) {
       className: markClassName(marks2),
       style: marksStyle(marks2)
     }, marks2, React__default.createElement("span", {
-      className: "nut-range-tick",
-      style: tickStyle(marks2)
+      className: classNames("nut-range-tick", {
+        active: tickClass(marks2)
+      })
     }));
-  })) : null, React__default.createElement("div", {
+  })), React__default.createElement("div", {
     className: "nut-range-bar",
     style: barStyle()
   }, range ? [0, 1].map(function(item, index) {
     return React__default.createElement("div", {
-      role: "slider",
       key: index,
       className: "".concat(index === 0 ? "nut-range-button-wrapper-left" : "", "\n                  ").concat(index === 1 ? "nut-range-button-wrapper-right" : ""),
-      tabIndex: disabled ? -1 : 0,
-      "aria-valuemin": +min,
-      "aria-valuenow": curValue(index),
-      "aria-valuemax": +max,
-      "aria-orientation": vertical ? "vertical" : "horizontal",
       onTouchStart: function onTouchStart(e) {
         if (typeof index === "number") {
-          SetButtonIndex(index);
+          setButtonIndex(index);
         }
         _onTouchStart(e);
       },
       onTouchMove: function onTouchMove(e) {
-        _onTouchMove(e);
+        return _onTouchMove(e);
       },
       onTouchEnd: function onTouchEnd(e) {
-        _onTouchEnd();
+        return _onTouchEnd();
       },
       onTouchCancel: function onTouchCancel(e) {
-        _onTouchEnd();
+        return _onTouchEnd();
       },
       onClick: function onClick(e) {
-        e.stopPropagation();
+        return e.stopPropagation();
       }
-    }, button || React__default.createElement("div", {
-      className: "nut-range-button",
-      style: buttonStyle()
-    }, !hiddenTag ? React__default.createElement("div", {
-      className: "number"
-    }, curValueDesc || curValue(index)) : null));
+    }, renderButton(index));
   }) : React__default.createElement("div", {
-    role: "slider",
     className: "nut-range-button-wrapper",
-    tabIndex: disabled ? -1 : 0,
-    "aria-valuemin": +min,
-    "aria-valuenow": curValue(),
-    "aria-valuemax": +max,
-    "aria-orientation": vertical ? "vertical" : "horizontal",
     onTouchStart: function onTouchStart(e) {
-      _onTouchStart(e);
+      return _onTouchStart(e);
     },
     onTouchMove: function onTouchMove(e) {
-      _onTouchMove(e);
+      return _onTouchMove(e);
     },
     onTouchEnd: function onTouchEnd(e) {
-      _onTouchEnd();
+      return _onTouchEnd();
     },
     onTouchCancel: function onTouchCancel(e) {
-      _onTouchEnd();
+      return _onTouchEnd();
     },
     onClick: function onClick(e) {
-      e.stopPropagation();
+      return e.stopPropagation();
     }
-  }, button || React__default.createElement("div", {
-    className: "nut-range-button",
-    style: buttonStyle()
-  }, !hiddenTag ? React__default.createElement("div", {
-    className: "number"
-  }, curValueDesc || curValue()) : null)))), !hiddenRange ? React__default.createElement("div", {
+  }, renderButton()))), maxDescription !== null && React__default.createElement("div", {
     className: "max"
-  }, maxDesc || +max) : null);
+  }, maxDescription || max));
 };
 Range.defaultProps = defaultProps;
 Range.displayName = "NutRange";

package/dist/esm/Rate/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Rate/style/style.css

@@ -0,0 +1 @@
+.nut-rate{display:flex}.nut-rate.disabled .nut-rate-item__icon{cursor:not-allowed}.nut-rate.readonly .nut-rate-item__icon{cursor:default}.nut-rate-item{display:flex;flex-shrink:0;position:relative;margin-right:var(--nutui-rate-item-margin, 14px)}.nut-rate-item:last-child{margin-right:0}.nut-rate-item__half{position:absolute;height:100%;width:50%!important;left:0;top:0;overflow:hidden}.nut-rate-item__icon{color:var(--nutui-rate-icon-color, var(--nutui-brand-color, #fa2c19));cursor:pointer}.nut-rate-item__icon--disabled{color:var(--nutui-rate-icon-void-color, var(--nutui-gray-3, #bfbfbf))}.nut-rate-item__icon.nut-rate-item__icon.nut-rate-item__icon--half{position:absolute;left:0;top:0;overflow:hidden}.nut-rate-item__icon.nut-rate-item__icon:before{position:relative;top:auto;left:auto;transform:none}

package/dist/esm/Row/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Row/style/style.css

@@ -0,0 +1 @@
+.nut-row{width:100%;overflow:hidden}.nut-row:after{display:block;height:0;clear:both;visibility:hidden;content:""}.nut-row-flex{display:flex}.nut-row-flex:after{display:none}.nut-row-flex .nut-col{float:none}.nut-row-justify-center{justify-content:center}.nut-row-justify-end{justify-content:flex-end}.nut-row-justify-space-between{justify-content:space-between;align-items:center}.nut-row-justify-space-around{justify-content:space-around}.nut-row-align-flex-start{align-items:flex-start}.nut-row-align-center{align-items:center}.nut-row-align-flex-end{align-items:flex-end}.nut-row-flex-wrap{flex-wrap:wrap}.nut-row-flex-nowrap{flex-wrap:nowrap}.nut-row-flex-reverse{flex-wrap:wrap-reverse}

package/dist/esm/SearchBar/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/SearchBar/style/style.css

@@ -0,0 +1 @@
+.nut-theme-dark .nut-searchbar{background:#141414}.nut-theme-dark .nut-searchbar__label,.nut-theme-dark .nut-searchbar__action-text,.nut-theme-dark .nut-searchbar .nut-searchbar__input-clear .nut-searchbar__nut-icon-mask-close{color:#e6e6e6}.nut-theme-dark .nut-searchbar .nut-searchbar__input-clear .nut-searchbar__nut-icon-mask-close:hover{cursor:pointer;color:#e6e6e6}.nut-theme-dark .nut-searchbar__right-search-icon,.nut-theme-dark .nut-searchbar__left-search-icon,.nut-theme-dark .nut-searchbar__leftout-icon i,.nut-theme-dark .nut-searchbar__rightout-icon i{color:#e6e6e6}.val-text{font-size:12px;color:var(--nutui-gray-2, #757575);padding:0 20px}.nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 9px 16px);background:var(--nutui-searchbar-background, var(--nutui-gray-6, #ffffff));color:var(--nutui-gray-1, #1a1a1a);box-sizing:border-box}.nut-searchbar__content{position:relative;flex:1;display:flex;align-items:center;justify-content:center;height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-input-background, #f7f7f7);border-radius:var(--nutui-searchbar-content-border-radius, 2px)}.nut-searchbar__icon{padding:0 5px 0 10px}.nut-searchbar__rightin-icon{padding:0 5px}.nut-searchbar .nut-searchbar__input-box{display:flex;align-items:center;flex:1}.nut-searchbar__input{border:0;outline:0;box-sizing:border-box;width:var(--nutui-searchbar-input-width, 100%);height:var(--nutui-searchbar-input-height, 32px);line-height:var(--nutui-searchbar-input-height, 32px);width:100%;padding:var(--nutui-searchbar-input-padding, 0 5px);border-radius:0;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-searchbar-input-text-color, var(--nutui-gray-1, #1a1a1a));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-gray-1, #1a1a1a));background:transparent}.nut-searchbar__round{border-radius:var(--nutui-searchbar-input-border-radius, 16px)}.nut-searchbar__disabled{cursor:not-allowed}.nut-searchbar__clear{padding:var(--nutui-searchbar-clear-icon-padding, 0 10px 0 5px)}.nut-searchbar__clear i{color:var(--nutui-gray-1, #1a1a1a)!important}.nut-searchbar .pos-right{right:40px}.nut-searchbar__left{text-align:left}.nut-searchbar__right{text-align:right}.nut-searchbar__center{text-align:center}.nut-searchbar__label{padding:var(--nutui-searchbar-label-padding, 0 12px 0 0);font-size:var(--nutui-searchbar-label-fontsize, 12px);color:var(--nutui-searchbar-label-color, var(--nutui-gray-1, #1a1a1a))}.nut-searchbar__action-text{padding:var(--nutui-searchbar-action-text-padding, 0 0 0 8px);font-size:var(--nutui-searchbar-action-text-fontsize, 14px);color:var(--nutui-searchbar-action-text-color, var(--nutui-gray-1, #1a1a1a))}.nut-searchbar__leftout-icon{margin-right:10px}.nut-searchbar__rightout-icon{margin-left:10px}

package/dist/esm/ShortPassword/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/ShortPassword/style/style.css

@@ -0,0 +1 @@
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}.nut-popup-slide-center-enter,.nut-popup-slide-center-exit{opacity:0}.nut-popup-slide-center-enter-active{opacity:1;transition:opacity .5s ease}.nut-popup-slide-top-enter{transform:translateY(-100%)}.nut-popup-slide-top-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-top-exit{transform:translate(0)}.nut-popup-slide-top-exit-active,.nut-popup-slide-top-exit-done{transform:translateY(-100%);transition:transform .5s}.nut-popup-slide-right-enter{transform:translate(100%)}.nut-popup-slide-right-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-right-exit{transform:translate(0)}.nut-popup-slide-right-exit-active,.nut-popup-slide-right-exit-done{transform:translate(100%);transition:transform .5s}.nut-popup-slide-bottom-enter{transform:translateY(100%)}.nut-popup-slide-bottom-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-bottom-exit{transform:translate(0)}.nut-popup-slide-bottom-exit-active,.nut-popup-slide-bottom-exit-done{transform:translateY(100%);transition:transform .5s}.nut-popup-slide-left-enter{transform:translate(-100%)}.nut-popup-slide-left-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-left-exit{transform:translate(0)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{transform:translate(-100%);transition:transform .5s}.nut-overflow-hidden{overflow:hidden!important}.nut-theme-dark .nut-shortpassword__title{color:#e6e6e6}.nut-theme-dark .nut-shortpassword__subtitle{color:#828282}.nut-theme-dark .nut-shortpassword__message__forget{color:#404040}.nut-theme-dark .nut-shortpassword__input-real{background-color:#1f1f1f;border-radius:4px}.nut-theme-dark .nut-shortpassword__input-site{background-color:#1f1f1f}.nut-theme-dark .nut-shortpassword__input-fake{border:none;background-color:#0a0a0a}.nut-theme-dark .nut-shortpassword__input-fake__li__icon{background-color:#e6e6e6}.nut-theme-dark .nut-shortpassword__message__forget{color:#828282}.nut-shortpsd-title{line-height:1;font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a)}.nut-shortpsd-subtitle{display:block;margin-top:12px;margin-bottom:24px;line-height:1;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-shortpsdWx-subtitle{display:block;margin-top:12px;line-height:1;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-input-w{padding:24px 0 10px;text-align:center;position:relative}.nut-input-w .nut-input-site{width:247px;height:41px;border-radius:4px}.nut-input-w .nut-input-real{position:absolute;right:247px;width:247px;height:41px;outline:0 none;border:0;text-decoration:none}.nut-shortpassword__title{line-height:1;font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a)}.nut-shortpassword__subtitle{margin-top:12px;margin-bottom:24px;line-height:1;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-shortpassword__input{padding:0 0 10px;text-align:center;position:relative;overflow:hidden}.nut-shortpassword__input-real{position:absolute;right:0;width:247px;height:41px;outline:0 none;border:0;text-decoration:none;z-index:-99}.nut-shortpassword__input-site{width:247px;height:41px;border-radius:4px}.nut-shortpassword__input-fake{top:5%;width:100%;height:41px;margin:0 auto;box-sizing:border-box;background:var(--nutui-shortpassword-background-color, rgb(245, 245, 245));border-radius:4px;border:1px solid var(--nutui-shortpassword-border-color, #ddd);display:flex;position:absolute;left:0}.nut-shortpassword__input-fake__li{flex:1;display:flex;justify-content:center;align-items:center}.nut-shortpassword__input-fake__li__icon{height:6px;width:6px;border-radius:50%;background:#000;display:inline-block}.nut-shortpassword__message{margin-top:9px;display:flex;justify-content:space-between;width:247px}.nut-shortpassword__message__error{line-height:1;font-size:var(--nutui-font-size-0, 10px);color:var(--nutui-shortpassword-error, var(--nutui-brand-color, #fa2c19))}.nut-shortpassword__message__forget{line-height:1;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-shortpassword-forget, rgb(128, 128, 128));display:flex;align-items:center}.nut-shortpassword__message__forget-tips{margin-left:3px}.nut-shortpassword__footer{display:flex;justify-content:space-between;margin-top:20px}.nut-shortpassword__footer__cancel{background:var(--nutui-gray-6, #ffffff);border:1px solid var(--nutui-brand-color, #fa2c19);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-brand-color, #fa2c19)}.nut-shortpassword__footer__sure{background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-brand-text-color, #ffffff)}

package/dist/esm/SideNavBar/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/SideNavBar/style/style.css

@@ -0,0 +1 @@
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}.nut-popup-slide-center-enter,.nut-popup-slide-center-exit{opacity:0}.nut-popup-slide-center-enter-active{opacity:1;transition:opacity .5s ease}.nut-popup-slide-top-enter{transform:translateY(-100%)}.nut-popup-slide-top-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-top-exit{transform:translate(0)}.nut-popup-slide-top-exit-active,.nut-popup-slide-top-exit-done{transform:translateY(-100%);transition:transform .5s}.nut-popup-slide-right-enter{transform:translate(100%)}.nut-popup-slide-right-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-right-exit{transform:translate(0)}.nut-popup-slide-right-exit-active,.nut-popup-slide-right-exit-done{transform:translate(100%);transition:transform .5s}.nut-popup-slide-bottom-enter{transform:translateY(100%)}.nut-popup-slide-bottom-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-bottom-exit{transform:translate(0)}.nut-popup-slide-bottom-exit-active,.nut-popup-slide-bottom-exit-done{transform:translateY(100%);transition:transform .5s}.nut-popup-slide-left-enter{transform:translate(-100%)}.nut-popup-slide-left-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-left-exit{transform:translate(0)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{transform:translate(-100%);transition:transform .5s}.nut-overflow-hidden{overflow:hidden!important}.nut-sidenavbar{color:#1d1d21;font-size:14px;height:100%;overflow:auto;display:block;background-color:var(--nutui-gray-6, #ffffff)}.nut-sidenavbar .arrow-icon{position:absolute;width:0;height:0;right:16px;top:18px;cursor:pointer}.nut-sidenavbar .arrow-down{border-top:4px solid #909ca4;border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .arrow-up{border-bottom:4px solid #909ca4;border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar__head{height:40px;background:#eeeff2;padding:10px}.nut-sidenavbar__title{height:40px;padding:10px 8px 10px 20px;background:var(--nutui-gray-4, #f4f4f4);color:var(--nutui-gray-1, #1a1a1a)}.nut-sidenavbar__content{position:relative;display:block}.nut-sidenavbar__list.nutShow .nut-sidenavbar__content{height:auto;overflow:inherit}.nut-sidenavbar__list.nutHide .nut-sidenavbar__content{height:0;overflow:hidden}.nut-sidenavbar .border-bt{position:relative}.nut-sidenavbar .border-bt:after{content:"";position:absolute;width:100%;height:1px;background:#eeeff2;transform:scaleY(.5);left:0;bottom:0}

package/dist/esm/SideNavBarItem/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/SideNavBarItem/style/style.css

@@ -0,0 +1 @@
+.nut-theme-dark .nut-subsidenavbar__item{background-color:#1f1f1f;color:#828282}.nut-subsidenavbar__item{height:40px;color:var(--nutui-gray-2, #757575);padding:10px 8px 10px 55px}.nut-subsidenavbar__title{background-color:var(--nutui-gray-5, #f8f8f8);color:var(--nutui-gray-1, #1a1a1a)}.nut-subsidenavbar__list{background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-2, #757575)}

package/dist/esm/Signature/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Signature/style/style.css

@@ -0,0 +1 @@
+.nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent;border-color:transparent}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2);background:transparent;border-color:transparent}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent;border-color:transparent}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent;border-color:transparent}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent;border-color:transparent}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-theme-dark .nut-signature__inner Canvas{background-color:#404040}.nut-theme-dark .demo-tips{color:#e6e6e6}.nut-signature .spcanvas_WEAPP{width:100%;height:100%}.nut-signature .spcanvas_WEAPP Canvas{width:100%}.nut-signature__inner{height:10rem;margin-bottom:.8rem;border:1px solid #dadada;display:flex;justify-content:center;align-items:center}.nut-signature__inner Canvas{background-color:#fff}.nut-signature__unsopport{font-size:var(--nutui-font-size-2, 14px)}.nut-signature__btn{margin-right:15px!important}

package/dist/esm/Skeleton/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Skeleton/style/style.css

@@ -0,0 +1 @@
+.nut-avatar-group{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto}.nut-avatar-group .nut-avatar{border:1px solid #fff}.nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:-8px}.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center}.nut-avatar .avatar-img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);flex-shrink:0}.nut-avatar .icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nut-avatar .nut-icon__img{width:100%;height:100%}.nut-avatar .text{display:inline-block;width:100%;height:100%;text-align:center;overflow:hidden}.nut-avatar-large{width:var(--nutui-avatar-large-width, 60px);height:var(--nutui-avatar-large-height, 60px);line-height:var(--nutui-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nutui-avatar-small-width, 32px);height:var(--nutui-avatar-small-height, 32px);line-height:var(--nutui-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nutui-avatar-normal-width, 40px);height:var(--nutui-avatar-normal-height, 40px);line-height:var(--nutui-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%;overflow:hidden}.nut-avatar-square{border-radius:var(--nutui-avatar-square, 5px)}.nut-skeleton{display:inline-block;position:relative;overflow:hidden;vertical-align:middle;width:100%}.nut-skeleton__content{display:flex}.nut-skeleton__content .avatar{margin-right:20px;background:var(--nutui-skeleton-background, rgb(239, 239, 239))!important}.nut-skeleton__content .nut-skeleton__block{width:var(--nutui-skeleton-line-width, 100%);height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, rgb(239, 239, 239));margin-top:10px;border-radius:var(--nutui-skeleton-line-border-radius, 0)}.nut-skeleton__content .nut-skeleton__block:last-child{width:70%}.nut-skeleton__content-line{width:100%;display:flex;flex-direction:column}.nut-skeleton__content-line .nut-skeleton__title{width:30%;height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, rgb(239, 239, 239))}.nut-skeleton__animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);background-repeat:no-repeat;animation:nut-skeleton 2s ease-in-out 0s infinite}@keyframes nut-skeleton{0%{background-position-x:-500px}to{background-position-x:calc(500px + 100%)}}