From bd2c3fead25f4b2e7b8510496cb6b34870c1b3a5 Mon Sep 17 00:00:00 2001
From: Catouse <catouse@gmail.com>
Date: Tue, 18 Apr 2017 09:11:02 +0800
Subject: [PATCH]  * add className option to modal trigger and update document
 file.

---
 docs/part/javascript-modaltrigger.md | 12 ++++++++++++
 src/js/modal.trigger.js              |  3 ++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/docs/part/javascript-modaltrigger.md b/docs/part/javascript-modaltrigger.md
index 5637d1de2..de0bca444 100644
--- a/docs/part/javascript-modaltrigger.md
+++ b/docs/part/javascript-modaltrigger.md
@@ -283,6 +283,18 @@ myModalTrigger.show();
     </tr>
   </thead>
   <tbody>
+    <tr>
+      <td>`name`</td>
+      <td>对话框元素名称</td>
+      <td>可选，默认为 `'triggerModal'`</td>
+      <td>该名称会作为内部表示此触发器实例使用，并且会作为最终生成的 `.modal` 元素的 ID 属性</td>
+    </tr>
+    <tr>
+      <td>`className`</td>
+      <td>对话框元素类名</td>
+      <td>可选，默认为 `''`</td>
+      <td>添加到最终生成的 `.modal` 元素的 CLASS 属性上</td>
+    </tr>
     <tr>
       <td>`type`</td>
       <td>对话框类型</td>
diff --git a/src/js/modal.trigger.js b/src/js/modal.trigger.js
index 7c57b139b..c0c125795 100644
--- a/src/js/modal.trigger.js
+++ b/src/js/modal.trigger.js
@@ -35,6 +35,7 @@
         height: 'auto',
         // icon: null,
         name: 'triggerModal',
+        // className: '',
         fade: true,
         position: 'fit',
         showHeader: true,
@@ -83,7 +84,7 @@
             if(!that.isShown) $modal.off(ZUI_MODAL);
             $modal.remove();
         }
-        $modal = $('<div id="' + options.name + '" class="modal modal-trigger">' + (typeof options.loadingIcon === 'string' && options.loadingIcon.indexOf('icon-') === 0 ? ('<div class="icon icon-spin loader ' + options.loadingIcon + '"></div>') : options.loadingIcon) + '<div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button class="close" data-dismiss="modal">×</button><h4 class="modal-title"><i class="modal-icon"></i> <span class="modal-title-name"></span></h4></div><div class="modal-body"></div></div></div></div>').appendTo('body').data(NAME, that);
+        $modal = $('<div id="' + options.name + '" class="modal modal-trigger ' + (options.className || '') + '">' + (typeof options.loadingIcon === 'string' && options.loadingIcon.indexOf('icon-') === 0 ? ('<div class="icon icon-spin loader ' + options.loadingIcon + '"></div>') : options.loadingIcon) + '<div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button class="close" data-dismiss="modal">×</button><h4 class="modal-title"><i class="modal-icon"></i> <span class="modal-title-name"></span></h4></div><div class="modal-body"></div></div></div></div>').appendTo('body').data(NAME, that);
 
         var bindEvent = function(optonName, eventName) {
             var handleFunc = options[optonName];
-- 
GitLab