@nutui/nutui 4.2.7 → 4.3.0-beta.1

package/dist/packages/date-djiVNSnJ.js

@@ -0,0 +1,145 @@
+const Utils = {
+  /**
+   * 是否为闫年
+   * @return {Boolse} true|false
+   */
+  isLeapYear: function(y) {
+    return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
+  },
+  /**
+   * 返回星期数
+   * @return {String}
+   */
+  getWhatDay: function(year, month, day) {
+    const date = /* @__PURE__ */ new Date(year + "/" + month + "/" + day);
+    const index = date.getDay();
+    const dayNames = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
+    return dayNames[index];
+  },
+  /**
+   * 返回星期数
+   * @return {Number}
+   */
+  getMonthPreDay: function(year, month) {
+    const date = /* @__PURE__ */ new Date(year + "/" + month + "/01");
+    let day = date.getDay();
+    if (day == 0) {
+      day = 7;
+    }
+    return day;
+  },
+  /**
+   * 返回月份天数
+   * @return {Number}
+   */
+  getMonthDays: function(year, month) {
+    if (/^0/.test(month)) {
+      month = month.split("")[1];
+    }
+    return [0, 31, this.isLeapYear(Number(year)) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
+  },
+  /**
+   * 补齐数字位数
+   * @return {string}
+   */
+  getNumTwoBit: function(n) {
+    n = Number(n);
+    return (n > 9 ? "" : "0") + n;
+  },
+  /**
+   * 日期对象转成字符串
+   * @return {string}
+   */
+  date2Str: function(date, split) {
+    split = split || "-";
+    const y = date.getFullYear();
+    const m = this.getNumTwoBit(date.getMonth() + 1);
+    const d = this.getNumTwoBit(date.getDate());
+    return [y, m, d].join(split);
+  },
+  /**
+   * 返回日期格式字符串
+   * @param {Number} 0返回今天的日期、1返回明天的日期，2返回后天得日期，依次类推
+   * @return {string} '2014-12-31'
+   */
+  getDay: function(i) {
+    i = i || 0;
+    let date = /* @__PURE__ */ new Date();
+    const diff = i * (1e3 * 60 * 60 * 24);
+    date = new Date(date.getTime() + diff);
+    return this.date2Str(date);
+  },
+  /**
+   * 时间比较
+   * @return {Boolean}
+   */
+  compareDate: function(date1, date2) {
+    const startTime = new Date(date1.replace("-", "/").replace("-", "/"));
+    const endTime = new Date(date2.replace("-", "/").replace("-", "/"));
+    if (startTime >= endTime) {
+      return false;
+    }
+    return true;
+  },
+  /**
+   * 时间是否相等
+   * @return {Boolean}
+   */
+  isEqual: function(date1, date2) {
+    const startTime = new Date(date1).getTime();
+    const endTime = new Date(date2).getTime();
+    if (startTime == endTime) {
+      return true;
+    }
+    return false;
+  },
+  getMonthWeek: function(year, month, date, firstDayOfWeek = 0) {
+    const dateNow = new Date(Number(year), parseInt(month) - 1, Number(date));
+    let w = dateNow.getDay();
+    let d = dateNow.getDate();
+    let remainder = 6 - w;
+    if (firstDayOfWeek !== 0) {
+      w = w == 0 ? 7 : w;
+      remainder = 7 - w;
+    }
+    return Math.ceil((d + remainder) / 7);
+  },
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  getYearWeek: function(year, month, date, firstDayOfWeek = 0) {
+    const dateNow = new Date(Number(year), parseInt(month) - 1, Number(date));
+    const dateFirst = new Date(Number(year), 0, 1);
+    const dataNumber = Math.round((dateNow.valueOf() - dateFirst.valueOf()) / 864e5);
+    return Math.ceil((dataNumber + (dateFirst.getDay() + 1 - 1)) / 7);
+  },
+  getWeekDate: function(year, month, date, firstDayOfWeek = 0) {
+    const dateNow = new Date(Number(year), parseInt(month) - 1, Number(date));
+    const nowTime = dateNow.getTime();
+    let day = dateNow.getDay();
+    if (firstDayOfWeek === 0) {
+      const oneDayTime = 24 * 60 * 60 * 1e3;
+      const SundayTime = nowTime - day * oneDayTime;
+      const SaturdayTime = nowTime + (6 - day) * oneDayTime;
+      const sunday = this.date2Str(new Date(SundayTime));
+      const saturday = this.date2Str(new Date(SaturdayTime));
+      return [sunday, saturday];
+    } else {
+      day = day == 0 ? 7 : day;
+      const oneDayTime = 24 * 60 * 60 * 1e3;
+      const MondayTime = nowTime - (day - 1) * oneDayTime;
+      const SundayTime = nowTime + (7 - day) * oneDayTime;
+      const monday = this.date2Str(new Date(MondayTime));
+      const sunday = this.date2Str(new Date(SundayTime));
+      return [monday, sunday];
+    }
+  },
+  formatResultDate: function(date) {
+    let days = [...date.split("-")];
+    days[2] = Utils.getNumTwoBit(Number(days[2]));
+    days[3] = `${days[0]}-${days[1]}-${days[2]}`;
+    days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
+    return days;
+  }
+};
+export {
+  Utils as U
+};

package/dist/packages/datepicker/DatePicker.js

@@ -138,7 +138,7 @@ const _sfc_main = create({
         hour = 23;
         minute = 59;
       }
-      const seconds = minute;
+      let seconds = minute;
       if (value.getFullYear() === year) {
         month = boundary.getMonth() + 1;
         if (value.getMonth() + 1 === month) {
@@ -147,6 +147,9 @@ const _sfc_main = create({
             hour = boundary.getHours();
             if (value.getHours() === hour) {
               minute = boundary.getMinutes();
+              if (value.getMinutes() === minute) {
+                seconds = boundary.getSeconds();
+              }
             }
           }
         }
@@ -202,36 +205,34 @@ const _sfc_main = create({
       selectedValue,
       selectedOptions
     }) => {
-      if (["date", "datetime", "datehour", "month-day", "year-month", "hour-minute"].includes(props.type)) {
-        let formatDate = [];
-        selectedValue.forEach((item) => {
-          formatDate.push(item);
-        });
-        if (props.type == "month-day" && formatDate.length < 3) {
-          formatDate.unshift(new Date(state.currentDate || props.minDate || props.maxDate).getFullYear());
-        }
-        if (props.type == "year-month" && formatDate.length < 3) {
-          formatDate.push(new Date(state.currentDate || props.minDate || props.maxDate).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 (props.type === "date" || props.type === "month-day" || props.type === "year-month") {
-          date = new Date(year, month, day);
-        } else if (props.type === "datetime") {
-          date = new Date(year, month, day, Number(formatDate[3]), Number(formatDate[4]));
-        } else if (props.type === "datehour") {
-          date = new Date(year, month, day, Number(formatDate[3]));
-        } else if (props.type === "hour-minute") {
-          date = new Date(state.currentDate);
-          const year2 = date.getFullYear();
-          const month2 = date.getMonth();
-          const day2 = date.getDate();
-          date = new Date(year2, month2, day2, Number(formatDate[0]), Number(formatDate[1]));
-        }
-        state.currentDate = formatValue(date);
+      let formatDate = [];
+      selectedValue.forEach((item) => {
+        formatDate.push(item);
+      });
+      if (props.type == "month-day" && formatDate.length < 3) {
+        formatDate.unshift(new Date(state.currentDate || props.minDate || props.maxDate).getFullYear());
+      }
+      if (props.type == "year-month" && formatDate.length < 3) {
+        formatDate.push(new Date(state.currentDate || props.minDate || props.maxDate).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 (props.type === "date" || props.type === "month-day" || props.type === "year-month") {
+        date = new Date(year, month, day);
+      } else if (props.type === "datetime") {
+        date = new Date(year, month, day, Number(formatDate[3]), Number(formatDate[4]));
+      } else if (props.type === "datehour") {
+        date = new Date(year, month, day, Number(formatDate[3]));
+      } else if (props.type === "hour-minute" || props.type === "time") {
+        date = new Date(state.currentDate);
+        const year2 = date.getFullYear();
+        const month2 = date.getMonth();
+        const day2 = date.getDate();
+        date = new Date(year2, month2, day2, Number(formatDate[0]), Number(formatDate[1]), Number(formatDate[2] || 0));
       }
+      state.currentDate = formatValue(date);
       emit("change", { columnIndex, selectedValue, selectedOptions });
     };
     const formatterOption = (type, value) => {

package/dist/packages/datepicker/index.css

@@ -1 +1 @@
-.nut-theme-dark .nut-picker__title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item-tile{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-mask{background-image:linear-gradient(180deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4)),linear-gradient(0deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4));background-repeat:no-repeat;background-position:top,bottom;z-index:1}.nut-theme-dark .nut-picker-content{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-picker{position:relative;background:#fff;border-radius:5px}.nut-picker__bar{display:flex;height:46px;align-items:center;justify-content:space-between}.nut-picker__left{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-cancel-color, #808080);font-size:var(--nut-picker-bar-cancel-font-size, 14px)}.nut-picker__right{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-ok-color, var(--nut-primary-color, #fa2c19));font-size:var(--nut-picker-bar-ok-font-size, 14px)}.nut-picker__column{display:flex;position:relative}.nut-picker__column::before{content:"";position:absolute;top:50%;height:var(--lineHeight);width:100%;border:var(--nut-picker-item-active-line-border, 1px solid #eae7e7);border-left:0;border-right:0;transform:scale(0.9);transform:translateY(-50%)}.nut-picker__columnitem{width:0;flex-grow:1;height:100%}.nut-picker__title{flex:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nut-picker-bar-title-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-bar-title-font-size, 16px);font-weight:var(--nut-picker-bar-title-font-weight, normal)}.nut-picker__wrapper{display:block}.nut-picker__list{position:relative;display:block;width:100%;height:100%;overflow:hidden;text-align:center;-webkit-overflow-scrolling:touch}.nut-picker-roller{display:block;position:absolute;top:50%;width:100%;height:var(--lineHeight);z-index:1;transform-style:preserve-3d;transform:translateY(-50%)}.nut-picker-roller-item{display:block;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;height:var(--nut-picker-item-height, 36px);line-height:var(--nut-picker-item-height, 36px);color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-roller-item-tile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-tarotile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-mask{position:absolute;width:100%;display:block;height:100%;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)),linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);z-index:1}
+.nut-theme-dark .nut-picker__title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item-tile{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-mask{background-image:linear-gradient(180deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4)),linear-gradient(0deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4));background-repeat:no-repeat;background-position:top,bottom;z-index:1}.nut-theme-dark .nut-picker-content{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-picker{position:relative;background:#fff;border-radius:5px}.nut-picker__bar{display:flex;height:46px;align-items:center;justify-content:space-between}.nut-picker__left{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-cancel-color, #808080);font-size:var(--nut-picker-bar-cancel-font-size, 14px)}.nut-picker__right{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-ok-color, var(--nut-primary-color, #fa2c19));font-size:var(--nut-picker-bar-ok-font-size, 14px)}.nut-picker__column{display:flex;position:relative}.nut-picker__column::before{content:"";position:absolute;top:50%;height:var(--lineHeight);width:100%;border:var(--nut-picker-item-active-line-border, 1px solid #eae7e7);border-left:0;border-right:0;transform:scale(0.9);transform:translateY(-50%)}.nut-picker__columnitem{width:0;flex-grow:1;height:100%;user-select:none;cursor:grab}.nut-picker__title{flex:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nut-picker-bar-title-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-bar-title-font-size, 16px);font-weight:var(--nut-picker-bar-title-font-weight, normal)}.nut-picker__wrapper{display:block}.nut-picker__list{position:relative;display:block;width:100%;height:100%;overflow:hidden;text-align:center;-webkit-overflow-scrolling:touch}.nut-picker-roller{display:block;position:absolute;top:50%;width:100%;height:var(--lineHeight);z-index:1;transform-style:preserve-3d;transform:translateY(-50%)}.nut-picker-roller-item{display:block;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;height:var(--nut-picker-item-height, 36px);line-height:var(--nut-picker-item-height, 36px);color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-roller-item-tile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-tarotile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-mask{position:absolute;width:100%;display:block;height:100%;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)),linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);z-index:1}

package/dist/packages/dialog/index.css

@@ -1 +1 @@
-.nut-button{position:relative;display:inline-block;width:auto;flex-shrink:0;height:var(--nut-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nut-button-default-line-height, 36px);font-size:var(--nut-button-default-font-size, var(--nut-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;appearance:none;user-select:none;touch-action:manipulation;vertical-align:bottom;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.nut-button .nut-button__text{margin-left:5px}.nut-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);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}.nut-button--loading::before,.nut-button--disabled::before{display:none}.nut-button--default{color:var(--nut-button-default-color, rgb(102, 102, 102));background:var(--nut-button-default-bg-color, var(--nut-white, #fff));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, rgb(204, 204, 204))}.nut-button--primary{color:var(--nut-button-primary-color, var(--nut-white, #fff));background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--info{color:var(--nut-button-info-color, var(--nut-white, #fff));background:var(--nut-button-info-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--success{color:var(--nut-button-success-color, var(--nut-white, #fff));background:var(--nut-button-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--danger{color:var(--nut-button-danger-color, var(--nut-white, #fff));background:var(--nut-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--warning{color:var(--nut-button-warning-color, var(--nut-white, #fff));background:var(--nut-button-warning-background-color, linear-gradient(135deg, rgb(255, 158, 13) 0%, rgb(255, 167, 13) 45%, rgb(255, 182, 13) 83%, rgb(255, 190, 13) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--plain{background:var(--nut-button-plain-background-color, var(--nut-white, #fff));background-origin:border-box}.nut-button--plain.nut-button--primary{color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19))}.nut-button--plain.nut-button--info{color:var(--nut-button-info-border-color, rgb(73, 106, 242));border-color:var(--nut-button-info-border-color, rgb(73, 106, 242))}.nut-button--plain.nut-button--success{color:var(--nut-button-success-border-color, rgb(38, 191, 38));border-color:var(--nut-button-success-border-color, rgb(38, 191, 38))}.nut-button--plain.nut-button--danger{color:var(--nut-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nut-button-danger-border-color, rgb(250, 44, 25))}.nut-button--plain.nut-button--warning{color:var(--nut-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nut-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nut-button-large-height, 48px);line-height:var(--nut-button-large-line-height, 46px);font-size:var(--nut-button-large-font-size, var(--nut-button-default-font-size, var(--nut-font-size-2, 14px)))}.nut-button--normal{padding:var(--nut-button-default-padding, 0 18px);font-size:var(--nut-button-default-font-size, var(--nut-font-size-2, 14px))}.nut-button--small{height:var(--nut-button-small-height, 28px);line-height:var(--nut-button-small-line-height, 26px);padding:var(--nut-button-small-padding, 0 12px);font-size:var(--nut-button-small-font-size, var(--nut-font-size-1, 12px))}.nut-button--small.nut-button--round{border-radius:var(--nut-button-small-round-border-radius, var(--nut-button-border-radius, 25px))}.nut-button--mini{height:var(--nut-button-mini-height, 24px);line-height:var(--nut-button-mini-line-height, 1.2);padding:var(--nut-button-mini-padding, 0 12px);font-size:var(--nut-button-mini-font-size, var(--nut-font-size-1, 12px))}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nut-button-disabled-opacity, 0.68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nut-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-button--default:not([disabled]):active{color:var(--nut-button-default-color, rgb(102, 102, 102));background:var(--nut-button-default-bg-color, var(--nut-white, #fff));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, rgb(204, 204, 204))}.nut-button--primary:not([disabled]):active{color:var(--nut-button-primary-color, var(--nut-white, #fff));background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--info:not([disabled]):active{color:var(--nut-button-info-color, var(--nut-white, #fff));background:var(--nut-button-info-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--success:not([disabled]):active{color:var(--nut-button-success-color, var(--nut-white, #fff));background:var(--nut-button-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--danger:not([disabled]):active{color:var(--nut-button-danger-color, var(--nut-white, #fff));background:var(--nut-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--warning:not([disabled]):active{color:var(--nut-button-warning-color, var(--nut-white, #fff));background:var(--nut-button-warning-background-color, linear-gradient(135deg, rgb(255, 158, 13) 0%, rgb(255, 167, 13) 45%, rgb(255, 182, 13) 83%, rgb(255, 190, 13) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--plain:not([disabled]):active{background:var(--nut-button-plain-background-color, var(--nut-white, #fff));background-origin:border-box}.nut-button--plain.nut-button--primary:not([disabled]):active{color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19))}.nut-button--plain.nut-button--info:not([disabled]):active{color:var(--nut-button-info-border-color, rgb(73, 106, 242));border-color:var(--nut-button-info-border-color, rgb(73, 106, 242))}.nut-button--plain.nut-button--success:not([disabled]):active{color:var(--nut-button-success-border-color, rgb(38, 191, 38));border-color:var(--nut-button-success-border-color, rgb(38, 191, 38))}.nut-button--plain.nut-button--danger:not([disabled]):active{color:var(--nut-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nut-button-danger-border-color, rgb(250, 44, 25))}.nut-button--plain.nut-button--warning:not([disabled]):active{color:var(--nut-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nut-button-warning-border-color, rgb(255, 158, 13))}.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-theme-dark .nut-dialog__header{color:var(--nut-dark-color3, rgba(232, 230, 227, 0.8))}.nut-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nut-dialog-width, 296px);min-height:156px;padding:28px 24px 16px 24px;box-sizing:border-box}.nut-dialog__header{display:block;text-align:center;height:20px;font-size:16px;color:var(--nut-dialog-header-color, rgb(38, 38, 38));font-weight:var(--nut-dialog-header-font-weight, normal);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog__content{width:100%;overflow:auto;flex:1;margin:20px 0;max-height:268px;line-height:16px;font-size:12px;color:var(--nut-text-color, #808080);word-wrap:break-word;word-break:break-all;white-space:pre-wrap}.nut-dialog__footer{display:flex;align-items:center;width:100%;justify-content:var(--nut-dialog-footer-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:10px}.nut-dialog__footer .nut-button{min-width:100px;overflow:hidden}.nut-dialog__footer-cancel{margin-right:20px}.nut-dialog__footer-ok{max-width:128px}
+.nut-button{position:relative;display:inline-block;width:auto;flex-shrink:0;height:var(--nut-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nut-button-default-line-height, 36px);font-size:var(--nut-button-default-font-size, var(--nut-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;appearance:none;user-select:none;touch-action:manipulation;vertical-align:bottom;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.nut-button .nut-button__text{margin-left:5px}.nut-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);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}.nut-button--loading::before,.nut-button--disabled::before{display:none}.nut-button--default{color:var(--nut-button-default-color, rgb(102, 102, 102));background:var(--nut-button-default-bg-color, var(--nut-white, #fff));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, rgb(204, 204, 204))}.nut-button--primary{color:var(--nut-button-primary-color, var(--nut-white, #fff));background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--info{color:var(--nut-button-info-color, var(--nut-white, #fff));background:var(--nut-button-info-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--success{color:var(--nut-button-success-color, var(--nut-white, #fff));background:var(--nut-button-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--danger{color:var(--nut-button-danger-color, var(--nut-white, #fff));background:var(--nut-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--warning{color:var(--nut-button-warning-color, var(--nut-white, #fff));background:var(--nut-button-warning-background-color, linear-gradient(135deg, rgb(255, 158, 13) 0%, rgb(255, 167, 13) 45%, rgb(255, 182, 13) 83%, rgb(255, 190, 13) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--plain{background:var(--nut-button-plain-background-color, var(--nut-white, #fff));background-origin:border-box}.nut-button--plain.nut-button--primary{color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19))}.nut-button--plain.nut-button--info{color:var(--nut-button-info-border-color, rgb(73, 106, 242));border-color:var(--nut-button-info-border-color, rgb(73, 106, 242))}.nut-button--plain.nut-button--success{color:var(--nut-button-success-border-color, rgb(38, 191, 38));border-color:var(--nut-button-success-border-color, rgb(38, 191, 38))}.nut-button--plain.nut-button--danger{color:var(--nut-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nut-button-danger-border-color, rgb(250, 44, 25))}.nut-button--plain.nut-button--warning{color:var(--nut-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nut-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nut-button-large-height, 48px);line-height:var(--nut-button-large-line-height, 46px);font-size:var(--nut-button-large-font-size, var(--nut-button-default-font-size, var(--nut-font-size-2, 14px)))}.nut-button--normal{padding:var(--nut-button-default-padding, 0 18px);font-size:var(--nut-button-default-font-size, var(--nut-font-size-2, 14px))}.nut-button--small{height:var(--nut-button-small-height, 28px);line-height:var(--nut-button-small-line-height, 26px);padding:var(--nut-button-small-padding, 0 12px);font-size:var(--nut-button-small-font-size, var(--nut-font-size-1, 12px))}.nut-button--small.nut-button--round{border-radius:var(--nut-button-small-round-border-radius, var(--nut-button-border-radius, 25px))}.nut-button--mini{height:var(--nut-button-mini-height, 24px);line-height:var(--nut-button-mini-line-height, 1.2);padding:var(--nut-button-mini-padding, 0 12px);font-size:var(--nut-button-mini-font-size, var(--nut-font-size-1, 12px))}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nut-button-disabled-opacity, 0.68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nut-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-button--default:not([disabled]):active{color:var(--nut-button-default-color, rgb(102, 102, 102));background:var(--nut-button-default-bg-color, var(--nut-white, #fff));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, rgb(204, 204, 204))}.nut-button--primary:not([disabled]):active{color:var(--nut-button-primary-color, var(--nut-white, #fff));background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--info:not([disabled]):active{color:var(--nut-button-info-color, var(--nut-white, #fff));background:var(--nut-button-info-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--success:not([disabled]):active{color:var(--nut-button-success-color, var(--nut-white, #fff));background:var(--nut-button-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--danger:not([disabled]):active{color:var(--nut-button-danger-color, var(--nut-white, #fff));background:var(--nut-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--warning:not([disabled]):active{color:var(--nut-button-warning-color, var(--nut-white, #fff));background:var(--nut-button-warning-background-color, linear-gradient(135deg, rgb(255, 158, 13) 0%, rgb(255, 167, 13) 45%, rgb(255, 182, 13) 83%, rgb(255, 190, 13) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--plain:not([disabled]):active{background:var(--nut-button-plain-background-color, var(--nut-white, #fff));background-origin:border-box}.nut-button--plain.nut-button--primary:not([disabled]):active{color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19))}.nut-button--plain.nut-button--info:not([disabled]):active{color:var(--nut-button-info-border-color, rgb(73, 106, 242));border-color:var(--nut-button-info-border-color, rgb(73, 106, 242))}.nut-button--plain.nut-button--success:not([disabled]):active{color:var(--nut-button-success-border-color, rgb(38, 191, 38));border-color:var(--nut-button-success-border-color, rgb(38, 191, 38))}.nut-button--plain.nut-button--danger:not([disabled]):active{color:var(--nut-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nut-button-danger-border-color, rgb(250, 44, 25))}.nut-button--plain.nut-button--warning:not([disabled]):active{color:var(--nut-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nut-button-warning-border-color, rgb(255, 158, 13))}.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-theme-dark .nut-dialog__header{color:var(--nut-dark-color3, rgba(232, 230, 227, 0.8))}.nut-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nut-dialog-width, 296px);min-height:156px;padding:28px 24px 16px 24px;box-sizing:border-box}.nut-dialog__header{display:block;text-align:center;height:20px;font-size:16px;color:var(--nut-dialog-header-color, rgb(38, 38, 38));font-weight:var(--nut-dialog-header-font-weight, normal);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog__content{width:100%;overflow:auto;flex:1;margin:20px 0;max-height:268px;line-height:16px;font-size:12px;color:var(--nut-text-color, #808080);word-wrap:break-word;word-break:break-all;white-space:pre-wrap}.nut-dialog__footer{display:flex;align-items:center;width:100%;justify-content:var(--nut-dialog-footer-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:10px}.nut-dialog__footer .nut-button{min-width:100px;overflow:hidden}.nut-dialog__footer-ok{max-width:128px}

package/dist/packages/dialog/index.scss

@@ -66,9 +66,6 @@
       overflow: hidden;
     }
 
-    &-cancel {
-      margin-right: 20px;
-    }
     &-ok {
       max-width: 128px;
     }

package/dist/packages/locale/lang/baseLang.d.ts

@@ -26,6 +26,14 @@ export declare abstract class BaseLang {
         monthTitle: Function;
         today: string;
     };
+    abstract calendarcard: {
+        weekdays: Array<string>;
+        end: string;
+        start: string;
+        title: string;
+        monthTitle: Function;
+        today: string;
+    };
     abstract shortpassword: {
         title: string;
         desc: string;

package/dist/packages/locale/lang/en-US.d.ts

@@ -27,6 +27,14 @@ declare class Lang extends BaseLang {
         monthTitle: (year: number, month: number) => string;
         today: string;
     };
+    calendarcard: {
+        weekdays: string[];
+        end: string;
+        start: string;
+        title: string;
+        monthTitle: (year: number, month: number) => string;
+        today: string;
+    };
     shortpassword: {
         title: string;
         desc: string;

package/dist/packages/locale/lang/en-US.js

@@ -35,6 +35,14 @@ class Lang extends BaseLang {
       monthTitle: (year, month) => `${year}/${month}`,
       today: "Today"
     });
+    __publicField(this, "calendarcard", {
+      weekdays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+      end: "End",
+      start: "Start",
+      title: "Calendar",
+      monthTitle: (year, month) => `${year}/${month}`,
+      today: "Today"
+    });
     __publicField(this, "shortpassword", {
       title: "Please input a password",
       desc: "Verify",

package/dist/packages/locale/lang/id-ID.d.ts

@@ -27,6 +27,14 @@ declare class Lang extends BaseLang {
         monthTitle: (year: number, month: number) => string;
         today: string;
     };
+    calendarcard: {
+        weekdays: string[];
+        end: string;
+        start: string;
+        title: string;
+        monthTitle: (year: number, month: number) => string;
+        today: string;
+    };
     shortpassword: {
         title: string;
         desc: string;

package/dist/packages/locale/lang/id-ID.js

@@ -35,6 +35,14 @@ class Lang extends BaseLang {
       monthTitle: (year, month) => `${year}/${month}`,
       today: "Hari ini"
     });
+    __publicField(this, "calendarcard", {
+      weekdays: ["Min", "Sen", "Sel", "Rab", "Kam", "Jum", "Sab"],
+      end: "Selesai",
+      start: "Mulai",
+      title: "Kalender",
+      monthTitle: (year, month) => `${year}/${month}`,
+      today: "Hari ini"
+    });
     __publicField(this, "shortpassword", {
       title: "SIlakan masukan kata sandi",
       desc: "Anda telah menggunakan aset virtual, mohon lakukan verifikasi.",

package/dist/packages/locale/lang/zh-CN.d.ts

@@ -27,6 +27,14 @@ declare class Lang extends BaseLang {
         monthTitle: (year: number, month: number) => string;
         today: string;
     };
+    calendarcard: {
+        weekdays: string[];
+        end: string;
+        start: string;
+        title: string;
+        monthTitle: (year: number, month: number) => string;
+        today: string;
+    };
     shortpassword: {
         title: string;
         desc: string;

package/dist/packages/locale/lang/zh-CN.js

@@ -35,6 +35,14 @@ class Lang extends BaseLang {
       monthTitle: (year, month) => `${year}年${month}月`,
       today: "今天"
     });
+    __publicField(this, "calendarcard", {
+      weekdays: ["日", "一", "二", "三", "四", "五", "六"],
+      end: "结束",
+      start: "开始",
+      title: "日期选择",
+      monthTitle: (year, month) => `${year}年${month}月`,
+      today: "今天"
+    });
     __publicField(this, "shortpassword", {
       title: "请输入密码",
       desc: "您使用了虚拟资产，请进行验证",

package/dist/packages/locale/lang/zh-TW.d.ts

@@ -27,6 +27,14 @@ declare class Lang extends BaseLang {
         monthTitle: (year: number, month: number) => string;
         today: string;
     };
+    calendarcard: {
+        weekdays: string[];
+        end: string;
+        start: string;
+        title: string;
+        monthTitle: (year: number, month: number) => string;
+        today: string;
+    };
     shortpassword: {
         title: string;
         desc: string;

package/dist/packages/locale/lang/zh-TW.js

@@ -35,6 +35,14 @@ class Lang extends BaseLang {
       monthTitle: (year, month) => `${year}年${month}月`,
       today: "今天"
     });
+    __publicField(this, "calendarcard", {
+      weekdays: ["日", "一", "二", "三", "四", "五", "六"],
+      end: "結束",
+      start: "開始",
+      title: "行事曆選擇",
+      monthTitle: (year, month) => `${year}年${month}月`,
+      today: "今天"
+    });
     __publicField(this, "shortpassword", {
       title: "請輸入密碼",
       desc: "您使用了虛擬資產,請進行驗證",

package/dist/packages/picker/index.css

@@ -1 +1 @@
-.nut-theme-dark .nut-picker__title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item-tile{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-mask{background-image:linear-gradient(180deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4)),linear-gradient(0deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4));background-repeat:no-repeat;background-position:top,bottom;z-index:1}.nut-theme-dark .nut-picker-content{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-picker{position:relative;background:#fff;border-radius:5px}.nut-picker__bar{display:flex;height:46px;align-items:center;justify-content:space-between}.nut-picker__left{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-cancel-color, #808080);font-size:var(--nut-picker-bar-cancel-font-size, 14px)}.nut-picker__right{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-ok-color, var(--nut-primary-color, #fa2c19));font-size:var(--nut-picker-bar-ok-font-size, 14px)}.nut-picker__column{display:flex;position:relative}.nut-picker__column::before{content:"";position:absolute;top:50%;height:var(--lineHeight);width:100%;border:var(--nut-picker-item-active-line-border, 1px solid #eae7e7);border-left:0;border-right:0;transform:scale(0.9);transform:translateY(-50%)}.nut-picker__columnitem{width:0;flex-grow:1;height:100%}.nut-picker__title{flex:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nut-picker-bar-title-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-bar-title-font-size, 16px);font-weight:var(--nut-picker-bar-title-font-weight, normal)}.nut-picker__wrapper{display:block}.nut-picker__list{position:relative;display:block;width:100%;height:100%;overflow:hidden;text-align:center;-webkit-overflow-scrolling:touch}.nut-picker-roller{display:block;position:absolute;top:50%;width:100%;height:var(--lineHeight);z-index:1;transform-style:preserve-3d;transform:translateY(-50%)}.nut-picker-roller-item{display:block;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;height:var(--nut-picker-item-height, 36px);line-height:var(--nut-picker-item-height, 36px);color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-roller-item-tile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-tarotile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-mask{position:absolute;width:100%;display:block;height:100%;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)),linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);z-index:1}
+.nut-theme-dark .nut-picker__title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item-tile{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-mask{background-image:linear-gradient(180deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4)),linear-gradient(0deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4));background-repeat:no-repeat;background-position:top,bottom;z-index:1}.nut-theme-dark .nut-picker-content{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-picker{position:relative;background:#fff;border-radius:5px}.nut-picker__bar{display:flex;height:46px;align-items:center;justify-content:space-between}.nut-picker__left{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-cancel-color, #808080);font-size:var(--nut-picker-bar-cancel-font-size, 14px)}.nut-picker__right{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-ok-color, var(--nut-primary-color, #fa2c19));font-size:var(--nut-picker-bar-ok-font-size, 14px)}.nut-picker__column{display:flex;position:relative}.nut-picker__column::before{content:"";position:absolute;top:50%;height:var(--lineHeight);width:100%;border:var(--nut-picker-item-active-line-border, 1px solid #eae7e7);border-left:0;border-right:0;transform:scale(0.9);transform:translateY(-50%)}.nut-picker__columnitem{width:0;flex-grow:1;height:100%;user-select:none;cursor:grab}.nut-picker__title{flex:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nut-picker-bar-title-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-bar-title-font-size, 16px);font-weight:var(--nut-picker-bar-title-font-weight, normal)}.nut-picker__wrapper{display:block}.nut-picker__list{position:relative;display:block;width:100%;height:100%;overflow:hidden;text-align:center;-webkit-overflow-scrolling:touch}.nut-picker-roller{display:block;position:absolute;top:50%;width:100%;height:var(--lineHeight);z-index:1;transform-style:preserve-3d;transform:translateY(-50%)}.nut-picker-roller-item{display:block;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;height:var(--nut-picker-item-height, 36px);line-height:var(--nut-picker-item-height, 36px);color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-roller-item-tile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-tarotile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-mask{position:absolute;width:100%;display:block;height:100%;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)),linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);z-index:1}

package/dist/packages/picker/index.scss

@@ -86,6 +86,8 @@
     width: 0;
     flex-grow: 1;
     height: 100%;
+    user-select: none;
+    cursor: grab;
   }
 
   &__title {

package/dist/smartips/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "NutUI",
-  "version": "4.2.7",
+  "version": "4.3.0-beta.1",
   "contributions": {
     "html": {
       "tags": [
@@ -988,6 +988,67 @@
             }
           ]
         },
+        {
+          "name": "nut-calendar-card",
+          "slots": [],
+          "events": [],
+          "attributes": [
+            {
+              "name": "type",
+              "default": "`single`",
+              "description": "类型，单个日期 `single`，多个日期 `multiple`，日期范围 `range`，周选择 `week`",
+              "value": {
+                "type": "`string`",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "v-model",
+              "default": "`-`",
+              "description": "当前选中值，单个日期 Date 格式，多个日期/范围选择 Date[] 格式",
+              "value": {
+                "type": "`date | date[]`",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "startDate",
+              "default": "`-`",
+              "description": "限制范围开始日期",
+              "value": {
+                "type": "`date`",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "endDate",
+              "default": "`-`",
+              "description": "限制范围结束日期",
+              "value": {
+                "type": "`date`",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "firstDayOfWeek",
+              "default": "`1`",
+              "description": "设置周起始日，0 为周日，1 为周一",
+              "value": {
+                "type": "`0-6`",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disableDay",
+              "default": "`-`",
+              "description": "设置不可选日期",
+              "value": {
+                "type": "`(day: calendarcardday) => boolean`",
+                "kind": "expression"
+              }
+            }
+          ]
+        },
         {
           "name": "nut-card",
           "slots": [],