omiu - update popup

packages/omiu/examples/src/docs/en/popup.md

@@ -28,6 +28,7 @@ Popup content layer.
 | ------------- |:-------------:|:-----:|:-------------:|
 | show  | bool |   --    |           |
 | title  | string |   --    |           |
+| width  | number |   --    |           |
 | cancelText  | string |   --    |           |
 | confirmText  | string |   --    |           |
 | onClose  |function |    --   |           |

packages/omiu/examples/src/docs/zh-cn/popup.md

@@ -28,6 +28,7 @@
 | ------------- |:-------------:|:-----:|:-------------:|
 | show  | bool |   --    |           |
 | title  | string |   --    |           |
+| width  | number |   --    |           |
 | cancelText  | string |   --    |           |
 | confirmText  | string |   --    |           |
 | onClose  |function |    --   |           |

packages/omiu/src/popup/_index.css

@@ -17,7 +17,8 @@
   min-height: 200px;
   background-color: white;
   position: fixed;
-  left: 10%;
+  left: 50%;
+  margin-left: -40%; 
   top: 20%;
   border-radius: 4px; 
 }

packages/omiu/src/popup/index.js

@@ -20,7 +20,7 @@ define('o-popup', class extends WeElement {
     if (!props.show) return
     return (
       <div class="o-popup">
-        <div class="content">
+        <div class="content" style={`width:${props.width}px;margin-left:${props.width/-2}px`}>
           <div class="header">
             <span class="title">{props.title}</span>
             <o-icon class="close" scale={1} type="close" onClick={this.close} />