@nutui/nutui-react 2.0.0-beta.0 → 2.0.0-beta.2

package/dist/esm/DatePicker.js

@@ -1,364 +1,287 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["minDate", "maxDate", "type", "isShowChinese", "minuteStep", "modelValue", "visible", "title", "formatter", "onCloseDatePicker", "onConfirmDatePicker", "filter", "threeDimensional", "className", "style"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); 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); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).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)); }); } return target; }
-
-import React__default, { useState, useRef, useEffect } from 'react';
-import Picker from './Picker.js';
-var currentYear = new Date().getFullYear();
-var defaultProps = {
-  modelValue: null,
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["startDate", "endDate", "type", "showChinese", "minuteStep", "visible", "title", "defaultValue", "formatter", "onClose", "onConfirm", "filter", "onChange", "threeDimensional", "className", "style"];
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  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);
+  }
+  return keys;
+}
+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));
+    });
+  }
+  return target;
+}
+import React__default, { useState, useEffect } from "react";
+import Picker from "./Picker.js";
+import { useConfig } from "./ConfigProvider.js";
+import { u as usePropsValue } from "./use-props-value.js";
+import { C as ComponentDefaults } from "./typings.js";
+var currentYear = /* @__PURE__ */ (/* @__PURE__ */ new Date()).getFullYear();
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   visible: false,
-  title: '',
-  type: 'date',
-  isShowChinese: false,
+  title: "",
+  type: "date",
+  showChinese: false,
   threeDimensional: true,
   minuteStep: 1,
-  minDate: new Date(currentYear - 10, 0, 1),
-  maxDate: new Date(currentYear + 10, 11, 31)
-};
-
-var DatePicker = function DatePicker(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      minDate = _defaultProps$props.minDate,
-      maxDate = _defaultProps$props.maxDate,
-      type = _defaultProps$props.type,
-      isShowChinese = _defaultProps$props.isShowChinese,
-      minuteStep = _defaultProps$props.minuteStep,
-      modelValue = _defaultProps$props.modelValue,
-      visible = _defaultProps$props.visible,
-      title = _defaultProps$props.title,
-      formatter = _defaultProps$props.formatter,
-      onCloseDatePicker = _defaultProps$props.onCloseDatePicker,
-      onConfirmDatePicker = _defaultProps$props.onConfirmDatePicker,
-      filter = _defaultProps$props.filter,
-      threeDimensional = _defaultProps$props.threeDimensional,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      show = _useState2[0],
-      setShow = _useState2[1];
-
-  var _useState3 = useState(modelValue),
-      _useState4 = _slicedToArray(_useState3, 2),
-      currentDate = _useState4[0],
-      setCurrentDate = _useState4[1];
-
-  var _useState5 = useState([]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      defaultValue = _useState6[0],
-      setDefaultValue = _useState6[1];
-
-  var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      listData = _useState8[0],
-      setListData = _useState8[1];
-
-  var pickerRef = useRef(null);
-
-  var isDate = function isDate(val) {
-    return Object.prototype.toString.call(val) === '[object Date]' && !Number.isNaN(val.getTime());
-  };
-
+  startDate: new Date(currentYear - 10, 0, 1),
+  endDate: new Date(currentYear + 10, 11, 31)
+});
+var DatePicker = function DatePicker2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, type = _defaultProps$props.type, showChinese = _defaultProps$props.showChinese, minuteStep = _defaultProps$props.minuteStep, visible = _defaultProps$props.visible, title = _defaultProps$props.title, defaultValue = _defaultProps$props.defaultValue, formatter = _defaultProps$props.formatter, onClose = _defaultProps$props.onClose, _onConfirm = _defaultProps$props.onConfirm, filter = _defaultProps$props.filter, onChange = _defaultProps$props.onChange, threeDimensional = _defaultProps$props.threeDimensional, className = _defaultProps$props.className, style = _defaultProps$props.style, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useConfig = useConfig(), locale = _useConfig.locale;
+  var datepickerLang = locale.datepicker;
   var zhCNType = {
-    day: '日',
-    year: '年',
-    month: '月',
-    hour: '时',
-    minute: '分',
-    seconds: '秒'
+    day: datepickerLang.day,
+    year: datepickerLang.year,
+    month: datepickerLang.month,
+    hour: datepickerLang.hour,
+    minute: datepickerLang.min,
+    seconds: datepickerLang.seconds
   };
-
-  var formatValue = function formatValue(value) {
+  var _useState = useState([]), _useState2 = _slicedToArray(_useState, 2), defaultValueOfPicker = _useState2[0], setDefaultValueOfPicker = _useState2[1];
+  var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), options = _useState4[0], setOptions = _useState4[1];
+  var isDate = function isDate2(val) {
+    return Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
+  };
+  var formatValue = function formatValue2(value) {
     var cvalue = value;
-
     if (!cvalue || cvalue && !isDate(cvalue)) {
-      cvalue = minDate;
+      cvalue = startDate;
     }
-
-    var timestmp = Math.max(cvalue.getTime(), minDate.getTime());
-    timestmp = Math.min(timestmp, maxDate.getTime());
+    var timestmp = Math.max(cvalue.getTime(), startDate.getTime());
+    timestmp = Math.min(timestmp, endDate.getTime());
     return new Date(timestmp);
   };
-
+  var _usePropsValue = usePropsValue({
+    value: props.value && formatValue(props.value),
+    defaultValue: formatValue(props.defaultValue || null),
+    finalValue: null,
+    onChange: function onChange2(val) {
+    }
+  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), currentDate = _usePropsValue2[0], setCurrentDate = _usePropsValue2[1];
   function getMonthEndDay(year, month) {
     return new Date(year, month, 0).getDate();
   }
-
-  var getBoundary = function getBoundary(type, value) {
+  var getBoundary = function getBoundary2(type2, value) {
     var _ref;
-
-    var boundary = type === 'min' ? minDate : maxDate;
+    var boundary = type2 === "min" ? startDate : endDate;
     var year = boundary.getFullYear();
     var month = 1;
     var date = 1;
     var hour = 0;
     var minute = 0;
-
-    if (type === 'max') {
+    if (type2 === "max") {
       month = 12;
       date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
       hour = 23;
       minute = 59;
     }
-
     var seconds = minute;
-
     if (value.getFullYear() === year) {
       month = boundary.getMonth() + 1;
-
       if (value.getMonth() + 1 === month) {
         date = boundary.getDate();
-
         if (value.getDate() === date) {
           hour = boundary.getHours();
-
           if (value.getHours() === hour) {
             minute = boundary.getMinutes();
           }
         }
       }
     }
-
-    return _ref = {}, _defineProperty(_ref, "".concat(type, "Year"), year), _defineProperty(_ref, "".concat(type, "Month"), month), _defineProperty(_ref, "".concat(type, "Date"), date), _defineProperty(_ref, "".concat(type, "Hour"), hour), _defineProperty(_ref, "".concat(type, "Minute"), minute), _defineProperty(_ref, "".concat(type, "Seconds"), seconds), _ref;
+    return _ref = {}, _defineProperty(_ref, "".concat(type2, "Year"), year), _defineProperty(_ref, "".concat(type2, "Month"), month), _defineProperty(_ref, "".concat(type2, "Date"), date), _defineProperty(_ref, "".concat(type2, "Hour"), hour), _defineProperty(_ref, "".concat(type2, "Minute"), minute), _defineProperty(_ref, "".concat(type2, "Seconds"), seconds), _ref;
   };
-
-  var ranges = function ranges(date) {
-    var curDate = date || currentDate;
-    console.log(11, currentDate);
-    if (!curDate) return [];
-
-    var _getBoundary = getBoundary('max', curDate),
-        maxYear = _getBoundary.maxYear,
-        maxDate = _getBoundary.maxDate,
-        maxMonth = _getBoundary.maxMonth,
-        maxHour = _getBoundary.maxHour,
-        maxMinute = _getBoundary.maxMinute,
-        maxSeconds = _getBoundary.maxSeconds;
-
-    var _getBoundary2 = getBoundary('min', curDate),
-        minYear = _getBoundary2.minYear,
-        minDate = _getBoundary2.minDate,
-        minMonth = _getBoundary2.minMonth,
-        minHour = _getBoundary2.minHour,
-        minMinute = _getBoundary2.minMinute,
-        minSeconds = _getBoundary2.minSeconds;
-
+  var ranges = function ranges2() {
+    var curDate = currentDate;
+    if (!curDate)
+      return [];
+    var _getBoundary = getBoundary("max", curDate), maxYear = _getBoundary.maxYear, maxDate = _getBoundary.maxDate, maxMonth = _getBoundary.maxMonth, maxHour = _getBoundary.maxHour, maxMinute = _getBoundary.maxMinute, maxSeconds = _getBoundary.maxSeconds;
+    var _getBoundary2 = getBoundary("min", curDate), minYear = _getBoundary2.minYear, minDate = _getBoundary2.minDate, minMonth = _getBoundary2.minMonth, minHour = _getBoundary2.minHour, minMinute = _getBoundary2.minMinute, minSeconds = _getBoundary2.minSeconds;
     var result = [{
-      type: 'year',
+      type: "year",
       range: [minYear, maxYear]
     }, {
-      type: 'month',
+      type: "month",
       range: [minMonth, maxMonth]
     }, {
-      type: 'day',
+      type: "day",
       range: [minDate, maxDate]
     }, {
-      type: 'hour',
+      type: "hour",
       range: [minHour, maxHour]
     }, {
-      type: 'minute',
+      type: "minute",
       range: [minMinute, maxMinute]
     }, {
-      type: 'seconds',
+      type: "seconds",
       range: [minSeconds, maxSeconds]
     }];
-
     switch (type.toLocaleLowerCase()) {
-      case 'date':
+      case "date":
         result = result.slice(0, 3);
         break;
-
-      case 'datetime':
+      case "datetime":
         result = result.slice(0, 5);
         break;
-
-      case 'time':
+      case "time":
         result = result.slice(3, 6);
         break;
-
-      case 'year-month':
+      case "year-month":
         result = result.slice(0, 2);
         break;
-
-      case 'month-day':
+      case "hour-minutes":
+        result = result.slice(3, 5);
+        break;
+      case "month-day":
         result = result.slice(1, 3);
         break;
-
-      case 'datehour':
+      case "datehour":
         result = result.slice(0, 4);
         break;
     }
-
     return result;
   };
-
-  var updateChooseValueCustmer = function updateChooseValueCustmer(index, selectedValue, cacheValueData) {
-    if (['date', 'datetime', 'datehour', 'month-day', 'year-month'].includes(type.toLocaleLowerCase())) {
+  var updateChooseValueCustmer = function updateChooseValueCustmer2(selectedOptions, selectedValue, index) {
+    if (["date", "datetime", "datehour", "month-day", "year-month"].includes(type.toLocaleLowerCase())) {
       var _date;
-
       var formatDate = [];
-      selectedValue.forEach(function (item) {
+      selectedValue.forEach(function(item) {
         formatDate.push(item);
       });
-
-      if (type.toLocaleLowerCase() === 'month-day' && formatDate.length < 3) {
-        formatDate.unshift(new Date(modelValue || minDate || maxDate).getFullYear());
+      if (type.toLocaleLowerCase() === "month-day" && formatDate.length < 3) {
+        formatDate.unshift(new Date(defaultValue || startDate || endDate).getFullYear());
       }
-
-      if (type.toLocaleLowerCase() === 'year-month' && formatDate.length < 3) {
-        formatDate.push(new Date(modelValue || minDate || maxDate).getDate());
+      if (type.toLocaleLowerCase() === "year-month" && formatDate.length < 3) {
+        formatDate.push(new Date(defaultValue || startDate || endDate).getDate());
       }
-
       var year = Number(formatDate[0]);
       var month = Number(formatDate[1]) - 1;
       var day = Math.min(Number(formatDate[2]), getMonthEndDay(Number(formatDate[0]), Number(formatDate[1])));
       var date = null;
-
-      if (type.toLocaleLowerCase() === 'date' || type.toLocaleLowerCase() === 'month-day' || type.toLocaleLowerCase() === 'year-month') {
+      if (type.toLocaleLowerCase() === "date" || type.toLocaleLowerCase() === "month-day" || type.toLocaleLowerCase() === "year-month") {
         date = new Date(year, month, day);
-      } else if (type.toLocaleLowerCase() === 'datetime') {
+      } else if (type.toLocaleLowerCase() === "datetime") {
         date = new Date(year, month, day, Number(formatDate[3]), Number(formatDate[4]));
-      } else if (type.toLocaleLowerCase() === 'datehour') {
+      } else if (type.toLocaleLowerCase() === "datehour") {
         date = new Date(year, month, day, Number(formatDate[3]));
       }
-
       var isEqual = (currentDate === null || currentDate === void 0 ? void 0 : currentDate.getTime()) === ((_date = date) === null || _date === void 0 ? void 0 : _date.getTime());
       date && isDate(date) && !isEqual && setCurrentDate(formatValue(date));
     }
-
-    props.onChangeDatePicker && props.onChangeDatePicker(index, selectedValue, cacheValueData);
+    props.onChange && props.onChange(selectedOptions, selectedValue, index);
   };
-
-  var padZero = function padZero(num) {
-    var targetLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  var padZero = function padZero2(num) {
+    var targetLength = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
     var str = "".concat(num);
-
     while (str.length < targetLength) {
       str = "0".concat(str);
     }
-
     return str;
   };
-
-  var formatterOption = function formatterOption(type, value) {
+  var formatterOption = function formatterOption2(type2, value) {
     var fOption = null;
-
     if (formatter) {
-      fOption = formatter(type, {
+      fOption = formatter(type2, {
         text: padZero(value, 2),
         value: padZero(value, 2)
       });
     } else {
       var padMin = padZero(value, 2);
-      var fatter = isShowChinese ? zhCNType[type] : '';
+      var fatter = showChinese ? zhCNType[type2] : "";
       fOption = {
         text: padMin + fatter,
         value: padMin
       };
     }
-
     return fOption;
   };
-
-  var generateValue = function generateValue(min, max, val, type, columnIndex) {
+  var generateValue = function generateValue2(min, max, val, type2, columnIndex) {
+    var _arr$index;
     var cmin = min;
     var arr = [];
     var index = 0;
-
     while (cmin <= max) {
-      arr.push(formatterOption(type, cmin));
-
-      if (type === 'minute') {
+      arr.push(formatterOption(type2, cmin));
+      if (type2 === "minute") {
         cmin += minuteStep;
       } else {
         cmin++;
       }
-
       if (cmin <= val) {
         index++;
       }
     }
-
-    defaultValue[columnIndex] = arr[index].value;
-    setDefaultValue(_toConsumableArray(defaultValue));
-
-    if (props.filter && props.filter(type, arr)) {
-      return props.filter(type, arr);
+    defaultValueOfPicker[columnIndex] = (_arr$index = arr[index]) === null || _arr$index === void 0 ? void 0 : _arr$index.value;
+    setDefaultValueOfPicker(_toConsumableArray(defaultValueOfPicker));
+    if (props.filter && props.filter(type2, arr)) {
+      return props.filter(type2, arr);
     }
-
     return arr;
   };
-
-  var getDateIndex = function getDateIndex(type) {
-    if (!currentDate) return 0;
+  var getDateIndex = function getDateIndex2(type2) {
+    if (!currentDate)
+      return 0;
     var d = 0;
-
-    if (type === 'year') {
+    if (type2 === "year") {
       d = currentDate.getFullYear();
-    } else if (type === 'month') {
+    } else if (type2 === "month") {
       d = currentDate.getMonth() + 1;
-    } else if (type === 'day') {
+    } else if (type2 === "day") {
       d = currentDate.getDate();
-    } else if (type === 'hour') {
+    } else if (type2 === "hour") {
       d = currentDate.getHours();
-    } else if (type === 'minute') {
+    } else if (type2 === "minute") {
       d = currentDate.getMinutes();
-    } else if (type === 'seconds') {
+    } else if (type2 === "seconds") {
       d = currentDate.getSeconds();
     }
-
     return d;
   };
-
-  var columns = function columns(date) {
-    var val = ranges(date).map(function (res, columnIndex) {
+  var columns = function columns2() {
+    var val = ranges().map(function(res, columnIndex) {
       return generateValue(res.range[0], res.range[1], getDateIndex(res.type), res.type, columnIndex);
     });
     return val || [];
   };
-
-  useEffect(function () {
-    setCurrentDate(formatValue(modelValue)); // initDefault()
-  }, []);
-  useEffect(function () {
-    setCurrentDate(formatValue(modelValue));
-  }, [modelValue]);
-  useEffect(function () {
-    setShow(visible);
-  }, [visible]);
-  useEffect(function () {
+  useEffect(function() {
     if (currentDate) {
-      setListData(columns());
+      setOptions(columns());
     }
-  }, [currentDate]);
+  }, []);
   return React__default.createElement("div", _objectSpread({
-    className: "nut-datepicker ".concat(className || ''),
-    style: style
-  }, rest), listData.length > 0 && React__default.createElement(Picker, {
-    isVisible: show,
-    listData: listData,
-    onClose: onCloseDatePicker,
-    defaultValueData: defaultValue,
-    onConfirm: function onConfirm(values, options) {
-      return onConfirmDatePicker && onConfirmDatePicker(values, options);
+    className: "nut-datepicker ".concat(className),
+    style
+  }, rest), options.length && React__default.createElement(Picker, {
+    title,
+    visible,
+    options,
+    onClose,
+    defaultValue: defaultValueOfPicker,
+    onConfirm: function onConfirm(options2, value) {
+      return _onConfirm && _onConfirm(options2, value);
     },
-    onChange: function onChange(index, value, list) {
-      return updateChooseValueCustmer(index, value, list);
+    onChange: function onChange2(options2, value, index) {
+      return updateChooseValueCustmer(options2, value, index);
     },
-    threeDimensional: threeDimensional,
-    ref: pickerRef
+    threeDimensional
   }));
 };
-
 DatePicker.defaultProps = defaultProps;
-DatePicker.displayName = 'NutDatePicker';
-export { DatePicker as default };
+DatePicker.displayName = "NutDatePicker";
+export {
+  DatePicker as default
+};

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

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

package/dist/esm/Dialog/style/index.js

@@ -1,3 +1,4 @@
-require('../../Button/style')
+import '../../Button/style'
+import '../../Overlay/style'
 
-require('../../../packages/dialog/dialog.scss')
+import '../../../packages/dialog/dialog.scss'

package/dist/esm/Dialog/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-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-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nutui-dialog-width, 296px);min-height:var(--nutui-dialog-min-height, 156px);padding:var(--nutui-dialog-padding, 28px 24px 16px 24px);box-sizing:border-box}.nut-dialog__outer{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);transition:transform .2s,-webkit-transform .2s;-webkit-overflow-scrolling:touch;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:var(--nutui-dialog-outer-border-radius, 20px);z-index:var(--nutui-dialog-outer-z-index, 1200);animation-duration:.3s}.nut-dialog__header{display:block;text-align:center;font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog__content{width:100%;overflow:auto;flex:1;margin:var(--nutui-dialog-content-margin, 20px 0);max-height:var(--nutui-dialog-content-max-height, 268px);line-height:var(--nutui-dialog-content-line-height, 16px);font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575);word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:var(--nutui-dialog-content-text-align, center)}.nut-dialog__footer{display:flex;align-items:center;width:100%;justify-content:space-around}.nut-dialog__footer.vertical{flex-direction:column}.nut-dialog__footer.vertical .nut-button{min-width:100%;margin:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-cancel{border:0}.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-ok{margin-top:var(--nutui-dialog-vertical-footer-ok-margin-top, 10px)}.nut-dialog__footer .nut-button{min-width:var(--nutui-dialog-footer-button-min-width, 100px)}.nut-dialog__footer-cancel.nut-dialog__footer-cancel{margin-right:var(--nutui-dialog-footer-cancel-margin-right, 20px)}.nut-dialog__footer-ok{max-width:var(--nutui-dialog-footer-ok-max-width, 128px)}