bri-components 1.5.14 → 1.5.16

package/src/components/controls/mixins/cascaderPickerMixin.js

@@ -1,227 +1,227 @@
-export default {
-    mixins: [],
-    components: {},
-    props: {
-        value: {
-            type: Boolean,
-            default: false
-        },
-        multipleMode: {
-            type: Boolean,
-            default: false
-        },
-
-        activeValue: {
-            type: Array,
-            default () {
-                return [];
-            }
-        },
-        data: {
-            type: Array,
-            drfault () {
-                return [];
-            }
-        },
-        propsObj: {
-            type: Object,
-            default () {
-                return {};
-            }
-        }
-    },
-    data () {
-        return {
-            searchName: "",
-            searchMode: "default", // "flat", "default"
-            maxFlatModeSearchNum: 80,
-
-            inputStr: "",
-            selectedValue: [],
-            activeCodeValue: [],
-            selectedValueArr: [], // 多选的选中项
-
-            operationMap: {
-                canCancel: {
-                    name: "取消",
-                    type: "canCancel",
-                    btnType: "cancel",
-                    size: "small",
-                    event: "clickCancel"
-                },
-                canConfirm: {
-                    name: "确认",
-                    type: "canConfirm",
-                    btnType: "primary",
-                    size: "small",
-                    event: "clickConfirm"
-                }
-            }
-        };
-    },
-    computed: {
-        showModal: {
-            get () {
-                return this.value;
-            },
-            set (bool) {
-                this.$emit("input", bool);
-            }
-        },
-
-        selfPropsObj () {
-            return {
-                ...this.propsObj
-            };
-        },
-        saveKey () {
-            return this.selfPropsObj._saveKey;
-        },
-        valueKey () {
-            return this.selfPropsObj._valueKey;
-        },
-        nameKey () {
-            return this.selfPropsObj._nameKey;
-        },
-        disabled () {
-            return this.selfPropsObj._disabled;
-        },
-        clearable () {
-            return this.selfPropsObj._clearable;
-        },
-        resourceKey () {
-            return this.selfPropsObj._resourceKey;
-        },
-        filterable () {
-            return this.selfPropsObj._filterable;
-        },
-        changeOnSelect () {
-            return this.selfPropsObj._changeOnSelect;
-        },
-        renderFormat () {
-            return this.selfPropsObj._renderFormat;
-        },
-
-        canUseModeSwitch () {
-            return this.searchName.trim() &&
-                this.showFlatData.length < this.maxFlatModeSearchNum;
-        },
-        useFlatMode () {
-            return this.filterable &&
-                this.canUseModeSwitch &&
-                this.searchMode === "flat";
-        },
-        modeTip () {
-            return `在搜索时，会出现层级和平级切换开关，但搜索出的结果超${this.maxFlatModeSearchNum}个时，\
-                    将不支持使用模式切换，因为此时平级方式不方便，不适用`;
-        },
-
-        initData () {
-            return this.data;
-        },
-        matchFunc () {
-            return node => {
-                return (
-                    this.changeOnSelect
-                        ? true
-                        : node.isLeaf
-                ) && (
-                    this.searchName.trim()
-                        ? node[this.nameKey].includes(this.searchName.trim()) || node[this.valueKey].includes(this.searchName.trim())
-                        : true
-                );
-            };
-        },
-        showTreeData () {
-            return this.$getTreeDataByMatchFunc(this.matchFunc, this.initData);
-        },
-        showFlatData () {
-            return this.$getListDataByMatchFunc(this.matchFunc, this.initData).map(arrItem => {
-                return {
-                    ...arrItem.slice(-1)[0],
-                    [this.nameKey]: this.renderFormat(arrItem.map(item => item[this.nameKey]))
-                };
-            });
-        },
-        // activeCodeValue () {
-        //     return this.$getTreeLinealDatas(this.activeValue, this.data, this.valueKey, this.saveKey);
-        // },
-        // 选中项 -各级数据对象集合
-        selectedOptions () {
-            return this.$getTreeLinealDatas(this.selectedValue, this.showTreeData, undefined, this.saveKey);
-        },
-        // 选中项 -最后一级数据对象
-        selectedObj () {
-            return this.selectedOptions.slice(-1)[0];
-        },
-        // 选中项 -名字
-        selectedName () {
-            return this.selectedObj ? this.selectedObj[this.nameKey] : "";
-        },
-        // 整体多选的选中项s
-        selectedOptionsArr () {
-            return this.selectedValueArr.map(selectedValItem =>
-                this.$getTreeLinealDatas(selectedValItem, this.showTreeData, undefined, this.saveKey)
-            );
-        }
-    },
-    created () {
-        this.cascaderPickerInit();
-    },
-    methods: {
-        cascaderPickerInit () {
-            if (this.multipleMode) {
-                this.selectedValueArr = this.activeValue; // 多选使用下，activeValue是二重数组
-            } else {
-                this.selectedValue = this.activeValue;
-                this.activeCodeValue = this.$getTreeLinealDatas(this.activeValue, this.data, this.valueKey, this.saveKey);
-            }
-        },
-
-        clickInput (e) {
-            if (!this.disabled) {
-                this.showModal = true;
-            }
-        },
-        clickCancel () {
-            this.showModal = false;
-        },
-        clickConfirm () {
-            if (this.selectedValue.length && this.selectedOptions.length) {
-                if (!this.changeOnSelect && !this.selectedObj.isLeaf) {
-                    this.$Message.error({
-                        content: "请选择到末级数据！",
-                        duration: 2
-                    });
-                } else {
-                    this.$emit("confirm", this.selectedValue, this.selectedOptions);
-                }
-            } else {
-                this.$Message.error({
-                    content: "请选择数据！",
-                    duration: 2
-                });
-            }
-        },
-
-        // 接口 -获得某个节点对应的描述内容
-        getDescription (value = []) {
-            if (value.length) {
-                this.$https({
-                    url: {
-                        module: "sheet",
-                        name: "getResourceDescription"
-                    },
-                    params: {
-                        resourceKey: this.resourceKey,
-                        nodeKeys: value
-                    },
-                    callback: data => {
-                        this.description = data;
-                        // this.selectedObj.description = data;
-                    }
-                });
-            }
-        }
-    }
-};
+export default {
+    mixins: [],
+    components: {},
+    props: {
+        value: {
+            type: Boolean,
+            default: false
+        },
+        multipleMode: {
+            type: Boolean,
+            default: false
+        },
+
+        activeValue: {
+            type: Array,
+            default () {
+                return [];
+            }
+        },
+        data: {
+            type: Array,
+            drfault () {
+                return [];
+            }
+        },
+        propsObj: {
+            type: Object,
+            default () {
+                return {};
+            }
+        }
+    },
+    data () {
+        return {
+            searchName: "",
+            searchMode: "default", // "flat", "default"
+            maxFlatModeSearchNum: 80,
+
+            inputStr: "",
+            selectedValue: [],
+            activeCodeValue: [],
+            selectedValueArr: [], // 多选的选中项
+
+            operationMap: {
+                canCancel: {
+                    name: "取消",
+                    type: "canCancel",
+                    btnType: "cancel",
+                    size: "small",
+                    event: "clickCancel"
+                },
+                canConfirm: {
+                    name: "确认",
+                    type: "canConfirm",
+                    btnType: "primary",
+                    size: "small",
+                    event: "clickConfirm"
+                }
+            }
+        };
+    },
+    computed: {
+        showModal: {
+            get () {
+                return this.value;
+            },
+            set (bool) {
+                this.$emit("input", bool);
+            }
+        },
+
+        selfPropsObj () {
+            return {
+                ...this.propsObj
+            };
+        },
+        saveKey () {
+            return this.selfPropsObj._saveKey;
+        },
+        valueKey () {
+            return this.selfPropsObj._valueKey;
+        },
+        nameKey () {
+            return this.selfPropsObj._nameKey;
+        },
+        disabled () {
+            return this.selfPropsObj._disabled;
+        },
+        clearable () {
+            return this.selfPropsObj._clearable;
+        },
+        resourceKey () {
+            return this.selfPropsObj._resourceKey;
+        },
+        filterable () {
+            return this.selfPropsObj._filterable;
+        },
+        changeOnSelect () {
+            return this.selfPropsObj._changeOnSelect;
+        },
+        renderFormat () {
+            return this.selfPropsObj._renderFormat;
+        },
+
+        canUseModeSwitch () {
+            return this.searchName.trim() &&
+                this.showFlatData.length < this.maxFlatModeSearchNum;
+        },
+        useFlatMode () {
+            return this.filterable &&
+                this.canUseModeSwitch &&
+                this.searchMode === "flat";
+        },
+        modeTip () {
+            return `在搜索时，会出现层级和平级切换开关，但搜索出的结果超${this.maxFlatModeSearchNum}个时，\
+                    将不支持使用模式切换，因为此时平级方式不方便，不适用`;
+        },
+
+        initData () {
+            return this.data;
+        },
+        matchFunc () {
+            return node => {
+                return (
+                    this.changeOnSelect
+                        ? true
+                        : node.isLeaf
+                ) && (
+                    this.searchName.trim()
+                        ? node[this.nameKey].includes(this.searchName.trim()) || node[this.valueKey].includes(this.searchName.trim())
+                        : true
+                );
+            };
+        },
+        showTreeData () {
+            return this.$getTreeDataByMatchFunc(this.matchFunc, this.initData);
+        },
+        showFlatData () {
+            return this.$getListDataByMatchFunc(this.matchFunc, this.initData).map(arrItem => {
+                return {
+                    ...arrItem.slice(-1)[0],
+                    [this.nameKey]: this.renderFormat(arrItem.map(item => item[this.nameKey]))
+                };
+            });
+        },
+        // activeCodeValue () {
+        //     return this.$getTreeLinealDatas(this.activeValue, this.data, this.valueKey, this.saveKey);
+        // },
+        // 选中项 -各级数据对象集合
+        selectedOptions () {
+            return this.$getTreeLinealDatas(this.selectedValue, this.showTreeData, undefined, this.saveKey);
+        },
+        // 选中项 -最后一级数据对象
+        selectedObj () {
+            return this.selectedOptions.slice(-1)[0];
+        },
+        // 选中项 -名字
+        selectedName () {
+            return this.selectedObj ? this.selectedObj[this.nameKey] : "";
+        },
+        // 整体多选的选中项s
+        selectedOptionsArr () {
+            return this.selectedValueArr.map(selectedValItem =>
+                this.$getTreeLinealDatas(selectedValItem, this.showTreeData, undefined, this.saveKey)
+            );
+        }
+    },
+    created () {
+        this.cascaderPickerInit();
+    },
+    methods: {
+        cascaderPickerInit () {
+            if (this.multipleMode) {
+                this.selectedValueArr = this.activeValue; // 多选使用下，activeValue是二重数组
+            } else {
+                this.selectedValue = this.activeValue;
+                this.activeCodeValue = this.$getTreeLinealDatas(this.activeValue, this.data, this.valueKey, this.saveKey);
+            }
+        },
+
+        clickInput (e) {
+            if (!this.disabled) {
+                this.showModal = true;
+            }
+        },
+        clickCancel () {
+            this.showModal = false;
+        },
+        clickConfirm () {
+            if (this.selectedValue.length && this.selectedOptions.length) {
+                if (!this.changeOnSelect && !this.selectedObj.isLeaf) {
+                    this.$Message.error({
+                        content: "请选择到末级数据！",
+                        duration: 2
+                    });
+                } else {
+                    this.$emit("confirm", this.selectedValue, this.selectedOptions);
+                }
+            } else {
+                this.$Message.error({
+                    content: "请选择数据！",
+                    duration: 2
+                });
+            }
+        },
+
+        // 接口 -获得某个节点对应的描述内容
+        getDescription (value = []) {
+            if (value.length) {
+                this.$https({
+                    url: {
+                        module: "sheet",
+                        name: "getResourceDescription"
+                    },
+                    params: {
+                        resourceKey: this.resourceKey,
+                        nodeKeys: value
+                    },
+                    callback: data => {
+                        this.description = data;
+                        // this.selectedObj.description = data;
+                    }
+                });
+            }
+        }
+    }
+};