eoss-ui 0.4.80 → 0.4.81

package/packages/label/src/main.vue

@@ -77,18 +77,51 @@ export default {
       e.stopPropagation();
       e.preventDefault();
       if (type) {
-        if (
-          this.events &&
-          this.events[type] &&
-          typeof this.events[type] === 'function'
-        ) {
-          let params = obj ? [obj, e] : [e];
-          this.events[type](...params);
+        if (this.events && this.events[type]) {
+          let params = obj ? [obj, e, this] : [e, this];
+          if (typeof this.events[type] === 'function') {
+            this.events[type]('click', ...params);
+          } else if (
+            this.events[type]['click'] &&
+            typeof this.events[type]['click'] === 'function'
+          ) {
+            this.events[type]['click'](...params);
+          }
         }
       } else {
         this.event && this.event(this, e);
         this.$emit('click', this, e);
       }
+    },
+    handleMouseenter(e, type, obj) {
+      e.stopPropagation();
+      e.preventDefault();
+      if (type && this.events && this.events[type]) {
+        let params = obj ? [obj, e, this] : [e, this];
+        if (typeof this.events[type] === 'function') {
+          this.events[type]('mouseenter', ...params);
+        } else if (
+          this.events[type]['mouseenter'] &&
+          typeof this.events[type]['mouseenter'] === 'function'
+        ) {
+          this.events[type]['mouseenter'](...params);
+        }
+      }
+    },
+    handleMouseleave(e, type, obj) {
+      e.stopPropagation();
+      e.preventDefault();
+      if (type && this.events && this.events[type]) {
+        let params = obj ? [obj, e, this] : [e, this];
+        if (typeof this.events[type] === 'function') {
+          this.events[type]('mouseleave', ...params);
+        } else if (
+          this.events[type]['mouseleave'] &&
+          typeof this.events[type]['mouseleave'] === 'function'
+        ) {
+          this.events[type]['mouseleave'](...params);
+        }
+      }
     }
   },
   render(h) {
@@ -116,6 +149,12 @@ export default {
                 on: {
                   click: (e) => {
                     this.handleClick(e, 'icon');
+                  },
+                  mouseenter: (e) => {
+                    this.handleMouseenter(e, 'icon');
+                  },
+                  mouseleave: (e) => {
+                    this.handleMouseleave(e, 'icon');
                   }
                 }
               })
@@ -133,6 +172,12 @@ export default {
                   on: {
                     click: (e) => {
                       this.handleClick(e, 'icon');
+                    },
+                    mouseenter: (e) => {
+                      this.handleMouseenter(e, 'icon');
+                    },
+                    mouseleave: (e) => {
+                      this.handleMouseleave(e, 'icon');
                     }
                   }
                 },
@@ -140,16 +185,26 @@ export default {
               )
             );
           } else {
+            let icon =
+              this.icon.indexOf('es-') > -1
+                ? 'es-icon-' + this.icon.replace('es-', '')
+                : 'el-icon-' + this.icon.replace('el-', '');
             doms.push(
-              h('el-icon', {
+              h('i', {
                 class: [
+                  icon,
                   'es-label-icon',
                   this.events && this.events['icon'] ? 'es-pointer' : ''
                 ],
-                props: { name: this.icon },
                 on: {
                   click: (e) => {
                     this.handleClick(e, 'icon');
+                  },
+                  mouseenter: (e) => {
+                    this.handleMouseenter(e, 'icon');
+                  },
+                  mouseleave: (e) => {
+                    this.handleMouseleave(e, 'icon');
                   }
                 }
               })
@@ -169,6 +224,12 @@ export default {
               on: {
                 click: (e) => {
                   this.handleClick(e, this.image ? 'image' : 'img');
+                },
+                mouseenter: (e) => {
+                  this.handleMouseenter(e, this.image ? 'image' : 'img');
+                },
+                mouseleave: (e) => {
+                  this.handleMouseleave(e, this.image ? 'image' : 'img');
                 }
               }
             })
@@ -227,6 +288,12 @@ export default {
                     on: {
                       click: (e) => {
                         this.handleClick(e, 'icon');
+                      },
+                      mouseenter: (e) => {
+                        this.handleMouseenter(e, 'icon');
+                      },
+                      mouseleave: (e) => {
+                        this.handleMouseleave(e, 'icon');
                       }
                     }
                   })
@@ -244,6 +311,12 @@ export default {
                       on: {
                         click: (e) => {
                           this.handleClick(e, 'icon');
+                        },
+                        mouseenter: (e) => {
+                          this.handleMouseenter(e, 'icon');
+                        },
+                        mouseleave: (e) => {
+                          this.handleMouseleave(e, 'icon');
                         }
                       }
                     },
@@ -251,16 +324,26 @@ export default {
                   )
                 );
               } else {
+                let icon =
+                  this.contents[i].indexOf('es-') > -1
+                    ? 'es-icon-' + this.contents[i].replace('es-', '')
+                    : 'el-icon-' + this.contents[i].replace('el-', '');
                 doms.push(
-                  h('el-icon', {
+                  h('i', {
                     class: [
+                      icon,
                       'es-label-icon',
                       this.events && this.events['icon'] ? 'es-pointer' : ''
                     ],
-                    props: { name: this.contents[i] },
                     on: {
                       click: (e) => {
                         this.handleClick(e, 'icon');
+                      },
+                      mouseenter: (e) => {
+                        this.handleMouseenter(e, 'icon');
+                      },
+                      mouseleave: (e) => {
+                        this.handleMouseleave(e, 'icon');
                       }
                     }
                   })
@@ -278,6 +361,12 @@ export default {
                   on: {
                     click: (e) => {
                       this.handleClick(e, 'img');
+                    },
+                    mouseenter: (e) => {
+                      this.handleMouseenter(e, 'img');
+                    },
+                    mouseleave: (e) => {
+                      this.handleMouseleave(e, 'img');
                     }
                   }
                 })
@@ -293,7 +382,13 @@ export default {
                   attrs: { src: this.contents[i] },
                   on: {
                     click: (e) => {
-                      this.handleClick(e, 'img');
+                      this.handleClick(e, 'image');
+                    },
+                    mouseenter: (e) => {
+                      this.handleMouseenter(e, 'image');
+                    },
+                    mouseleave: (e) => {
+                      this.handleMouseleave(e, 'image');
                     }
                   }
                 })

package/packages/theme-chalk/lib/flow.css

@@ -1 +1 @@
-@charset "UTF-8";.commonOpinion-set,.es-flow-index{-webkit-box-orient:vertical;-webkit-box-direction:normal}.es-common-opinions,.es-fenyue-buttons,.es-flow-buttons,.es-flow-title,.es-opinion{padding:0 12px}.es-user-defined{display:-webkit-box;display:-ms-flexbox;display:flex}.es-user-defined .el-button--primary{-webkit-box-flex:1;-ms-flex:1;flex:1}.no-checked .el-checkbox__input{display:none!important}.es-flow-index{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.es-flow-index .el-checkbox-group{display:contents}.es-flow-index .es-eidt-title{font-size:13px;color:#333;line-height:20px}.es-flow-index .es-flow-top{height:350px}.es-flow-index .es-flow-top .es-flow-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px}.es-flow-index .es-flow-top .es-flow-title .es-icon{margin:0 4px}.es-flow-index .es-flow-top .es-opinion{display:-webkit-box;display:-ms-flexbox;display:flex;margin:8px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.es-flow-index .es-flow-top .es-opinion .es-opinion-file{cursor:pointer;position:relative}.es-flow-index .es-flow-top .es-opinion .es-opinion-file .es-file-num{color:red}.es-flow-index .es-button-agree{width:calc(43% - 15px)}.es-flow-index .es-button-agree-save{margin-top:10px}.commonOpinion-set{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.commonOpinion-set .el-table__body-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}.es-flow-index-shrink{width:24px}.es-flow-index-shrink img{cursor:pointer;width:24px;height:24px}.es-flow-form .el-checkbox-group{display:contents}.es-flow-index .el-input-group--prepend>.el-input__inner,.es-flow-index .select-process>.el-input__inner{display:none!important}.es-flow-form .el-textarea:first-child,.es-flow-index .el-textarea{width:100%;margin-bottom:10px!important}.es-flow-form .es-opinions .el-select,.es-flow-index .el-select{width:calc(100% + 40px)!important}.es-flow-index .el-select .el-input{width:100%;height:40px}.es-flow-index .process .el-select{width:calc(100% + 40px)!important}.es-flow-index .input-with-select .el-input-group__prepend{background-color:#fff;width:100%}.es-flow-index .select-process .el-input-group__append{height:40px}.es-flow-index button.el-button.sub.el-button--primary.el-button--medium{width:calc(100% - 85px)}.es-flow-index .el-input-group--prepend>.el-input-group__append{height:40px}.es-flow-index .demo-dynamic .el-select{width:100%!important}.es-flow-index .demo-dynamic .select-process .el-select,.es-flow-index .demo-dynamic .selectUser,.es-flow-index.task-union-examine .el-select{width:calc(100% + 40px)!important}.es-flow-index .el-input.el-input-group.el-input-group--append.el-input-group--prepend{margin:0!important}.es-flow-index .demo-dynamic,.es-flow-index .es-footer-btn{margin-top:10px}.es-flow-index .es-footer-btn .el-button+.el-button{margin:10px 10px 0 0}.es-flow-index .el-input.is-disabled .el-input__inner{color:#606266}.es-flow-index .btn{margin-right:10px}.es-flow-index .es-info{padding:0 8px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden}.es-flow-index .es-info::-webkit-scrollbar{width:5px}.es-flow-index .news{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;padding:10px 0}.es-flow-index .news .sj,.show{width:10px;height:10px;border-right:1px solid #000;border-bottom:1px solid #000;margin-right:10px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transition:.5s;transition:.5s}.es-flow-index .news .show{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.es-flow-index .el-checkbox{margin:0 10px 10px 0}.es-flow-index .info::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.1);-webkit-box-shadow:inset006pxrgba(0,0,0,.5)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{right:5px!important}.es-flow-form .input-with-select{width:100%;margin-top:0}.es-flow-form .el-select{width:100%}.es-flow-form .es-opinions .el-select{width:calc(100% + 40px)!important}.select-users .el-input-group__append .el-button span,.select-users .no-icon .el-input-group__append{display:none}.select-users .el-input-group__append{background-color:#1890ff}.select-users .el-input-group__append .el-button i{font-size:18px;color:#fff}.es-flow-form .input-with-select .el-input-group__prepend{background-color:#fff;width:100%}.es-flow-form .el-input-group--prepend>.el-input__inner{display:none!important}.es-flow-form button.el-button.sub.el-button--danger.el-button--medium{width:calc(100% - 85px)}.es-flow-form .el-input-group--prepend>.el-input-group__append{height:40px}.es-flow-form .el-form-item__label{font-weight:700}.es-flow-form .el-input.is-disabled .el-input__inner{color:#000}.select-user{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.select-user .left{width:30%}.select-user .right{padding:3px;width:69%}.select-user .el-checkbox{width:170px;margin-top:11px;margin-bottom:11px}.select-user .all{margin:0!important}
+@charset "UTF-8";.commonOpinion-set,.es-flow-index{-webkit-box-orient:vertical;-webkit-box-direction:normal}.es-common-opinions,.es-fenyue-buttons,.es-flow-buttons,.es-flow-title,.es-opinion{padding:0 12px}.es-user-defined{display:-webkit-box;display:-ms-flexbox;display:flex}.es-user-defined .el-button--primary{-webkit-box-flex:1;-ms-flex:1;flex:1}.no-checked .el-checkbox__input{display:none!important}.es-flow-index{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.es-flow-index .el-checkbox-group{display:contents}.es-flow-index .es-eidt-title{font-size:13px;color:#333;line-height:20px}.es-flow-index .es-flow-top{height:350px}.es-flow-index .es-flow-top .es-flow-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px}.es-flow-index .es-flow-top .es-flow-title .es-icon{margin:0 4px}.es-flow-index .es-flow-top .es-opinion{display:-webkit-box;display:-ms-flexbox;display:flex;margin:8px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.es-flow-index .es-flow-top .es-opinion .es-opinion-file{cursor:pointer;position:relative}.es-flow-index .es-flow-top .es-opinion .es-opinion-file .es-file-num{color:red}.es-flow-index .es-button-agree{width:calc(43% - 15px)}.es-flow-index .es-button-agree-save{margin-top:10px}.commonOpinion-set{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.commonOpinion-set .el-table__body-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}.es-flow-index-shrink{width:24px}.es-flow-index-shrink img{cursor:pointer;width:24px;height:24px}.es-flow-btn:hover{background-color:#F5F5F5;color:#1890ff}.es-flow-btn:hover ::v-deep .el-popover{padding:12px 0!important}.es-flow-form .el-checkbox-group{display:contents}.es-flow-index .el-input-group--prepend>.el-input__inner,.es-flow-index .select-process>.el-input__inner{display:none!important}.es-flow-form .el-textarea:first-child,.es-flow-index .el-textarea{width:100%;margin-bottom:10px!important}.es-flow-form .es-opinions .el-select,.es-flow-index .el-select{width:calc(100% + 40px)!important}.es-flow-index .el-select .el-input{width:100%;height:40px}.es-flow-index .process .el-select{width:calc(100% + 40px)!important}.es-flow-index .input-with-select .el-input-group__prepend{background-color:#fff;width:100%}.es-flow-index .select-process .el-input-group__append{height:40px}.es-flow-index button.el-button.sub.el-button--primary.el-button--medium{width:calc(100% - 85px)}.es-flow-index .el-input-group--prepend>.el-input-group__append{height:40px}.es-flow-index .demo-dynamic .el-select{width:100%!important}.es-flow-index .demo-dynamic .select-process .el-select,.es-flow-index .demo-dynamic .selectUser,.es-flow-index.task-union-examine .el-select{width:calc(100% + 40px)!important}.es-flow-index .el-input.el-input-group.el-input-group--append.el-input-group--prepend{margin:0!important}.es-flow-index .demo-dynamic,.es-flow-index .es-footer-btn{margin-top:10px}.es-flow-index .es-footer-btn .el-button+.el-button{margin:10px 10px 0 0}.es-flow-index .el-input.is-disabled .el-input__inner{color:#606266}.es-flow-index .btn{margin-right:10px}.es-flow-index .es-info{padding:0 8px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden}.es-flow-index .es-info::-webkit-scrollbar{width:5px}.es-flow-index .news{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;padding:10px 0}.es-flow-index .news .sj,.show{width:10px;height:10px;border-right:1px solid #000;border-bottom:1px solid #000;margin-right:10px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transition:.5s;transition:.5s}.es-flow-index .news .show{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.es-flow-index .el-checkbox{margin:0 10px 10px 0}.es-flow-index .info::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.1);-webkit-box-shadow:inset006pxrgba(0,0,0,.5)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{right:5px!important}.es-flow-form .input-with-select{width:100%;margin-top:0}.es-flow-form .el-select{width:100%}.es-flow-form .es-opinions .el-select{width:calc(100% + 40px)!important}.select-users .el-input-group__append .el-button span,.select-users .no-icon .el-input-group__append{display:none}.select-users .el-input-group__append{background-color:#1890ff}.select-users .el-input-group__append .el-button i{font-size:18px;color:#fff}.es-flow-form .input-with-select .el-input-group__prepend{background-color:#fff;width:100%}.es-flow-form .el-input-group--prepend>.el-input__inner{display:none!important}.es-flow-form button.el-button.sub.el-button--danger.el-button--medium{width:calc(100% - 85px)}.es-flow-form .el-input-group--prepend>.el-input-group__append{height:40px}.es-flow-form .el-form-item__label{font-weight:700}.es-flow-form .el-input.is-disabled .el-input__inner{color:#000}.select-user{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.select-user .left{width:30%}.select-user .right{padding:3px;width:69%}.select-user .el-checkbox{width:170px;margin-top:11px;margin-bottom:11px}.select-user .all{margin:0!important}