@nutui/nutui 3.3.1 → 4.0.0-beta.0

package/dist/packages/_es/{index5.js → index.3dd88014.js}

@@ -1,13 +1,13 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { ref, computed, reactive, watch, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
-import { c as createComponent } from "./component.js";
-import { r as requestAniFrame } from "./raf.js";
-import { u as useExpose } from "./index3.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { r as requestAniFrame } from "./raf.42b42f63.js";
+import { u as useExpose } from "./index.617ba243.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 const Utils = {
   isLeapYear: function(y) {
     return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
@@ -195,7 +195,7 @@ const _sfc_main = create({
       defaultData: [],
       chooseData: [],
       monthsData: [],
-      dayPrefix: "calendar-month-day",
+      dayPrefix: "nut-calendar__day",
       startData: "",
       endData: "",
       isRange: props.type === "range",
@@ -230,16 +230,16 @@ const _sfc_main = create({
       const { type } = props;
       if (day.type == "curr") {
         if (Utils.isEqual(state.currDate, currDate) || type == "range" && (isStart(currDate) || isEnd(currDate)) || type == "multiple" && isMultiple(currDate)) {
-          return `${state.dayPrefix}-active`;
+          return `${state.dayPrefix}--active`;
         } else if (state.propStartDate && Utils.compareDate(currDate, state.propStartDate) || state.propEndDate && Utils.compareDate(state.propEndDate, currDate)) {
-          return `${state.dayPrefix}-disabled`;
+          return `${state.dayPrefix}--disabled`;
         } else if (type == "range" && Array.isArray(state.currDate) && Object.values(state.currDate).length == 2 && Utils.compareDate(state.currDate[0], currDate) && Utils.compareDate(currDate, state.currDate[1])) {
-          return `${state.dayPrefix}-choose`;
+          return `${state.dayPrefix}--choose`;
         } else {
           return null;
         }
       } else {
-        return `${state.dayPrefix}-disabled`;
+        return `${state.dayPrefix}--disabled`;
       }
     };
     const confirm = () => {
@@ -252,8 +252,8 @@ const _sfc_main = create({
         }
       }
     };
-    const chooseDay = (day, month, isFirst) => {
-      if (getClass(day, month) != `${state.dayPrefix}-disabled`) {
+    const chooseDay = (day, month, isFirst = false) => {
+      if (getClass(day, month) != `${state.dayPrefix}--disabled`) {
         const { type } = props;
         let days = [...month.curData];
         days[2] = typeof day.day == "number" ? Utils.getNumTwoBit(day.day) : day.day;
@@ -337,7 +337,7 @@ const _sfc_main = create({
       }
       return Array.from(Array(days), (v, k) => {
         return {
-          day: k + 1,
+          day: String(k + 1),
           type,
           year,
           month
@@ -352,7 +352,7 @@ const _sfc_main = create({
       }
       let months2 = Array.from(Array(preCurrMonthDays), (v, k) => {
         return {
-          day: k + 1,
+          day: String(k + 1),
           type,
           year,
           month
@@ -578,7 +578,7 @@ const _sfc_main = create({
       state.translateY = defaultScrollTop;
     };
     const isActive = (day, month) => {
-      return props.type == "range" && day.type == "curr" && getClass(day, month) == "calendar-month-day-active";
+      return props.type == "range" && day.type == "curr" && getClass(day, month) == "nut-calendar__day--active";
     };
     const isStartTip = (day, month) => {
       return isActive(day, month) && isStart(getCurrDate(day, month));
@@ -673,125 +673,124 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = {
+const _hoisted_1 = { class: "nut-calendar__header" };
+const _hoisted_2 = {
   key: 0,
-  class: "calendar-title"
+  class: "nut-calendar__header-title"
 };
-const _hoisted_2 = {
+const _hoisted_3 = {
   key: 1,
-  class: "calendar-top-slot"
+  class: "nut-calendar__header-slot"
 };
-const _hoisted_3 = {
+const _hoisted_4 = {
   key: 2,
-  class: "calendar-curr-month"
+  class: "nut-calendar__header-subtitle"
 };
-const _hoisted_4 = {
-  class: "calendar-weeks",
+const _hoisted_5 = {
+  class: "nut-calendar__weekdays",
   ref: "weeksPanel"
 };
-const _hoisted_5 = {
-  class: "calendar-months-panel",
+const _hoisted_6 = {
+  class: "nut-calendar__panel",
   ref: "monthsPanel"
 };
-const _hoisted_6 = { class: "calendar-month-title" };
-const _hoisted_7 = { class: "calendar-month-con" };
-const _hoisted_8 = ["onClick"];
-const _hoisted_9 = { class: "calendar-day" };
-const _hoisted_10 = {
+const _hoisted_7 = { class: "nut-calendar__month-title" };
+const _hoisted_8 = { class: "nut-calendar__days" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "nut-calendar__day-value" };
+const _hoisted_11 = {
   key: 0,
-  class: "calendar-curr-tips calendar-curr-tips-top"
+  class: "nut-calendar__day-tips nut-calendar__day-tips--top"
 };
-const _hoisted_11 = {
+const _hoisted_12 = {
   key: 1,
-  class: "calendar-curr-tips calendar-curr-tips-bottom"
+  class: "nut-calendar__day-tips nut-calendar__day-tips--bottom"
 };
-const _hoisted_12 = {
+const _hoisted_13 = {
   key: 2,
-  class: "calendar-curr-tip-curr"
+  class: "nut-calendar__day-tips--curr"
 };
-const _hoisted_13 = {
+const _hoisted_14 = {
   key: 4,
-  class: "calendar-day-tip"
+  class: "nut-calendar__day-tip"
 };
-const _hoisted_14 = {
+const _hoisted_15 = {
   key: 0,
-  class: "nut-calendar-footer"
+  class: "nut-calendar__footer"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(["nut-calendar nut-calendar-taro", {
-      "nut-calendar-tile": !_ctx.poppable,
-      "nut-calendar-nofooter": _ctx.isAutoBackFill
+    class: normalizeClass(["nut-calendar", {
+      "nut-calendar--nopop": !_ctx.poppable,
+      "nut-calendar--nofooter": _ctx.isAutoBackFill
     }])
   }, [
-    createElementVNode("view", {
-      class: normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
-    }, [
-      _ctx.showTitle ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.title || _ctx.translate("title")), 1)) : createCommentVNode("", true),
-      _ctx.showTopBtn ? (openBlock(), createElementBlock("view", _hoisted_2, [
+    createElementVNode("view", _hoisted_1, [
+      _ctx.showTitle ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.title || _ctx.translate("title")), 1)) : createCommentVNode("", true),
+      _ctx.showTopBtn ? (openBlock(), createElementBlock("view", _hoisted_3, [
         renderSlot(_ctx.$slots, "btn")
       ])) : createCommentVNode("", true),
-      _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_4, [
+      _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
+      createElementVNode("view", _hoisted_5, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index) => {
           return openBlock(), createElementBlock("view", {
-            class: "calendar-week-item",
+            class: "nut-calendar__weekday",
             key: index
           }, toDisplayString(item), 1);
         }), 128))
       ], 512)
-    ], 2),
+    ]),
     createElementVNode("view", {
-      class: "nut-calendar-content",
+      class: "nut-calendar__content",
       ref: "months",
       onScroll: _cache[0] || (_cache[0] = (...args) => _ctx.mothsViewScroll && _ctx.mothsViewScroll(...args))
     }, [
-      createElementVNode("view", _hoisted_5, [
+      createElementVNode("view", _hoisted_6, [
         createElementVNode("view", {
-          class: "viewArea",
+          class: "nut-calendar__body",
           ref: "viewArea",
           style: normalizeStyle({ transform: `translateY(${_ctx.translateY}px)` })
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.compConthsData, (month, index) => {
             return openBlock(), createElementBlock("view", {
-              class: "calendar-month",
+              class: "nut-calendar__month",
               key: index
             }, [
-              createElementVNode("view", _hoisted_6, toDisplayString(month.title), 1),
-              createElementVNode("view", _hoisted_7, [
+              createElementVNode("view", _hoisted_7, toDisplayString(month.title), 1),
+              createElementVNode("view", _hoisted_8, [
                 createElementVNode("view", {
-                  class: normalizeClass(["calendar-month-item", _ctx.type === "range" ? "month-item-range" : ""])
+                  class: normalizeClass(["nut-calendar__days-item", _ctx.type === "range" ? "nut-calendar__days-item--range" : ""])
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(month.monthData, (day, i) => {
                     return openBlock(), createElementBlock("view", {
                       key: i,
-                      class: normalizeClass(["calendar-month-day", _ctx.getClass(day, month)]),
+                      class: normalizeClass(["nut-calendar__day", _ctx.getClass(day, month)]),
                       onClick: ($event) => _ctx.chooseDay(day, month)
                     }, [
-                      createElementVNode("view", _hoisted_9, [
+                      createElementVNode("view", _hoisted_10, [
                         renderSlot(_ctx.$slots, "day", {
                           date: day.type == "curr" ? day : ""
                         }, () => [
                           createTextVNode(toDisplayString(day.type == "curr" ? day.day : ""), 1)
                         ])
                       ]),
-                      _ctx.topInfo ? (openBlock(), createElementBlock("view", _hoisted_10, [
+                      _ctx.topInfo ? (openBlock(), createElementBlock("view", _hoisted_11, [
                         renderSlot(_ctx.$slots, "topInfo", {
                           date: day.type == "curr" ? day : ""
                         })
                       ])) : createCommentVNode("", true),
-                      _ctx.bottomInfo ? (openBlock(), createElementBlock("view", _hoisted_11, [
+                      _ctx.bottomInfo ? (openBlock(), createElementBlock("view", _hoisted_12, [
                         renderSlot(_ctx.$slots, "bottomInfo", {
                           date: day.type == "curr" ? day : ""
                         })
                       ])) : createCommentVNode("", true),
-                      !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (openBlock(), createElementBlock("view", _hoisted_12, toDisplayString(_ctx.translate("today")), 1)) : createCommentVNode("", true),
+                      !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (openBlock(), createElementBlock("view", _hoisted_13, toDisplayString(_ctx.translate("today")), 1)) : createCommentVNode("", true),
                       _ctx.isStartTip(day, month) ? (openBlock(), createElementBlock("view", {
                         key: 3,
-                        class: normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip() }])
+                        class: normalizeClass(["nut-calendar__day-tip", { "nut-calendar__day-tips--top": _ctx.rangeTip() }])
                       }, toDisplayString(_ctx.startText || _ctx.translate("start")), 3)) : createCommentVNode("", true),
-                      _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_13, toDisplayString(_ctx.endText || _ctx.translate("end")), 1)) : createCommentVNode("", true)
-                    ], 10, _hoisted_8);
+                      _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_14, toDisplayString(_ctx.endText || _ctx.translate("end")), 1)) : createCommentVNode("", true)
+                    ], 10, _hoisted_9);
                   }), 128))
                 ], 2)
               ])
@@ -800,13 +799,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 4)
       ], 512)
     ], 544),
-    _ctx.poppable && !_ctx.isAutoBackFill ? (openBlock(), createElementBlock("view", _hoisted_14, [
+    _ctx.poppable && !_ctx.isAutoBackFill ? (openBlock(), createElementBlock("view", _hoisted_15, [
       createElementVNode("view", {
-        class: "calendar-confirm-btn",
+        class: "nut-calendar__confirm",
         onClick: _cache[1] || (_cache[1] = (...args) => _ctx.confirm && _ctx.confirm(...args))
       }, toDisplayString(_ctx.confirmText || _ctx.translate("confirm")), 1)
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var CalendarItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { CalendarItem as C, Utils as U };
+const CalendarItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  CalendarItem as C,
+  Utils as U
+};

package/dist/packages/_es/index.4ed42c18.js

@@ -0,0 +1,239 @@
+/*!
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { reactive, computed, watch, watchEffect, toRefs, resolveComponent, openBlock, createBlock, Teleport, mergeProps, createCommentVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, vShow } from "vue";
+import Overlay from "./Overlay.js";
+import { Close } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
+const popupProps = {
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  zIndex: {
+    type: [Number, String],
+    default: 2e3
+  },
+  duration: {
+    type: [Number, String],
+    default: 0.3
+  },
+  lockScroll: {
+    type: Boolean,
+    default: false
+  },
+  closeOnClickOverlay: {
+    type: Boolean,
+    default: true
+  },
+  position: {
+    type: String,
+    default: "center"
+  },
+  transition: {
+    type: String,
+    default: ""
+  },
+  style: {
+    type: Object,
+    default: {}
+  },
+  popClass: {
+    type: String,
+    default: ""
+  },
+  closeable: {
+    type: Boolean,
+    default: false
+  },
+  closeIconPosition: {
+    type: String,
+    default: "top-right"
+  },
+  closeIcon: {
+    type: String,
+    default: "close"
+  },
+  destroyOnClose: {
+    type: Boolean,
+    default: true
+  },
+  teleport: {
+    type: [String, Element],
+    default: "body"
+  },
+  overlay: {
+    type: Boolean,
+    default: true
+  },
+  round: {
+    type: Boolean,
+    default: false
+  },
+  teleportDisable: {
+    type: Boolean,
+    default: false
+  },
+  safeAreaInsetBottom: {
+    type: Boolean,
+    default: false
+  }
+};
+const initIndex = 2e3;
+let _zIndex = initIndex;
+const component = (componentName2, components) => {
+  return {
+    components,
+    props: {
+      ...popupProps
+    },
+    emits: ["click-pop", "click-close-icon", "open", "close", "opend", "closed", "click-overlay", "update:visible"],
+    setup(props, { emit }) {
+      const state = reactive({
+        zIndex: props.zIndex,
+        showSlot: true,
+        closed: props.closeable
+      });
+      const classes = computed(() => {
+        const prefixCls = componentName2;
+        return {
+          [prefixCls]: true,
+          ["round"]: props.round,
+          [`nut-popup--${props.position}`]: true,
+          [`nut-popup--${props.position}--safebottom`]: props.position === "bottom" && props.safeAreaInsetBottom,
+          [props.popClass]: true
+        };
+      });
+      const popStyle = computed(() => {
+        return {
+          zIndex: state.zIndex,
+          transitionDuration: `${props.duration}s`,
+          ...props.style
+        };
+      });
+      const transitionName = computed(() => {
+        return props.transition ? props.transition : `nut-popup-slide-${props.position}`;
+      });
+      const open = () => {
+        if (props.zIndex !== initIndex) {
+          _zIndex = Number(props.zIndex);
+        }
+        emit("update:visible", true);
+        state.zIndex = ++_zIndex;
+        if (props.destroyOnClose) {
+          state.showSlot = true;
+        }
+        emit("open");
+      };
+      const close = () => {
+        emit("update:visible", false);
+        emit("close");
+        if (props.destroyOnClose) {
+          setTimeout(() => {
+            state.showSlot = false;
+          }, +props.duration * 1e3);
+        }
+      };
+      const onClick = (e) => {
+        emit("click-pop", e);
+      };
+      const onClickCloseIcon = (e) => {
+        e.stopPropagation();
+        emit("click-close-icon", e);
+        emit("update:visible", false);
+      };
+      const onClickOverlay = (e) => {
+        if (props.closeOnClickOverlay) {
+          emit("click-overlay", e);
+          emit("update:visible", false);
+        }
+      };
+      const onOpened = (e) => {
+        emit("opend", e);
+      };
+      const onClosed = (e) => {
+        emit("closed", e);
+      };
+      watch(
+        () => props.visible,
+        (val) => {
+          props.visible ? open() : close();
+        }
+      );
+      watchEffect(() => {
+        state.closed = props.closeable;
+      });
+      return {
+        ...toRefs(state),
+        popStyle,
+        transitionName,
+        classes,
+        onClick,
+        onClickCloseIcon,
+        onClickOverlay,
+        onOpened,
+        onClosed
+      };
+    }
+  };
+};
+const { componentName, create } = createComponent("popup");
+const _sfc_main = create(
+  component(componentName, {
+    [Overlay.name]: Overlay,
+    Close
+  })
+);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_overlay = resolveComponent("nut-overlay");
+  const _component_Close = resolveComponent("Close");
+  return openBlock(), createBlock(Teleport, {
+    to: _ctx.teleport,
+    disabled: !_ctx.teleportDisable
+  }, [
+    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, mergeProps({
+      key: 0,
+      visible: _ctx.visible,
+      "close-on-click-overlay": _ctx.closeOnClickOverlay,
+      "z-index": _ctx.zIndex,
+      "lock-scroll": _ctx.lockScroll,
+      duration: _ctx.duration,
+      onClick: _ctx.onClickOverlay
+    }, _ctx.$attrs), null, 16, ["visible", "close-on-click-overlay", "z-index", "lock-scroll", "duration", "onClick"])) : createCommentVNode("", true),
+    createVNode(Transition, {
+      name: _ctx.transitionName,
+      onAfterEnter: _ctx.onOpened,
+      onAfterLeave: _ctx.onClosed
+    }, {
+      default: withCtx(() => [
+        withDirectives(createElementVNode("view", {
+          class: normalizeClass(_ctx.classes),
+          style: normalizeStyle(_ctx.popStyle),
+          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+        }, [
+          _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+          _ctx.closed ? (openBlock(), createElementBlock("view", {
+            key: 1,
+            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
+            class: normalizeClass(["nut-popup__close-icon", "nut-popup__close-icon--" + _ctx.closeIconPosition])
+          }, [
+            renderSlot(_ctx.$slots, "closeIcon", {}, () => [
+              createVNode(_component_Close, { height: "12px" })
+            ])
+          ], 2)) : createCommentVNode("", true)
+        ], 6), [
+          [vShow, _ctx.visible]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
+  ], 8, ["to", "disabled"]);
+}
+const Popup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Popup as P,
+  popupProps as p
+};

package/dist/packages/_es/{index.js → index.51da6a3b.js}

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -8,4 +8,6 @@ function useRouter() {
   const proxy = getCurrentInstance().proxy;
   return proxy.$router || null;
 }
-export { useRouter as u };
+export {
+  useRouter as u
+};

package/dist/packages/_es/{index3.js → index.617ba243.js}

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -10,4 +10,6 @@ function useExpose(apis) {
     Object.assign(instance.proxy, apis);
   }
 }
-export { useExpose as u };
+export {
+  useExpose as u
+};

package/dist/packages/_es/{index4.js → index.983240fc.js}

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -67,4 +67,6 @@ function useTouch() {
     isHorizontal
   };
 }
-export { useTouch as u };
+export {
+  useTouch as u
+};

package/dist/packages/_es/{index2.js → index.af02c42d.js}

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -33,4 +33,6 @@ const useRect = (elementRef) => {
     height: 0
   };
 };
-export { useRect as u };
+export {
+  useRect as u
+};