@nutui/nutui 3.2.6-beta.1 → 3.2.6

package/dist/packages/_es/TimePannel.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6 Fri Nov 04 2022 18:06:53 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -49,5 +49,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handlePannel(_ctx.pannelKey))
   }, toDisplayString(_ctx.name), 3);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/TimeSelect.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6 Fri Nov 04 2022 18:06:53 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, renderSlot, createTextVNode } from "vue";
+import { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -32,12 +32,12 @@ const _sfc_main = create({
         return [];
       }
     },
-    muti: {
+    lockScroll: {
       type: [Boolean],
       default: false
     },
-    lockScroll: {
-      type: [Boolean],
+    isWrapTeleport: {
+      type: Boolean,
       default: false
     }
   },
@@ -57,17 +57,16 @@ const _sfc_main = create({
     });
     const currentKey = computed(() => props.currentKey);
     const currentTime = computed(() => props.currentTime);
-    const muti = computed(() => props.muti);
     const close = () => {
       context.emit("update:visible", false);
       context.emit("select", currentTime.value);
     };
     provide("currentKey", currentKey);
     provide("currentTime", currentTime);
-    provide("muti", muti);
     return {
       classes,
       popStyle,
+      props,
       close,
       translate
     };
@@ -85,6 +84,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     position: "bottom",
     closeable: "",
     round: "",
+    isWrapTeleport: _ctx.isWrapTeleport,
     visible: _ctx.visible,
     style: normalizeStyle(_ctx.popStyle),
     "lock-scroll": _ctx.lockScroll,
@@ -100,12 +100,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             !_ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.title || _ctx.translate("pickupTime")), 1)) : renderSlot(_ctx.$slots, "title", { key: 1 })
           ])
         ]),
-        createTextVNode(),
         createElementVNode("view", _hoisted_4, [
           createElementVNode("view", _hoisted_5, [
             renderSlot(_ctx.$slots, "pannel")
           ]),
-          createTextVNode(),
           createElementVNode("view", _hoisted_6, [
             renderSlot(_ctx.$slots, "detail")
           ])
@@ -113,7 +111,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["visible", "style", "lock-scroll", "onClickOverlay", "onClickCloseIcon"]);
+  }, 8, ["isWrapTeleport", "visible", "style", "lock-scroll", "onClickOverlay", "onClickCloseIcon"]);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Toast.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6 Fri Nov 04 2022 18:06:53 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { watch, computed, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, createVNode, mergeProps, createCommentVNode, createTextVNode, toDisplayString, vShow } from "vue";
+import { reactive, onMounted, watch, computed, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, createVNode, mergeProps, createCommentVNode, toDisplayString, vShow, render } from "vue";
 import { c as createComponent } from "./component.js";
 import _sfc_main$1 from "./Icon.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
@@ -25,10 +25,7 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
-    type: {
-      type: String,
-      default: "text"
-    },
+    type: String,
     customClass: String,
     bottom: {
       type: String,
@@ -38,6 +35,10 @@ const _sfc_main = create({
       type: [String, Number],
       default: "base"
     },
+    iconSize: {
+      type: String,
+      default: "20"
+    },
     icon: String,
     textAlignCenter: {
       type: Boolean,
@@ -68,15 +69,17 @@ const _sfc_main = create({
     closeOnClickOverlay: {
       type: Boolean,
       default: false
-    },
-    visible: {
-      type: Boolean,
-      default: false
     }
   },
-  emits: ["update:visible", "closed"],
+  emits: ["close"],
   setup(props, { emit }) {
     let timer;
+    const state = reactive({
+      mounted: false
+    });
+    onMounted(() => {
+      state.mounted = true;
+    });
     const clearTimer = () => {
       if (timer) {
         clearTimeout(timer);
@@ -84,8 +87,7 @@ const _sfc_main = create({
       }
     };
     const hide = () => {
-      emit("update:visible", false);
-      emit("closed");
+      state.mounted = false;
     };
     const show = () => {
       clearTimer();
@@ -98,10 +100,14 @@ const _sfc_main = create({
     const clickCover = () => {
       if (props.closeOnClickOverlay) {
         hide();
+        emit("close");
       }
     };
+    if (props.duration) {
+      show();
+    }
     watch(
-      () => props.visible,
+      () => props.duration,
       (val) => {
         if (val) {
           show();
@@ -115,18 +121,6 @@ const _sfc_main = create({
         return !!props.icon;
       }
     });
-    const iconName = computed(() => {
-      if (props.icon) {
-        return props.icon;
-      } else {
-        return {
-          success: "success",
-          fail: "failure",
-          warn: "tips",
-          loading: "loading"
-        }[props.type];
-      }
-    });
     const toastBodyClass = computed(() => {
       return [
         "nut-toast",
@@ -138,30 +132,30 @@ const _sfc_main = create({
         "nut-toast-" + props.size
       ];
     });
+    const toastIconWrapperClass = computed(() => {
+      return ["nut-toast-icon-wrapper", { "nut-toast-icon-no-animation": !props.loadingRotate }];
+    });
     const onAfterLeave = () => {
-      if (props.visible) {
-        clearTimer();
-        hide();
-      }
+      clearTimer();
+      props.unmount(props.id);
+      props.onClose && props.onClose();
     };
     return {
+      state,
+      hide,
       clickCover,
       hasIcon,
-      iconName,
       toastBodyClass,
+      toastIconWrapperClass,
       onAfterLeave
     };
   }
 });
 const _hoisted_1 = {
-  key: 0,
-  class: "nut-toast-icon-wrapper"
-};
-const _hoisted_2 = {
   key: 1,
   class: "nut-toast-title"
 };
-const _hoisted_3 = ["innerHTML"];
+const _hoisted_2 = ["innerHTML"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createBlock(Transition, {
@@ -177,34 +171,151 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickCover && _ctx.clickCover(...args))
       }, [
-        _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("view", {
-          key: 1,
+        createElementVNode("view", {
           class: "nut-toast-inner",
           style: normalizeStyle({
             "text-align": _ctx.textAlignCenter ? "center" : "left",
             "background-color": _ctx.bgColor
           })
         }, [
-          _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1, [
-            createVNode(_component_nut_icon, mergeProps({
-              size: "20",
-              color: "#ffffff"
-            }, _ctx.$attrs, { name: _ctx.iconName }), null, 16, ["name"])
-          ])) : createCommentVNode("", true),
-          createTextVNode(),
-          _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-          createTextVNode(),
+          _ctx.hasIcon ? (openBlock(), createElementBlock("view", {
+            key: 0,
+            class: normalizeClass(_ctx.toastIconWrapperClass)
+          }, [
+            createVNode(_component_nut_icon, mergeProps({ size: _ctx.iconSize }, _ctx.$attrs, {
+              color: "#ffffff",
+              name: _ctx.icon
+            }), null, 16, ["size", "name"])
+          ], 2)) : createCommentVNode("", true),
+          _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
           createElementVNode("view", {
             class: "nut-toast-text",
             innerHTML: _ctx.msg
-          }, null, 8, _hoisted_3)
-        ], 4))
+          }, null, 8, _hoisted_2)
+        ], 4)
       ], 6), [
-        [vShow, _ctx.visible]
+        [vShow, _ctx.state.mounted]
       ])
     ]),
-    _: 3
+    _: 1
   }, 8, ["onAfterLeave"]);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var Toast = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const defaultOptions = {
+  msg: "",
+  id: "",
+  duration: 2e3,
+  center: true,
+  type: "text",
+  title: "",
+  customClass: "",
+  bottom: "30px",
+  size: "base",
+  iconSize: "20",
+  icon: null,
+  textAlignCenter: true,
+  loadingRotate: true,
+  bgColor: "",
+  onClose: null,
+  unmount: null,
+  cover: false,
+  coverColor: "",
+  closeOnClickOverlay: false
+};
+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 ToastFunction;
+  }
+};
+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() + "";
+  }
+  opts = { ...defaultOptions, ...opts };
+  opts.id = _id;
+  idsMap.push(opts.id);
+  optsMap.push(opts);
+  const container = document.createElement("div");
+  container.id = opts.id;
+  const instance = createVNode(Toast, opts);
+  render(instance, container);
+  document.body.appendChild(container);
+  return ToastFunction;
+};
+const errorMsg = (msg) => {
+  if (!msg) {
+    console.warn("[NutUI Toast]: msg\u4E0D\u80FD\u4E3A\u7A7A");
+    return;
+  }
+};
+const ToastFunction = {
+  text(msg, opts = {}) {
+    errorMsg(msg);
+    return mountToast({ ...opts, type: "text", msg });
+  },
+  success(msg, opts = {}) {
+    errorMsg(msg);
+    return mountToast({ icon: "success", ...opts, msg, type: "success" });
+  },
+  fail(msg, opts = {}) {
+    errorMsg(msg);
+    return mountToast({ icon: "failure", ...opts, msg, type: "fail" });
+  },
+  warn(msg, opts = {}) {
+    errorMsg(msg);
+    return mountToast({ icon: "tips", ...opts, msg, type: "warn" });
+  },
+  loading(msg, opts = {}) {
+    return mountToast({
+      icon: "loading",
+      ...opts,
+      msg,
+      type: "loading"
+    });
+  },
+  hide(id) {
+    clearToast(id);
+  },
+  install(app) {
+    app.use(Toast);
+    app.config.globalProperties.$toast = ToastFunction;
+  }
+};
+export { Toast, ToastFunction, ToastFunction as default };

package/dist/packages/_es/TrendArrow.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6 Fri Nov 04 2022 18:06:53 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, createTextVNode, renderSlot, createBlock } from "vue";
+import { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createBlock } from "vue";
 import { m as myFixed, c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -112,7 +112,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-trendarrow-icon-before nut-trendarrow-rate",
       style: normalizeStyle(_ctx.calcStyle)
     }, toDisplayString(_ctx.calcRate), 5)) : createCommentVNode("", true),
-    createTextVNode(),
     renderSlot(_ctx.$slots, "default", {}, () => [
       Number(_ctx.rate) !== 0 ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
@@ -121,7 +120,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         color: _ctx.calcIconProps.color
       }, null, 8, ["size", "name", "color"])) : createCommentVNode("", true)
     ]),
-    createTextVNode(),
     _ctx.arrowLeft ? (openBlock(), createElementBlock("span", {
       key: 1,
       class: "nut-trendarrow-icon-after nut-trendarrow-rate",
@@ -129,5 +127,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, toDisplayString(_ctx.calcRate), 5)) : createCommentVNode("", true)
   ], 2);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };