eoss-ui 0.5.81-beta1 → 0.5.81-beta10

package/packages/main/src/simplicity/sub-menu.vue

@@ -1,31 +1,94 @@
 <template>
-  <div class="es-simplicity-menus">
-    <div class="es-simplicity-menus-box">
-      <div class="es-simplicity-menus-title">{{ text }}</div>
-      <menu-list
-        ref="menus"
-        :data="menus"
-        :menuIcon="menuIcon"
-        :color="color"
-        :backgroundColor="backgroundColor"
-        @command="handleCommand"
-      ></menu-list>
+  <el-drawer
+    class="es-simplicity-subMenus"
+    direction="ltr"
+    modal-class="es-simplicity-apps-modal"
+    size="auto"
+    :modal-append-to-body="false"
+    :close-on-press-escape="false"
+    :modal="false"
+    :with-header="false"
+    :wrapperClosable="false"
+    :visible.sync="show"
+  >
+    <div class="es-simplicity-menus">
+      <div class="es-simplicity-menus-box" :style="{ width: width + 'px' }">
+        <div class="es-simplicity-menus-title">
+          <span class="es-simplicity-menus-title-text" v-if="!fold">{{
+            title || text
+          }}</span>
+          <i
+            class="es-icon-shouqicaidan es-simplicity-menus-title-icon"
+            v-show="!fold"
+            @click="handleFold(true)"
+          ></i>
+          <i
+            class="es-icon-shouqicaidan-right es-simplicity-menus-title-icon"
+            v-show="fold"
+            @click="handleFold(false)"
+          ></i>
+        </div>
+        <menu-list
+          :active="active"
+          :data="menus"
+          :menuIcon="menuIcon"
+          :color="color"
+          :backgroundColor="backgroundColor"
+          :fold="fold"
+          :width="size"
+          @menter="
+            (res) => {
+              this.getData(res, 0, true);
+            }
+          "
+          @mleave="
+            (res) => {
+              this.getData(res, 0, false);
+            }
+          "
+          @hover="handleHover"
+          @command="handleCommand"
+        ></menu-list>
+      </div>
+      <div
+        class="es-simplicity-menus-view"
+        @mouseleave="handleLeave"
+        @mouseenter="handleEnter"
+        v-show="subMenus.length"
+      >
+        <div
+          class="es-simplicity-menus-box"
+          v-for="(item, index) in subMenus"
+          :key="item.id"
+        >
+          <div class="es-simplicity-menus-title">
+            <span class="es-simplicity-menus-title-text">{{
+              item.name || item.text || item.title
+            }}</span>
+          </div>
+          <menu-list
+            :active="active"
+            :data="[...item.children, ...item.fourthTabs]"
+            :menuIcon="menuIcon"
+            :color="color"
+            :backgroundColor="backgroundColor"
+            :width="size"
+            @menter="
+              (res) => {
+                getData(res, index + 1, true);
+              }
+            "
+            @mleave="
+              (res) => {
+                getData(res, index + 1, false);
+              }
+            "
+            @command="handleCommand"
+          ></menu-list>
+        </div>
+      </div>
     </div>
-    <div
-      class="es-simplicity-menus-box"
-      v-if="subMenus.length"
-      v-for="(item, index) in subMenus"
-      :key="item.id"
-    >
-      <div class="es-simplicity-menus-title">{{ item.text || item.name }}</div>
-      <menu-list
-        :index="index"
-        :data="item.data"
-        :menuIcon="menuIcon"
-        @command="handleCommand"
-      ></menu-list>
-    </div>
-  </div>
+  </el-drawer>
 </template>
 
 <script>
@@ -34,6 +97,9 @@ export default {
   name: 'SubMenu',
   components: { MenuList },
   props: {
+    title: String,
+    active: String,
+    closed: Boolean,
     color: {
       type: [String, Array],
       default: '#fff'
@@ -51,6 +117,11 @@ export default {
         ];
       }
     },
+    size: {
+      type: Number,
+      default: 220
+    },
+    visible: Boolean,
     text: String,
     menuIcon: String,
     children: {
@@ -68,56 +139,87 @@ export default {
   },
   data() {
     return {
-      active: '',
-      subMenus: []
+      fold: this.closed,
+      width: this.size,
+      subMenus: [],
+      isEnter: false,
+      timer: null
     };
   },
   computed: {
     menus() {
       return [...this.children, ...this.fourthTabs];
+    },
+    show: {
+      get() {
+        return this.visible;
+      },
+      set(val) {
+        this.$emit('update:visible', val);
+        return val;
+      }
+    }
+  },
+  watch: {
+    closed(val) {
+      this.fold = val;
+      if (val) {
+        this.width = 48;
+      } else {
+        this.width = this.size;
+      }
     }
   },
-  watch: {},
   created() {},
   mounted() {},
   methods: {
-    handleCommand(res, num) {
-      if (res.url) {
-        if (res.urlopenmode == 1) {
-          util.win.open(res.url);
-        } else if (res.urlopenmode == 2) {
-          util.win.location.href = res.url;
-        } else {
-          this.$emit('command', res);
-        }
-      } else if (this.active !== res.id) {
-        this.active = res.id;
-        this.subMenus = [];
+    handleFold(res) {
+      this.fold = res;
+      if (res) {
+        this.width = 48;
+      } else {
+        this.width = this.size;
       }
-      let data = [...(res.children || []), ...(res.fourthTabs || [])];
-      if (data.length) {
-        if (num === undefined) {
-          this.subMenus = [{ ...res, data: data }];
-        } else {
-          this.subMenus.push({ ...res, data: data });
+      this.$emit('update:closed', res);
+    },
+    handleCommand(res) {
+      this.$emit('command', res);
+    },
+    getData(res, n, is) {
+      this.isEnter = is;
+      if (is) {
+        this.subMenus.splice(n);
+        let { children, fourthTabs } = res;
+        if (
+          (children && children.length) ||
+          (fourthTabs && fourthTabs.length)
+        ) {
+          this.subMenus = this.subMenus.concat(res);
         }
-        this.$emit(
-          'command',
-          num === undefined ? 2 : 2 + parseInt(num, 10) + 1
-        );
       } else {
-        if (num === undefined) {
-          this.$emit('command', 1);
-          this.subMenus = [];
-        } else {
-          this.subMenus.splice(parseInt(num, 10) + 1, 1);
-          this.$emit('command', 2 + parseInt(num, 10));
+        if (n == 0) {
+          clearTimeout(this.timer);
+          this.timer = setTimeout(() => {
+            if (res && !this.isEnter) {
+              this.subMenus = [];
+            }
+          }, 200);
         }
       }
     },
+    handleHover(res) {
+      this.isEnter = res;
+      //if(this)
+    },
     clearSubmenu() {
       this.$refs.menus.clearActive();
       this.subMenus = [];
+    },
+    handleLeave() {
+      this.subMenus = [];
+    },
+    handleEnter() {
+      this.isEnter = true;
     }
   }
 };

package/packages/main/src/simplicity/user.vue

@@ -42,7 +42,11 @@
     </div>
     <div class="es-simplicity-notice-type" v-if="userScanBindImgUrl">
       <div class="es-simplicity-notice-title">微信公众号：</div>
-      <img class="es-simplicity-qrcode" @click="getQrcode" :src="qrcode" />
+      <el-image
+        class="es-simplicity-qrcode"
+        @click="getQrcode"
+        :src="qrcode"
+      ></el-image>
     </div>
     <div class="es-simplicity-notice-type">
       <div class="es-simplicity-notice-title">接收消息类型：</div>
@@ -58,15 +62,15 @@
       修改密码 <i class="es-icon-arrow-right"></i>
     </div>
     <es-dialog title="修改密码" :visible.sync="visible">
-      <userinfo v-if="visible" :contents="contents" :value="userInfo">
-      </userinfo>
+      <user-info v-if="visible" :contents="contents" :value="userInfo">
+      </user-info>
     </es-dialog>
   </div>
 </template>
 
 <script>
 import avatar from './avatar.vue';
-import userinfo from './userinfo.vue';
+import userInfo from './userinfo.vue';
 import util from 'eoss-ui/src/utils/util';
 import { debounce } from 'throttle-debounce';
 import {
@@ -76,7 +80,7 @@ import {
 } from 'eoss-ui/src/config/api.js';
 export default {
   name: 'User',
-  components: { avatar, userinfo },
+  components: { avatar, userInfo },
   props: {
     notify: String,
     notifyList: Array,
@@ -133,6 +137,7 @@ export default {
             this.checkPassword = results.checkPassword;
             this.checkPasswordMsg = results.checkPasswordMsg;
             this.headImgCode = results.headImgCode || undefined;
+            this.$emit('success', results);
           } else {
             let msg = res.msg || '系统错误，请联系管理员！';
             this.$message.error(msg);

package/packages/main/src/simplicity/userinfo.vue

@@ -16,6 +16,7 @@ import { updateUserInfo } from 'eoss-ui/src/config/api.js';
 import util from 'eoss-ui/src/utils/util';
 
 export default {
+  name: 'UserInfo',
   props: {
     showNotify: {
       type: Boolean,

package/packages/select/src/main.vue

@@ -498,7 +498,10 @@ export default {
             }
           }
         } else {
-          if (typeof data === 'string' || !data.length) {
+          if (
+            typeof data === 'string' ||
+            (!data.length && !this.sysCode && !this.url)
+          ) {
             return value;
           }
           if (Array.isArray(data) && data.length) {

package/packages/selector/src/main.vue

@@ -86,7 +86,7 @@
                 'es-pointer': !filterable,
                 'es-zindex-2': focus
               }"
-              :tabindex="multiple ? '-1' : null"
+              :tabindex="tabindex"
               v-popover:popover
               @dblclick.native="openDialog"
               @focus="handleFocus"
@@ -129,7 +129,7 @@
               'es-plain': this.plain,
               'es-pointer': !filterable
             }"
-            :tabindex="multiple ? '-1' : null"
+            :tabindex="tabindex"
             @dblclick.native="openDialog"
             @clear="handleClear"
           >
@@ -296,6 +296,10 @@ export default {
         return ['enterprise', 'person'];
       }
     },
+    tabindex: {
+      type: [String, Number],
+      default: -1
+    },
     filterable: {
       type: Boolean,
       default: false

package/packages/selector-panel/src/main.vue

@@ -30,6 +30,9 @@
             class="es-selector-selection-toolbar"
             v-if="multiple || isShowTree"
           >
+            <el-form-item>
+              <es-switch v-model="showDisabled" :data="options"></es-switch>
+            </el-form-item>
             <el-form-item>
               <el-checkbox
                 v-show="multiple && !max"
@@ -78,6 +81,7 @@
             :label-key="labelKey"
             :multiple="mix ? mix : multiple"
             :max="max"
+            :showDisabled="showDisabled"
           ></selection>
           <selection
             v-model="checkeds"
@@ -158,12 +162,7 @@ export default {
       default: false
     },
     //页签
-    tabs: {
-      type: Object,
-      default() {
-        return;
-      }
-    },
+    tabs: Object,
     filtrate: {
       type: [Boolean, Object],
       default() {
@@ -228,7 +227,18 @@ export default {
       activeName: '',
       selections: [],
       checkboxs: [],
-      checkeds: null
+      checkeds: null,
+      showDisabled: true,
+      options: [
+        {
+          value: true,
+          name: '展示'
+        },
+        {
+          value: false,
+          name: '过滤'
+        }
+      ]
     };
   },
   computed: {
@@ -815,7 +825,11 @@ export default {
         if (res) {
           if (this.isShowTree) {
             this.nodeData.checkAll = true;
-            let checkeds = this.checkeds.concat(this.checkboxs);
+            let checkeds = this.checkeds.concat(
+              this.checkboxs.filter((item) => {
+                return item.disabled !== true;
+              })
+            );
             if (checkeds.length > 0) {
               this.checkeds = util.arrUnique(
                 checkeds,

package/packages/selector-panel/src/selection.vue

@@ -11,6 +11,7 @@
         <el-radio
           v-for="(item, index) in data"
           :key="index"
+          v-show="item.disabled ? showDisabled : true"
           v-bind="getprops($attrs, item)"
           :label="isObject || typeof item == 'string' ? item : item[valKey]"
           :disabled="typeof item == 'string' ? false : item.disabled"
@@ -33,6 +34,7 @@
         <el-checkbox
           v-for="(item, index) in data"
           :key="index"
+          v-show="item.disabled ? showDisabled : true"
           v-bind="getprops($attrs, item)"
           :label="isObject || typeof item == 'string' ? item : item[valKey]"
           :disabled="typeof item == 'string' ? false : item.disabled"
@@ -54,6 +56,10 @@ export default {
   name: 'Selection',
   props: {
     value: [String, Array, Object],
+    showDisabled: {
+      type: Boolean,
+      default: true
+    },
     genre: String,
     valueKey: {
       type: String,