@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/TimeSelect.js

@@ -1,19 +1,18 @@
-import { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup } from "./index-991c279f.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { computed as l, provide as p, resolveComponent as d, openBlock as u, createBlock as _, normalizeStyle as f, withCtx as y, createElementVNode as t, normalizeClass as v, createElementBlock as h, toDisplayString as k, renderSlot as i } from "vue";
+import { c as b } from "./component-234624bc.js";
+import { P as m } from "./index-360c5092.js";
+import { _ as C } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
 import "./Overlay.js";
 import "@nutui/icons-vue";
-const { componentName, create, translate } = createComponent("time-select");
-const _sfc_main = create({
+const { componentName: S, create: w, translate: $ } = b("time-select"), g = w({
   components: {
-    [Popup.name]: Popup
+    [m.name]: m
   },
   props: {
     visible: {
       type: Boolean,
-      defalut: false
+      defalut: !1
     },
     height: {
       type: [String],
@@ -29,84 +28,64 @@ const _sfc_main = create({
     },
     currentTime: {
       type: Array,
-      default: () => {
-        return [];
-      }
+      default: () => []
     },
     lockScroll: {
       type: [Boolean],
-      default: true
+      default: !0
     },
     teleportDisable: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   emits: ["update:visible", "select"],
-  setup: (props, context) => {
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
-    const popStyle = computed(() => {
-      return {
-        width: "100%",
-        height: props.height
-      };
-    });
-    const currentKey = computed(() => props.currentKey);
-    const currentTime = computed(() => props.currentTime);
-    const close = () => {
-      context.emit("update:visible", false);
-      context.emit("select", currentTime.value);
+  setup: (e, o) => {
+    const r = l(() => ({
+      [S]: !0
+    })), c = l(() => ({
+      width: "100%",
+      height: e.height
+    })), a = l(() => e.currentKey), s = l(() => e.currentTime), n = () => {
+      o.emit("update:visible", !1), o.emit("select", s.value);
     };
-    provide("currentKey", currentKey);
-    provide("currentTime", currentTime);
-    return {
-      classes,
-      popStyle,
-      props,
-      close,
-      translate
+    return p("currentKey", a), p("currentTime", s), {
+      classes: r,
+      popStyle: c,
+      props: e,
+      close: n,
+      translate: $
     };
   }
-});
-const _hoisted_1 = { class: "nut-time-select__title" };
-const _hoisted_2 = { class: "nut-time-select__title__fixed" };
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { class: "nut-time-select__content" };
-const _hoisted_5 = { class: "nut-time-select__content__pannel" };
-const _hoisted_6 = { class: "nut-time-select__content__detail" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_popup = resolveComponent("nut-popup");
-  return openBlock(), createBlock(_component_nut_popup, {
+}), B = { class: "nut-time-select__title" }, D = { class: "nut-time-select__title__fixed" }, T = { key: 0 }, K = { class: "nut-time-select__content" }, N = { class: "nut-time-select__content__pannel" }, z = { class: "nut-time-select__content__detail" };
+function E(e, o, r, c, a, s) {
+  const n = d("nut-popup");
+  return u(), _(n, {
     position: "bottom",
     closeable: "",
     round: "",
-    teleportDisable: _ctx.teleportDisable,
-    visible: _ctx.visible,
-    style: normalizeStyle(_ctx.popStyle),
-    "lock-scroll": _ctx.lockScroll,
-    onClickOverlay: _ctx.close,
-    onClickCloseIcon: _ctx.close
+    teleportDisable: e.teleportDisable,
+    visible: e.visible,
+    style: f(e.popStyle),
+    "lock-scroll": e.lockScroll,
+    onClickOverlay: e.close,
+    onClickCloseIcon: e.close
   }, {
-    default: withCtx(() => [
-      createElementVNode("view", {
-        class: normalizeClass(_ctx.classes)
+    default: y(() => [
+      t("view", {
+        class: v(e.classes)
       }, [
-        createElementVNode("view", _hoisted_1, [
-          createElementVNode("view", _hoisted_2, [
-            !_ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.title || _ctx.translate("pickupTime")), 1)) : renderSlot(_ctx.$slots, "title", { key: 1 })
+        t("view", B, [
+          t("view", D, [
+            e.$slots.title ? i(e.$slots, "title", { key: 1 }) : (u(), h("span", T, k(e.title || e.translate("pickupTime")), 1))
           ])
         ]),
-        createElementVNode("view", _hoisted_4, [
-          createElementVNode("view", _hoisted_5, [
-            renderSlot(_ctx.$slots, "pannel")
+        t("view", K, [
+          t("view", N, [
+            i(e.$slots, "pannel")
           ]),
-          createElementVNode("view", _hoisted_6, [
-            renderSlot(_ctx.$slots, "detail")
+          t("view", z, [
+            i(e.$slots, "detail")
           ])
         ])
       ], 2)
@@ -114,7 +93,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["teleportDisable", "visible", "style", "lock-scroll", "onClickOverlay", "onClickCloseIcon"]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const G = /* @__PURE__ */ C(g, [["render", E]]);
 export {
-  index as default
+  G as default
 };

package/dist/packages/_es/Toast.js

@@ -1,12 +1,23 @@
-import { reactive, onMounted, watch, computed, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, resolveDynamicComponent, createCommentVNode, toDisplayString, vShow, createVNode, render } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+var M = Object.defineProperty, N = Object.defineProperties;
+var D = Object.getOwnPropertyDescriptors;
+var b = Object.getOwnPropertySymbols;
+var $ = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var p = (e, t, n) => t in e ? M(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, o = (e, t) => {
+  for (var n in t || (t = {}))
+    $.call(t, n) && p(e, n, t[n]);
+  if (b)
+    for (var n of b(t))
+      F.call(t, n) && p(e, n, t[n]);
+  return e;
+}, a = (e, t) => N(e, D(t));
+import { reactive as R, onMounted as V, watch as H, computed as y, openBlock as f, createBlock as w, Transition as W, withCtx as j, withDirectives as U, createElementVNode as C, normalizeClass as k, normalizeStyle as S, createElementBlock as T, resolveDynamicComponent as q, createCommentVNode as B, toDisplayString as G, vShow as J, createVNode as K, render as P } from "vue";
+import { c as Q } from "./component-234624bc.js";
+import { r as X } from "./renderIcon-47498b32.js";
+import { _ as Y } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-import { C as CreateComponent } from "./mountComponent-1ece4110.js";
-import { Success, Failure, Tips, Loading } from "@nutui/icons-vue";
-const { create } = createComponent("toast");
-const _sfc_main = create({
+import { C as Z } from "./mountComponent-6d4ff200.js";
+import { Success as x, Failure as _, Tips as ee, Loading as te } from "@nutui/icons-vue";
+const { create: ne } = Q("toast"), oe = ne({
   components: {},
   props: {
     id: String,
@@ -17,9 +28,12 @@ const _sfc_main = create({
     },
     center: {
       type: Boolean,
-      default: true
+      default: !0
+    },
+    type: {
+      type: String,
+      default: "text"
     },
-    type: String,
     customClass: String,
     bottom: {
       type: String,
@@ -31,16 +45,15 @@ const _sfc_main = create({
     },
     icon: {
       type: Object,
-      default: () => {
-      }
+      default: null
     },
     textAlignCenter: {
       type: Boolean,
-      default: true
+      default: !0
     },
     loadingRotate: {
       type: Boolean,
-      default: true
+      default: !0
     },
     bgColor: {
       type: String,
@@ -50,7 +63,7 @@ const _sfc_main = create({
     unmount: Function,
     cover: {
       type: Boolean,
-      default: false
+      default: !1
     },
     coverColor: {
       type: String,
@@ -62,142 +75,107 @@ const _sfc_main = create({
     },
     closeOnClickOverlay: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   emits: ["close"],
-  setup(props, { emit }) {
-    let timer;
-    const state = reactive({
-      mounted: false
+  setup(e, { emit: t }) {
+    let n;
+    const r = R({
+      mounted: !1
     });
-    onMounted(() => {
-      state.mounted = true;
+    V(() => {
+      r.mounted = !0;
     });
-    const clearTimer = () => {
-      if (timer) {
-        clearTimeout(timer);
-        timer = null;
-      }
-    };
-    const hide = () => {
-      state.mounted = false;
-    };
-    const show = () => {
-      clearTimer();
-      if (props.duration) {
-        timer = setTimeout(() => {
-          hide();
-        }, props.duration);
-      }
+    const l = () => {
+      n && (clearTimeout(n), n = null);
+    }, u = () => {
+      r.mounted = !1;
+    }, d = () => {
+      l(), e.duration && (n = setTimeout(() => {
+        u();
+      }, e.duration));
+    }, A = () => {
+      e.closeOnClickOverlay && (u(), t("close"));
     };
-    const clickCover = () => {
-      if (props.closeOnClickOverlay) {
-        hide();
-        emit("close");
-      }
-    };
-    if (props.duration) {
-      show();
-    }
-    watch(
-      () => props.duration,
-      (val) => {
-        if (val) {
-          show();
-        }
+    e.duration && d(), H(
+      () => e.duration,
+      (E) => {
+        E && d();
       }
     );
-    const hasIcon = computed(() => {
-      if (props.type !== "text") {
-        return true;
-      } else {
-        return !!props.icon;
-      }
-    });
-    const toastBodyClass = computed(() => {
-      return [
-        "nut-toast",
-        { "nut-toast-center": props.center },
-        { "nut-toast-has-icon": hasIcon.value },
-        { "nut-toast-cover": props.cover },
-        { "nut-toast-loading": props.type === "loading" },
-        props.customClass,
-        "nut-toast-" + props.size
-      ];
-    });
-    const toastIconWrapperClass = computed(() => {
-      return ["nut-toast-icon-wrapper", { "nut-toast-icon-no-animation": !props.loadingRotate }];
-    });
-    const onAfterLeave = () => {
-      clearTimer();
-      props.unmount(props.id);
-      props.onClose && props.onClose();
-    };
+    const h = y(() => e.type !== "text" ? !0 : e.icon !== null), L = y(() => [
+      "nut-toast",
+      { "nut-toast-center": e.center },
+      { "nut-toast-has-icon": h.value },
+      { "nut-toast-cover": e.cover },
+      { "nut-toast-loading": e.type === "loading" },
+      e.customClass,
+      "nut-toast-" + e.size
+    ]), z = y(() => ["nut-toast-icon-wrapper", { "nut-toast-icon-no-animation": !e.loadingRotate }]);
     return {
-      state,
-      hide,
-      clickCover,
-      hasIcon,
-      toastBodyClass,
-      toastIconWrapperClass,
-      onAfterLeave,
-      renderIcon
+      state: r,
+      hide: u,
+      clickCover: A,
+      hasIcon: h,
+      toastBodyClass: L,
+      toastIconWrapperClass: z,
+      onAfterLeave: () => {
+        l(), e.unmount(e.id), e.onClose && e.onClose();
+      },
+      renderIcon: X
     };
   }
-});
-const _hoisted_1 = {
+}), re = {
   key: 1,
   class: "nut-toast-title"
-};
-const _hoisted_2 = ["innerHTML"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Transition, {
+}, ae = ["innerHTML"];
+function ie(e, t, n, r, l, u) {
+  return f(), w(W, {
     name: "toast-fade",
-    onAfterLeave: _ctx.onAfterLeave
+    onAfterLeave: e.onAfterLeave
   }, {
-    default: withCtx(() => [
-      withDirectives(createElementVNode("view", {
-        class: normalizeClass(_ctx.toastBodyClass),
-        style: normalizeStyle({
-          bottom: _ctx.center ? "auto" : _ctx.bottom,
-          "background-color": _ctx.coverColor
+    default: j(() => [
+      U(C("view", {
+        class: k(e.toastBodyClass),
+        style: S({
+          bottom: e.center ? "auto" : e.bottom,
+          "background-color": e.coverColor
         }),
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickCover && _ctx.clickCover(...args))
+        onClick: t[0] || (t[0] = (...d) => e.clickCover && e.clickCover(...d))
       }, [
-        createElementVNode("view", {
+        C("view", {
           class: "nut-toast-inner",
-          style: normalizeStyle({
-            "text-align": _ctx.textAlignCenter ? "center" : "left",
-            "background-color": _ctx.bgColor
+          style: S({
+            "text-align": e.textAlignCenter ? "center" : "left",
+            "background-color": e.bgColor
           })
         }, [
-          _ctx.hasIcon ? (openBlock(), createElementBlock("view", {
+          e.hasIcon ? (f(), T("view", {
             key: 0,
-            class: normalizeClass(_ctx.toastIconWrapperClass)
+            class: k(e.toastIconWrapperClass)
           }, [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), { color: "#ffffff" }))
-          ], 2)) : createCommentVNode("", true),
-          _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-          createElementVNode("view", {
+            (f(), w(q(e.renderIcon(e.icon)), { color: "#ffffff" }))
+          ], 2)) : B("", !0),
+          e.title ? (f(), T("div", re, G(e.title), 1)) : B("", !0),
+          C("view", {
             class: "nut-toast-text",
-            innerHTML: _ctx.msg
-          }, null, 8, _hoisted_2)
+            innerHTML: e.msg
+          }, null, 8, ae)
         ], 4)
       ], 6), [
-        [vShow, _ctx.state.mounted]
+        [J, e.state.mounted]
       ])
     ]),
     _: 1
   }, 8, ["onAfterLeave"]);
 }
-const Toast = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-const defaultOptions = {
+const v = /* @__PURE__ */ Y(oe, [["render", ie]]), g = {
   msg: "",
   id: "",
   duration: 2e3,
   //显示时间(毫秒)
-  center: true,
+  center: !0,
   // 未实现
   type: "text",
   title: "",
@@ -206,115 +184,84 @@ const defaultOptions = {
   size: "base",
   iconSize: "20",
   icon: null,
-  textAlignCenter: true,
+  textAlignCenter: !0,
   // 未实现
-  loadingRotate: true,
+  loadingRotate: !0,
   // 未实现
   bgColor: "",
   onClose: null,
   // 未实现
   unmount: null,
-  cover: false,
+  cover: !1,
   //透明遮罩层 // 未实现
   coverColor: "",
   // 未实现
-  closeOnClickOverlay: false
+  closeOnClickOverlay: !1
   // 未实现
 };
-let idsMap = [];
-let optsMap = [];
-const clearToast = (id) => {
-  if (id) {
-    const container = document.getElementById(id);
-    optsMap = optsMap.filter((item) => item.id !== id);
-    idsMap = idsMap.filter((item) => item !== id);
-    if (container) {
-      document.body.removeChild(container);
-    }
-  } else {
-    idsMap.forEach((item) => {
-      const container = document.getElementById(item);
-      if (container) {
-        document.body.removeChild(container);
-      }
-    });
-    optsMap = [];
-    idsMap = [];
-  }
-};
-const updateToast = (opts) => {
-  const container = document.getElementById(opts.id);
-  if (container) {
-    const currentOpt = optsMap.find((item) => item.id === opts.id);
-    if (currentOpt) {
-      opts = { ...defaultOptions, ...currentOpt, ...opts };
-    } else {
-      opts = { ...defaultOptions, ...opts };
-    }
-    const instance = createVNode(Toast, opts);
-    render(instance, container);
-    return showToast;
-  }
-};
-const mountToast = (opts) => {
-  opts.unmount = clearToast;
-  let _id;
-  if (opts.id) {
-    _id = opts.id;
-    if (idsMap.find((item) => item === opts.id)) {
-      return updateToast(opts);
-    }
-  } else {
-    _id = new Date().getTime() + "";
+let i = [], c = [];
+const I = (e) => {
+  if (e) {
+    const t = document.getElementById(e);
+    c = c.filter((n) => n.id !== e), i = i.filter((n) => n !== e), t && document.body.removeChild(t);
+  } else
+    i.forEach((t) => {
+      const n = document.getElementById(t);
+      n && document.body.removeChild(n);
+    }), c = [], i = [];
+}, le = (e) => {
+  const t = document.getElementById(e.id);
+  if (t) {
+    const n = c.find((l) => l.id === e.id);
+    n ? e = o(o(o({}, g), n), e) : e = o(o({}, g), e);
+    const r = K(v, e);
+    return P(r, t), O;
   }
-  opts = { ...defaultOptions, ...opts };
-  opts.id = _id;
-  idsMap.push(opts.id);
-  optsMap.push(opts);
-  CreateComponent(opts, {
-    wrapper: Toast
-  });
-  return showToast;
-};
-const errorMsg = (msg) => {
-  if (!msg) {
+}, s = (e) => {
+  e.unmount = I;
+  let t;
+  if (e.id) {
+    if (t = e.id, i.find((n) => n === e.id))
+      return le(e);
+  } else
+    t = (/* @__PURE__ */ new Date()).getTime() + "";
+  return e = o(o({}, g), e), e.id = t, i.push(e.id), c.push(e), Z(e, {
+    wrapper: v
+  }), O;
+}, m = (e) => {
+  if (!e) {
     console.warn("[NutUI Toast]: msg不能为空");
     return;
   }
-};
-const showToast = {
-  text(msg, opts = {}) {
-    errorMsg(msg);
-    return mountToast({ ...opts, type: "text", msg });
+}, O = {
+  text(e, t = {}) {
+    return m(e), s(a(o({}, t), { type: "text", msg: e }));
   },
-  success(msg, opts = {}) {
-    errorMsg(msg);
-    return mountToast({ icon: Success, ...opts, msg, type: "success" });
+  success(e, t = {}) {
+    return m(e), s(a(o({ icon: x }, t), { msg: e, type: "success" }));
   },
-  fail(msg, opts = {}) {
-    errorMsg(msg);
-    return mountToast({ icon: Failure, ...opts, msg, type: "fail" });
+  fail(e, t = {}) {
+    return m(e), s(a(o({ icon: _ }, t), { msg: e, type: "fail" }));
   },
-  warn(msg, opts = {}) {
-    errorMsg(msg);
-    return mountToast({ icon: Tips, ...opts, msg, type: "warn" });
+  warn(e, t = {}) {
+    return m(e), s(a(o({ icon: ee }, t), { msg: e, type: "warn" }));
   },
-  loading(msg, opts = {}) {
-    return mountToast({
-      icon: Loading,
-      ...opts,
-      msg,
+  loading(e, t = {}) {
+    return s(a(o({
+      icon: te
+    }, t), {
+      msg: e,
       type: "loading"
-    });
+    }));
   },
-  hide(id) {
-    clearToast(id);
+  hide(e) {
+    I(e);
   },
-  install(app) {
-    app.use(Toast);
+  install(e) {
+    e.use(v);
   }
 };
 export {
-  Toast as default,
-  showToast
+  v as default,
+  O as showToast
 };