@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Button.js

@@ -1,10 +1,11 @@
-import { toRefs as B, computed as f, resolveComponent as S, openBlock as u, createElementBlock as m, normalizeClass as v, normalizeStyle as h, createElementVNode as w, createBlock as z, createCommentVNode as d, renderSlot as g } from "vue";
-import { c as L } from "./component-234624bc.js";
-import { Loading as N } from "@nutui/icons-vue";
-import { _ } from "./_plugin-vue_export-helper-dad06003.js";
+import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { Loading } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName: E, create: V } = L("button"), R = V({
-  components: { Loading: N },
+const { componentName, create } = createComponent("button");
+const _sfc_main = create({
+  components: { Loading },
   props: {
     color: String,
     shape: {
@@ -13,15 +14,15 @@ const { componentName: E, create: V } = L("button"), R = V({
     },
     plain: {
       type: Boolean,
-      default: !1
+      default: false
     },
     loading: {
       type: Boolean,
-      default: !1
+      default: false
     },
     disabled: {
       type: Boolean,
-      default: !1
+      default: false
     },
     type: {
       type: String,
@@ -33,60 +34,78 @@ const { componentName: E, create: V } = L("button"), R = V({
     },
     block: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   emits: ["click"],
-  setup(o, { emit: t, slots: $ }) {
-    const { type: s, size: r, shape: i, disabled: a, loading: n, color: l, plain: c, block: k } = B(o), y = (e) => {
-      !n.value && !a.value && t("click", e);
-    }, b = f(() => {
-      const e = E;
+  setup(props, { emit, slots }) {
+    const { type, size, shape, disabled, loading, color, plain, block } = toRefs(props);
+    const handleClick = (event) => {
+      if (!loading.value && !disabled.value) {
+        emit("click", event);
+      }
+    };
+    const classes = computed(() => {
+      const prefixCls = componentName;
       return {
-        [e]: !0,
-        [`${e}--${s.value}`]: s.value,
-        [`${e}--${r.value}`]: r.value,
-        [`${e}--${i.value}`]: i.value,
-        [`${e}--plain`]: c.value,
-        [`${e}--block`]: k.value,
-        [`${e}--disabled`]: a.value,
-        [`${e}--loading`]: n.value
+        [prefixCls]: true,
+        [`${prefixCls}--${type.value}`]: type.value,
+        [`${prefixCls}--${size.value}`]: size.value,
+        [`${prefixCls}--${shape.value}`]: shape.value,
+        [`${prefixCls}--plain`]: plain.value,
+        [`${prefixCls}--block`]: block.value,
+        [`${prefixCls}--disabled`]: disabled.value,
+        [`${prefixCls}--loading`]: loading.value
       };
-    }), C = f(() => {
-      var p;
-      const e = {};
-      return l != null && l.value && (c.value ? (e.color = l.value, e.background = "#fff", (p = l.value) != null && p.includes("gradient") || (e.borderColor = l.value)) : (e.color = "#fff", e.background = l.value)), e;
+    });
+    const getStyle = computed(() => {
+      var _a;
+      const style = {};
+      if (color == null ? void 0 : color.value) {
+        if (plain.value) {
+          style.color = color.value;
+          style.background = "#fff";
+          if (!((_a = color.value) == null ? void 0 : _a.includes("gradient"))) {
+            style.borderColor = color.value;
+          }
+        } else {
+          style.color = "#fff";
+          style.background = color.value;
+        }
+      }
+      return style;
     });
     return {
-      handleClick: y,
-      classes: b,
-      getStyle: C
+      handleClick,
+      classes,
+      getStyle
     };
   }
-}), j = { class: "nut-button__wrap" };
-function q(o, t, $, s, r, i) {
-  const a = S("Loading");
-  return u(), m("view", {
-    class: v(o.classes),
-    style: h(o.getStyle),
-    onClick: t[0] || (t[0] = (...n) => o.handleClick && o.handleClick(...n))
+});
+const _hoisted_1 = { class: "nut-button__wrap" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Loading = resolveComponent("Loading");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle(_ctx.getStyle),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
-    w("view", j, [
-      o.loading ? (u(), z(a, {
+    createElementVNode("view", _hoisted_1, [
+      _ctx.loading ? (openBlock(), createBlock(_component_Loading, {
         key: 0,
         class: "nut-icon-loading"
-      })) : d("", !0),
-      o.$slots.icon && !o.loading ? g(o.$slots, "icon", { key: 1 }) : d("", !0),
-      o.$slots.default ? (u(), m("view", {
+      })) : createCommentVNode("", true),
+      _ctx.$slots.icon && !_ctx.loading ? renderSlot(_ctx.$slots, "icon", { key: 1 }) : createCommentVNode("", true),
+      _ctx.$slots.default ? (openBlock(), createElementBlock("view", {
         key: 2,
-        class: v({ "nut-button__text": o.$slots.icon || o.loading })
+        class: normalizeClass({ "nut-button__text": _ctx.$slots.icon || _ctx.loading })
       }, [
-        g(o.$slots, "default")
-      ], 2)) : d("", !0)
+        renderSlot(_ctx.$slots, "default")
+      ], 2)) : createCommentVNode("", true)
     ])
   ], 6);
 }
-const I = /* @__PURE__ */ _(R, [["render", q]]);
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  I as default
+  Button as default
 };

package/dist/packages/_es/Calendar.js

@@ -1,17 +1,18 @@
-import { computed as p, ref as D, resolveComponent as c, openBlock as f, createBlock as u, withCtx as o, createSlots as k, renderSlot as n, createCommentVNode as S } from "vue";
-import { c as B } from "./component-234624bc.js";
-import { C as w, U as v } from "./index-14dfadc4.js";
-import { P as T } from "./index-360c5092.js";
-import { u as I } from "./index-fadb0974.js";
-import { _ as $ } from "./_plugin-vue_export-helper-dad06003.js";
+import { computed, ref, resolveComponent, openBlock, createBlock, withCtx, createSlots, renderSlot, createCommentVNode } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { C as CalendarItem, U as Utils } from "./index-87422be8.js";
+import { P as Popup } from "./index-da0a7662.js";
+import { u as useExpose } from "./index-79c5dc33.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-import "./raf-a74f1a06.js";
+import "./raf-729dad54.js";
 import "./Overlay.js";
 import "@nutui/icons-vue";
-const { create: g } = B("calendar"), P = g({
+const { create } = createComponent("calendar");
+const _sfc_main = create({
   components: {
-    [w.name]: w,
-    [T.name]: T
+    [CalendarItem.name]: CalendarItem,
+    [Popup.name]: Popup
   },
   props: {
     type: {
@@ -20,31 +21,31 @@ const { create: g } = B("calendar"), P = g({
     },
     isAutoBackFill: {
       type: Boolean,
-      default: !1
+      default: false
     },
     toDateAnimation: {
       type: Boolean,
-      default: !0
+      default: true
     },
     poppable: {
       type: Boolean,
-      default: !0
+      default: true
     },
     showTitle: {
       type: Boolean,
-      default: !0
+      default: true
     },
     showSubTitle: {
       type: Boolean,
-      default: !0
+      default: true
     },
     visible: {
       type: Boolean,
-      default: !1
+      default: false
     },
     showToday: {
       type: Boolean,
-      default: !0
+      default: true
     },
     title: {
       type: String,
@@ -67,191 +68,212 @@ const { create: g } = B("calendar"), P = g({
     },
     startDate: {
       type: String,
-      default: v.getDay(0)
+      default: Utils.getDay(0)
     },
     endDate: {
       type: String,
-      default: v.getDay(365)
+      default: Utils.getDay(365)
     },
     firstDayOfWeek: {
       type: Number,
       default: 0,
-      validator: (e) => e >= 0 && e <= 6
+      validator: (val) => val >= 0 && val <= 6
     }
   },
   emits: ["choose", "close", "update:visible", "select"],
-  setup(e, { emit: s, slots: l }) {
-    const y = p(() => l.btn), m = p(() => l["top-info"]), b = p(() => l.day), d = p(() => l["bottom-info"]), i = D(null);
-    I({
-      scrollToDate: (a) => {
-        var h;
-        (h = i.value) == null || h.scrollToDate(a);
-      },
-      initPosition: () => {
-        var a;
-        (a = i.value) == null || a.initPosition();
-      }
+  setup(props, { emit, slots }) {
+    const showTopBtn = computed(() => {
+      return slots.btn;
     });
-    const C = () => {
-      s("update:visible", !1);
-    }, r = () => {
-      s("close"), s("update:visible", !1);
+    const topInfo = computed(() => {
+      return slots["top-info"];
+    });
+    const dayInfo = computed(() => {
+      return slots.day;
+    });
+    const bottomInfo = computed(() => {
+      return slots["bottom-info"];
+    });
+    const calendarRef = ref(null);
+    const scrollToDate = (date) => {
+      var _a;
+      (_a = calendarRef.value) == null ? void 0 : _a.scrollToDate(date);
+    };
+    const initPosition = () => {
+      var _a;
+      (_a = calendarRef.value) == null ? void 0 : _a.initPosition();
+    };
+    useExpose({
+      scrollToDate,
+      initPosition
+    });
+    const update = () => {
+      emit("update:visible", false);
+    };
+    const close = () => {
+      emit("close");
+      emit("update:visible", false);
+    };
+    const choose = (param) => {
+      close();
+      emit("choose", param);
+    };
+    const select = (param) => {
+      emit("select", param);
+    };
+    const closePopup = () => {
+      close();
     };
     return {
-      closePopup: () => {
-        r();
-      },
-      update: C,
-      close: r,
-      choose: (a) => {
-        r(), s("choose", a);
-      },
-      select: (a) => {
-        s("select", a);
-      },
-      calendarRef: i,
-      showTopBtn: y,
-      topInfo: m,
-      dayInfo: b,
-      bottomInfo: d
+      closePopup,
+      update,
+      close,
+      choose,
+      select,
+      calendarRef,
+      showTopBtn,
+      topInfo,
+      dayInfo,
+      bottomInfo
     };
   }
 });
-function A(e, s, l, y, m, b) {
-  const d = c("nut-calendar-item"), i = c("nut-popup");
-  return e.poppable ? (f(), u(i, {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_calendar_item = resolveComponent("nut-calendar-item");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return _ctx.poppable ? (openBlock(), createBlock(_component_nut_popup, {
     key: 0,
-    visible: e.visible,
+    visible: _ctx.visible,
     position: "bottom",
     round: "",
-    closeable: !0,
-    onClickOverlay: e.closePopup,
-    onClickCloseIcon: e.closePopup,
-    "destroy-on-close": !0,
+    closeable: true,
+    onClickOverlay: _ctx.closePopup,
+    onClickCloseIcon: _ctx.closePopup,
+    "destroy-on-close": true,
     style: { height: "85vh" }
   }, {
-    default: o(() => [
-      e.visible ? (f(), u(d, {
+    default: withCtx(() => [
+      _ctx.visible ? (openBlock(), createBlock(_component_nut_calendar_item, {
         key: 0,
         props: "",
         ref: "calendarRef",
-        type: e.type,
-        "is-auto-back-fill": e.isAutoBackFill,
-        poppable: e.poppable,
-        title: e.title,
-        "confirm-text": e.confirmText,
-        "start-text": e.startText,
-        "end-text": e.endText,
-        "default-value": e.defaultValue,
-        "start-date": e.startDate,
-        "end-date": e.endDate,
-        onUpdate: e.update,
-        onClose: e.close,
-        onChoose: e.choose,
-        onSelect: e.select,
-        "show-today": e.showToday,
-        "show-title": e.showTitle,
-        "show-sub-title": e.showSubTitle,
-        "to-date-animation": e.toDateAnimation,
-        "first-day-of-week": e.firstDayOfWeek
-      }, k({ _: 2 }, [
-        e.showTopBtn ? {
+        type: _ctx.type,
+        "is-auto-back-fill": _ctx.isAutoBackFill,
+        poppable: _ctx.poppable,
+        title: _ctx.title,
+        "confirm-text": _ctx.confirmText,
+        "start-text": _ctx.startText,
+        "end-text": _ctx.endText,
+        "default-value": _ctx.defaultValue,
+        "start-date": _ctx.startDate,
+        "end-date": _ctx.endDate,
+        onUpdate: _ctx.update,
+        onClose: _ctx.close,
+        onChoose: _ctx.choose,
+        onSelect: _ctx.select,
+        "show-today": _ctx.showToday,
+        "show-title": _ctx.showTitle,
+        "show-sub-title": _ctx.showSubTitle,
+        "to-date-animation": _ctx.toDateAnimation,
+        "first-day-of-week": _ctx.firstDayOfWeek
+      }, createSlots({ _: 2 }, [
+        _ctx.showTopBtn ? {
           name: "btn",
-          fn: o(() => [
-            n(e.$slots, "btn")
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "btn")
           ]),
           key: "0"
         } : void 0,
-        e.dayInfo ? {
+        _ctx.dayInfo ? {
           name: "day",
-          fn: o((t) => [
-            n(e.$slots, "day", {
-              date: t.date
+          fn: withCtx((date) => [
+            renderSlot(_ctx.$slots, "day", {
+              date: date.date
             })
           ]),
           key: "1"
         } : void 0,
-        e.topInfo ? {
+        _ctx.topInfo ? {
           name: "top-info",
-          fn: o((t) => [
-            n(e.$slots, "top-info", {
-              date: t.date
+          fn: withCtx((date) => [
+            renderSlot(_ctx.$slots, "top-info", {
+              date: date.date
             })
           ]),
           key: "2"
         } : void 0,
-        e.bottomInfo ? {
+        _ctx.bottomInfo ? {
           name: "bottom-info",
-          fn: o((t) => [
-            n(e.$slots, "bottom-info", {
-              date: t.date
+          fn: withCtx((date) => [
+            renderSlot(_ctx.$slots, "bottom-info", {
+              date: date.date
             })
           ]),
           key: "3"
         } : void 0
-      ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title", "to-date-animation", "first-day-of-week"])) : S("", !0)
+      ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title", "to-date-animation", "first-day-of-week"])) : createCommentVNode("", true)
     ]),
     _: 3
-  }, 8, ["visible", "onClickOverlay", "onClickCloseIcon"])) : (f(), u(d, {
+  }, 8, ["visible", "onClickOverlay", "onClickCloseIcon"])) : (openBlock(), createBlock(_component_nut_calendar_item, {
     key: 1,
-    type: e.type,
-    "is-auto-back-fill": e.isAutoBackFill,
-    poppable: e.poppable,
-    title: e.title,
-    "confirm-text": e.confirmText,
-    "start-text": e.startText,
-    "end-text": e.endText,
-    "default-value": e.defaultValue,
-    "start-date": e.startDate,
-    "end-date": e.endDate,
-    onUpdate: e.update,
-    onClose: e.close,
-    onChoose: e.choose,
-    onSelect: e.select,
-    "show-today": e.showToday,
-    "show-title": e.showTitle,
-    "show-sub-title": e.showSubTitle,
-    "to-date-animation": e.toDateAnimation,
-    "first-day-of-week": e.firstDayOfWeek,
+    type: _ctx.type,
+    "is-auto-back-fill": _ctx.isAutoBackFill,
+    poppable: _ctx.poppable,
+    title: _ctx.title,
+    "confirm-text": _ctx.confirmText,
+    "start-text": _ctx.startText,
+    "end-text": _ctx.endText,
+    "default-value": _ctx.defaultValue,
+    "start-date": _ctx.startDate,
+    "end-date": _ctx.endDate,
+    onUpdate: _ctx.update,
+    onClose: _ctx.close,
+    onChoose: _ctx.choose,
+    onSelect: _ctx.select,
+    "show-today": _ctx.showToday,
+    "show-title": _ctx.showTitle,
+    "show-sub-title": _ctx.showSubTitle,
+    "to-date-animation": _ctx.toDateAnimation,
+    "first-day-of-week": _ctx.firstDayOfWeek,
     ref: "calendarRef"
-  }, k({ _: 2 }, [
-    e.showTopBtn ? {
+  }, createSlots({ _: 2 }, [
+    _ctx.showTopBtn ? {
       name: "btn",
-      fn: o(() => [
-        n(e.$slots, "btn")
+      fn: withCtx(() => [
+        renderSlot(_ctx.$slots, "btn")
       ]),
       key: "0"
     } : void 0,
-    e.dayInfo ? {
+    _ctx.dayInfo ? {
       name: "day",
-      fn: o((t) => [
-        n(e.$slots, "day", {
-          date: t.date
+      fn: withCtx((date) => [
+        renderSlot(_ctx.$slots, "day", {
+          date: date.date
         })
       ]),
       key: "1"
     } : void 0,
-    e.topInfo ? {
+    _ctx.topInfo ? {
       name: "top-info",
-      fn: o((t) => [
-        n(e.$slots, "top-info", {
-          date: t.date
+      fn: withCtx((date) => [
+        renderSlot(_ctx.$slots, "top-info", {
+          date: date.date
         })
       ]),
       key: "2"
     } : void 0,
-    e.bottomInfo ? {
+    _ctx.bottomInfo ? {
       name: "bottom-info",
-      fn: o((t) => [
-        n(e.$slots, "bottom-info", {
-          date: t.date
+      fn: withCtx((date) => [
+        renderSlot(_ctx.$slots, "bottom-info", {
+          date: date.date
         })
       ]),
       key: "3"
     } : void 0
   ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title", "to-date-animation", "first-day-of-week"]));
 }
-const K = /* @__PURE__ */ $(P, [["render", A]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  K as default
+  index as default
 };

package/dist/packages/_es/CalendarItem.js

@@ -1,10 +1,10 @@
-import { C as f } from "./index-14dfadc4.js";
+import { C } from "./index-87422be8.js";
 import "vue";
-import "./_plugin-vue_export-helper-dad06003.js";
-import "./component-234624bc.js";
+import "./_plugin-vue_export-helper-cc2b3d55.js";
+import "./component-81a4c1d0.js";
 import "../locale/lang";
-import "./raf-a74f1a06.js";
-import "./index-fadb0974.js";
+import "./raf-729dad54.js";
+import "./index-79c5dc33.js";
 export {
-  f as default
+  C as default
 };