@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/TimeSelect.js

@@ -1,18 +1,19 @@
-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 { 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-da0a7662.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
 import "@nutui/icons-vue";
-const { componentName: S, create: w, translate: $ } = b("time-select"), g = w({
+const { componentName, create, translate } = createComponent("time-select");
+const _sfc_main = create({
   components: {
-    [m.name]: m
+    [Popup.name]: Popup
   },
   props: {
     visible: {
       type: Boolean,
-      defalut: !1
+      defalut: false
     },
     height: {
       type: [String],
@@ -28,64 +29,84 @@ const { componentName: S, create: w, translate: $ } = b("time-select"), g = w({
     },
     currentTime: {
       type: Array,
-      default: () => []
+      default: () => {
+        return [];
+      }
     },
     lockScroll: {
       type: [Boolean],
-      default: !0
+      default: true
     },
     teleportDisable: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   emits: ["update:visible", "select"],
-  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);
+  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);
     };
-    return p("currentKey", a), p("currentTime", s), {
-      classes: r,
-      popStyle: c,
-      props: e,
-      close: n,
-      translate: $
+    provide("currentKey", currentKey);
+    provide("currentTime", currentTime);
+    return {
+      classes,
+      popStyle,
+      props,
+      close,
+      translate
     };
   }
-}), 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, {
+});
+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, {
     position: "bottom",
     closeable: "",
     round: "",
-    teleportDisable: e.teleportDisable,
-    visible: e.visible,
-    style: f(e.popStyle),
-    "lock-scroll": e.lockScroll,
-    onClickOverlay: e.close,
-    onClickCloseIcon: e.close
+    teleportDisable: _ctx.teleportDisable,
+    visible: _ctx.visible,
+    style: normalizeStyle(_ctx.popStyle),
+    "lock-scroll": _ctx.lockScroll,
+    onClickOverlay: _ctx.close,
+    onClickCloseIcon: _ctx.close
   }, {
-    default: y(() => [
-      t("view", {
-        class: v(e.classes)
+    default: withCtx(() => [
+      createElementVNode("view", {
+        class: normalizeClass(_ctx.classes)
       }, [
-        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_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", K, [
-          t("view", N, [
-            i(e.$slots, "pannel")
+        createElementVNode("view", _hoisted_4, [
+          createElementVNode("view", _hoisted_5, [
+            renderSlot(_ctx.$slots, "pannel")
           ]),
-          t("view", z, [
-            i(e.$slots, "detail")
+          createElementVNode("view", _hoisted_6, [
+            renderSlot(_ctx.$slots, "detail")
           ])
         ])
       ], 2)
@@ -93,7 +114,7 @@ function E(e, o, r, c, a, s) {
     _: 3
   }, 8, ["teleportDisable", "visible", "style", "lock-scroll", "onClickOverlay", "onClickCloseIcon"]);
 }
-const G = /* @__PURE__ */ C(g, [["render", E]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  G as default
+  index as default
 };

package/dist/packages/_es/Toast.js

@@ -1,23 +1,31 @@
-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";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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";
 import "../locale/lang";
-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({
+import { C as CreateComponent } from "./mountComponent-8b24c346.js";
+import { Success, Failure, Tips, Loading } from "@nutui/icons-vue";
+const { create } = createComponent("toast");
+const _sfc_main = create({
   components: {},
   props: {
     id: String,
@@ -28,7 +36,7 @@ const { create: ne } = Q("toast"), oe = ne({
     },
     center: {
       type: Boolean,
-      default: !0
+      default: true
     },
     type: {
       type: String,
@@ -49,11 +57,11 @@ const { create: ne } = Q("toast"), oe = ne({
     },
     textAlignCenter: {
       type: Boolean,
-      default: !0
+      default: true
     },
     loadingRotate: {
       type: Boolean,
-      default: !0
+      default: true
     },
     bgColor: {
       type: String,
@@ -63,7 +71,7 @@ const { create: ne } = Q("toast"), oe = ne({
     unmount: Function,
     cover: {
       type: Boolean,
-      default: !1
+      default: false
     },
     coverColor: {
       type: String,
@@ -75,107 +83,142 @@ const { create: ne } = Q("toast"), oe = ne({
     },
     closeOnClickOverlay: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   emits: ["close"],
-  setup(e, { emit: t }) {
-    let n;
-    const r = R({
-      mounted: !1
+  setup(props, { emit }) {
+    let timer;
+    const state = reactive({
+      mounted: false
     });
-    V(() => {
-      r.mounted = !0;
+    onMounted(() => {
+      state.mounted = true;
     });
-    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 clearTimer = () => {
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
+    };
+    const hide = () => {
+      state.mounted = false;
     };
-    e.duration && d(), H(
-      () => e.duration,
-      (E) => {
-        E && d();
+    const show = () => {
+      clearTimer();
+      if (props.duration) {
+        timer = setTimeout(() => {
+          hide();
+        }, props.duration);
+      }
+    };
+    const clickCover = () => {
+      if (props.closeOnClickOverlay) {
+        hide();
+        emit("close");
+      }
+    };
+    if (props.duration) {
+      show();
+    }
+    watch(
+      () => props.duration,
+      (val) => {
+        if (val) {
+          show();
+        }
       }
     );
-    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 }]);
+    const hasIcon = computed(() => {
+      if (props.type !== "text") {
+        return true;
+      } else {
+        return props.icon !== null;
+      }
+    });
+    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();
+    };
     return {
-      state: r,
-      hide: u,
-      clickCover: A,
-      hasIcon: h,
-      toastBodyClass: L,
-      toastIconWrapperClass: z,
-      onAfterLeave: () => {
-        l(), e.unmount(e.id), e.onClose && e.onClose();
-      },
-      renderIcon: X
+      state,
+      hide,
+      clickCover,
+      hasIcon,
+      toastBodyClass,
+      toastIconWrapperClass,
+      onAfterLeave,
+      renderIcon
     };
   }
-}), re = {
+});
+const _hoisted_1 = {
   key: 1,
   class: "nut-toast-title"
-}, ae = ["innerHTML"];
-function ie(e, t, n, r, l, u) {
-  return f(), w(W, {
+};
+const _hoisted_2 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(Transition, {
     name: "toast-fade",
-    onAfterLeave: e.onAfterLeave
+    onAfterLeave: _ctx.onAfterLeave
   }, {
-    default: j(() => [
-      U(C("view", {
-        class: k(e.toastBodyClass),
-        style: S({
-          bottom: e.center ? "auto" : e.bottom,
-          "background-color": e.coverColor
+    default: withCtx(() => [
+      withDirectives(createElementVNode("view", {
+        class: normalizeClass(_ctx.toastBodyClass),
+        style: normalizeStyle({
+          bottom: _ctx.center ? "auto" : _ctx.bottom,
+          "background-color": _ctx.coverColor
         }),
-        onClick: t[0] || (t[0] = (...d) => e.clickCover && e.clickCover(...d))
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickCover && _ctx.clickCover(...args))
       }, [
-        C("view", {
+        createElementVNode("view", {
           class: "nut-toast-inner",
-          style: S({
-            "text-align": e.textAlignCenter ? "center" : "left",
-            "background-color": e.bgColor
+          style: normalizeStyle({
+            "text-align": _ctx.textAlignCenter ? "center" : "left",
+            "background-color": _ctx.bgColor
           })
         }, [
-          e.hasIcon ? (f(), T("view", {
+          _ctx.hasIcon ? (openBlock(), createElementBlock("view", {
             key: 0,
-            class: k(e.toastIconWrapperClass)
+            class: normalizeClass(_ctx.toastIconWrapperClass)
           }, [
-            (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", {
+            (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", {
             class: "nut-toast-text",
-            innerHTML: e.msg
-          }, null, 8, ae)
+            innerHTML: _ctx.msg
+          }, null, 8, _hoisted_2)
         ], 4)
       ], 6), [
-        [J, e.state.mounted]
+        [vShow, _ctx.state.mounted]
       ])
     ]),
     _: 1
   }, 8, ["onAfterLeave"]);
 }
-const v = /* @__PURE__ */ Y(oe, [["render", ie]]), g = {
+const Toast = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const defaultOptions = {
   msg: "",
   id: "",
   duration: 2e3,
   //显示时间(毫秒)
-  center: !0,
+  center: true,
   // 未实现
   type: "text",
   title: "",
@@ -184,84 +227,115 @@ const v = /* @__PURE__ */ Y(oe, [["render", ie]]), g = {
   size: "base",
   iconSize: "20",
   icon: null,
-  textAlignCenter: !0,
+  textAlignCenter: true,
   // 未实现
-  loadingRotate: !0,
+  loadingRotate: true,
   // 未实现
   bgColor: "",
   onClose: null,
   // 未实现
   unmount: null,
-  cover: !1,
+  cover: false,
   //透明遮罩层 // 未实现
   coverColor: "",
   // 未实现
-  closeOnClickOverlay: !1
+  closeOnClickOverlay: false
   // 未实现
 };
-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;
+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 = [];
   }
-}, 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) {
+};
+const updateToast = (opts) => {
+  const container = document.getElementById(opts.id);
+  if (container) {
+    const currentOpt = optsMap.find((item) => item.id === opts.id);
+    if (currentOpt) {
+      opts = __spreadValues(__spreadValues(__spreadValues({}, defaultOptions), currentOpt), opts);
+    } else {
+      opts = __spreadValues(__spreadValues({}, 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 = (/* @__PURE__ */ new Date()).getTime() + "";
+  }
+  opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
+  opts.id = _id;
+  idsMap.push(opts.id);
+  optsMap.push(opts);
+  CreateComponent(opts, {
+    wrapper: Toast
+  });
+  return showToast;
+};
+const errorMsg = (msg) => {
+  if (!msg) {
     console.warn("[NutUI Toast]: msg不能为空");
     return;
   }
-}, O = {
-  text(e, t = {}) {
-    return m(e), s(a(o({}, t), { type: "text", msg: e }));
+};
+const showToast = {
+  text(msg, opts = {}) {
+    errorMsg(msg);
+    return mountToast(__spreadProps(__spreadValues({}, opts), { type: "text", msg }));
   },
-  success(e, t = {}) {
-    return m(e), s(a(o({ icon: x }, t), { msg: e, type: "success" }));
+  success(msg, opts = {}) {
+    errorMsg(msg);
+    return mountToast(__spreadProps(__spreadValues({ icon: Success }, opts), { msg, type: "success" }));
   },
-  fail(e, t = {}) {
-    return m(e), s(a(o({ icon: _ }, t), { msg: e, type: "fail" }));
+  fail(msg, opts = {}) {
+    errorMsg(msg);
+    return mountToast(__spreadProps(__spreadValues({ icon: Failure }, opts), { msg, type: "fail" }));
   },
-  warn(e, t = {}) {
-    return m(e), s(a(o({ icon: ee }, t), { msg: e, type: "warn" }));
+  warn(msg, opts = {}) {
+    errorMsg(msg);
+    return mountToast(__spreadProps(__spreadValues({ icon: Tips }, opts), { msg, type: "warn" }));
   },
-  loading(e, t = {}) {
-    return s(a(o({
-      icon: te
-    }, t), {
-      msg: e,
+  loading(msg, opts = {}) {
+    return mountToast(__spreadProps(__spreadValues({
+      icon: Loading
+    }, opts), {
+      msg,
       type: "loading"
     }));
   },
-  hide(e) {
-    I(e);
+  hide(id) {
+    clearToast(id);
   },
-  install(e) {
-    e.use(v);
+  install(app) {
+    app.use(Toast);
   }
 };
 export {
-  v as default,
-  O as showToast
+  Toast as default,
+  showToast
 };