bri-components 1.4.92 → 1.4.93

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

@@ -1,368 +1,368 @@
-export default {
-    props: {
-        canEdit: {
-            type: Boolean,
-            default: true
-        },
-        value: {
-            type: Object,
-            default () {
-                return {};
-            }
-        },
-        propsObj: {
-            type: Object,
-            default () {
-                return {};
-            }
-        },
-        // 暂时是dshDate里在用，时间对比时需要用其他时间字段
-        allFormList: {
-            type: Array,
-            default () {
-                return [];
-            }
-        },
-
-        /* 表格字段内用到的 */
-        inTableType: {
-            type: String,
-            validator (val) {
-                return ["flatTable", "treeTable", "cascaderTable"].includes(val);
-            }
-        },
-        allListRows: {
-            type: Array,
-            default () {
-                return [];
-            }
-        },
-        rowIndex: Number,
-        parentObj: {
-            type: Object,
-            default () {
-                return {};
-            }
-        },
-        parentFormList: {
-            type: Array,
-            default () {
-                return [];
-            }
-        }
-    },
-    data () {
-        return {
-            showModal: false,
-            showUnitModal: false,
-
-            tagStyle: {
-                display: "inline-block",
-                "max-width": "100%",
-                height: "24px",
-                "min-height": "24px",
-                padding: "4px 8px",
-                margin: "2px 0px",
-                "border-radius": "4px",
-                "line-height": "16px",
-                "font-size": "12px",
-
-                backgroundColor: "#E5E5E5",
-                color: "rgb(0, 0, 0, 0.9)"
-            }
-        };
-    },
-    computed: {
-        typeInfoData () {
-            return this.$modFieldMap[this.controlType] || {};
-        },
-        unitModalPropsObj () {
-            return {
-                mode: "fullscreen",
-                title: this.controlName
-            };
-        },
-
-        /* ----- 基本 ----- */
-        finalCanEdit () {
-            return this.canEdit && (this.propsObj.canEdit == undefined ? true : this.propsObj.canEdit);
-        },
-        controlKey () {
-            return this.propsObj._key;
-        },
-        // 字段的真实key
-        fieldKey () {
-            return this.isDftSet
-                ? this.value._key
-                : (this.propsObj.__realKey__ || this.controlKey);
-        },
-        controlType () {
-            return this.propsObj._type;
-        },
-        controlName () {
-            return this.propsObj._name;
-        },
-        commonDealPropsObj () {
-            const selectControlTypes = [
-                "date", "daterange", "switch", "select", "checkbox", "region", "regions", "cascader", "cascaders",
-                "file", "coordinates", "users", "departments", "reference"
-            ];
-            return {
-                _placeholder: this.canEdit && this.propsObj._enterType !== "calculate" && this.propsObj._disabled !== true && this.propsObj._readonly !== true
-                    ? (this.propsObj._placeholder || `${selectControlTypes.includes(this.controlType) ? "选择" : "输入"}${this.propsObj._name}`)
-                    : "",
-                _clearable: this.finalCanEdit && !this.propsObj._disabled && !this.propsObj._readonly && (this.propsObj._clearable === undefined ? true : this.propsObj._clearable),
-                _disabled: !(this.finalCanEdit && !this.propsObj._disabled && !this.propsObj._readonly),
-                // 目前部门、用户在用，以后还会增多
-                _useDeleteTip: this.isInDftSearch || this.isInSearch
-                    ? false
-                    : this.propsObj._useDeleteTip == undefined
-                        ? false
-                        : this.propsObj._useDeleteTip // 删除项进行提示（筛选下删除项不提示）
-            };
-        },
-        // 是否为多选模式
-        multipleMode () {
-            return this.isInDftSearch || this.isInSearch
-                ? true
-                : ["numberange", "daterange", "checkbox", "regions", "cascaders", "labels", "refCheckbox"].includes(this.controlType)
-                    ? true
-                    : !!this.selfPropsObj && !!this.selfPropsObj._multiple;
-        },
-        // 是否高度自由（在表格内且_heightAuto为true，2.详情页内且独占一行）
-        isHeightAuto () {
-            return this.isInTable
-                ? !!this.propsObj._heightAuto
-                : this.isFullRow;
-        },
-        // 是否为tag显示
-        isTagShow () {
-            return ["switch", "select", "checkbox", "regions", "cascaders", "users", "departments", "labels", "refSelect", "refCheckbox"].includes(this.controlType);
-        },
-
-        /* ----- 表单相关 ----- */
-        clearable () {
-            return this.commonDealPropsObj._clearable;
-        },
-        disabled () {
-            return this.commonDealPropsObj._disabled;
-        },
-        // 单独一行
-        isFullRow () {
-            return this.propsObj._span === 24 || !this.propsObj._span;
-        },
-        // 查看页下的展示模式
-        showStatusMode () {
-            return this.propsObj.showStatusMode || "defaut"; // "default", "frame", "backdrop"
-        },
-        commonClass () {
-            return {
-                "bri-control-edit": this.canEdit && !this.disabled,
-                "bri-control-disabled": this.canEdit && this.disabled,
-                "bri-control-unit": this.isUnitShow,
-                "bri-control-show": this.isDetailShow,
-                [`control-show-${this.showStatusMode}${this.isTagShow ? "-tag" : ""}`]: this.isDetailShow,
-                "dsh-ellipsis": this.isUnitShow,
-                "bri-control-nodata": this.$isEmptyData(this.curVal)
-            };
-        },
-
-        /* ----- 单元格相关 ----- */
-        unitAlign () {
-            return this.propsObj._align || this.typeInfoData.align || "left"; // "left", "center", "right"
-        },
-
-        /* ----- 部分条件下 才使用的属性 ----- */
-        // isShare () {
-        //     return !!this.propsObj.isShare;
-        // },
-        // 是否在设置默认值下
-        isDftSet () {
-            return this.controlKey === "_default";
-        },
-        // 在单元格内
-        isInTable () {
-            return !!this.propsObj.inTable;
-        },
-        // 单条关联内 使用详情模式的
-        isInRefDetail () {
-            return !!this.propsObj.inRefDetail;
-        },
-        // 高级搜索状态
-        isInSearch () {
-            return !!this.propsObj.inSearch;
-        },
-        // 默认搜索状态
-        isInDftSearch () {
-            return !!this.propsObj.inDftSearch;
-        },
-        isUnitUpdate () {
-            return this.isInTable && !!this.canEdit;
-        },
-        isUnitShow () {
-            return this.isInTable && !this.canEdit;
-        },
-        isDetailUpdate () {
-            return !this.isInTable && !!this.canEdit;
-        },
-        isDetailShow () {
-            return !this.isInTable && !this.canEdit;
-        },
-
-        /* ----- 部分控件下 才使用的属性 ----- */
-        compKey () {
-            return this.propsObj.compKey;
-        },
-        appKey () {
-            return this.propsObj.appKey;
-        },
-        entityKey () {
-            return this.propsObj.entityKey;
-        },
-        modKey () {
-            return this.propsObj.modKey;
-        },
-        screenKey () {
-            return this.propsObj.screenKey;
-        },
-        allScreenKey () {
-            return this.propsObj.allScreenKey;
-        },
-
-        /* ----- 移动端在用 ----- */
-        // 只做校验而隐藏的的field框，所用的propsObj
-        ruleFieldPropsObj () {
-            return {
-                _rules: this.propsObj._rules
-            };
-        },
-        // 只做校验而隐藏的的field框，所用的value
-        ruleFieldStr () {
-            return this.$isEmptyData(this.curVal) && this.$isEmptyData(this.curValList)
-                ? ""
-                : "有值";
-        },
-
-        /* ----- 值 ----- */
-        // 值为不是[]类型用的
-        curVal: {
-            get () {
-                // // 原选项变动了或选项动态改变时，过滤掉已不存在的选项值
-                // if (!this.isInTable) {
-                //     if (["select"].includes(this.controlType)) {
-                //         if (!this.$dataType(this.propsObj._filterFunc, "function")) {
-                //             this.value[this.controlKey] = this.listData.some(item => item[this.saveKey] === this.value[this.controlKey])
-                //                 ? this.value[this.controlKey]
-                //                 : "";
-                //         }
-                //     }
-                // }
-
-                return this.value[this.controlKey];
-            },
-            set (val) {
-                // 修复文本框clear后值为undefined，后端无法更新保存数据bug
-                if (["select"].includes(this.controlType) && val === undefined) {
-                    val = "";
-                }
-
-                this.$set(this.value, this.controlKey, val);
-                this.change();
-            }
-        },
-        // 值为[]类型用的
-        curValList: {
-            get () {
-                // // 原选项变动了或选项动态改变时，过滤掉已不存在的选项值
-                // if (!this.isInTable) {
-                //     const valList = this.value[this.controlKey] || [];
-                //     if ((["select"].includes(this.controlType) && this.multipleMode) || ["checkbox"].includes(this.controlType)) {
-                //         this.value[this.controlKey] = valList.some(valKey => !this.listDataKeys.includes(valKey))
-                //             ? valList.filter(valKey => this.listDataKeys.includes(valKey))
-                //             : valList;
-                //     }
-                //     // else if (["region", "cascader"].includes(this.controlType)) {
-                //     //     this.value[this.controlKey] = this.$getTreeLinealDatas(valList, this.cascaderAllData, undefined, this.saveKey).length
-                //     //         ? valList
-                //     //         : [];
-                //     // }
-                //     // else if (["regions", "cascaders"].includes(this.controlType)) {
-                //     //     this.value[this.controlKey] = valList.filter(valListItem =>
-                //     //         this.$getTreeLinealDatas(valListItem, this.cascaderAllData, undefined, this.saveKey).length
-                //     //     );
-                //     // }
-                // }
-
-                return this.value[this.controlKey] || [];
-            },
-            set (valList) {
-                this.$set(this.value, this.controlKey, valList);
-                this.change();
-            }
-        },
-        emptyShowVal () {
-            return this.canEdit
-                ? this.commonDealPropsObj._placeholder
-                : this.isUnitShow
-                    ? "--"
-                    : "暂无内容";
-        },
-        showVal () {
-            return this.$isEmptyData(this.curVal)
-                ? this.emptyShowVal
-                : this.curVal;
-        }
-    },
-    methods: {
-        change (...params) {
-            this.$emit("change", this.value[this.controlKey]);
-        },
-        refChange (...params) {
-            this.$emit("refChange", this.value[this.controlKey]);
-        },
-        quickChange (...params) {
-            this.$emit("quickChange", this.value[this.controlKey]);
-        },
-
-        // 点击输入框
-        clickInput () {
-            if (!this.disabled) {
-                this.openModal();
-            }
-        },
-        // 点击清除
-        clickClear () {
-            if (this.controlType === "coordinates") {
-                this.curVal = {
-                    name: "",
-                    lnglat: []
-                };
-            }
-            else if (this.typeInfoData.dataType === "array" || this.multipleMode) {
-                this.curValList = [];
-            } else {
-                this.curVal = "";
-            }
-        },
-
-        /* ----- 工具方法 ------- */
-        // 切换弹框
-        toggleModal (bool) {
-            this.showModal = bool;
-        },
-        // 打开弹框 ---！！！！pc端的selectUsers、selectDepartments控件，外部调用组件时也在使用，不能轻易删除
-        openModal () {
-            this.showModal = true;
-        },
-        // 关闭弹框 ---！！！！pc端的selectUsers、selectDepartments控件，外部调用组件时也在使用，不能轻易删除
-        closeModal () {
-            this.showModal = false;
-        },
-
-        // 单元格展示 -打开列表模态框
-        openUnitModal (event) {
-            this.showUnitModal = true;
-            event.stopPropagation();
-        }
-    }
-};
+export default {
+    props: {
+        canEdit: {
+            type: Boolean,
+            default: true
+        },
+        value: {
+            type: Object,
+            default () {
+                return {};
+            }
+        },
+        propsObj: {
+            type: Object,
+            default () {
+                return {};
+            }
+        },
+        // 暂时是dshDate里在用，时间对比时需要用其他时间字段
+        allFormList: {
+            type: Array,
+            default () {
+                return [];
+            }
+        },
+
+        /* 表格字段内用到的 */
+        inTableType: {
+            type: String,
+            validator (val) {
+                return ["flatTable", "treeTable", "cascaderTable"].includes(val);
+            }
+        },
+        allListRows: {
+            type: Array,
+            default () {
+                return [];
+            }
+        },
+        rowIndex: Number,
+        parentObj: {
+            type: Object,
+            default () {
+                return {};
+            }
+        },
+        parentFormList: {
+            type: Array,
+            default () {
+                return [];
+            }
+        }
+    },
+    data () {
+        return {
+            showModal: false,
+            showUnitModal: false,
+
+            tagStyle: {
+                display: "inline-block",
+                "max-width": "100%",
+                height: "24px",
+                "min-height": "24px",
+                padding: "4px 8px",
+                margin: "2px 0px",
+                "border-radius": "4px",
+                "line-height": "16px",
+                "font-size": "12px",
+
+                backgroundColor: "#E5E5E5",
+                color: "rgb(0, 0, 0, 0.9)"
+            }
+        };
+    },
+    computed: {
+        typeInfoData () {
+            return this.$modFieldMap[this.controlType] || {};
+        },
+        unitModalPropsObj () {
+            return {
+                mode: "fullscreen",
+                title: this.controlName
+            };
+        },
+
+        /* ----- 基本 ----- */
+        finalCanEdit () {
+            return this.canEdit && (this.propsObj.canEdit == undefined ? true : this.propsObj.canEdit);
+        },
+        controlKey () {
+            return this.propsObj._key;
+        },
+        // 字段的真实key
+        fieldKey () {
+            return this.isDftSet
+                ? this.value._key
+                : (this.propsObj.__realKey__ || this.controlKey);
+        },
+        controlType () {
+            return this.propsObj._type;
+        },
+        controlName () {
+            return this.propsObj._name;
+        },
+        commonDealPropsObj () {
+            const selectControlTypes = [
+                "date", "daterange", "switch", "select", "checkbox", "region", "regions", "cascader", "cascaders",
+                "file", "coordinates", "users", "departments", "reference"
+            ];
+            return {
+                _placeholder: this.canEdit && this.propsObj._enterType !== "calculate" && this.propsObj._disabled !== true && this.propsObj._readonly !== true
+                    ? (this.propsObj._placeholder || `${selectControlTypes.includes(this.controlType) ? "选择" : "输入"}${this.propsObj._name}`)
+                    : "",
+                _clearable: this.finalCanEdit && !this.propsObj._disabled && !this.propsObj._readonly && (this.propsObj._clearable === undefined ? true : this.propsObj._clearable),
+                _disabled: !(this.finalCanEdit && !this.propsObj._disabled && !this.propsObj._readonly),
+                // 目前部门、用户在用，以后还会增多
+                _useDeleteTip: this.isInDftSearch || this.isInSearch
+                    ? false
+                    : this.propsObj._useDeleteTip == undefined
+                        ? false
+                        : this.propsObj._useDeleteTip // 删除项进行提示（筛选下删除项不提示）
+            };
+        },
+        // 是否为多选模式
+        multipleMode () {
+            return this.isInDftSearch || this.isInSearch
+                ? true
+                : ["numberange", "daterange", "checkbox", "regions", "cascaders", "labels", "refCheckbox"].includes(this.controlType)
+                    ? true
+                    : !!this.selfPropsObj && !!this.selfPropsObj._multiple;
+        },
+        // 是否高度自由（在表格内且_heightAuto为true，2.详情页内且独占一行）
+        isHeightAuto () {
+            return this.isInTable
+                ? !!this.propsObj._heightAuto
+                : this.isFullRow;
+        },
+        // 是否为tag显示
+        isTagShow () {
+            return ["switch", "select", "checkbox", "regions", "cascaders", "users", "departments", "labels", "refSelect", "refCheckbox"].includes(this.controlType);
+        },
+
+        /* ----- 表单相关 ----- */
+        clearable () {
+            return this.commonDealPropsObj._clearable;
+        },
+        disabled () {
+            return this.commonDealPropsObj._disabled;
+        },
+        // 单独一行
+        isFullRow () {
+            return this.propsObj._span === 24 || !this.propsObj._span;
+        },
+        // 查看页下的展示模式
+        showStatusMode () {
+            return this.propsObj.showStatusMode || "defaut"; // "default", "frame", "backdrop"
+        },
+        commonClass () {
+            return {
+                "bri-control-edit": this.canEdit && !this.disabled,
+                "bri-control-disabled": this.canEdit && this.disabled,
+                "bri-control-unit": this.isUnitShow,
+                "bri-control-show": this.isDetailShow,
+                [`control-show-${this.showStatusMode}${this.isTagShow ? "-tag" : ""}`]: this.isDetailShow,
+                "dsh-ellipsis": this.isUnitShow,
+                "bri-control-nodata": this.$isEmptyData(this.curVal)
+            };
+        },
+
+        /* ----- 单元格相关 ----- */
+        unitAlign () {
+            return this.propsObj._align || this.typeInfoData.align || "left"; // "left", "center", "right"
+        },
+
+        /* ----- 部分条件下 才使用的属性 ----- */
+        // isShare () {
+        //     return !!this.propsObj.isShare;
+        // },
+        // 是否在设置默认值下
+        isDftSet () {
+            return this.controlKey === "_default";
+        },
+        // 在单元格内
+        isInTable () {
+            return !!this.propsObj.inTable;
+        },
+        // 单条关联内 使用详情模式的
+        isInRefDetail () {
+            return !!this.propsObj.inRefDetail;
+        },
+        // 高级搜索状态
+        isInSearch () {
+            return !!this.propsObj.inSearch;
+        },
+        // 默认搜索状态
+        isInDftSearch () {
+            return !!this.propsObj.inDftSearch;
+        },
+        isUnitUpdate () {
+            return this.isInTable && !!this.canEdit;
+        },
+        isUnitShow () {
+            return this.isInTable && !this.canEdit;
+        },
+        isDetailUpdate () {
+            return !this.isInTable && !!this.canEdit;
+        },
+        isDetailShow () {
+            return !this.isInTable && !this.canEdit;
+        },
+
+        /* ----- 部分控件下 才使用的属性 ----- */
+        compKey () {
+            return this.propsObj.compKey;
+        },
+        appKey () {
+            return this.propsObj.appKey;
+        },
+        entityKey () {
+            return this.propsObj.entityKey;
+        },
+        modKey () {
+            return this.propsObj.modKey;
+        },
+        screenKey () {
+            return this.propsObj.screenKey;
+        },
+        allScreenKey () {
+            return this.propsObj.allScreenKey;
+        },
+
+        /* ----- 移动端在用 ----- */
+        // 只做校验而隐藏的的field框，所用的propsObj
+        ruleFieldPropsObj () {
+            return {
+                _rules: this.propsObj._rules
+            };
+        },
+        // 只做校验而隐藏的的field框，所用的value
+        ruleFieldStr () {
+            return this.$isEmptyData(this.curVal) && this.$isEmptyData(this.curValList)
+                ? ""
+                : "有值";
+        },
+
+        /* ----- 值 ----- */
+        // 值为不是[]类型用的
+        curVal: {
+            get () {
+                // // 原选项变动了或选项动态改变时，过滤掉已不存在的选项值
+                // if (!this.isInTable) {
+                //     if (["select"].includes(this.controlType)) {
+                //         if (!this.$dataType(this.propsObj._filterFunc, "function")) {
+                //             this.value[this.controlKey] = this.listData.some(item => item[this.saveKey] === this.value[this.controlKey])
+                //                 ? this.value[this.controlKey]
+                //                 : "";
+                //         }
+                //     }
+                // }
+
+                return this.value[this.controlKey];
+            },
+            set (val) {
+                // 修复文本框clear后值为undefined，后端无法更新保存数据bug
+                if (["select"].includes(this.controlType) && val === undefined) {
+                    val = "";
+                }
+
+                this.$set(this.value, this.controlKey, val);
+                this.change();
+            }
+        },
+        // 值为[]类型用的
+        curValList: {
+            get () {
+                // // 原选项变动了或选项动态改变时，过滤掉已不存在的选项值
+                // if (!this.isInTable) {
+                //     const valList = this.value[this.controlKey] || [];
+                //     if ((["select"].includes(this.controlType) && this.multipleMode) || ["checkbox"].includes(this.controlType)) {
+                //         this.value[this.controlKey] = valList.some(valKey => !this.listDataKeys.includes(valKey))
+                //             ? valList.filter(valKey => this.listDataKeys.includes(valKey))
+                //             : valList;
+                //     }
+                //     // else if (["region", "cascader"].includes(this.controlType)) {
+                //     //     this.value[this.controlKey] = this.$getTreeLinealDatas(valList, this.cascaderAllData, undefined, this.saveKey).length
+                //     //         ? valList
+                //     //         : [];
+                //     // }
+                //     // else if (["regions", "cascaders"].includes(this.controlType)) {
+                //     //     this.value[this.controlKey] = valList.filter(valListItem =>
+                //     //         this.$getTreeLinealDatas(valListItem, this.cascaderAllData, undefined, this.saveKey).length
+                //     //     );
+                //     // }
+                // }
+
+                return this.value[this.controlKey] || [];
+            },
+            set (valList) {
+                this.$set(this.value, this.controlKey, valList);
+                this.change();
+            }
+        },
+        emptyShowVal () {
+            return this.canEdit
+                ? this.commonDealPropsObj._placeholder
+                : this.isUnitShow
+                    ? "--"
+                    : "暂无内容";
+        },
+        showVal () {
+            return this.$isEmptyData(this.curVal)
+                ? this.emptyShowVal
+                : this.curVal;
+        }
+    },
+    methods: {
+        change (...params) {
+            this.$emit("change", this.value[this.controlKey]);
+        },
+        refChange (...params) {
+            this.$emit("refChange", this.value[this.controlKey]);
+        },
+        quickChange (...params) {
+            this.$emit("quickChange", this.value[this.controlKey]);
+        },
+
+        // 点击输入框
+        clickInput () {
+            if (!this.disabled) {
+                this.openModal();
+            }
+        },
+        // 点击清除
+        clickClear () {
+            if (this.controlType === "coordinates") {
+                this.curVal = {
+                    name: "",
+                    lnglat: []
+                };
+            }
+            else if (this.typeInfoData.dataType === "array" || this.multipleMode) {
+                this.curValList = [];
+            } else {
+                this.curVal = "";
+            }
+        },
+
+        /* ----- 工具方法 ------- */
+        // 切换弹框
+        toggleModal (bool) {
+            this.showModal = bool;
+        },
+        // 打开弹框 ---！！！！pc端的selectUsers、selectDepartments控件，外部调用组件时也在使用，不能轻易删除
+        openModal () {
+            this.showModal = true;
+        },
+        // 关闭弹框 ---！！！！pc端的selectUsers、selectDepartments控件，外部调用组件时也在使用，不能轻易删除
+        closeModal () {
+            this.showModal = false;
+        },
+
+        // 单元格展示 -打开列表模态框
+        openUnitModal (event) {
+            this.showUnitModal = true;
+            event.stopPropagation();
+        }
+    }
+};