@nutui/nutui-react 2.7.0 → 3.0.0-beta.1

package/dist/esm/CountDown.js

@@ -1,201 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default, { useState, useRef, useImperativeHandle, useEffect } from "react";
-import { C as ComponentDefaults } from "./typings.js";
-import { p as padZero } from "./pad-zero.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { paused: false, startTime: Date.now(), endTime: Date.now(), remainingTime: 0, millisecond: false, format: "HH:mm:ss", autoStart: true, time: 0, destroy: false });
-const InternalCountDown = (props, ref) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { paused, startTime, endTime, remainingTime, millisecond, format, autoStart, time, destroy, className, style, onEnd, onPaused, onRestart, onUpdate, children } = _a, rest = __rest(_a, ["paused", "startTime", "endTime", "remainingTime", "millisecond", "format", "autoStart", "time", "destroy", "className", "style", "onEnd", "onPaused", "onRestart", "onUpdate", "children"]);
-  const classPrefix = "nut-countdown";
-  const [restTimeStamp, setRestTime] = useState(0);
-  const stateRef = useRef({
-    pauseTime: 0,
-    curr: 0,
-    isPaused: paused,
-    isIninted: false,
-    timer: 0,
-    restTime: 0,
-    // 倒计时剩余时间时间
-    counting: !paused && autoStart,
-    // 是否处于倒计时中
-    handleEndTime: Date.now(),
-    // 最终截止时间
-    diffTime: 0
-    // 设置了 startTime 时，与 date.now() 的差异
-  });
-  const getTimeStamp = (timeStr) => {
-    if (!timeStr)
-      return Date.now();
-    let t = timeStr;
-    t = Number(t) > 0 ? +t : t.toString().replace(/-/g, "/");
-    return new Date(t).getTime();
-  };
-  const initTime = () => {
-    if (remainingTime) {
-      stateRef.current.handleEndTime = Date.now() + Number(remainingTime);
-    } else {
-      stateRef.current.handleEndTime = endTime;
-      stateRef.current.diffTime = Date.now() - getTimeStamp(startTime);
-    }
-    if (!stateRef.current.counting)
-      stateRef.current.counting = true;
-    tick();
-  };
-  const tick = () => {
-    stateRef.current.timer = requestAnimationFrame(() => {
-      if (stateRef.current.counting) {
-        const currentTime = Date.now() - stateRef.current.diffTime;
-        const remainTime = Math.max(stateRef.current.handleEndTime - currentTime, 0);
-        stateRef.current.restTime = remainTime;
-        setRestTime(remainTime);
-        if (!remainTime) {
-          stateRef.current.counting = false;
-          pause();
-          onEnd && onEnd();
-        }
-        if (remainTime > 0) {
-          tick();
-        }
-      }
-    });
-  };
-  const formatRemainTime = (t, type) => {
-    const ts = t;
-    const rest2 = {
-      d: 0,
-      h: 0,
-      m: 0,
-      s: 0,
-      ms: 0
-    };
-    const SECOND = 1e3;
-    const MINUTE = 60 * SECOND;
-    const HOUR = 60 * MINUTE;
-    const DAY = 24 * HOUR;
-    if (ts > 0) {
-      rest2.d = ts >= SECOND ? Math.floor(ts / DAY) : 0;
-      rest2.h = Math.floor(ts % DAY / HOUR);
-      rest2.m = Math.floor(ts % HOUR / MINUTE);
-      rest2.s = Math.floor(ts % MINUTE / SECOND);
-      rest2.ms = Math.floor(ts % SECOND);
-    }
-    return type === "custom" ? rest2 : parseFormat(Object.assign({}, rest2));
-  };
-  const parseFormat = (time2) => {
-    const { d } = time2;
-    let { h, m, s, ms } = time2;
-    let formatCache = format;
-    if (formatCache.includes("DD")) {
-      formatCache = formatCache.replace("DD", padZero(d));
-    } else {
-      h += Number(d) * 24;
-    }
-    if (formatCache.includes("HH")) {
-      formatCache = formatCache.replace("HH", padZero(h));
-    } else {
-      m += Number(h) * 60;
-    }
-    if (formatCache.includes("mm")) {
-      formatCache = formatCache.replace("mm", padZero(m));
-    } else {
-      s += Number(m) * 60;
-    }
-    if (formatCache.includes("ss")) {
-      formatCache = formatCache.replace("ss", padZero(s));
-    } else {
-      ms += Number(s) * 1e3;
-    }
-    if (formatCache.includes("S")) {
-      const msC = padZero(ms, 3).toString();
-      if (formatCache.includes("SSS")) {
-        formatCache = formatCache.replace("SSS", msC);
-      } else if (formatCache.includes("SS")) {
-        formatCache = formatCache.replace("SS", msC.slice(0, 2));
-      } else if (formatCache.includes("S")) {
-        formatCache = formatCache.replace("SS", msC.slice(0, 1));
-      }
-    }
-    return formatCache;
-  };
-  const pause = () => {
-    cancelAnimationFrame(stateRef.current.timer);
-    stateRef.current.counting = false;
-    onPaused && onPaused(stateRef.current.restTime);
-  };
-  useImperativeHandle(ref, () => ({
-    start: () => {
-      if (!stateRef.current.counting && !autoStart) {
-        stateRef.current.counting = true;
-        stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
-        tick();
-        onRestart && onRestart(stateRef.current.restTime);
-      }
-    },
-    pause: () => {
-      cancelAnimationFrame(stateRef.current.timer);
-      stateRef.current.counting = false;
-      onPaused && onPaused(stateRef.current.restTime);
-    },
-    reset: () => {
-      if (!autoStart) {
-        pause();
-        stateRef.current.restTime = time;
-        setRestTime(time);
-      }
-    }
-  }));
-  useEffect(() => {
-    const tranTime = formatRemainTime(stateRef.current.restTime, "custom");
-    onUpdate && onUpdate(tranTime);
-  }, [restTimeStamp]);
-  useEffect(() => {
-    if (stateRef.current.isIninted) {
-      if (paused) {
-        if (stateRef.current.counting) {
-          pause();
-        }
-      } else {
-        if (!stateRef.current.counting) {
-          stateRef.current.counting = true;
-          stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
-          tick();
-        }
-        onRestart && onRestart(stateRef.current.restTime);
-      }
-    }
-  }, [paused]);
-  useEffect(() => {
-    if (stateRef.current.isIninted) {
-      initTime();
-    }
-  }, [endTime, startTime, remainingTime]);
-  useEffect(() => {
-    if (autoStart) {
-      initTime();
-    } else {
-      stateRef.current.restTime = time;
-      setRestTime(time);
-    }
-    if (!stateRef.current.isIninted) {
-      stateRef.current.isIninted = true;
-    }
-    return componentWillUnmount;
-  }, []);
-  const componentWillUnmount = () => {
-    destroy && cancelAnimationFrame(stateRef.current.timer);
-  };
-  const renderTime = (() => {
-    return formatRemainTime(stateRef.current.restTime);
-  })();
-  return React__default.createElement("div", Object.assign({ className: `${classPrefix} ${className}`, style: Object.assign({}, style) }, rest), children || React__default.createElement("div", {
-    className: `${classPrefix}-block`,
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: `${renderTime}`
-    }
-  }));
-};
-const CountDown = React__default.forwardRef(InternalCountDown);
-CountDown.displayName = "NutCountDown";
-export {
-  CountDown as default
-};

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

@@ -1,2 +0,0 @@
-import '../../Picker/style'
-import '../../../packages/datepicker/datepicker.scss'

package/dist/esm/DatePicker/style/style.css

@@ -1 +0,0 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden{overflow:hidden!important}@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-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-picker{background-color:var(--nutui-gray-1, #ffffff);width:100%}.nut-picker-control{display:flex;height:var(--nutui-popup-title-height, 50px);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px));align-items:center;justify-content:space-between;padding:var(--nutui-popup-title-padding, 16px)}.nut-picker-cancel-btn{color:var(--nutui-picker-title-cancel-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-picker-title-cancel-font-size, var(--nutui-font-size-3, 14px))}.nut-picker-confirm-btn{color:var(--nutui-picker-title-ok-color, var(--nutui-color-primary, #fa2c19));font-size:var(--nutui-picker-title-ok-font-size, var(--nutui-font-size-3, 14px))}.nut-picker-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-popup-title-font-weight, var(--nutui-font-weight-bold, 500))}.nut-picker-panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 14px));z-index:3}.nut-picker-indicator-taro{height:var(--nutui-picker-item-height, 36px);border:0}.nut-picker-indicator-taro:before,.nut-picker-indicator-taro:after{border:var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-background, linear-gradient(180deg, var(--nutui-white-12), var(--nutui-white-7)), linear-gradient(0deg, var(--nutui-white-12), var(--nutui-white-7)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;transform:translateZ(0);z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 14px));text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%}.nut-picker-roller-item-title{display:block;width:100%;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}[dir=rtl] .nut-picker-mask,.nut-rtl .nut-picker-mask{background-image:var(--picker-mask-background, linear-gradient(-180deg, var(--nutui-white-12), var(--nutui-white-7)), linear-gradient(0deg, var(--nutui-white-12), var(--nutui-white-7)))}

package/dist/esm/DatePicker.js

@@ -1,248 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default, { useState, useEffect } from "react";
-import Picker__default from "./Picker.js";
-import { useConfig } from "./ConfigProvider.js";
-import { u as usePropsValue } from "./use-props-value.js";
-import { C as ComponentDefaults } from "./typings.js";
-import { p as padZero } from "./pad-zero.js";
-const isDate = (val) => {
-  return Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
-};
-const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, title: "", type: "date", showChinese: false, threeDimensional: true, minuteStep: 1, startDate: new Date(currentYear - 10, 0, 1), endDate: new Date(currentYear + 10, 11, 31) });
-const DatePicker = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { startDate, endDate, type, showChinese, minuteStep, visible, title, defaultValue, pickerProps = {}, formatter, onClose, onCancel, onConfirm, filter, onChange, threeDimensional, className, style } = _a, rest = __rest(_a, ["startDate", "endDate", "type", "showChinese", "minuteStep", "visible", "title", "defaultValue", "pickerProps", "formatter", "onClose", "onCancel", "onConfirm", "filter", "onChange", "threeDimensional", "className", "style"]);
-  const { locale } = useConfig();
-  const lang = locale.datepicker;
-  const zhCNType = {
-    day: lang.day,
-    year: lang.year,
-    month: lang.month,
-    hour: lang.hour,
-    minute: lang.min,
-    seconds: lang.seconds
-  };
-  const [pickerValue, setPickerValue] = useState([]);
-  const [pickerOptions, setPickerOptions] = useState([]);
-  const formatValue = (value) => {
-    if (!value || value && !isDate(value)) {
-      value = startDate;
-    }
-    return Math.min(Math.max(value.getTime(), startDate.getTime()), endDate.getTime());
-  };
-  const [selectedDate, setSelectedDate] = usePropsValue({
-    value: props.value && formatValue(props.value),
-    defaultValue: props.defaultValue && formatValue(props.defaultValue),
-    finalValue: 0
-  });
-  function getMonthEndDay(year, month) {
-    return new Date(year, month, 0).getDate();
-  }
-  const getBoundary = (type2, value) => {
-    const boundary = type2 === "min" ? startDate : endDate;
-    const year = boundary.getFullYear();
-    let month = 1;
-    let date = 1;
-    let hour = 0;
-    let minute = 0;
-    if (type2 === "max") {
-      month = 12;
-      date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
-      hour = 23;
-      minute = 59;
-    }
-    const 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 {
-      [`${type2}Year`]: year,
-      [`${type2}Month`]: month,
-      [`${type2}Date`]: date,
-      [`${type2}Hour`]: hour,
-      [`${type2}Minute`]: minute,
-      [`${type2}Seconds`]: seconds
-    };
-  };
-  const ranges = () => {
-    const selected = new Date(selectedDate);
-    if (!selected)
-      return [];
-    const { maxYear, maxDate, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", selected);
-    const { minYear, minDate, minMonth, minHour, minMinute, minSeconds } = getBoundary("min", selected);
-    const result = [
-      {
-        type: "year",
-        range: [minYear, maxYear]
-      },
-      {
-        type: "month",
-        range: [minMonth, maxMonth]
-      },
-      {
-        type: "day",
-        range: [minDate, maxDate]
-      },
-      {
-        type: "hour",
-        range: [minHour, maxHour]
-      },
-      {
-        type: "minute",
-        range: [minMinute, maxMinute]
-      },
-      {
-        type: "seconds",
-        range: [minSeconds, maxSeconds]
-      }
-    ];
-    switch (type.toLocaleLowerCase()) {
-      case "date":
-        return result.slice(0, 3);
-      case "datetime":
-        return result.slice(0, 5);
-      case "time":
-        return result.slice(3, 6);
-      case "year-month":
-        return result.slice(0, 2);
-      case "hour-minutes":
-        return result.slice(3, 5);
-      case "month-day":
-        return result.slice(1, 3);
-      case "datehour":
-        return result.slice(0, 4);
-      default:
-        return result;
-    }
-  };
-  const compareDateChange = (currentDate, newDate, selectedOptions, index) => {
-    var _a2;
-    const isEqual = ((_a2 = new Date(currentDate)) === null || _a2 === void 0 ? void 0 : _a2.getTime()) === (newDate === null || newDate === void 0 ? void 0 : newDate.getTime());
-    if (newDate && isDate(newDate)) {
-      if (!isEqual) {
-        setSelectedDate(formatValue(newDate));
-      }
-      onChange === null || onChange === void 0 ? void 0 : onChange(selectedOptions, [
-        String(newDate.getFullYear()),
-        String(newDate.getMonth() + 1),
-        String(newDate.getDate())
-      ], index);
-    }
-  };
-  const handlePickerChange = (selectedOptions, selectedValue, index) => {
-    const rangeType = type.toLocaleLowerCase();
-    if (["date", "datetime", "datehour", "month-day", "year-month"].includes(rangeType)) {
-      const formatDate = [];
-      selectedValue.forEach((item) => {
-        formatDate.push(item);
-      });
-      if (rangeType === "month-day" && formatDate.length < 3) {
-        formatDate.unshift(new Date(defaultValue || startDate || endDate).getFullYear());
-      }
-      if (rangeType === "year-month" && formatDate.length < 3) {
-        formatDate.push(new Date(defaultValue || startDate || endDate).getDate());
-      }
-      const year = Number(formatDate[0]);
-      const month = Number(formatDate[1]) - 1;
-      const day = Math.min(Number(formatDate[2]), getMonthEndDay(Number(formatDate[0]), Number(formatDate[1])));
-      let date = null;
-      if (rangeType === "date" || rangeType === "month-day" || rangeType === "year-month") {
-        date = new Date(year, month, day);
-      } else if (rangeType === "datetime") {
-        date = new Date(year, month, day, Number(formatDate[3]), Number(formatDate[4]));
-      } else if (rangeType === "datehour") {
-        date = new Date(year, month, day, Number(formatDate[3]));
-      }
-      compareDateChange(selectedDate, date, selectedOptions, index);
-    } else {
-      const [hour, minute, seconds] = selectedValue;
-      const currentDate = new Date(selectedDate);
-      const year = currentDate.getFullYear();
-      const month = currentDate.getMonth();
-      const day = currentDate.getDate();
-      const date = new Date(year, month, day, Number(hour), Number(minute), rangeType === "time" ? Number(seconds) : 0);
-      compareDateChange(selectedDate, date, selectedOptions, index);
-    }
-  };
-  const formatOption = (type2, value) => {
-    if (formatter) {
-      return formatter(type2, {
-        text: padZero(value, 2),
-        value: padZero(value, 2)
-      });
-    }
-    const padMin = padZero(value, 2);
-    const fatter = showChinese ? zhCNType[type2] : "";
-    return { text: padMin + fatter, value: padMin };
-  };
-  const generateColumn = (min, max, val, type2, columnIndex) => {
-    var _a2;
-    let cmin = min;
-    const arr = [];
-    let index = 0;
-    while (cmin <= max) {
-      arr.push(formatOption(type2, cmin));
-      if (type2 === "minute") {
-        cmin += minuteStep;
-      } else {
-        cmin++;
-      }
-      if (cmin <= Number(val)) {
-        index++;
-      }
-    }
-    pickerValue[columnIndex] = (_a2 = arr[index]) === null || _a2 === void 0 ? void 0 : _a2.value;
-    setPickerValue([...pickerValue]);
-    if (filter === null || filter === void 0 ? void 0 : filter(type2, arr)) {
-      return filter === null || filter === void 0 ? void 0 : filter(type2, arr);
-    }
-    return arr;
-  };
-  const getDateIndex = (type2) => {
-    const date = new Date(selectedDate);
-    if (!selectedDate)
-      return 0;
-    if (type2 === "year") {
-      return date.getFullYear();
-    }
-    if (type2 === "month") {
-      return date.getMonth() + 1;
-    }
-    if (type2 === "day") {
-      return date.getDate();
-    }
-    if (type2 === "hour") {
-      return date.getHours();
-    }
-    if (type2 === "minute") {
-      return date.getMinutes();
-    }
-    if (type2 === "seconds") {
-      return date.getSeconds();
-    }
-    return 0;
-  };
-  const columns = () => {
-    const val = ranges().map((res, columnIndex) => {
-      return generateColumn(res.range[0], res.range[1], getDateIndex(res.type), res.type, columnIndex);
-    });
-    return val || [];
-  };
-  useEffect(() => {
-    setPickerOptions(columns());
-  }, [selectedDate, startDate, endDate]);
-  return React__default.createElement("div", Object.assign({ className: `nut-datepicker ${className}`, style }, rest), pickerOptions.length > 0 && React__default.createElement(Picker__default, Object.assign({}, pickerProps, { title, visible, options: pickerOptions, onClose, onCancel, value: pickerValue, onConfirm: (options, value) => onConfirm && onConfirm(options, value), onChange: (options, value, index) => handlePickerChange(options, value, index), threeDimensional })));
-};
-DatePicker.displayName = "NutDatePicker";
-export {
-  DatePicker as default
-};

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

@@ -1,4 +0,0 @@
-import '../../Button/style'
-import '../../Overlay/style'
-
-import '../../../packages/dialog/dialog.scss'

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

@@ -1 +0,0 @@
-.nut-button{position:relative;display:flex;display:inline-block;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;margin:0;padding:0;height:var(--nutui-button-default-height, 32px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));font-weight:var(--nutui-button-default-font-weight, var(--nutui-font-weight, 400));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--nutui-button-default-color, var(--nutui-gray-7, #1a1a1a));background:var(--nutui-button-default-background-color, transparent)}.nut-button-text{margin-left:var(--nutui-button-text-icon-margin, 4px)}.nut-button-text.right{margin-right:var(--nutui-button-text-icon-margin, 4px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-black-10, rgba(0, 0, 0, .7));border:inherit;border-color:var(--nutui-black-10, rgba(0, 0, 0, .7));border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button-wrap{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button-wrap .nut-icon{font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));width:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px));height:var(--nutui-button-default-font-size, var(--nutui-font-size-3, 14px))}.nut-button-loading:before,.nut-button-disabled:before{display:none}.nut-button.nut-button-icononly{width:var(--nutui-button-default-height, 32px);padding:0}.nut-button-default{padding:var(--nutui-button-default-padding, 0px 16px);border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, var(--nutui-gray-6, #595959))}.nut-button-default.nut-button-disabled{color:var(--nutui-button-default-disabled-color, var(--nutui-gray-5, #8c8c8c));background:transparent}.nut-button-default.nut-button-none{background:transparent}.nut-button-default.nut-button-none.nut-button-disabled{color:var(--nutui-button-default-disabled-color, var(--nutui-gray-5, #8c8c8c))}.nut-button-default.nut-button-outline,.nut-button-default.nut-button-dashed{background:transparent}.nut-button-default.nut-button-outline.nut-button-disabled,.nut-button-default.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-default-disabled-color, var(--nutui-gray-5, #8c8c8c));border-color:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button-normal{padding:var(--nutui-button-normal-padding, 0px 16px)}.nut-button-xlarge{height:var(--nutui-button-xlarge-height, 48px);padding:var(--nutui-button-xlarge-padding, 0px 32px);font-size:var(--nutui-button-xlarge-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 500))}.nut-button-xlarge .nut-icon{font-size:var(--nutui-button-xlarge-font-size, var(--nutui-font-size-5, 18px));width:var(--nutui-button-xlarge-font-size, var(--nutui-font-size-5, 18px));height:var(--nutui-button-xlarge-font-size, var(--nutui-font-size-5, 18px))}.nut-button-large{height:var(--nutui-button-large-height, 40px);padding:var(--nutui-button-large-padding, 0px 20px);font-size:var(--nutui-button-large-font-size, var(--nutui-font-size-3, 14px));font-weight:var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 500))}.nut-button-large .nut-icon{font-size:var(--nutui-button-large-font-size, var(--nutui-font-size-3, 14px));width:var(--nutui-button-large-font-size, var(--nutui-font-size-3, 14px));height:var(--nutui-button-large-font-size, var(--nutui-font-size-3, 14px))}.nut-button-small{height:var(--nutui-button-small-height, 28px);padding:var(--nutui-button-small-padding, 0px 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px))}.nut-button-small .nut-icon{font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px));width:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px));height:var(--nutui-button-small-font-size, var(--nutui-font-size-2, 12px))}.nut-button-mini{height:var(--nutui-button-mini-height, 24px);padding:var(--nutui-button-mini-padding, 0px 8px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px))}.nut-button-mini .nut-icon{font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px));width:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px));height:var(--nutui-button-mini-font-size, var(--nutui-font-size-2, 12px))}.nut-button-primary{color:var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-primary.nut-button-disabled{background:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-none{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-none.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-outline{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-outline.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-primary.nut-button-dashed{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19));border:var(--nutui-button-border-width, 1px) dashed var(--nutui-button-primary-border-color, var(--nutui-color-primary, #fa2c19))}.nut-button-primary.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-success{color:var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-success-background-color, var(--nutui-color-success, #00bc14));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-success.nut-button-disabled{background:var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));border-color:var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae))}.nut-button-success.nut-button-outline,.nut-button-success.nut-button-dashed{color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14));border-color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14));background:transparent}.nut-button-success.nut-button-outline.nut-button-disabled,.nut-button-success.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-success.nut-button-none{color:var(--nutui-button-success-border-color, var(--nutui-color-success, #00bc14))}.nut-button-info{color:var(--nutui-button-info-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-info-background-color, var(--nutui-color-info-background, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%)));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-info.nut-button-disabled{background:var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));border-color:var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8))}.nut-button-info.nut-button-outline,.nut-button-info.nut-button-dashed{color:var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa));border-color:var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa));background:transparent}.nut-button-info.nut-button-outline.nut-button-disabled,.nut-button-info.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #fd9d94))}.nut-button-info.nut-button-none{color:var(--nutui-button-info-border-color, var(--nutui-color-info, #1988fa))}.nut-button-danger{color:var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-danger-background-color, var(--nutui-color-danger, #fa2c19));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-danger.nut-button-disabled{background:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)));border-color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)))}.nut-button-danger.nut-button-outline,.nut-button-danger.nut-button-dashed{color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, #fa2c19));border-color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, #fa2c19));background:transparent}.nut-button-danger.nut-button-outline.nut-button-disabled,.nut-button-danger.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)));border-color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled, #fd9d94)))}.nut-button-danger.nut-button-none{color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, #fa2c19))}.nut-button-warning{color:var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-button-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-warning.nut-button-disabled{background:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));border-color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9))}.nut-button-warning.nut-button-outline,.nut-button-warning.nut-button-dashed{color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)));border-color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)));background:transparent}.nut-button-warning.nut-button-outline.nut-button-disabled,.nut-button-warning.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));border-color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9))}.nut-button-warning.nut-button-none{color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-button-block{display:block;width:100%}.nut-button-solid{color:var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-solid.nut-button-disabled{color:var(--nutui-button-default-disabled-color, var(--nutui-gray-5, #8c8c8c));background:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button.nut-button-outline,.nut-button.nut-button-dashed{background:transparent}.nut-button.nut-button-none{border-color:transparent;background:transparent}.nut-button-disabled{cursor:not-allowed;color:#fff;background:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf));border-color:var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-button-loading{cursor:default;opacity:.9}.nut-button-round{border-radius:var(--nutui-button-border-radius, 24px)}.nut-button-round.nut-button-xlarge,.nut-button-round.nut-button-large{border-radius:var(--nutui-button-large-border-radius, 24px)}.nut-button-round.nut-button-small{border-radius:var(--nutui-button-small-border-radius, 24px)}.nut-button-round.nut-button-mini{border-radius:var(--nutui-button-mini-border-radius, 24px)}.nut-button-square{border-radius:var(--nutui-button-square-border-radius, 0)}[dir=rtl] .nut-button-text,.nut-rtl .nut-button-text{margin-left:0;margin-right:var(--nutui-button-text-icon-margin, 4px)}[dir=rtl] .nut-button-text.right,.nut-rtl .nut-button-text.right{margin-left:var(--nutui-button-text-icon-margin, 4px)}[dir=rtl] .nut-button:before,.nut-rtl .nut-button:before{left:auto;right:50%;transform:translate(50%,-50%)}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden{overflow:hidden!important}@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-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nutui-dialog-width, 295px);max-height:67%;min-height:var(--nutui-dialog-min-height, 124px);padding:var(--nutui-dialog-padding, 24px);box-sizing:border-box}.nut-dialog-overlay{--nutui-overlay-zIndex: 1200}.nut-dialog-outer{position:fixed;max-height:100%;background-color:#fff;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-border-radius, 16px);z-index:var(--nutui-dialog-z-index, 1200);animation-duration:.3s}.nut-dialog-close{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-dialog-close-width, 18px);height:var(--nutui-dialog-close-height, 18px);display:flex;justify-content:center;align-items:center;top:var(--nutui-dialog-close-top, 16px);color:var(--nutui-dialog-close-color, #ffffff)}.nut-dialog-close .nut-icon{font-size:24px;height:24px;width:24px}.nut-dialog-close-top-right{right:var(--nutui-dialog-close-right, 16px)}.nut-dialog-close-top-left{left:var(--nutui-dialog-close-left, 16px)}.nut-dialog-close-bottom{top:initial;bottom:-56px;left:50%;transform:translate(-50%)}.nut-dialog-close:active{opacity:.7}.nut-dialog-header{display:block;text-align:center;font-size:var(--nutui-dialog-header-font-size, var(--nutui-font-size-4, 16px));font-weight:var(--nutui-dialog-header-font-weight, normal);color:var(--nutui-gray-7, #1a1a1a);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog-content{width:100%;margin:var(--nutui-dialog-content-margin, 5px 0 24px 0);max-height:var(--nutui-dialog-content-max-height, 268px);line-height:var(--nutui-dialog-content-line-height, 20px);font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-6, #595959);word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:var(--nutui-dialog-content-text-align, left);overflow-y:auto}.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-ok{order:1}.nut-dialog-footer.vertical .nut-button.nut-dialog-footer-cancel{border:0;color:var(--nutui-gray-6, #595959);order:2;display:flex;align-items:flex-end;margin-top:var(--nutui-dialog-vertical-footer-ok-margin-top, 5px)}.nut-dialog-footer .nut-button{min-width:var(--nutui-dialog-footer-button-min-width, 117px)}.nut-dialog-footer-cancel.nut-dialog-footer-cancel{margin-right:var(--nutui-dialog-footer-cancel-margin-right, 12px)}.nut-dialog-footer-ok{max-width:var(--nutui-dialog-footer-ok-max-width, 128px)}[dir=rtl] .nut-dialog-outer,.nut-rtl .nut-dialog-outer{left:auto;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}[dir=rtl] .nut-dialog-close-top-right,.nut-rtl .nut-dialog-close-top-right{right:auto;left:var(--nutui-dialog-close-right, 16px)}[dir=rtl] .nut-dialog-close-top-left,.nut-rtl .nut-dialog-close-top-left{left:auto;right:var(--nutui-dialog-close-left, 16px)}[dir=rtl] .nut-dialog-footer-cancel.nut-dialog-footer-cancel,.nut-rtl .nut-dialog-footer-cancel.nut-dialog-footer-cancel{margin-right:0;margin-left:var(--nutui-dialog-footer-cancel-margin-right, 12px)}[dir=rtl] .nut-dialog-content,.nut-rtl .nut-dialog-content{text-align:var(--nutui-dialog-content-text-align, right)}