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

package/dist/esm/Picker.js

@@ -1,8 +1,8 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["visible", "title", "listData", "defaultValueData", "onConfirm", "onClose", "onCloseUpdate", "onChange", "className", "style", "threeDimensional", "swipeDuration"];
+var _excluded = ["visible", "title", "options", "defaultValue", "className", "style", "threeDimensional", "duration", "onConfirm", "onClose", "afterClose", "onChange"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -25,13 +25,14 @@ function _objectSpread(target) {
   return target;
 }
 import React__default, { useState, useRef, useEffect, useImperativeHandle } from "react";
+import classNames from "classnames";
 import Popup from "./Popup.js";
 import { u as useTouch } from "./use-touch.js";
 import { useConfig } from "./ConfigProvider.js";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var InternalPickerSlot = function InternalPickerSlot2(props, ref) {
-  var _props$keyIndex = props.keyIndex, keyIndex = _props$keyIndex === void 0 ? 0 : _props$keyIndex, defaultValue = props.defaultValue, _props$listData = props.listData, listData = _props$listData === void 0 ? [] : _props$listData, _props$threeDimension = props.threeDimensional, threeDimensional = _props$threeDimension === void 0 ? true : _props$threeDimension, _props$swipeDuration = props.swipeDuration, swipeDuration = _props$swipeDuration === void 0 ? 1e3 : _props$swipeDuration, chooseItem = props.chooseItem;
+import { u as usePropsValue } from "./use-props-value.js";
+import { C as ComponentDefaults } from "./typings.js";
+var InternalPickerPanel = function InternalPickerPanel2(props, ref) {
+  var _props$keyIndex = props.keyIndex, keyIndex = _props$keyIndex === void 0 ? 0 : _props$keyIndex, defaultValue = props.defaultValue, _props$options = props.options, options = _props$options === void 0 ? [] : _props$options, _props$threeDimension = props.threeDimensional, threeDimensional = _props$threeDimension === void 0 ? true : _props$threeDimension, _props$duration = props.duration, duration = _props$duration === void 0 ? 1e3 : _props$duration, chooseItem = props.chooseItem;
   var touch = useTouch();
   var DEFAULT_DURATION = 200;
   var INERTIA_TIME = 300;
@@ -43,9 +44,8 @@ var InternalPickerSlot = function InternalPickerSlot2(props, ref) {
   var rotation = 20;
   var moving = useRef(false);
   var timer;
-  useRef(null);
   var rollerRef = useRef(null);
-  var pickerSlotRef = useRef(null);
+  var PickerPanelRef = useRef(null);
   var _useState7 = useState(0), _useState8 = _slicedToArray(_useState7, 2), startTime = _useState8[0], setStartTime = _useState8[1];
   var _useState9 = useState(0), _useState10 = _slicedToArray(_useState9, 2), startY = _useState10[0], setStartY = _useState10[1];
   var transformY = useRef(0);
@@ -75,8 +75,8 @@ var InternalPickerSlot = function InternalPickerSlot2(props, ref) {
       if (updateMove > 0) {
         updateMove = 0;
       }
-      if (updateMove < -(listData.length - 1) * lineSpacing) {
-        updateMove = -(listData.length - 1) * lineSpacing;
+      if (updateMove < -(options.length - 1) * lineSpacing) {
+        updateMove = -(options.length - 1) * lineSpacing;
       }
       var endMove = Math.round(updateMove / lineSpacing) * lineSpacing;
       var deg = "".concat((Math.abs(Math.round(endMove / lineSpacing)) + 1) * rotation, "deg");
@@ -85,7 +85,7 @@ var InternalPickerSlot = function InternalPickerSlot2(props, ref) {
     } else {
       var _deg = 0;
       var currentDeg = (-updateMove / lineSpacing + 1) * rotation;
-      var maxDeg = (listData.length + 1) * rotation;
+      var maxDeg = (options.length + 1) * rotation;
       var minDeg = 0;
       _deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
       if (minDeg < _deg && _deg < maxDeg) {
@@ -95,7 +95,7 @@ var InternalPickerSlot = function InternalPickerSlot2(props, ref) {
     }
   };
   var setChooseValue = function setChooseValue2(move) {
-    chooseItem && chooseItem(listData === null || listData === void 0 ? void 0 : listData[Math.round(-move / lineSpacing)], keyIndex);
+    chooseItem && chooseItem(options === null || options === void 0 ? void 0 : options[Math.round(-move / lineSpacing)], keyIndex);
   };
   var touchStart = function touchStart2(event) {
     touch.start(event);
@@ -119,7 +119,7 @@ var InternalPickerSlot = function InternalPickerSlot2(props, ref) {
     var moveTime = Date.now() - startTime;
     if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
       var distance = momentum(move, moveTime);
-      setMove(distance, "end", +swipeDuration);
+      setMove(distance, "end", +duration);
     } else {
       setMove(move, "end");
     }
@@ -127,9 +127,9 @@ var InternalPickerSlot = function InternalPickerSlot2(props, ref) {
       touch.reset();
     }, 0);
   };
-  var momentum = function momentum2(distance, duration) {
+  var momentum = function momentum2(distance, duration2) {
     var nDistance = distance;
-    var speed = Math.abs(nDistance / duration);
+    var speed = Math.abs(nDistance / duration2);
     nDistance = speed / 3e-3 * (nDistance < 0 ? -1 : 1);
     return nDistance;
   };
@@ -137,7 +137,7 @@ var InternalPickerSlot = function InternalPickerSlot2(props, ref) {
     var value = val || defaultValue;
     var index = -1;
     if (value) {
-      listData.some(function(item, idx) {
+      options.some(function(item, idx) {
         if (item.value === value) {
           index = idx;
           return true;
@@ -145,7 +145,7 @@ var InternalPickerSlot = function InternalPickerSlot2(props, ref) {
         return false;
       });
     } else {
-      listData.forEach(function(item, i) {
+      options.forEach(function(item, i) {
         if (item.value === defaultValue) {
           index = i;
         }
@@ -188,7 +188,7 @@ var InternalPickerSlot = function InternalPickerSlot2(props, ref) {
     return function() {
       clearTimeout(timer);
     };
-  }, [listData]);
+  }, [options]);
   useImperativeHandle(ref, function() {
     return {
       stopMomentum,
@@ -197,7 +197,7 @@ var InternalPickerSlot = function InternalPickerSlot2(props, ref) {
   });
   return React__default.createElement("div", {
     className: "nut-picker-list",
-    ref: pickerSlotRef,
+    ref: PickerPanelRef,
     onTouchStart: touchStart,
     onTouchMove: touchMove,
     onTouchEnd: touchEnd
@@ -206,7 +206,7 @@ var InternalPickerSlot = function InternalPickerSlot2(props, ref) {
     ref: rollerRef,
     style: threeDimensional ? touchRollerStyle() : touchTileStyle(),
     onTransitionEnd: stopMomentum
-  }, threeDimensional && listData.map(function(item, index) {
+  }, threeDimensional && options.map(function(item, index) {
     return React__default.createElement("div", {
       className: "nut-picker-roller-item ".concat(isHidden(index + 1) && "nut-picker-roller-item-hidden"),
       style: {
@@ -214,7 +214,7 @@ var InternalPickerSlot = function InternalPickerSlot2(props, ref) {
       },
       key: item.value ? item.value : index
     }, React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
-  }), !threeDimensional && listData.map(function(item, index) {
+  }), !threeDimensional && options.map(function(item, index) {
     return React__default.createElement("div", {
       className: "nut-picker-roller-item-title",
       key: item.value ? item.value : index
@@ -225,8 +225,8 @@ var InternalPickerSlot = function InternalPickerSlot2(props, ref) {
     className: "nut-picker-indicator"
   }));
 };
-var PickerSlot = React__default.forwardRef(InternalPickerSlot);
-var PickerSlot$1 = PickerSlot;
+var PickerPanel = React__default.forwardRef(InternalPickerPanel);
+var PickerPanel$1 = PickerPanel;
 function useRefs() {
   var refs = React__default.useRef([]);
   var setRefs = React__default.useCallback(function(index) {
@@ -240,173 +240,188 @@ function useRefs() {
   }, []);
   return [refs.current, setRefs, reset];
 }
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  visible: false,
+  title: "",
+  options: [],
+  value: [],
+  defaultValue: [],
+  threeDimensional: true,
+  duration: 1e3
+});
 var InternalPicker = function InternalPicker2(props, ref) {
   var _useConfig = useConfig(), locale = _useConfig.locale;
-  var visible = props.visible, title = props.title, _props$listData2 = props.listData, listData = _props$listData2 === void 0 ? [] : _props$listData2, defaultValueData = props.defaultValueData, onConfirm = props.onConfirm, onClose = props.onClose, onCloseUpdate = props.onCloseUpdate, onChange = props.onChange, className = props.className, style = props.style, threeDimensional = props.threeDimensional, swipeDuration = props.swipeDuration, rest = _objectWithoutProperties(props, _excluded);
-  var _useState13 = useState([]), _useState14 = _slicedToArray(_useState13, 2), chooseValueData = _useState14[0], setchooseValueData = _useState14[1];
-  var _useState15 = useState(0), _useState16 = _slicedToArray(_useState15, 2), columnIndex = _useState16[0], setcolumnIndex = _useState16[1];
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), visible = _defaultProps$props.visible, title = _defaultProps$props.title, _defaultProps$props$o = _defaultProps$props.options, options = _defaultProps$props$o === void 0 ? [] : _defaultProps$props$o, _defaultProps$props$d = _defaultProps$props.defaultValue, defaultValue = _defaultProps$props$d === void 0 ? [] : _defaultProps$props$d, className = _defaultProps$props.className, style = _defaultProps$props.style, threeDimensional = _defaultProps$props.threeDimensional, duration = _defaultProps$props.duration, onConfirm = _defaultProps$props.onConfirm, onClose = _defaultProps$props.onClose, afterClose = _defaultProps$props.afterClose, onChange = _defaultProps$props.onChange, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-picker";
+  var classes = classNames(classPrefix, className);
+  var _usePropsValue = usePropsValue({
+    value: props.value,
+    defaultValue: _toConsumableArray(defaultValue),
+    finalValue: _toConsumableArray(defaultValue),
+    onChange: function onChange2(val) {
+      var _props$onConfirm;
+      (_props$onConfirm = props.onConfirm) === null || _props$onConfirm === void 0 ? void 0 : _props$onConfirm.call(props, setSelectedOptions(), val);
+    }
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), selectedValue = _usePropsValue2[0], setSelectedValue = _usePropsValue2[1];
+  var _useState13 = useState(0), _useState14 = _slicedToArray(_useState13, 2), columnIndex = _useState14[0], setColumnIndex = _useState14[1];
   var pickerRef = useRef(null);
   var _useRefs = useRefs(), _useRefs2 = _slicedToArray(_useRefs, 2), refs = _useRefs2[0], setRefs = _useRefs2[1];
-  var _useState17 = useState([]), _useState18 = _slicedToArray(_useState17, 2), columnsList = _useState18[0], setColumnsList = _useState18[1];
-  var b = cn("picker");
+  var _useState15 = useState([]), _useState16 = _slicedToArray(_useState15, 2), columnsList = _useState16[0], setColumnsList = _useState16[1];
   var isConfirmEvent = useRef(false);
-  useEffect(function() {
-    if (defaultValueData && defaultValueData.length !== 0 && defaultValueData.toString() !== chooseValueData.toString()) {
-      var data = _toConsumableArray(defaultValueData);
-      setchooseValueData(data);
-      setColumnsList(normalListData());
+  var formatCascade = function formatCascade2(columns, values) {
+    var formatted = [];
+    var columnOptions = {
+      text: "",
+      value: "",
+      children: columns
+    };
+    var columnIndex2 = 0;
+    var _loop = function _loop2() {
+      var options2 = columnOptions.children;
+      var value = values[columnIndex2];
+      var index = options2.findIndex(function(columnItem) {
+        return columnItem.value === value;
+      });
+      if (index === -1)
+        index = 0;
+      columnOptions = columnOptions.children[index];
+      columnIndex2++;
+      formatted.push(options2);
+    };
+    while (columnOptions && columnOptions.children) {
+      _loop();
     }
-  }, [defaultValueData]);
-  useEffect(function() {
-    onChange && onChange(columnIndex, chooseValueData, selectedOptions());
-    if (isConfirmEvent.current) {
-      isConfirmEvent.current = false;
-      onConfirm && onConfirm(chooseValueData, selectedOptions());
+    return formatted;
+  };
+  var columnsType = function columnsType2() {
+    var firstColumn = options[0];
+    if (firstColumn) {
+      if (Array.isArray(firstColumn)) {
+        return "multiple";
+      }
+      if ("children" in firstColumn) {
+        return "cascade";
+      }
     }
-  }, [chooseValueData]);
-  useEffect(function() {
-    init();
-  }, [listData]);
-  var closeActionSheet = function closeActionSheet2() {
-    onClose && onClose(chooseValueData, selectedOptions());
-    onCloseUpdate && onCloseUpdate(chooseValueData, selectedOptions(), pickerRef);
+    return "single";
   };
-  var confirm = function confirm2() {
-    var movings = false;
-    refs.forEach(function(_ref) {
-      if (_ref.moving)
-        movings = true;
-      _ref.stopMomentum();
+  var normalListData = function normalListData2() {
+    var type = columnsType();
+    switch (type) {
+      case "multiple":
+        return options;
+      case "cascade":
+        return formatCascade(options, selectedValue);
+      default:
+        return [options];
+    }
+  };
+  var init = function init2() {
+    var normalData = normalListData();
+    setColumnsList(normalData);
+    var data = [];
+    normalData.length > 0 && normalData.map(function(item) {
+      item[0] && data.push(item[0].value);
+      return item;
     });
-    if (movings) {
-      isConfirmEvent.current = true;
-    } else {
-      onConfirm && onConfirm(chooseValueData, selectedOptions());
+    if (!defaultValue.length && selectedValue.length === 0) {
+      setSelectedValue([].concat(data));
     }
-    onClose && onClose(chooseValueData, selectedOptions());
-    setTimeout(function() {
-      isConfirmEvent.current = false;
-    }, 0);
   };
-  var selectedOptions = function selectedOptions2() {
-    var optins = [];
-    columnsList.map(function(column, index) {
-      var currOptions = [];
-      currOptions = column.filter(function(item) {
-        return item.value === chooseValueData[index];
+  useEffect(function() {
+    if (!visible) {
+      return;
+    }
+    init();
+  }, [options, visible]);
+  var setSelectedOptions = function setSelectedOptions2() {
+    var options2 = [];
+    var currOptions = [];
+    columnsList.forEach(function(columnOptions, index) {
+      currOptions = columnOptions.filter(function(item) {
+        return item.value === selectedValue[index];
       });
       if (currOptions[0]) {
-        optins.push(currOptions[0]);
+        options2.push(currOptions[0]);
       } else {
-        column[0] && optins.push(column[0]);
+        columnOptions[0] && options2.push(columnOptions[0]);
       }
-      return column;
     });
-    return optins;
+    return options2;
   };
-  var _chooseItem = function chooseItem(option, columnIndex2) {
-    if (option && Object.keys(option).length) {
-      if (chooseValueData[columnIndex2] !== option.value) {
+  useEffect(function() {
+    if (!visible) {
+      return;
+    }
+    onChange && onChange(setSelectedOptions(), selectedValue, columnIndex);
+    if (isConfirmEvent.current) {
+      isConfirmEvent.current = false;
+      onConfirm && onConfirm(setSelectedOptions(), selectedValue);
+    }
+  }, [selectedValue, columnsList, visible]);
+  var _chooseItem = function chooseItem(columnOptions, columnIndex2) {
+    if (columnOptions && Object.keys(columnOptions).length) {
+      if (selectedValue[columnIndex2] !== columnOptions.value) {
         if (columnsType() === "cascade") {
-          chooseValueData[columnIndex2] = option.value ? option.value : "";
-          setchooseValueData(_toConsumableArray(chooseValueData));
-          var index = columnIndex2;
-          var cursor = option;
-          while (cursor && cursor.children && cursor.children[0]) {
-            chooseValueData[index + 1] = cursor.children[0].value;
-            setchooseValueData(_toConsumableArray(chooseValueData));
-            index++;
-            var cc = cursor.children[0];
-            cursor = cc;
+          var _columnOptions2, _columnOptions2$child;
+          selectedValue[columnIndex2] = columnOptions.value || "";
+          setSelectedValue(_toConsumableArray(selectedValue));
+          while ((_columnOptions = columnOptions) !== null && _columnOptions !== void 0 && (_columnOptions$childr = _columnOptions.children) !== null && _columnOptions$childr !== void 0 && _columnOptions$childr[0]) {
+            var _columnOptions, _columnOptions$childr;
+            selectedValue[columnIndex2 + 1] = columnOptions.children[0].value;
+            setSelectedValue(_toConsumableArray(selectedValue));
+            columnIndex2++;
+            columnOptions = columnOptions.children[0];
           }
-          if (cursor && cursor.children) {
-            chooseValueData[index + 1] = "";
-            setchooseValueData(_toConsumableArray(chooseValueData));
+          if ((_columnOptions2 = columnOptions) !== null && _columnOptions2 !== void 0 && (_columnOptions2$child = _columnOptions2.children) !== null && _columnOptions2$child !== void 0 && _columnOptions2$child.length) {
+            selectedValue[columnIndex2 + 1] = "";
+            setSelectedValue(_toConsumableArray(selectedValue));
           }
           setColumnsList(normalListData());
         } else {
-          setchooseValueData(function(data) {
+          setSelectedValue(function(data) {
             var cdata = _toConsumableArray(data);
-            cdata[columnIndex2] = Object.prototype.hasOwnProperty.call(option, "value") ? option.value : "";
+            cdata[columnIndex2] = Object.prototype.hasOwnProperty.call(columnOptions, "value") ? columnOptions.value : "";
             return cdata;
           });
         }
-        setcolumnIndex(columnIndex2);
-      }
-    }
-  };
-  var normalListData = function normalListData2() {
-    var type = columnsType();
-    switch (type) {
-      case "multiple":
-        return listData;
-      case "cascade":
-        return formatCascade(listData, chooseValueData);
-      default:
-        return [listData];
-    }
-  };
-  var columnsType = function columnsType2() {
-    var firstColumn = listData[0];
-    if (firstColumn) {
-      if (Array.isArray(firstColumn)) {
-        return "multiple";
+        setColumnIndex(columnIndex2);
       }
-      if ("children" in firstColumn) {
-        return "cascade";
-      }
-    }
-    return "single";
-  };
-  var formatCascade = function formatCascade2(columns, defaultValues) {
-    var formatted = [];
-    var cursor = {
-      text: "",
-      value: "",
-      children: columns
-    };
-    var columnIndex2 = 0;
-    var _loop = function _loop2() {
-      var options = cursor.children;
-      var value = defaultValues[columnIndex2];
-      var index = options.findIndex(function(columnItem) {
-        return columnItem.value === value;
-      });
-      if (index === -1)
-        index = 0;
-      cursor = cursor.children[index];
-      columnIndex2++;
-      formatted.push(options);
-    };
-    while (cursor && cursor.children) {
-      _loop();
     }
-    return formatted;
   };
-  var init = function init2() {
-    var data = [];
-    var normalData = normalListData();
-    setColumnsList(normalData);
-    normalData.length > 0 && normalData.map(function(item) {
-      item[0] && data.push(item[0].value);
-      return item;
+  var confirm = function confirm2() {
+    var movings = false;
+    refs.forEach(function(ref2) {
+      if (ref2.moving)
+        movings = true;
+      ref2.stopMomentum();
     });
-    if (!defaultValueData && chooseValueData.length === 0) {
-      setchooseValueData([].concat(data));
+    if (movings) {
+      isConfirmEvent.current = true;
+    } else {
+      onConfirm && onConfirm(setSelectedOptions(), selectedValue);
+      closePicker();
     }
+    setTimeout(function() {
+      isConfirmEvent.current = false;
+    }, 0);
+  };
+  var closePicker = function closePicker2() {
+    onClose && onClose(setSelectedOptions(), selectedValue);
+    afterClose && afterClose(setSelectedOptions(), selectedValue, pickerRef);
   };
-  var renderToolbar = function renderToolbar2() {
+  var renderTitleBar = function renderTitleBar2() {
     return React__default.createElement("div", {
-      className: b("control")
+      className: "".concat(classPrefix, "__control")
     }, React__default.createElement("span", {
-      className: b("cancel-btn"),
+      className: "".concat(classPrefix, "__cancel-btn"),
       onClick: function onClick() {
-        return closeActionSheet();
+        return closePicker();
       }
     }, locale.cancel), React__default.createElement("div", {
-      className: b("title")
+      className: "".concat(classPrefix, "__title")
     }, title || ""), React__default.createElement("span", {
-      className: b("confirm-btn"),
+      className: "".concat(classPrefix, "__confirm-btn"),
       onClick: confirm
     }, locale.confirm));
   };
@@ -414,24 +429,24 @@ var InternalPicker = function InternalPicker2(props, ref) {
     visible,
     position: "bottom",
     onClose: function onClose2() {
-      closeActionSheet();
+      closePicker();
     }
   }, React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className || ""),
+    className: classes,
     style
-  }, rest), renderToolbar(), React__default.createElement("div", {
-    className: b("panel"),
+  }, rest), renderTitleBar(), React__default.createElement("div", {
+    className: "".concat(classPrefix, "__panel"),
     ref: pickerRef
   }, columnsList === null || columnsList === void 0 ? void 0 : columnsList.map(function(item, index) {
-    return React__default.createElement(PickerSlot$1, {
+    return React__default.createElement(PickerPanel$1, {
       ref: setRefs(index),
-      defaultValue: chooseValueData === null || chooseValueData === void 0 ? void 0 : chooseValueData[index],
-      listData: item,
+      defaultValue: selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue[index],
+      options: item,
       threeDimensional,
       chooseItem: function chooseItem(value, index2) {
         return _chooseItem(value, index2);
       },
-      swipeDuration,
+      duration,
       key: index,
       keyIndex: index
     });

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

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

package/dist/esm/Popover/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-overflow-hidden{overflow:hidden!important}.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-popover{display:inline-block}.nut-popover>div{position:relative}.nut-popover .more-background{background:var(--nutui-popover-white-background-color, rgb(255, 255, 255));opacity:0;position:fixed;width:100%;height:1000px;z-index:10;left:0}.nut-popover .popover-arrow{position:absolute;z-index:-1;width:0;height:0;border:8px solid transparent}.nut-popover .popover-content{z-index:12;background:var(--nutui-popover-white-background-color, rgb(255, 255, 255));border-radius:var(--nutui-popover-border-radius, 8px);opacity:1;font-size:var(--nutui-popover-font-size, var(--nutui-font-size-1, 12px));font-weight:400;color:var(--nutui-popover-primary-text-color, rgb(51, 51, 51));position:absolute;box-shadow:0 2px 12px #3232331f;opacity:0;transition:opacity .1s}.nut-popover .popover-content.popover-content-show{opacity:1}.nut-popover .popover-content .popover-menu-item{position:relative;padding:0 8px;display:flex;align-items:center;height:var(--nutui-popover-menu-item-height, 30px)}.nut-popover .popover-content .popover-menu-item .popover-menu-item-name{margin:var(--nutui-popover-menu-item-name-margin, 0px 10px);width:100%}.nut-popover .popover-content .popover-menu-item:first-child{border-radius:var(--nutui-popover-border-radius, 8px) var(--nutui-popover-border-radius, 8px) 0 0}.nut-popover .popover-content .popover-menu-item:last-child{border-bottom:none;border-radius:0 0 var(--nutui-popover-border-radius, 8px) var(--nutui-popover-border-radius, 8px)}.nut-popover .popover-content .popover-menu-item:last-child:after{height:0}.nut-popover .popover-content .popover-menu-item:hover{cursor:pointer;color:var(--nutui-popover-menu-item-hover-text-color, var(--nutui-brand-text-color, #ffffff));background-color:var(--nutui-popover-menu-item-hover-background-color, var(--nutui-brand-color, #fa2c19))}.nut-popover .popover-content .popover-menu-item:after{position:absolute;left:var(--nutui-popover-menu-item-border-left, 10%);bottom:var(--nutui-popover-menu-item-border-bottom, 2%);content:" ";display:inline-block;width:var(--nutui-popover-menu-item-border-width, 80%);height:var(--nutui-popover-menu-item-border-height, 1px);background-color:var(--nutui-popover-border-bottom-color, rgb(229, 229, 229))}.nut-popover .popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-white-background-color, rgb(255, 255, 255));border-bottom-width:0;margin-bottom:-7px}.nut-popover .popover-content--top,.nut-popover .popover-content--top .popover-arrow--top{left:50%;transform:translate(-50%)}.nut-popover .popover-content--top-end{right:0}.nut-popover .popover-content--top-end .popover-arrow--top-end{right:16px;transform:translate(0)}.nut-popover .popover-content--top-start{left:0}.nut-popover .popover-content--top-start .popover-arrow--top-start{left:16px;transform:translate(0)}.nut-popover .popover-content--bottom{left:50%;transform:translate(-50%)}.nut-popover .popover-content--bottom-end{right:0}.nut-popover .popover-content--bottom-start{left:0}.nut-popover .popover-content--left{top:50%;transform:translateY(-50%)}.nut-popover .popover-content--left-end{bottom:0}.nut-popover .popover-content--left-start{top:0}.nut-popover .popover-content--right{top:50%;transform:translateY(-50%)}.nut-popover .popover-content--right-end{bottom:0}.nut-popover .popover-content--right-start{top:0}.nut-popover .popover-arrow-bottom{top:0px;border-bottom-color:var(--nutui-popover-white-background-color, rgb(255, 255, 255));border-top-width:0;margin-top:-7px}.nut-popover .popover-arrow--bottom{left:50%;transform:translate(-50%)}.nut-popover .popover-arrow--bottom-start{left:16px;transform:translate(0)}.nut-popover .popover-arrow--bottom-end{right:16px;transform:translate(0)}.nut-popover .popover-arrow-left{right:0px;border-left-color:var(--nutui-popover-white-background-color, rgb(255, 255, 255));border-right-width:0;margin-right:-8px}.nut-popover .popover-arrow--left{top:50%;transform:translateY(-50%)}.nut-popover .popover-arrow--left-start{top:16px;transform:translateY(0)}.nut-popover .popover-arrow--left-end{bottom:16px;transform:translateY(0)}.nut-popover .popover-arrow-right{left:0px;border-right-color:var(--nutui-popover-white-background-color, rgb(255, 255, 255));border-left-width:0;margin-left:-8px}.nut-popover .popover-arrow--right{top:50%;transform:translateY(-50%)}.nut-popover .popover-arrow--right-start{top:16px;transform:translateY(0)}.nut-popover .popover-arrow--right-end{bottom:16px;transform:translateY(0)}.nut-popover .popover-menu-item.disabled{color:var(--nutui-popover-disable-color, rgb(154, 155, 157));cursor:not-allowed}.nut-popover .popover-menu-item.disabled:hover{cursor:not-allowed;color:var(--nutui-popover-disable-color, rgb(154, 155, 157));background-color:var(--nutui-popover-white-background-color, rgb(255, 255, 255))}.nut-popover--dark{background:var(--nutui-popover-dark-background-color, rgb(75, 76, 77));color:var(--nutui-popover-white-background-color, rgb(255, 255, 255))}.nut-popover--dark .popover-content{background:var(--nutui-popover-dark-background-color, rgb(75, 76, 77))!important;color:var(--nutui-popover-white-background-color, rgb(255, 255, 255))!important}.nut-popover--dark .popover-content--bottom .popover-arrow,.nut-popover--dark .popover-content--bottom-start .popover-arrow,.nut-popover--dark .popover-content--bottom-end .popover-arrow{border-bottom-color:var(--nutui-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .popover-content--top .popover-arrow,.nut-popover--dark .popover-content--top-start .popover-arrow,.nut-popover--dark .popover-content--top-end .popover-arrow{border-top-color:var(--nutui-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .popover-content--left .popover-arrow,.nut-popover--dark .popover-content--left-start .popover-arrow,.nut-popover--dark .popover-content--left-end .popover-arrow{border-left-color:var(--nutui-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .popover-content--right .popover-arrow,.nut-popover--dark .popover-content--right-start .popover-arrow,.nut-popover--dark .popover-content--right-end .popover-arrow{border-right-color:var(--nutui-popover-dark-background-color, rgb(75, 76, 77))}

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

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

package/dist/esm/Popup/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}

package/dist/esm/Popup.js

@@ -45,8 +45,6 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   },
   onClose: function onClose() {
   },
-  onClick: function onClick(e) {
-  },
   onClickOverlay: function onClickOverlay(e) {
     return true;
   },
@@ -57,7 +55,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 var _zIndex = 1e3;
 var Popup = function Popup2(props) {
   var _classNames, _classNames2;
-  var children = props.children, visible = props.visible, overlay = props.overlay, closeOnOverlayClick = props.closeOnOverlayClick, overlayStyle = props.overlayStyle, overlayClassName = props.overlayClassName, zIndex = props.zIndex, lockScroll = props.lockScroll, duration = props.duration, closeable = props.closeable, closeIconPosition = props.closeIconPosition, closeIcon = props.closeIcon, style = props.style, transition = props.transition, round = props.round, position = props.position, className = props.className, destroyOnClose = props.destroyOnClose, portal = props.portal, onOpen2 = props.onOpen, onClose2 = props.onClose, onClickOverlay2 = props.onClickOverlay, onClickCloseIcon2 = props.onClickCloseIcon, afterShow = props.afterShow, afterClose = props.afterClose, onClick2 = props.onClick;
+  var children = props.children, visible = props.visible, overlay = props.overlay, closeOnOverlayClick = props.closeOnOverlayClick, overlayStyle = props.overlayStyle, overlayClassName = props.overlayClassName, zIndex = props.zIndex, lockScroll = props.lockScroll, duration = props.duration, closeable = props.closeable, closeIconPosition = props.closeIconPosition, closeIcon = props.closeIcon, style = props.style, transition = props.transition, round = props.round, position = props.position, className = props.className, destroyOnClose = props.destroyOnClose, portal = props.portal, onOpen2 = props.onOpen, onClose2 = props.onClose, onClickOverlay2 = props.onClickOverlay, onClickCloseIcon2 = props.onClickCloseIcon, afterShow = props.afterShow, afterClose = props.afterClose, onClick = props.onClick;
   var _useState = useState(zIndex || _zIndex), _useState2 = _slicedToArray(_useState, 2), index = _useState2[0], setIndex = _useState2[1];
   var _useState3 = useState(visible), _useState4 = _slicedToArray(_useState3, 2), innerVisible = _useState4[0], setInnerVisible = _useState4[1];
   var _useState5 = useState(true), _useState6 = _slicedToArray(_useState5, 2), showChildren = _useState6[0], setShowChildren = _useState6[1];
@@ -101,7 +99,7 @@ var Popup = function Popup2(props) {
     }
   };
   var onHandleClick = function onHandleClick2(e) {
-    onClick2 && onClick2(e);
+    onClick && onClick(e);
   };
   var onHandleClickCloseIcon = function onHandleClickCloseIcon2(e) {
     var closed = onClickCloseIcon2 && onClickCloseIcon2(e);

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

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

package/dist/esm/Price/style/style.css

@@ -0,0 +1 @@
+.nut-price{font-size:var(--nutui-font-size-3, 16px);display:inline;color:var(--nutui-brand-color, #fa2c19)}.nut-price--line div{text-decoration:line-through;font-size:var(--nutui-price-line-font-size, 12px)!important;color:var(--nutui-price-line-color, var(--nutui-gray-2, #757575))!important}.nut-price__symbol,.nut-price__integer,.nut-price__decimal{display:inline-block}.nut-price__symbol{font-size:var(--nutui-price-symbol-medium-size, 14px);padding-right:var(--nutui-price-symbol-padding-right, 1px)}.nut-price__symbol-large{font-size:var(--nutui-price-symbol-big-size, 18px)}.nut-price__symbol-small{font-size:var(--nutui-price-symbol-small-size, 10px)}.nut-price__integer{font-size:var(--nutui-price-integer-medium-size, 16px)}.nut-price__integer-large{font-size:var(--nutui-price-integer-big-size, 24px)}.nut-price__integer-small{font-size:var(--nutui-price-integer-small-size, 12px)}.nut-price__decimal{font-size:var(--nutui-price-decimal-medium-size, 14px)}.nut-price__decimal-large{font-size:var(--nutui-price-decimal-big-size, 18px)}.nut-price__decimal-small{font-size:var(--nutui-price-decimal-small-size, 10px)}