meixioacomponent 0.3.85 → 0.3.86

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "0.3.85",
+  "version": "0.3.86",
   "private": false,
   "author": "YuRi",
   "main": "lib/meixioacomponent.umd.min.js",

package/packages/components/base/baseTreeSelect/index.vue

@@ -6,8 +6,9 @@
     size="mini"
     @visible-change="visibleChange"
     clearable
+    :disabled="disabled"
     :multiple="multiple"
-    style="width: 100%"
+    style="width: 100%;"
     @clear="clear"
     @remove-tag="removeTag"
   >
@@ -19,7 +20,7 @@
       :value="item[`${nodeKey}`]"
       :label="item[`${label}`]"
     >
-      <div style="display: none"></div>
+      <div style="display: none;"></div>
     </el-option>
     <el-tree
       ref="tree"
@@ -39,47 +40,47 @@
 
 <script>
 export default {
-  name: "baseTreeSelect",
+  name: 'baseTreeSelect',
 
   data() {
     return {
       optionData: null,
-    };
+    }
   },
   created() {
-    this.setOptionData();
+    this.setOptionData()
   },
   mounted() {
     if (!this.isEmpty(this.data)) {
-      this.init(this.value);
+      this.init(this.value)
     }
   },
   props: {
     // v-model绑定
     value: {
       type: [String, Number, Array],
-      default: "",
+      default: '',
     },
     // 树形的数据
     data: {
       type: Array,
       default: function () {
-        return [];
+        return []
       },
     },
     // 每个树节点用来作为唯一标识的属性
     nodeKey: {
       type: [String, Number],
-      default: "id",
+      default: 'id',
     },
     // tree的props配置
     props: {
       type: Object,
       default: function () {
         return {
-          label: "label",
-          children: "children",
-        };
+          label: 'label',
+          children: 'children',
+        }
       },
     },
 
@@ -92,83 +93,88 @@ export default {
       type: Boolean,
       default: false,
     },
+
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
   },
   computed: {
     label() {
-      return this.$props.props.label;
+      return this.$props.props.label
     },
   },
   methods: {
     // 设置optionsData
     setOptionData() {
-      this.optionData = [];
-      let obj = {};
-      this.$set(obj, `${this.label}`, "");
-      this.$set(obj, `${this.$props.nodeKey}`, "");
-      this.optionData.push(obj);
+      this.optionData = []
+      let obj = {}
+      this.$set(obj, `${this.label}`, '')
+      this.$set(obj, `${this.$props.nodeKey}`, '')
+      this.optionData.push(obj)
     },
     // 是否为空
     isEmpty(val) {
       for (let key in val) {
-        return false;
+        return false
       }
-      return true;
+      return true
     },
     // 当选择器为单选时调用该方法
     handleNodeClick(data) {
-      if (this.$props.multiple) return;
-      let props = this.$props.props;
+      if (this.$props.multiple) return
+      let props = this.$props.props
       if (data[`${props.children}`]) {
         if (this.$props.checkFather) {
-          this.$emit("input", data[this.nodeKey]);
-          this.$refs.select.visible = false;
+          this.$emit('input', data[this.nodeKey])
+          this.$refs.select.visible = false
         } else {
           // 当父节点不能点击时，不让它高亮
-          this.$refs.tree.setCurrentKey(this.value);
+          this.$refs.tree.setCurrentKey(this.value)
         }
       } else {
-        this.$emit("input", data[this.nodeKey]);
-        this.$refs.select.visible = false;
+        this.$emit('input', data[this.nodeKey])
+        this.$refs.select.visible = false
       }
     },
     // 初始化并且赋值
     init(val) {
       // 是否是多选
       if (this.multiple) {
-        this.setMultipleValue(val);
+        this.setMultipleValue(val)
       } else {
-        this.setSingleValue(val);
+        this.setSingleValue(val)
       }
     },
     // 当选择框出现时
     visibleChange(e) {
       if (e) {
-        let selectDom = document.querySelector(".is-current");
+        let selectDom = document.querySelector('.is-current')
         this.$nextTick(() => {
-          this.$refs.select.scrollToOption({ $el: selectDom });
-        });
+          this.$refs.select.scrollToOption({ $el: selectDom })
+        })
       }
     },
     // 清空值
     clear() {
-      this.$emit("input", "");
+      this.$emit('input', '')
     },
     // 多选被选择时
     handleNodeMultiplyClick(
       checkedNodes,
       checkedKeys,
       halfCheckedNodes,
-      halfCheckedKeys
+      halfCheckedKeys,
     ) {
-      this.$emit("input", checkedKeys.checkedKeys);
+      this.$emit('input', checkedKeys.checkedKeys)
     },
     // 移除tag时
     removeTag(e) {
       let index = this.value.findIndex((item) => {
-        return item == e;
-      });
+        return item == e
+      })
       if (index > -1) {
-        this.value.splice(index, 1);
+        this.value.splice(index, 1)
       }
     },
 
@@ -176,21 +182,21 @@ export default {
     setMultipleValue(val) {
       if (val.length > 0) {
         this.$nextTick(() => {
-          let nodeKey = this.$props.nodeKey;
-          let label = this.label;
-          this.$refs.tree.setCheckedKeys(val, false);
-          let nodes = this.$refs.tree.getCheckedNodes();
-          this.optionData = [];
+          let nodeKey = this.$props.nodeKey
+          let label = this.label
+          this.$refs.tree.setCheckedKeys(val, false)
+          let nodes = this.$refs.tree.getCheckedNodes()
+          this.optionData = []
           nodes.forEach((item) => {
-            let obj = {};
-            this.$set(obj, `${nodeKey}`, item[`${nodeKey}`]);
-            this.$set(obj, `${label}`, item[`${label}`]);
-            this.optionData.push(obj);
-          });
-        });
+            let obj = {}
+            this.$set(obj, `${nodeKey}`, item[`${nodeKey}`])
+            this.$set(obj, `${label}`, item[`${label}`])
+            this.optionData.push(obj)
+          })
+        })
       } else {
-        this.setOptionData();
-        this.$refs.tree.setCheckedKeys([]);
+        this.setOptionData()
+        this.$refs.tree.setCheckedKeys([])
       }
     },
 
@@ -198,29 +204,29 @@ export default {
     setSingleValue(val) {
       if (val) {
         this.$nextTick(() => {
-          this.$refs.tree.setCurrentKey(val);
-          let node = this.$refs.tree.getNode(val);
-          this.optionData[0][`${this.$props.nodeKey}`] = val;
-          this.optionData[0][`${this.label}`] = node[`${this.label}`];
-        });
+          this.$refs.tree.setCurrentKey(val)
+          let node = this.$refs.tree.getNode(val)
+          this.optionData[0][`${this.$props.nodeKey}`] = val
+          this.optionData[0][`${this.label}`] = node[`${this.label}`]
+        })
       } else {
-        this.$refs.tree.setCurrentKey(null);
+        this.$refs.tree.setCurrentKey(null)
       }
     },
   },
   watch: {
     value: function (val) {
       if (!this.isEmpty(this.data)) {
-        this.init(val);
+        this.init(val)
       }
     },
     data: function (val) {
       if (!this.isEmpty(val)) {
-        this.init(this.value);
+        this.init(this.value)
       }
     },
   },
-};
+}
 </script>
 
 <style lang="less" scoped>