✨(component): 根据 id 保证弹层实例唯一

package/document-layer/src/document/zh-CN/demo.md

@@ -16,11 +16,11 @@
 import { layer } from  "../../../../layer/src/index"
 
 const msg = function() {
-    layer.msg("普通消息", { time: 1000 })
+    layer.msg("普通消息", { time: 3000, id: "1" })
 }
 
 const success = function() {
-    layer.msg("成功消息", { time: 1000, icon: 1})
+    layer.msg("成功消息", { time: 3000, id: "1" ,icon: 1})
 }
 
 const failure = function() {
@@ -86,7 +86,7 @@ const openConfirm2 = function() {
 import { layer } from  "../../../../layer/src/index"
 
 const load1 = function() {
-    layer.load(0, {time: 2000})
+    layer.load(0, {id:"1", time: 3000})
 }
 
 const load2 = function() {

package/layer/src/index.ts

@@ -55,9 +55,9 @@ const mergeOption = (option: any, defaultOption: any) => {
 };
 
 // 创建 modal 容器
-const createContainer = () => {
+const createContainer = (options: any) => {
   const modalContainer = document.createElement("div");
-  modalContainer.id = nextId();
+  modalContainer.id = options.id;
   document.body.appendChild(modalContainer);
   return modalContainer;
 };
@@ -71,7 +71,7 @@ const modalChildrenVNode = (content: any) => {
 };
 
 const layer = {
-  // 上下文
+
   _context: <AppContext | null> null,
 
   // 页面
@@ -155,10 +155,16 @@ const layer = {
     let timer: NodeJS.Timeout;
     // 聚合配置 Opt
     const options = mergeOption(option, defaultOption);
+    // 生成唯一标识
+    if(options.hasOwnProperty("id")) {
+      // 判断 id 存在, 并销毁窗体
+      layer.close(options.id);
+    } else {
+      // 生成新的唯一标识
+      options.id = nextId();
+    }
     // 创建容器 Dom
-    const modalContainer = createContainer();
-
-    options.id = modalContainer.id;
+    const modalContainer = createContainer(options);
     // 创建虚拟 Dom
     const modalInstance = h(
       LayLayer,
@@ -261,4 +267,5 @@ export { layer, LayLayer };
 
 export default { install };
 
-import "./theme/index.css";
+import "./theme/index.css";import { getSystemErrorMap } from "util";
+