eoss-ui 0.5.75 → 0.5.77

package/packages/toolbar/src/main.vue

@@ -137,8 +137,16 @@ export default {
     let filter = [];
 
     this.contents.forEach((items) => {
-      let { config, type, reset, multiCondition, contents, group, ...other } =
-        items;
+      let {
+        config,
+        type,
+        reset,
+        multiCondition,
+        contents,
+        group,
+        events,
+        ...other
+      } = items;
       if (type === 'text') {
         text = [
           h(
@@ -370,10 +378,12 @@ export default {
                           model: this.advancedData,
                           contents: contents
                         },
-                        on: {
-                          submit: this.hanleSubmit,
-                          reset: this.hanleCancel
-                        }
+                        on: events
+                          ? events
+                          : {
+                              submit: this.hanleSubmit,
+                              reset: this.hanleCancel
+                            }
                       },
                       []
                     )

package/packages/tree/src/main.vue

@@ -365,6 +365,18 @@ export default {
           this.$refs.oaTree.filter(val);
         }
       }
+    },
+    param: {
+      deep: true,
+      handler() {
+        this.getTreeData();
+      }
+    },
+    where: {
+      deep: true,
+      handler() {
+        this.getTreeData();
+      }
     }
   },
   beforeCreate() {
@@ -393,7 +405,7 @@ export default {
     },
     //获取树节点
     getTreeDatas(param) {
-      let params = util.extend({}, this.param, this.where, param);
+      let params = util.extend({}, this.param, this.where, param || {});
       if (!this.url || !this.isRemote) return;
       this.loading = true;
       util

package/packages/tree-group/src/main.vue

@@ -87,7 +87,7 @@
         <template v-if="buttons" slot="button">
           <es-button
             v-for="(item, index) in buttons"
-            :key="index"
+            :key="item.id || index"
             size="small"
             v-bind="item"
             v-on="item.events"
@@ -112,11 +112,15 @@
       >
       </es-tabs> -->
         <es-data-table
-          :key="count"
           v-else-if="table"
           size="mini"
-          v-bind="{ close: true, ...table }"
-          :param="param"
+          v-bind="
+            handleExclAttribute({
+              data: { close: true, ...table },
+              attrs: ['param']
+            })
+          "
+          :param="params"
           :ref="table.ref ? table.ref : 'esDataTable'"
           v-on="{ ...$listeners, ...table.events }"
         >
@@ -276,17 +280,6 @@ export default {
           return 'wujie';
         }
       }
-    },
-    param() {
-      if (this.params) {
-        return this.params;
-      } else if (
-        this.table &&
-        Object.prototype.hasOwnProperty.call(this.table, 'param')
-      ) {
-        return this.table.param;
-      }
-      return undefined;
     }
   },
   watch: {
@@ -306,34 +299,23 @@ export default {
         }
       }
     },
+    'table.param': {
+      immediate: true,
+      deep: true,
+      handler(val, old) {
+        if (!util.isObjectEqual(val, old)) {
+          this.params = JSON.parse(JSON.stringify(val || {}));
+        }
+      }
+    },
     checkeds: {
       deep: true,
       handler() {
         let params = this.setParams();
         if (params) {
-          if (
-            this.table &&
-            Object.prototype.hasOwnProperty.call(this.table, 'param')
-          ) {
-            this.params = util.extend(true, this.table.param, params);
-          } else {
-            this.params = params;
-          }
+          this.params = { ...this.params, ...params };
         }
       }
-    },
-    //监听table，变化后重新加载，解决点击树节点后改变table对象导致的样式错乱问题
-    table: {
-      handler(val, oldVal) {
-        if (val && val.param) {
-          this.params = { ...this.params, ...val.param };
-        }
-        if (oldVal && val && val.url !== oldVal.url) {
-          this.count++;
-        }
-      },
-      deep: true,
-      immediate: true
     }
   },
   data() {
@@ -341,13 +323,18 @@ export default {
       active: '0',
       checkeds: null,
       params: null,
-      count: 0,
       wjprops: {}
     };
   },
   created() {},
   mounted() {},
   methods: {
+    handleExclAttribute({ data, attrs }) {
+      return util.exclAttribute({
+        data: data,
+        attrs: attrs
+      });
+    },
     getUrl(url, param, res) {
       let urls = url.split('?');
       if (urls[0].indexOf('.js') > 0) {

package/packages/wxlogin/src/main.vue

@@ -1,16 +1,17 @@
 <template>
   <div
     id="wxqrcode"
+    ref="wxqrcode"
     class="es-wx-qrcode"
-    :style="{ width: width, height: height }"
+    :style="{ width: mwidth, height: mheight }"
   >
     <iframe
-      v-if="src"
+      v-if="src && mwidth && mheight"
       frameborder="0"
       allowTransparency="true"
       scrolling="no"
-      :width="width"
-      :height="height"
+      :width="mwidth"
+      :height="mheight"
       :src="src"
     ></iframe>
   </div>
@@ -28,7 +29,7 @@ export default {
       default: false
     },
     appid: {
-      required: true,
+      //required: true,
       type: String
     },
     scope: {
@@ -36,20 +37,20 @@ export default {
       type: [String, Array]
     },
     redirect_uri: {
-      required: true,
+      //required: true,
       type: String
     },
     state: String,
     color: {
       type: String,
-      validator: value => {
+      validator: (value) => {
         return ['black', 'white'].includes(value);
       }
     },
     href: String,
     lang: {
       type: String,
-      validator: value => {
+      validator: (value) => {
         return ['en', 'cn'].includes(value);
       }
     },
@@ -59,8 +60,9 @@ export default {
     },
     height: {
       type: String,
-      default: '400px'
+      default: '300px'
     },
+    auto: Boolean,
     param: {
       type: Object,
       default() {
@@ -70,15 +72,31 @@ export default {
   },
   data() {
     return {
-      src: ''
+      src: '',
+      mwidth: 0,
+      mheight: 0
     };
   },
   computed: {},
   watch: {},
-  created() {
+  created() {},
+  mounted() {
+    if (this.auto) {
+      let parent = this.$refs.wxqrcode.parentNode;
+      let h =
+        parent.offsetHeight -
+        parseInt(util.getStyle(parent, 'padding-top'), 10) -
+        parseInt(util.getStyle(parent, 'padding-bottom'), 10);
+      if (h > 0) {
+        this.mwidth = h + 'px';
+        this.mheight = h + 'px';
+      }
+    } else {
+      this.mwidth = this.width;
+      this.mheight = this.height;
+    }
     this.wxLogin();
   },
-  mounted() {},
   methods: {
     wxLogin() {
       let option = util.extend(

package/src/index.js

@@ -121,7 +121,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '0.5.75',
+  version: '0.5.77',
   install,
   Button,
   ButtonGroup,

package/src/utils/util.js

@@ -2283,6 +2283,31 @@ const isObject = function (obj) {
   );
 };
 
+/**
+ * isObjectEqual
+ * @desc:判断对象是否相等
+ * @author huangbo
+ * @date 2022年5月7日
+ * @param {Object} [obj] - 对象
+ * @param {Object} [_obj] - 对象
+ **/
+const isObjectEqual = function (obj, _obj) {
+  if ((obj === undefined && _obj) || (obj && _obj === undefined)) {
+    return false;
+  }
+  var aProps = Object.getOwnPropertyNames(obj);
+  var bProps = Object.getOwnPropertyNames(_obj);
+  if (aProps.length !== bProps.length) {
+    return false;
+  }
+  for (let i in obj) {
+    if (obj[i] !== _obj[i]) {
+      return false;
+    }
+  }
+  return true;
+};
+
 /**
  * jointUrl
  * @desc:判断url地址是否以字符开头，没有则添加
@@ -3137,6 +3162,7 @@ export default {
   isLogged,
   isLogined,
   isObject,
+  isObjectEqual,
   jointUrl,
   loadJs,
   loading,