eoss-ui 0.7.90 → 0.7.91

package/packages/handle-user/src/main.vue

@@ -1,137 +1,137 @@
-<template>
-  <div class="es-handle-user">
-    <img :src="headImg" class="es-user-img" @click="handleClick" />
-    <div class="es-user-info" v-if="user">
-      <div class="es-user-name">{{ user.username || user.userName }}</div>
-      <template v-if="user.identityList && user.identityList.length">
-        <div
-          v-if="user.identityList.length < 2"
-          class="es-user-job"
-          :title="job.name"
-        >
-          {{ job.name }}
-        </div>
-        <el-dropdown
-          trigger="click"
-          v-else
-          placement="bottom-start"
-          @command="handleChange"
-          @visible-change="handleVisibleChange"
-        >
-          <div class="es-user-job es-pointer" :title="job.name">
-            {{ job.name }}<i class="es-icon-tri-down"></i>
-          </div>
-          <el-dropdown-menu
-            slot="dropdown"
-            :max-height="jobScrollbar ? undefined : 0"
-          >
-            <el-dropdown-item
-              v-for="(ele, ins) in user.identityList"
-              :key="ins"
-              :command="ele"
-              :class="{ 'es-job-active': job.id === ele.id }"
-              >{{ ele.name }}</el-dropdown-item
-            >
-          </el-dropdown-menu>
-        </el-dropdown>
-      </template>
-    </div>
-  </div>
-</template>
-
-<script>
-import { switchUserTo } from 'eoss-ui/src/config/api.js';
-import store from 'eoss-ui/src/utils/store';
-import util from 'eoss-ui/src/utils/util';
-export default {
-  name: 'EsHandleUser',
-  props: {
-    jobScrollbar: {
-      type: Boolean,
-      default: true
-    },
-    data: Object,
-    userModel: Object
-  },
-  computed: {
-    user() {
-      return this.userModel ? this.userModel : store.get('userModel');
-    },
-    headImg() {
-      return this.user && this.user.userHeadUrl
-        ? util.jointUrl({
-            url: this.user.userHeadUrl,
-            reg: '/main2'
-          })
-        : 'data:image/png;base64,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';
-    }
-  },
-  watch: {
-    user: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (val && val.identityList) {
-          this.job = val.identityList.filter((item) => {
-            return item.id === val.identityId;
-          })[0];
-          if (!this.job) {
-            console.error('identityId与identityList中的任何id不匹配！');
-            this.job = {};
-          }
-        }
-      }
-    }
-  },
-  data() {
-    return {
-      job: ''
-    };
-  },
-  methods: {
-    handleClick() {
-      this.$emit('click', this.data);
-    },
-    handleChange(item) {
-      if (this.job.id !== item.id) {
-        this.job = item;
-        util
-          .ajax({ url: switchUserTo, params: { userId: item.value } })
-          .then((res) => {
-            if (res.rCode == 0) {
-              util.setStorage({
-                type: this.storage,
-                key: 'userId',
-                value: item.value
-              });
-              this.$message({
-                message: res.msg,
-                type: 'success',
-                duration: 500,
-                onClose: () => {
-                  util.removeStorage(['mainConfig', 'jump']);
-                  let win = util.win.top;
-                  win.location.reload();
-                }
-              });
-            } else {
-              this.$message({
-                message: res.msg || '系统错误，请联系管理员！',
-                type: 'error'
-              });
-            }
-          })
-          .catch((err) => {
-            if (err.message && err.message !== 'canceled') {
-              this.$message.error(err.message);
-            }
-          });
-        this.$emit('change', item);
-      }
-    },
-    handleVisibleChange(res) {
-      this.$emit('visible-change', res);
-    }
-  }
-};
-</script>
+<template>
+  <div class="es-handle-user">
+    <img :src="headImg" class="es-user-img" @click="handleClick" />
+    <div class="es-user-info" v-if="user">
+      <div class="es-user-name">{{ user.username || user.userName }}</div>
+      <template v-if="user.identityList && user.identityList.length">
+        <div
+          v-if="user.identityList.length < 2"
+          class="es-user-job"
+          :title="job.name"
+        >
+          {{ job.name }}
+        </div>
+        <el-dropdown
+          trigger="click"
+          v-else
+          placement="bottom-start"
+          @command="handleChange"
+          @visible-change="handleVisibleChange"
+        >
+          <div class="es-user-job es-pointer" :title="job.name">
+            {{ job.name }}<i class="es-icon-tri-down"></i>
+          </div>
+          <el-dropdown-menu
+            slot="dropdown"
+            :max-height="jobScrollbar ? undefined : 0"
+          >
+            <el-dropdown-item
+              v-for="(ele, ins) in user.identityList"
+              :key="ins"
+              :command="ele"
+              :class="{ 'es-job-active': job.id === ele.id }"
+              >{{ ele.name }}</el-dropdown-item
+            >
+          </el-dropdown-menu>
+        </el-dropdown>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script>
+import { switchUserTo } from 'eoss-ui/src/config/api.js';
+import store from 'eoss-ui/src/utils/store';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'EsHandleUser',
+  props: {
+    jobScrollbar: {
+      type: Boolean,
+      default: true
+    },
+    data: Object,
+    userModel: Object
+  },
+  computed: {
+    user() {
+      return this.userModel ? this.userModel : store.get('userModel');
+    },
+    headImg() {
+      return this.user && this.user.userHeadUrl
+        ? util.jointUrl({
+            url: this.user.userHeadUrl,
+            reg: '/main2'
+          })
+        : 'data:image/png;base64,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';
+    }
+  },
+  watch: {
+    user: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (val && val.identityList) {
+          this.job = val.identityList.filter((item) => {
+            return item.id === val.identityId;
+          })[0];
+          if (!this.job) {
+            console.error('identityId与identityList中的任何id不匹配！');
+            this.job = {};
+          }
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      job: ''
+    };
+  },
+  methods: {
+    handleClick() {
+      this.$emit('click', this.data);
+    },
+    handleChange(item) {
+      if (this.job.id !== item.id) {
+        this.job = item;
+        util
+          .ajax({ url: switchUserTo, params: { userId: item.value } })
+          .then((res) => {
+            if (res.rCode == 0) {
+              util.setStorage({
+                type: this.storage,
+                key: 'userId',
+                value: item.value
+              });
+              this.$message({
+                message: res.msg,
+                type: 'success',
+                duration: 500,
+                onClose: () => {
+                  util.removeStorage(['mainConfig', 'jump']);
+                  let win = util.getWinTop();
+                  win.location.reload();
+                }
+              });
+            } else {
+              this.$message({
+                message: res.msg || '系统错误，请联系管理员！',
+                type: 'error'
+              });
+            }
+          })
+          .catch((err) => {
+            if (err.message && err.message !== 'canceled') {
+              this.$message.error(err.message);
+            }
+          });
+        this.$emit('change', item);
+      }
+    },
+    handleVisibleChange(res) {
+      this.$emit('visible-change', res);
+    }
+  }
+};
+</script>

package/packages/handler/src/main.vue

@@ -450,7 +450,7 @@ export default {
                     if (loginPage) {
                       let src;
                       if (!util.startWith(loginPage, ['http', '/'], true)) {
-                        let pathname = util.win.top.location.pathname;
+                        let pathname = util.getWinTop().location.pathname;
                         if (pathname !== '/') {
                           pathname = pathname.split('/');
                           pathname.splice(pathname.length - 1);
@@ -462,19 +462,21 @@ export default {
                       } else {
                         src = loginPage;
                       }
-                      util.win.top.location.href = src;
+                      util.getWinTop().location.href = src;
                     } else if (
-                      util.win.top.location.href.indexOf('main.html') > -1
+                      util.getWinTop().location.href.indexOf('main.html') > -1
                     ) {
-                      util.win.top.location.href = './login.html';
+                      util.getWinTop().location.href = './login.html';
                     } else {
-                      const hash = util.win.top.location.hash;
+                      const hash = util.getWinTop().location.hash;
                       if (hash) {
-                        const len = util.win.top.location.href.indexOf(hash);
-                        util.win.top.location.href =
+                        const len = util
+                          .getWinTop()
+                          .location.href.indexOf(hash);
+                        util.getWinTop().location.href =
                           util.win.location.href.slice(0, len) + '#/login';
                       } else {
-                        util.win.top.location.href = '/login.html';
+                        util.getWinTop().location.href = '/login.html';
                       }
                     }
                   } catch (error) {}

package/packages/icon/src/main.vue

@@ -1,104 +1,104 @@
-<template>
-  <component
-    :is="tag"
-    :class="[
-      className,
-      { 'es-pointer': Object.keys(event).length, 'es-icon_image': tag == 'img' }
-    ]"
-    :src="tag == 'img' ? url : ''"
-    v-on="event"
-    v-html="code"
-  />
-</template>
-<script>
-import util from 'eoss-ui/src/utils/util';
-import { previewAdjunct } from 'eoss-ui/src/config/api.js';
-export default {
-  name: 'EsIcon',
-  inheritAttrs: true,
-  props: {
-    preview: {
-      type: String,
-      default: `${previewAdjunct}?adjunctId=`
-    },
-    contents: [Object, String]
-  },
-  watch: {
-    contents: {
-      immediate: true,
-      deep: true,
-      handler(val) {
-        if (val) {
-          if (typeof val == 'string' && val) {
-            if (
-              val.indexOf('.jpge') > 1 ||
-              val.indexOf('.jpg') > 1 ||
-              val.indexOf('.gif') > 1 ||
-              val.indexOf('.png') > 1 ||
-              val.indexOf('data:image/jpge;base64') > -1 ||
-              val.indexOf('data:image/jpg;base64') > -1 ||
-              val.indexOf('data:image/gif;base64') > -1 ||
-              val.indexOf('data:image/png;base64') > -1 ||
-              util.startWith(val, ['http', 'https', '/'])
-            ) {
-              this.tag = 'img';
-              this.url = val;
-            } else {
-              this.tag = 'i';
-              if (this.unicode(val)) {
-                this.code = '';
-                this.className = val;
-              } else if (this.isId(val)) {
-                this.tag = 'img';
-                let dochubConfig = sessionStorage.getItem('dochubConfig');
-                if (!dochubConfig) {
-                  this.url = this.preview + val;
-                } else {
-                  dochubConfig = JSON.parse(dochubConfig);
-                  this.url = `${dochubConfig.downloadDocumentUrl}?documentId=${val}`;
-                }
-              } else {
-                this.code = val;
-                this.className = 'es-icon';
-              }
-            }
-          } else {
-            this.code = val.code;
-            this.className = val.class || val.className;
-            val.events && (this.event = val.events);
-          }
-        }
-      }
-    }
-  },
-  data() {
-    return {
-      tag: 'i',
-      url: '',
-      code: '',
-      className: '',
-      event: { click: this.clickd }
-    };
-  },
-  created() {},
-  methods: {
-    clickd(e) {
-      this.$emit('click', e);
-    },
-    unicode(res) {
-      if (!res) {
-        return false;
-      }
-      var reg = new RegExp(/^(es-|el-)\S+/, 'g');
-      return res.match(reg) ? res.match(reg).length : 0;
-    },
-    isId(res) {
-      if (!res) {
-        return false;
-      }
-      var reg = new RegExp(/[a-z0-9]+-[a-z0-9]+-[a-z0-9]+-[a-z0-9]+\S+/, 'g');
-      return res.match(reg) ? res.match(reg).length : 0;
-    }
-  }
-};
-</script>
+<template>
+  <component
+    :is="tag"
+    :class="[
+      className,
+      { 'es-pointer': Object.keys(event).length, 'es-icon_image': tag == 'img' }
+    ]"
+    :src="tag == 'img' ? url : ''"
+    v-on="event"
+    v-html="code"
+  />
+</template>
+<script>
+import util from 'eoss-ui/src/utils/util';
+import { previewAdjunct } from 'eoss-ui/src/config/api.js';
+export default {
+  name: 'EsIcon',
+  inheritAttrs: true,
+  props: {
+    preview: {
+      type: String,
+      default: `${previewAdjunct}?adjunctId=`
+    },
+    contents: [Object, String]
+  },
+  watch: {
+    contents: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (val) {
+          if (typeof val == 'string' && val) {
+            if (
+              val.indexOf('.jpge') > 1 ||
+              val.indexOf('.jpg') > 1 ||
+              val.indexOf('.gif') > 1 ||
+              val.indexOf('.png') > 1 ||
+              val.indexOf('data:image/jpge;base64') > -1 ||
+              val.indexOf('data:image/jpg;base64') > -1 ||
+              val.indexOf('data:image/gif;base64') > -1 ||
+              val.indexOf('data:image/png;base64') > -1 ||
+              util.startWith(val, ['http', 'https', '/'])
+            ) {
+              this.tag = 'img';
+              this.url = val;
+            } else {
+              this.tag = 'i';
+              if (this.unicode(val)) {
+                this.code = '';
+                this.className = val;
+              } else if (this.isId(val)) {
+                this.tag = 'img';
+                let dochubConfig = sessionStorage.getItem('dochubConfig');
+                if (!dochubConfig) {
+                  this.url = this.preview + val;
+                } else {
+                  dochubConfig = JSON.parse(dochubConfig);
+                  this.url = `${dochubConfig.downloadDocumentUrl}?documentId=${val}`;
+                }
+              } else {
+                this.code = val;
+                this.className = 'es-icon';
+              }
+            }
+          } else {
+            this.code = val.code;
+            this.className = val.class || val.className;
+            val.events && (this.event = val.events);
+          }
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      tag: 'i',
+      url: '',
+      code: '',
+      className: '',
+      event: { click: this.clickd }
+    };
+  },
+  created() {},
+  methods: {
+    clickd(e) {
+      this.$emit('click', e);
+    },
+    unicode(res) {
+      if (!res) {
+        return false;
+      }
+      var reg = new RegExp(/^(es-|el-)\S+/, 'g');
+      return res.match(reg) ? res.match(reg).length : 0;
+    },
+    isId(res) {
+      if (!res) {
+        return false;
+      }
+      var reg = new RegExp(/[a-z0-9]+-[a-z0-9]+-[a-z0-9]+-[a-z0-9]+\S+/, 'g');
+      return res.match(reg) ? res.match(reg).length : 0;
+    }
+  }
+};
+</script>