bri-components 1.5.21 → 1.6.0

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

@@ -1,233 +1,233 @@
-import controlMixin from "./controlMixin.js";
-import { resourceData } from "bri-datas";
-
-export default {
-    mixins: [
-        controlMixin
-    ],
-    components: {},
-    props: {},
-    data () {
-        return {
-            initListData: []
-        };
-    },
-    computed: {
-        basePropsObj () {
-            return {
-                _optionKind: "dropdown", // "flat"、"dropdown"
-
-                _saveKey: "_key",
-                _nameKey: "name",
-                colorMap: resourceData.colorMap,
-                _useColor: false,
-                _filterable: true, // 是否支持搜索
-                _data: [],
-                _customData: [],
-                _reverseFilter: false, // 是否反向过滤，默认正向过滤
-                _selectFilterVals: [], // 过滤的数据
-                _selectFilterKey: undefined, // 用作过滤的属性，默认用_saveKey对应的属性
-
-                ...this.propsObj,
-                ...this.commonDealPropsObj
-            };
-        },
-
-        showMode () {
-            return this.selfPropsObj._optionKind;
-        },
-        saveKey () {
-            return this.selfPropsObj._saveKey;
-        },
-        nameKey () {
-            return this.selfPropsObj._nameKey;
-        },
-        colorMap () {
-            return this.selfPropsObj.colorMap;
-        },
-        useColor () {
-            return this.selfPropsObj._useColor;
-        },
-        reverseFilter () {
-            return this.selfPropsObj._reverseFilter;
-        },
-        selectFilterVals () {
-            return this.selfPropsObj._selectFilterVals || []; // 老版级联表格层级属性那用到单选，缺这些属性，会产生undefined，有问题
-        },
-        selectFilterKey () {
-            return this.selfPropsObj._selectFilterKey || this.saveKey;
-        },
-
-        listData () {
-            let listData = this.selfPropsObj._data.concat(this.initListData);
-            listData = this.selectFilterVals.length
-                ? listData.filter(item =>
-                    this.reverseFilter
-                        ? !this.selectFilterVals.includes(item[this.selectFilterKey])
-                        : this.selectFilterVals.includes(item[this.selectFilterKey])
-                )
-                : listData;
-            listData = this.$dataType(this.selfPropsObj._filterFunc, "function")
-                ? this.selfPropsObj._filterFunc(listData, this.selfPropsObj, this.value)
-                : listData;
-
-            return listData;
-        },
-        listDataKeys () {
-            return this.listData.map(item => item[this.saveKey]);
-        },
-        curValObj () {
-            return this.getItemObj(this.curVal);
-        },
-        curValName: {
-            get () {
-                return this.curValObj
-                    ? this.curValObj[this.nameKey] || this.curValObj.name || this.curValObj._name
-                    : "";
-            },
-            set (val) {
-                if (!val) {
-                    this.clickClear();
-                }
-            }
-        },
-        showVal () {
-            return this.$isEmptyData(this.curVal)
-                ? this.emptyShowVal
-                : this.curValName;
-        },
-        // 已选择项的对象列表
-        curValObjList () {
-            return this.curValList.map((item, index) =>
-                index < this.curValList.length - 1
-                    ? this.getItemObj(item, { marginRight: "4px" })
-                    : this.getItemObj(item)
-            );
-        },
-        curValNameList () {
-            return this.curValObjList.map(item => item[this.nameKey] || item.name || item._name);
-        },
-        showMulVal () {
-            return this.$isEmptyData(this.curValList)
-                ? this.emptyShowVal
-                : this.curValNameList.join("、");
-        }
-    },
-    created () {
-        this.selectMixinInit();
-    },
-    methods: {
-        selectMixinInit () {
-            this.getListData();
-        },
-
-        // 单选模式 点击选项
-        clickRadioItem (item, index) {
-            if (!this.getRadioItemDisabled(item)) {
-                if (this.curVal === item[this.saveKey]) {
-                    if (this.clearable) {
-                        this.curVal = "";
-                    }
-                } else {
-                    this.curVal = item[this.saveKey];
-                }
-            }
-        },
-        // 单选模式 取消选择项
-        cancelRadioItemSelect (item, index) {
-            if (this.curVal === item[this.saveKey]) {
-                this.clickRadioItem(item, index);
-            }
-        },
-        // 多选模式 点击选项
-        clickCheckItem (item, index) {
-            if (!this.getCheckItemDisabled(item)) {
-                this.curValList = this.getItemCheckStatus(item)
-                    ? this.curValList.filter(key => key !== item[this.saveKey])
-                    : [...this.curValList, item[this.saveKey]];
-                this.curValList = this.curValList.filter(key => this.listDataKeys.includes(key));
-            }
-        },
-
-        /* ------- 方法 ------- */
-        // 获取某项的对象数据
-        getItemObj (val, selfStyle = {}) {
-            const obj = this.listData.find(item => item[this.saveKey] === val) || {
-                [this.saveKey]: val,
-                [this.nameKey]: `提示：选项${val}已不存在`
-            };
-
-            return !this.$isEmptyData(val)
-                ? {
-                    ...obj,
-                    name: obj[this.nameKey] || obj.name || obj._name, // 查看状态时tag用
-                    style: {
-                        ...this.tagStyle,
-                        ...this.getItemColorStyle(obj),
-                        ...selfStyle
-                    }, // 查看状态时tag用
-                    color: undefined
-                }
-                : undefined;
-        },
-        // 获取某项的选中状态
-        getItemCheckStatus (item) {
-            return this.curValList.includes(item[this.saveKey]);
-        },
-        // 获取某项的class集合 --flat方式在用
-        getItemClass (item) {
-            return [
-                this.useColor && !(item.color || "").includes("#")
-                    ? this.colorMap[item.color] ? item.color : "color-default"
-                    : undefined,
-                item.class
-            ];
-        },
-        // 获取某项的颜色相关style --flat方式在用
-        getItemColorStyle (item) {
-            const color = (item.color || "").includes("#")
-                ? item.color
-                : this.colorMap[item.color] || this.colorMap["color-default"];
-            return this.useColor
-                ? {
-                    backgroundColor: this.$getColor(color, 0.1),
-                    color: color
-                }
-                : {};
-        },
-        // 获取单选项的置灰状态
-        getRadioItemDisabled (item) {
-            return !!(
-                this.disabled ||
-                item._disabled
-            );
-        },
-        // 获取多选项的置灰状态
-        getCheckItemDisabled (item) {
-            return !!(
-                this.disabled ||
-                item._disabled ||
-                (this.curValList.length >= this.selfPropsObj._max && !this.getItemCheckStatus(item))
-            );
-        },
-
-        // TODO：待删除 接口 -获取自定义的接口数据
-        getListData () {
-            this.selfPropsObj._customData.forEach(item => {
-                this.$https({
-                    url: item.url,
-                    params: item.params,
-                    callback: data => {
-                        this.initListData = [
-                            ...this.initListData,
-                            ...data.list.map(dataItem => ({
-                                [this.saveKey]: dataItem[this.saveKey],
-                                [this.nameKey]: dataItem[this.nameKey]
-                            }))
-                        ];
-                    }
-                });
-            });
-        }
-    }
-};
+import controlMixin from "./controlMixin.js";
+import { resourceData } from "bri-datas";
+
+export default {
+    mixins: [
+        controlMixin
+    ],
+    components: {},
+    props: {},
+    data () {
+        return {
+            initListData: []
+        };
+    },
+    computed: {
+        basePropsObj () {
+            return {
+                _optionKind: "dropdown", // "flat"、"dropdown"
+
+                _saveKey: "_key",
+                _nameKey: "name",
+                colorMap: resourceData.colorMap,
+                _useColor: false,
+                _filterable: true, // 是否支持搜索
+                _data: [],
+                _customData: [],
+                _reverseFilter: false, // 是否反向过滤，默认正向过滤
+                _selectFilterVals: [], // 过滤的数据
+                _selectFilterKey: undefined, // 用作过滤的属性，默认用_saveKey对应的属性
+
+                ...this.propsObj,
+                ...this.commonDealPropsObj
+            };
+        },
+
+        showMode () {
+            return this.selfPropsObj._optionKind;
+        },
+        saveKey () {
+            return this.selfPropsObj._saveKey;
+        },
+        nameKey () {
+            return this.selfPropsObj._nameKey;
+        },
+        colorMap () {
+            return this.selfPropsObj.colorMap;
+        },
+        useColor () {
+            return this.selfPropsObj._useColor;
+        },
+        reverseFilter () {
+            return this.selfPropsObj._reverseFilter;
+        },
+        selectFilterVals () {
+            return this.selfPropsObj._selectFilterVals || []; // 老版级联表格层级属性那用到单选，缺这些属性，会产生undefined，有问题
+        },
+        selectFilterKey () {
+            return this.selfPropsObj._selectFilterKey || this.saveKey;
+        },
+
+        listData () {
+            let listData = this.selfPropsObj._data.concat(this.initListData);
+            listData = this.selectFilterVals.length
+                ? listData.filter(item =>
+                    this.reverseFilter
+                        ? !this.selectFilterVals.includes(item[this.selectFilterKey])
+                        : this.selectFilterVals.includes(item[this.selectFilterKey])
+                )
+                : listData;
+            listData = this.$dataType(this.selfPropsObj._filterFunc, "function")
+                ? this.selfPropsObj._filterFunc(listData, this.selfPropsObj, this.value)
+                : listData;
+
+            return listData;
+        },
+        listDataKeys () {
+            return this.listData.map(item => item[this.saveKey]);
+        },
+        curValObj () {
+            return this.getItemObj(this.curVal);
+        },
+        curValName: {
+            get () {
+                return this.curValObj
+                    ? this.curValObj[this.nameKey] || this.curValObj.name || this.curValObj._name
+                    : "";
+            },
+            set (val) {
+                if (!val) {
+                    this.clickClear();
+                }
+            }
+        },
+        showVal () {
+            return this.$isEmptyData(this.curVal)
+                ? this.emptyShowVal
+                : this.curValName;
+        },
+        // 已选择项的对象列表
+        curValObjList () {
+            return this.curValList.map((item, index) =>
+                index < this.curValList.length - 1
+                    ? this.getItemObj(item, { marginRight: "4px" })
+                    : this.getItemObj(item)
+            );
+        },
+        curValNameList () {
+            return this.curValObjList.map(item => item[this.nameKey] || item.name || item._name);
+        },
+        showMulVal () {
+            return this.$isEmptyData(this.curValList)
+                ? this.emptyShowVal
+                : this.curValNameList.join("、");
+        }
+    },
+    created () {
+        this.selectMixinInit();
+    },
+    methods: {
+        selectMixinInit () {
+            this.getListData();
+        },
+
+        // 单选模式 点击选项
+        clickRadioItem (item, index) {
+            if (!this.getRadioItemDisabled(item)) {
+                if (this.curVal === item[this.saveKey]) {
+                    if (this.clearable) {
+                        this.curVal = "";
+                    }
+                } else {
+                    this.curVal = item[this.saveKey];
+                }
+            }
+        },
+        // 单选模式 取消选择项
+        cancelRadioItemSelect (item, index) {
+            if (this.curVal === item[this.saveKey]) {
+                this.clickRadioItem(item, index);
+            }
+        },
+        // 多选模式 点击选项
+        clickCheckItem (item, index) {
+            if (!this.getCheckItemDisabled(item)) {
+                this.curValList = this.getItemCheckStatus(item)
+                    ? this.curValList.filter(key => key !== item[this.saveKey])
+                    : [...this.curValList, item[this.saveKey]];
+                this.curValList = this.curValList.filter(key => this.listDataKeys.includes(key));
+            }
+        },
+
+        /* ------- 方法 ------- */
+        // 获取某项的对象数据
+        getItemObj (val, selfStyle = {}) {
+            const obj = this.listData.find(item => item[this.saveKey] === val) || {
+                [this.saveKey]: val,
+                [this.nameKey]: `提示：选项${val}已不存在`
+            };
+
+            return !this.$isEmptyData(val)
+                ? {
+                    ...obj,
+                    name: obj[this.nameKey] || obj.name || obj._name, // 查看状态时tag用
+                    style: {
+                        ...this.tagStyle,
+                        ...this.getItemColorStyle(obj),
+                        ...selfStyle
+                    }, // 查看状态时tag用
+                    color: undefined
+                }
+                : undefined;
+        },
+        // 获取某项的选中状态
+        getItemCheckStatus (item) {
+            return this.curValList.includes(item[this.saveKey]);
+        },
+        // 获取某项的class集合 --flat方式在用
+        getItemClass (item) {
+            return [
+                this.useColor && !(item.color || "").includes("#")
+                    ? this.colorMap[item.color] ? item.color : "color-default"
+                    : undefined,
+                item.class
+            ];
+        },
+        // 获取某项的颜色相关style --flat方式在用
+        getItemColorStyle (item) {
+            const color = (item.color || "").includes("#")
+                ? item.color
+                : this.colorMap[item.color] || this.colorMap["color-default"];
+            return this.useColor
+                ? {
+                    backgroundColor: this.$getColor(color, 0.1),
+                    color: color
+                }
+                : {};
+        },
+        // 获取单选项的置灰状态
+        getRadioItemDisabled (item) {
+            return !!(
+                this.disabled ||
+                item._disabled
+            );
+        },
+        // 获取多选项的置灰状态
+        getCheckItemDisabled (item) {
+            return !!(
+                this.disabled ||
+                item._disabled ||
+                (this.curValList.length >= this.selfPropsObj._max && !this.getItemCheckStatus(item))
+            );
+        },
+
+        // TODO：待删除 接口 -获取自定义的接口数据
+        getListData () {
+            this.selfPropsObj._customData.forEach(item => {
+                this.$https({
+                    url: item.url,
+                    params: item.params,
+                    callback: data => {
+                        this.initListData = [
+                            ...this.initListData,
+                            ...data.list.map(dataItem => ({
+                                [this.saveKey]: dataItem[this.saveKey],
+                                [this.nameKey]: dataItem[this.nameKey]
+                            }))
+                        ];
+                    }
+                });
+            });
+        }
+    }
+};

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

@@ -1,87 +1,87 @@
-import controlMixin from "./controlMixin.js";
-import DshCheckbox from "../base/DshSelect/DshCheckbox.vue";
-
-export default {
-    mixins: [
-        controlMixin
-    ],
-    components: {
-        DshCheckbox
-    },
-    props: {},
-    data () {
-        return {};
-    },
-    computed: {
-        basePropsObj () {
-            return {
-                loading: false, // 是否为加载状态
-                _openValue: true, // 打开时对应的值
-                _closeValue: false, // 关闭时对应的值
-
-                ...this.propsObj,
-                ...this.commonDealPropsObj,
-
-                _openText: this.propsObj._openText || "是", // 此行放在 ...this.propsObj的下面目的是，处理_openText为空字符串的情况
-                _closeText: this.propsObj._closeText || "否",
-                _openColor: this.propsObj._openColor || this.controlThemeColor, // 打开时的背景色
-                _closeColor: this.propsObj._closeColor || "#aaaaaa" // 关闭时的背景色
-            };
-        },
-        openText () {
-            return this.selfPropsObj._openText;
-        },
-        closeText () {
-            return this.selfPropsObj._closeText;
-        },
-        openColor () {
-            return this.selfPropsObj._openColor;
-        },
-        closeColor () {
-            return this.selfPropsObj._closeColor;
-        },
-        mulPropsObj () {
-            return {
-                _optionKind: "flat",
-                _data: [
-                    {
-                        _key: "true",
-                        name: this.openText,
-                        color: this.openColor
-                    },
-                    {
-                        _key: "false",
-                        name: this.closeText,
-                        color: this.closeColor
-                    }
-                ],
-
-                ...this.propsObj
-            };
-        },
-
-        curValObj () {
-            const color = this.curVal === true ? this.openColor : this.closeColor;
-            return !this.$isEmptyData(this.curVal)
-                ? {
-                    _key: "1",
-                    name: this.showVal,
-                    style: {
-                        ...this.tagStyle,
-                        backgroundColor: this.$getColor(color, 0.1),
-                        color: color
-                    }
-                }
-                : undefined;
-        },
-        showVal () {
-            return this.$isEmptyData(this.curVal)
-                ? this.emptyShowVal
-                : this.curVal === true
-                    ? this.openText
-                    : this.closeText;
-        }
-    },
-    created () { },
-    methods: {}
-};
+import controlMixin from "./controlMixin.js";
+import DshCheckbox from "../base/DshSelect/DshCheckbox.vue";
+
+export default {
+    mixins: [
+        controlMixin
+    ],
+    components: {
+        DshCheckbox
+    },
+    props: {},
+    data () {
+        return {};
+    },
+    computed: {
+        basePropsObj () {
+            return {
+                loading: false, // 是否为加载状态
+                _openValue: true, // 打开时对应的值
+                _closeValue: false, // 关闭时对应的值
+
+                ...this.propsObj,
+                ...this.commonDealPropsObj,
+
+                _openText: this.propsObj._openText || "是", // 此行放在 ...this.propsObj的下面目的是，处理_openText为空字符串的情况
+                _closeText: this.propsObj._closeText || "否",
+                _openColor: this.propsObj._openColor || this.controlThemeColor, // 打开时的背景色
+                _closeColor: this.propsObj._closeColor || "#aaaaaa" // 关闭时的背景色
+            };
+        },
+        openText () {
+            return this.selfPropsObj._openText;
+        },
+        closeText () {
+            return this.selfPropsObj._closeText;
+        },
+        openColor () {
+            return this.selfPropsObj._openColor;
+        },
+        closeColor () {
+            return this.selfPropsObj._closeColor;
+        },
+        mulPropsObj () {
+            return {
+                _optionKind: "flat",
+                _data: [
+                    {
+                        _key: "true",
+                        name: this.openText,
+                        color: this.openColor
+                    },
+                    {
+                        _key: "false",
+                        name: this.closeText,
+                        color: this.closeColor
+                    }
+                ],
+
+                ...this.propsObj
+            };
+        },
+
+        curValObj () {
+            const color = this.curVal === true ? this.openColor : this.closeColor;
+            return !this.$isEmptyData(this.curVal)
+                ? {
+                    _key: "1",
+                    name: this.showVal,
+                    style: {
+                        ...this.tagStyle,
+                        backgroundColor: this.$getColor(color, 0.1),
+                        color: color
+                    }
+                }
+                : undefined;
+        },
+        showVal () {
+            return this.$isEmptyData(this.curVal)
+                ? this.emptyShowVal
+                : this.curVal === true
+                    ? this.openText
+                    : this.closeText;
+        }
+    },
+    created () { },
+    methods: {}
+};