@nutui/nutui 3.1.19-beta.1 → 3.1.19-beta.2

package/dist/packages/_es/Tabs.js

@@ -19,7 +19,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -58,10 +58,6 @@ const _sfc_main = create({
       type: String,
       default: "line"
     },
-    lineWidth: {
-      type: [String, Number],
-      default: ""
-    },
     titleScroll: {
       type: Boolean,
       default: false
@@ -90,7 +86,7 @@ const _sfc_main = create({
     const titles = ref([]);
     const currentIndex = ref(props.modelValue || 0);
     const renderTitles = (vnodes) => {
-      vnodes.forEach((vnode, index) => {
+      vnodes.forEach((vnode, index2) => {
         var _a, _b, _c, _d, _e;
         let type = vnode.type;
         type = type.name || type;
@@ -98,7 +94,7 @@ const _sfc_main = create({
           let title = new Title();
           if (((_a = vnode.props) == null ? void 0 : _a.title) || ((_b = vnode.props) == null ? void 0 : _b["pane-key"])) {
             title.title = (_c = vnode.props) == null ? void 0 : _c.title;
-            title.paneKey = ((_d = vnode.props) == null ? void 0 : _d["pane-key"]) || index;
+            title.paneKey = ((_d = vnode.props) == null ? void 0 : _d["pane-key"]) || index2;
             title.disabled = (_e = vnode.props) == null ? void 0 : _e.disabled;
           }
           titles.value.push(title);
@@ -107,21 +103,24 @@ const _sfc_main = create({
         }
       });
     };
-    const init = (vnodes = slots.default()) => {
+    const init = (vnodes = ((_a) => (_a = slots.default) == null ? void 0 : _a.call(slots))()) => {
       titles.value = [];
-      if (vnodes.length) {
+      if (vnodes && vnodes.length) {
         renderTitles(vnodes);
       }
     };
-    watch(() => slots.default(), (vnodes) => {
+    watch(() => {
+      var _a;
+      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+    }, (vnodes) => {
       init(vnodes);
     });
     watch(() => props.modelValue, (value) => {
-      let index = titles.value.findIndex((item) => item.paneKey == value);
-      if (index == -1) {
+      let index2 = titles.value.findIndex((item) => item.paneKey == value);
+      if (index2 == -1) {
         console.error("[NutUI] <Tabs> \u8BF7\u68C0\u67E5 v-model \u503C\u662F\u5426\u4E3A paneKey ,\u5982 paneKey \u672A\u8BBE\u7F6E\uFF0C\u8BF7\u91C7\u7528\u4E0B\u6807\u63A7\u5236 .");
       } else {
-        currentIndex.value = index;
+        currentIndex.value = index2;
       }
     });
     onMounted(init);
@@ -150,12 +149,12 @@ const _sfc_main = create({
       };
     });
     const methods = {
-      tabChange: (item, index) => {
+      tabChange: (item, index2) => {
         emit("click", item);
         if (item.disabled) {
           return;
         }
-        currentIndex.value = index;
+        currentIndex.value = index2;
         emit("update:modelValue", item.paneKey);
         emit("change", item);
       }
@@ -164,8 +163,8 @@ const _sfc_main = create({
       titles,
       contentStyle,
       tabsNavStyle,
-      titleStyle,
-      tabsActiveStyle
+      tabsActiveStyle,
+      titleStyle
     }, methods);
   }
 });
@@ -179,11 +178,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, [_ctx.size]: _ctx.size }]),
       style: normalizeStyle(_ctx.tabsNavStyle)
     }, [
-      _ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index) => {
+      _ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index2) => {
         return openBlock(), createElementBlock("view", {
           class: normalizeClass(["nut-tabs__titles-item", { active: item.paneKey == _ctx.modelValue, disabled: item.disabled }]),
           style: normalizeStyle(_ctx.titleStyle),
-          onClick: ($event) => _ctx.tabChange(item, index),
+          onClick: ($event) => _ctx.tabChange(item, index2),
           key: item.paneKey
         }, [
           _ctx.type == "line" ? (openBlock(), createElementBlock("view", {
@@ -215,5 +214,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)
   ], 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 };

package/dist/packages/_es/Tag.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -92,10 +92,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       class: "nut-tag--close",
       name: "close",
-      size: "11",
+      size: "12",
       onClick: _ctx.onClose
     }, null, 8, ["onClick"])) : createCommentVNode("", true)
   ], 6);
 }
-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/TextArea.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, ref, watch, nextTick, onMounted, openBlock, createElementBlock, normalizeClass, toDisplayString, normalizeStyle, createCommentVNode } from "vue";
+import { ref, computed, onMounted, nextTick, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("textarea");
@@ -52,6 +52,7 @@ const _sfc_main = create({
   },
   emits: ["update:modelValue", "change", "blur", "focus"],
   setup(props, { emit }) {
+    const textareaRef = ref();
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
@@ -59,11 +60,41 @@ const _sfc_main = create({
         [`${prefixCls}--disabled`]: props.disabled
       };
     });
+    onMounted(() => {
+      if (props.modelValue) {
+        emitChange(String(props.modelValue));
+      }
+      if (props.autosize) {
+        nextTick(getContentHeight);
+      }
+    });
     const styles = computed(() => {
       return {
         textAlign: props.textAlign
       };
     });
+    const getContentHeight = () => {
+      let textarea = textareaRef.value;
+      textarea.style.height = "auto";
+      let height = textarea.scrollHeight;
+      if (typeof props.autosize === "object") {
+        const { maxHeight, minHeight } = props.autosize;
+        if (maxHeight !== void 0) {
+          height = Math.min(height, maxHeight);
+        }
+        if (minHeight !== void 0) {
+          height = Math.max(height, minHeight);
+        }
+      }
+      if (height) {
+        textarea.style.height = height + "px";
+      }
+    };
+    watch(() => props.modelValue, () => {
+      if (props.autosize) {
+        nextTick(getContentHeight);
+      }
+    });
     const emitChange = (value, event) => {
       if (props.maxLength && value.length > Number(props.maxLength)) {
         value = value.substring(0, Number(props.maxLength));
@@ -90,36 +121,8 @@ const _sfc_main = create({
       const input = event.target;
       let value = input.value;
       emitChange(value, event);
-      emit("blur", event);
+      emit("blur", { value, event });
     };
-    const textareaRef = ref();
-    const getContentHeight = () => {
-      let textarea = textareaRef.value;
-      textarea.style.height = "auto";
-      let height = textarea.scrollHeight;
-      if (typeof props.autosize === "object") {
-        const { maxHeight, minHeight } = props.autosize;
-        if (maxHeight !== void 0) {
-          height = Math.min(height, maxHeight);
-        }
-        if (minHeight !== void 0) {
-          height = Math.max(height, minHeight);
-        }
-      }
-      if (height) {
-        textarea.style.height = height + "px";
-      }
-    };
-    watch(() => props.modelValue, () => {
-      if (props.autosize) {
-        nextTick(getContentHeight);
-      }
-    });
-    onMounted(() => {
-      if (props.autosize) {
-        nextTick(getContentHeight);
-      }
-    });
     return {
       textareaRef,
       classes,
@@ -130,21 +133,16 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = {
+const _hoisted_1 = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder", "autofocus"];
+const _hoisted_2 = {
   key: 0,
-  class: "nut-textarea__textarea"
-};
-const _hoisted_2 = ["rows", "disabled", "readonly", "value", "maxlength", "placeholder", "auto-focus"];
-const _hoisted_3 = {
-  key: 2,
   class: "nut-textarea__limit"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    _ctx.readonly ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.modelValue), 1)) : (openBlock(), createElementBlock("textarea", {
-      key: 1,
+    createElementVNode("textarea", {
       ref: "textareaRef",
       class: "nut-textarea__textarea",
       style: normalizeStyle(_ctx.styles),
@@ -157,10 +155,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args)),
       maxlength: _ctx.maxLength,
       placeholder: _ctx.placeholder,
-      "auto-focus": _ctx.autofocus
-    }, null, 44, _hoisted_2)),
-    _ctx.limitShow ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + toDisplayString(_ctx.maxLength), 1)) : createCommentVNode("", true)
+      autofocus: _ctx.autofocus
+    }, null, 44, _hoisted_1),
+    _ctx.limitShow ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + toDisplayString(_ctx.maxLength), 1)) : 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 };

package/dist/packages/_es/TimeDetail.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -44,7 +44,6 @@ const _sfc_main = create({
   setup: (props, context) => {
     const currentKey = inject("currentKey");
     const currentTime = inject("currentTime");
-    inject("muti");
     const state = reactive({
       currentKey,
       currentTime
@@ -99,5 +98,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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 };

package/dist/packages/_es/TimePannel.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -66,5 +66,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,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -31,8 +31,8 @@ const _sfc_main = create({
         return [];
       }
     },
-    muti: {
-      type: [Boolean],
+    isWrapTeleport: {
+      type: Boolean,
       default: false
     }
   },
@@ -52,14 +52,12 @@ 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,
@@ -78,6 +76,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     position: "bottom",
     closeable: "",
     round: "",
+    isWrapTeleport: _ctx.isWrapTeleport,
     visible: _ctx.visible,
     style: normalizeStyle(_ctx.popStyle),
     onClickOverlay: _ctx.close,
@@ -101,7 +100,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["visible", "style", "onClickOverlay", "onClickCloseIcon"]);
+  }, 8, ["isWrapTeleport", "visible", "style", "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,28 @@
+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));
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 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, createCommentVNode, toDisplayString, vShow } from "vue";
+import { reactive, onMounted, watch, computed, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, createVNode, 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";
@@ -24,10 +43,7 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
-    type: {
-      type: String,
-      default: "text"
-    },
+    type: String,
     customClass: String,
     bottom: {
       type: String,
@@ -37,6 +53,10 @@ const _sfc_main = create({
       type: [String, Number],
       default: "base"
     },
+    iconSize: {
+      type: String,
+      default: "20"
+    },
     icon: String,
     textAlignCenter: {
       type: Boolean,
@@ -67,15 +87,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);
@@ -83,8 +105,7 @@ const _sfc_main = create({
       }
     };
     const hide = () => {
-      emit("update:visible", false);
-      emit("closed");
+      state.mounted = false;
     };
     const show = () => {
       clearTimer();
@@ -97,9 +118,13 @@ const _sfc_main = create({
     const clickCover = () => {
       if (props.closeOnClickOverlay) {
         hide();
+        emit("close");
       }
     };
-    watch(() => props.visible, (val) => {
+    if (props.duration) {
+      show();
+    }
+    watch(() => props.duration, (val) => {
       if (val) {
         show();
       }
@@ -111,18 +136,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",
@@ -135,15 +148,15 @@ const _sfc_main = create({
       ];
     });
     const onAfterLeave = () => {
-      if (props.visible) {
-        clearTimer();
-        hide();
-      }
+      clearTimer();
+      props.unmount(props.id);
+      props.onClose && props.onClose();
     };
     return {
+      state,
+      hide,
       clickCover,
       hasIcon,
-      iconName,
       toastBodyClass,
       onAfterLeave
     };
@@ -173,8 +186,7 @@ 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",
@@ -183,23 +195,140 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1, [
             createVNode(_component_nut_icon, {
-              size: "20",
+              size: _ctx.iconSize,
               color: "#ffffff",
-              name: _ctx.iconName
-            }, null, 8, ["name"])
+              name: _ctx.icon
+            }, null, 8, ["size", "name"])
           ])) : createCommentVNode("", true),
           _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
           createElementVNode("view", {
             class: "nut-toast-text",
             innerHTML: _ctx.msg
           }, null, 8, _hoisted_3)
-        ], 4))
+        ], 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 = __spreadValues(__spreadValues(__spreadValues({}, defaultOptions), currentOpt), opts);
+    } else {
+      opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
+    }
+    const instance = createVNode(Toast, opts);
+    render(instance, container);
+    return instance.component.ctx;
+  }
+};
+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 = __spreadValues(__spreadValues({}, 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 instance.component.ctx;
+};
+const errorMsg = (msg) => {
+  if (!msg) {
+    console.warn("[NutUI Toast]: msg\u4E0D\u80FD\u4E3A\u7A7A");
+    return;
+  }
+};
+const ToastFunction = {
+  text(msg, opts = {}) {
+    errorMsg(msg);
+    return mountToast(__spreadProps(__spreadValues({}, opts), { type: "text", msg }));
+  },
+  success(msg, opts = {}) {
+    errorMsg(msg);
+    return mountToast(__spreadProps(__spreadValues({ icon: "success" }, opts), { msg, type: "success" }));
+  },
+  fail(msg, opts = {}) {
+    errorMsg(msg);
+    return mountToast(__spreadProps(__spreadValues({ icon: "failure" }, opts), { msg, type: "fail" }));
+  },
+  warn(msg, opts = {}) {
+    errorMsg(msg);
+    return mountToast(__spreadProps(__spreadValues({ icon: "tips" }, opts), { msg, type: "warn" }));
+  },
+  loading(msg, opts = {}) {
+    return mountToast(__spreadProps(__spreadValues({
+      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 };