@nutui/nutui-react 2.1.0-beta.0 → 2.1.0

package/dist/esm/CalendarCard.js

@@ -0,0 +1,514 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _createForOfIteratorHelper(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (!it) {
+    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+      if (it)
+        o = it;
+      var i = 0;
+      var F = function F2() {
+      };
+      return { s: F, n: function n() {
+        if (i >= o.length)
+          return { done: true };
+        return { done: false, value: o[i++] };
+      }, e: function e(_e) {
+        throw _e;
+      }, f: F };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var normalCompletion = true, didErr = false, err;
+  return { s: function s() {
+    it = it.call(o);
+  }, n: function n() {
+    var step = it.next();
+    normalCompletion = step.done;
+    return step;
+  }, e: function e(_e2) {
+    didErr = true;
+    err = _e2;
+  }, f: function f() {
+    try {
+      if (!normalCompletion && it["return"] != null)
+        it["return"]();
+    } finally {
+      if (didErr)
+        throw err;
+    }
+  } };
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o)
+    return;
+  if (typeof o === "string")
+    return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor)
+    n = o.constructor.name;
+  if (n === "Map" || n === "Set")
+    return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+    return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length)
+    len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+import React__default, { useState, useEffect } from "react";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
+import { U as Utils } from "./date.js";
+import { u as useConfig } from "./configprovider2.js";
+var Left = function Left2() {
+  return React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18"
+  }, React__default.createElement("path", {
+    d: "M6.605 9.49a.771.771 0 0 1 0-.98l3.6-4.372a.771.771 0 0 1 1.19.981L8.2 9l3.197 3.881a.771.771 0 1 1-1.191.98l-3.6-4.37Z"
+  }));
+};
+var Right = function Right2() {
+  return React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18"
+  }, React__default.createElement("path", {
+    d: "M11.396 9.49a.771.771 0 0 0 0-.98l-3.6-4.372a.771.771 0 0 0-1.191.981L9.8 9l-3.196 3.881a.771.771 0 0 0 1.19.98l3.6-4.37Z"
+  }));
+};
+var DoubleLeft = function DoubleLeft2() {
+  return React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18"
+  }, React__default.createElement("path", {
+    d: "M13.853 4.026a.771.771 0 0 1 .12 1.085L10.864 9l3.11 3.889a.771.771 0 1 1-1.204.963L9.272 9.482a.771.771 0 0 1 0-.964l3.497-4.371a.771.771 0 0 1 1.084-.12Zm-5.245 0a.771.771 0 0 1 .12 1.085L5.617 9l3.111 3.889a.771.771 0 0 1-1.205.963L4.026 9.482a.771.771 0 0 1 0-.964l3.497-4.371a.771.771 0 0 1 1.085-.12Z"
+  }));
+};
+var DoubleRight = function DoubleRight2() {
+  return React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18"
+  }, React__default.createElement("path", {
+    d: "M4.147 13.974a.771.771 0 0 1-.12-1.085L7.136 9 4.028 5.11a.771.771 0 1 1 1.204-.963l3.497 4.371a.771.771 0 0 1 0 .964l-3.497 4.371a.771.771 0 0 1-1.084.12Zm5.245 0a.771.771 0 0 1-.12-1.085L12.383 9 9.272 5.11a.771.771 0 1 1 1.205-.963l3.497 4.371a.771.771 0 0 1 0 .964l-3.497 4.371a.771.771 0 0 1-1.085.12Z"
+  }));
+};
+var convertDateToDay = function convertDateToDay2(date) {
+  return date ? {
+    year: date.getFullYear(),
+    month: date.getMonth() + 1,
+    date: date.getDate()
+  } : null;
+};
+var convertDayToDate = function convertDayToDate2(day) {
+  return day ? new Date(day.year, day.month - 1, day.date) : null;
+};
+var getPrevMonthDays = function getPrevMonthDays2(year, month, firstDayOfWeek) {
+  var prevMonth = month - 1;
+  var prevYear = year;
+  if (prevMonth <= 0) {
+    prevMonth = 12;
+    prevYear -= 1;
+  }
+  var days = Utils.getMonthPreDay(year, month);
+  days -= firstDayOfWeek;
+  if (days >= 7) {
+    days -= 7;
+  }
+  var preDates = Utils.getMonthDays("".concat(prevYear), "".concat(prevMonth));
+  var months = Array.from(Array(preDates), function(_, k) {
+    return {
+      type: "prev",
+      year: prevYear,
+      month: prevMonth,
+      date: k + 1
+    };
+  });
+  return months.slice(preDates - days);
+};
+var getCurrentMonthDays = function getCurrentMonthDays2(year, month) {
+  var days = Utils.getMonthDays("".concat(year), "".concat(month));
+  return Array.from(Array(days), function(_, k) {
+    return {
+      type: "current",
+      year,
+      month,
+      date: k + 1
+    };
+  });
+};
+var getCurrentWeekDays = function getCurrentWeekDays2(day, firstDayOfWeek) {
+  var current = new Date(day.year, day.month - 1, day.date);
+  var count = (current.getDay() + 7 - firstDayOfWeek) % 7;
+  return [convertDateToDay(new Date(current.getTime() - 24 * 60 * 60 * 1e3 * count)), convertDateToDay(new Date(current.getTime() + 24 * 60 * 60 * 1e3 * (6 - count)))];
+};
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  type: "single",
+  firstDayOfWeek: 0
+});
+var prefixCls = "nut-calendarcard";
+var CalendarCard = React__default.forwardRef(function(props, ref) {
+  var _useConfig = useConfig(), locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), style = _defaultProps$props.style, className = _defaultProps$props.className, type = _defaultProps$props.type, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, firstDayOfWeek = _defaultProps$props.firstDayOfWeek, startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, disableDay = _defaultProps$props.disableDay, renderDay = _defaultProps$props.renderDay, renderDayTop = _defaultProps$props.renderDayTop, renderDayBottom = _defaultProps$props.renderDayBottom, onDayClick = _defaultProps$props.onDayClick, onPageChange = _defaultProps$props.onPageChange, onChange = _defaultProps$props.onChange;
+  var _useState = useState(function() {
+    var date = new Date(Date.now());
+    var val = value || defaultValue;
+    if (Array.isArray(val)) {
+      if (val.length) {
+        date = val[0];
+      }
+    } else if (val) {
+      date = val;
+    }
+    return {
+      year: date.getFullYear(),
+      month: date.getMonth() + 1
+    };
+  }), _useState2 = _slicedToArray(_useState, 2), month = _useState2[0], setMonth = _useState2[1];
+  var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), days = _useState4[0], setDays = _useState4[1];
+  var valueToRange = function valueToRange2(val) {
+    if (Array.isArray(val)) {
+      return val.map(function(date) {
+        return convertDateToDay(date);
+      });
+    }
+    return val ? [convertDateToDay(val)] : [];
+  };
+  var rangeTovalue = function rangeTovalue2(range) {
+    if (Array.isArray(range)) {
+      return range.map(function(day) {
+        return convertDayToDate(day);
+      });
+    }
+    return range ? [convertDayToDate(range)] : [];
+  };
+  var _useState5 = useState(function() {
+    var val = value || defaultValue ? valueToRange(value || defaultValue) : [];
+    return val;
+  }), _useState6 = _slicedToArray(_useState5, 2), innerValue = _useState6[0], setInnerValue = _useState6[1];
+  useEffect(function() {
+    var val = value || defaultValue ? valueToRange(value || defaultValue) : [];
+    setInnerValue(val);
+  }, [value]);
+  var change = function change2(v) {
+    setInnerValue(v);
+    if (type === "single") {
+      var date = convertDayToDate(v[0]);
+      onChange === null || onChange === void 0 || onChange(date);
+    } else if (type === "multiple" || type === "range" || type === "week") {
+      var val = rangeTovalue(v);
+      onChange === null || onChange === void 0 || onChange(val);
+    }
+  };
+  var getDays = function getDays2(month2) {
+    var y = month2.year;
+    var m = month2.month;
+    var days2 = [].concat(_toConsumableArray(getPrevMonthDays(y, m, firstDayOfWeek)), _toConsumableArray(getCurrentMonthDays(y, m)));
+    var size = days2.length;
+    var yearOfNextMonth = month2.month === 12 ? month2.year + 1 : month2.year;
+    var monthOfNextMonth = month2.month === 12 ? 1 : month2.month + 1;
+    for (var i = 1; i <= 42 - size; i++) {
+      days2.push({
+        type: "next",
+        year: yearOfNextMonth,
+        month: monthOfNextMonth,
+        date: i
+      });
+    }
+    return days2;
+  };
+  useEffect(function() {
+    var newDays = getDays(month);
+    setDays(newDays);
+    onPageChange === null || onPageChange === void 0 || onPageChange(month);
+  }, [month]);
+  var isSameDay = function isSameDay2(day1, day2) {
+    return (day1 === null || day1 === void 0 ? void 0 : day1.year) === (day2 === null || day2 === void 0 ? void 0 : day2.year) && (day1 === null || day1 === void 0 ? void 0 : day1.month) === (day2 === null || day2 === void 0 ? void 0 : day2.month) && (day1 === null || day1 === void 0 ? void 0 : day1.date) === (day2 === null || day2 === void 0 ? void 0 : day2.date);
+  };
+  var compareDay = function compareDay2(day1, day2) {
+    if (day1 && day2) {
+      if (day1.year === day2.year) {
+        if (day1.month === day2.month) {
+          return day1.date - day2.date;
+        }
+        return day1.month - day2.month;
+      }
+      return day1.year - day2.year;
+    }
+  };
+  var isDisable = function isDisable2(day) {
+    if (disableDay && disableDay(day)) {
+      return true;
+    }
+    if (startDate && Number(compareDay(day, convertDateToDay(startDate))) < 0) {
+      return true;
+    }
+    if (endDate && Number(compareDay(day, convertDateToDay(endDate))) > 0) {
+      return true;
+    }
+    return false;
+  };
+  var isActive = function isActive2(day) {
+    if (type === "single" || type === "multiple") {
+      var _iterator = _createForOfIteratorHelper(innerValue), _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+          var val = _step.value;
+          if (isSameDay(day, val)) {
+            return true;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    } else if (type === "range" && innerValue.length === 1 && isSameDay(innerValue[0], day)) {
+      return true;
+    }
+    return false;
+  };
+  var isStart = function isStart2(day) {
+    return (type === "range" || type === "week") && innerValue.length === 2 && isSameDay(day, innerValue[0]);
+  };
+  var isEnd = function isEnd2(day) {
+    return (type === "range" || type === "week") && innerValue.length === 2 && isSameDay(day, innerValue[1]);
+  };
+  var isMid = function isMid2(day) {
+    if (type === "range" || type === "week") {
+      if (innerValue.length === 2) {
+        var c1 = compareDay(innerValue[0], day);
+        var c2 = compareDay(day, innerValue[1]);
+        if (c1 && c1 < 0 && c2 && c2 < 0) {
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+  var isWeekend = function isWeekend2(day) {
+    var d = new Date(day.year, day.month - 1, day.date).getDay();
+    return d === 0 || d === 6;
+  };
+  var getClasses = function getClasses2(day) {
+    if (isDisable(day)) {
+      return ["disabled"];
+    }
+    var res = [];
+    if (day.type === "current") {
+      if (isActive(day)) {
+        res.push("active");
+      }
+      if (isStart(day)) {
+        res.push("start");
+      }
+      if (isEnd(day)) {
+        res.push("end");
+      }
+      if (isMid(day)) {
+        res.push("mid");
+      }
+      if (isWeekend(day)) {
+        res.push("weekend");
+      }
+    }
+    return res;
+  };
+  var jumpTo = function jumpTo2(year, month2) {
+    setMonth({
+      year,
+      month: month2
+    });
+  };
+  var jump = function jump2() {
+    var step = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1;
+    var current = month.year * 12 + month.month;
+    var newMonth = (current + step) % 12;
+    if (newMonth === 0) {
+      newMonth = 12;
+    }
+    var newYear = Math.floor((current + step - newMonth) / 12);
+    setMonth({
+      year: newYear,
+      month: newMonth
+    });
+  };
+  React__default.useImperativeHandle(ref, function() {
+    return {
+      jump,
+      jumpTo
+    };
+  });
+  var handleDayClick = function handleDayClick2(day) {
+    if (day.type === "prev" || day.type === "next" || isDisable(day)) {
+      return;
+    }
+    onDayClick === null || onDayClick === void 0 || onDayClick(day);
+    switch (type) {
+      case "single": {
+        if (innerValue[0] && isSameDay(innerValue[0], day)) {
+          change([]);
+        } else {
+          change([day]);
+        }
+        break;
+      }
+      case "multiple": {
+        var t = innerValue.find(function(i) {
+          return isSameDay(i, day);
+        });
+        if (t) {
+          change(innerValue.filter(function(i) {
+            return i !== t;
+          }));
+        } else {
+          change([].concat(_toConsumableArray(innerValue), [day]));
+        }
+        break;
+      }
+      case "range": {
+        var len = innerValue.length;
+        if (len === 0 || len === 2) {
+          change([day]);
+        } else if (len === 1) {
+          var _t = compareDay(innerValue[0], day);
+          if (_t === 0 || _t === null || _t === void 0) {
+            change([]);
+          } else if (_t < 0) {
+            change([innerValue[0], day]);
+          } else {
+            change([day, innerValue[0]]);
+          }
+        } else {
+          console.warn("[NutUI] Calendar range error");
+        }
+        break;
+      }
+      case "week": {
+        if (innerValue.length === 2 || innerValue.length === 0) {
+          var _getCurrentWeekDays = getCurrentWeekDays(day, firstDayOfWeek), _getCurrentWeekDays2 = _slicedToArray(_getCurrentWeekDays, 2), left = _getCurrentWeekDays2[0], right = _getCurrentWeekDays2[1];
+          change([left, right]);
+        } else {
+          console.warn("[NutUI] Calendar week error");
+        }
+        break;
+      }
+      default: {
+        console.warn("[NutUI] Calendar type error");
+      }
+    }
+  };
+  var monthTitle = locale.calendaritem.monthTitle;
+  var renderHeader = function renderHeader2() {
+    return React__default.createElement("div", {
+      className: "".concat(prefixCls, "-header")
+    }, React__default.createElement("div", {
+      className: "".concat(prefixCls, "-header-left")
+    }, React__default.createElement("div", {
+      className: "double-left",
+      onClick: function onClick() {
+        return jump(-12);
+      }
+    }, React__default.createElement(DoubleLeft, null)), React__default.createElement("div", {
+      className: "left",
+      onClick: function onClick() {
+        return jump(-1);
+      }
+    }, React__default.createElement(Left, null))), React__default.createElement("div", {
+      className: "".concat(prefixCls, "-header-title")
+    }, monthTitle(month.year, month.month)), React__default.createElement("div", {
+      className: "".concat(prefixCls, "-header-right")
+    }, React__default.createElement("div", {
+      className: "right",
+      onClick: function onClick() {
+        return jump(1);
+      }
+    }, React__default.createElement(Right, null)), React__default.createElement("div", {
+      className: "double-right",
+      onClick: function onClick() {
+        return jump(12);
+      }
+    }, React__default.createElement(DoubleRight, null))));
+  };
+  var _useState7 = useState(function() {
+    var weekdays = locale.calendaritem.weekdays.map(function(day, index) {
+      return {
+        name: day,
+        key: index
+      };
+    });
+    return [].concat(_toConsumableArray(weekdays.slice(firstDayOfWeek, 7)), _toConsumableArray(weekdays.slice(0, firstDayOfWeek)));
+  }), _useState8 = _slicedToArray(_useState7, 1), weekHeader = _useState8[0];
+  var renderContent = function renderContent2() {
+    return React__default.createElement("div", {
+      className: "".concat(prefixCls, "-content")
+    }, React__default.createElement("div", {
+      className: "".concat(prefixCls, "-days")
+    }, weekHeader.map(function(day) {
+      return React__default.createElement("div", {
+        className: classNames("".concat(prefixCls, "-day"), "header", {
+          weekend: day.key === 0 || day.key === 6
+        }),
+        key: day.key
+      }, day.name);
+    })), React__default.createElement("div", {
+      className: "".concat(prefixCls, "-days")
+    }, days.map(function(day) {
+      return React__default.createElement("div", {
+        className: classNames("".concat(prefixCls, "-day"), day.type, getClasses(day)),
+        key: "".concat(day.year, "-").concat(day.month, "-").concat(day.date),
+        onClick: function onClick() {
+          return handleDayClick(day);
+        }
+      }, React__default.createElement("div", {
+        className: "".concat(prefixCls, "-day-top")
+      }, renderDayTop ? renderDayTop(day) : ""), React__default.createElement("div", {
+        className: "".concat(prefixCls, "-day-inner")
+      }, renderDay ? renderDay(day) : day.date), React__default.createElement("div", {
+        className: "".concat(prefixCls, "-day-bottom")
+      }, renderDayBottom ? renderDayBottom(day) : ""));
+    })));
+  };
+  return days.length > 0 ? React__default.createElement("div", {
+    className: classNames(prefixCls, className),
+    style
+  }, renderHeader(), renderContent()) : null;
+});
+CalendarCard.defaultProps = defaultProps;
+CalendarCard.displayName = "NutCalendarCard";
+export {
+  CalendarCard as default
+};

package/dist/esm/CalendarItem.js

@@ -1,26 +1,26 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
@@ -399,6 +399,8 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
     }
     var scrollTop = e.target.scrollTop;
     var current = Math.floor(scrollTop / avgHeight);
+    if (!monthsData[current + 1])
+      return;
     var nextTop = monthsData[current + 1].scrollTop;
     var nextHeight = monthsData[current + 1].cssHeight;
     if (current === 0) {
@@ -527,7 +529,7 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
       }
     }
   };
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-title"), !popup), _defineProperty(_classNames, "".concat(classPrefix, "-nofooter"), !!autoBackfill), _classNames), className, classPrefix);
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-title"), !popup), _defineProperty(_classNames, "".concat(classPrefix, "-nofooter"), !!autoBackfill), _classNames), classPrefix, className);
   var headerClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-header"), true), _defineProperty(_classNames2, "".concat(classPrefix, "-header-title"), !popup), _classNames2));
   var isStartTip = function isStartTip2(day, month) {
     return (type === "range" || type === "week") && day.type === "active" && isStart(getCurrDate(day, month), currentDate);

package/dist/esm/Card/style/style.css

@@ -1 +1 @@
-.nut-price{font-size:var(--nutui-font-size-4, 16px);display:inline;color:var(--nutui-color-primary, #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-black-3, rgba(0, 0, 0, .06)))!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)}.nut-tag{padding:var(--nutui-tag-padding, 0px 2px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, var(--nutui-font-size-1, 10px));border-radius:var(--nutui-tag-border-radius, 2px);height:var(--nutui-tag-height, 14px);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag--default{background:var(--nutui-tag-background-color, var(--nutui-gray-7, #1a1a1a))}.nut-tag--default.nut-tag--plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag--primary{background:var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-tag--primary.nut-tag--plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag--info{background:var(--nutui-tag-info-background-color, var(--nutui-color-info))}.nut-tag--info.nut-tag--plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag--success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag--success.nut-tag--plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag--danger{background:var(--nutui-tag-danger-background-color, var(--nutui-color-primary, #fa2c19))}.nut-tag--danger.nut-tag--plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag--warning{background:var(--nutui-tag-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-tag--warning.nut-tag--plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag--round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag--mark{border-radius:var(--nutui-tag-mark-border-radius, 0 8px 8px 0)}.nut-tag--close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}.nut-card{width:100%;display:flex;background-color:var(--nutui-gray-1, #ffffff)}.nut-card .nut-card__left{width:120px;height:120px;flex-shrink:0;border-radius:var(--nutui-card-left-border-radius, 2px)}.nut-card .nut-card__left>img{display:block;width:100%;height:100%}.nut-card .nut-card__right{flex:1;padding:0 10px 8px}.nut-card .nut-card__right .nut-card__right-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;line-height:1.5;font-size:14px;color:var(--nutui-gray-7, #1a1a1a)}.nut-card .nut-card__right .nut-cardright-price{display:flex;align-items:center;height:18px;line-height:18px;margin-top:9px}.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__big{font-size:18px}.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__symbol,.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__point,.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__small{font-size:12px}.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price{margin-left:2px;color:#d2a448}.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__big,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__symbol,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__point,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__small{font-size:12px}.nut-card .nut-card__right .nut-cardright-other{display:flex;align-items:center;padding:5px 0 2px}.nut-card .nut-card__right .nut-cardright-other .nut-tag{padding:0 2px;margin-right:5px;font-size:var(--nutui-font-size-1, 10px)}.nut-card .nut-card__right .nut-cardright-shop{display:flex;justify-content:space-between;align-items:center}.nut-card .nut-card__right .nut-cardright-shop .nut-cardright-shop-name{line-height:1.5;color:var(--nutui-gray-6, #595959);font-size:12px;padding-top:4px}
+.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)}.nut-tag{padding:var(--nutui-tag-padding, 0 4px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, 12px);border-radius:var(--nutui-tag-border-radius, 4px);height:var(--nutui-tag-height, auto);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag--default{background:var(--nutui-tag-background-color, #000000)}.nut-tag--default.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--primary{background:var(--nutui-tag-primary-background-color, var(--nutui-brand-color, #fa2c19))}.nut-tag--primary.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--info{background:var(--nutui-tag-info-background-color, var(--nutui-brand-info-color, #1988fa))}.nut-tag--info.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag--success.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--danger{background:linear-gradient(135deg,rgb(242,20,12) 0%,rgb(232,34,14) 69.8395009973%,rgb(242,77,12) 100%)}.nut-tag--danger.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--warning{background:var(--nutui-tag-warning-background-color, #f3812e)}.nut-tag--warning.nut-tag--plain{color:var(--nutui-tag-background-color, #000000);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-tag-background-color, #000000)}.nut-tag--round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag--mark{border-radius:var(--nutui-tag-mark-border-radius, 0 12px 12px 0)}.nut-tag--close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}.nut-card{width:100%;display:flex}.nut-card .nut-card__left{width:120px;height:120px;flex-shrink:0;background-color:var(--nutui-card-left-background-color, inherit);border-radius:var(--nutui-card-left-border-radius, 0)}.nut-card .nut-card__left>img{display:block;width:100%;height:100%}.nut-card .nut-card__right{flex:1;padding:0 10px 8px}.nut-card .nut-card__right .nut-card__right-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;line-height:1.5;font-size:14px}.nut-card .nut-card__right .nut-cardright-price{display:flex;align-items:center;height:18px;line-height:18px;margin-top:9px}.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__big{font-size:18px}.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__symbol,.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__point,.nut-card .nut-card__right .nut-cardright-price .nut-price .nut-price__small{font-size:12px}.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price{margin-left:2px;color:#d2a448}.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__big,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__symbol,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__point,.nut-card .nut-card__right .nut-cardright-price .nut-cardright-price-origin.nut-price .nut-price__small{font-size:12px}.nut-card .nut-card__right .nut-cardright-other{display:flex;align-items:center;padding:5px 0 2px}.nut-card .nut-card__right .nut-cardright-other .nut-tag{padding:0 2px;margin-right:5px;font-size:var(--nutui-font-size-0, 10px)}.nut-card .nut-card__right .nut-cardright-shop{display:flex;justify-content:space-between;align-items:center}.nut-card .nut-card__right .nut-cardright-shop .nut-cardright-shop-name{line-height:1.5;color:#999;font-size:12px;padding-top:4px}

package/dist/esm/Card.js

@@ -1,26 +1,26 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["className", "style", "src", "title", "price", "vipPrice", "shopDescription", "delivery", "shopName", "tag", "priceTag", "description", "extra"];
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 import React__default from "react";
 import classNames from "classnames";