bri-components 1.5.14 → 1.5.16

package/src/components/list/mixins/treeTableBaseMixin.js

@@ -1,145 +1,145 @@
-import { resourceData } from "bri-datas";
-
-export default {
-    mixins: [],
-    components: {},
-    props: {
-        treeColumns: {
-            type: Array,
-            default () {
-                return [];
-            }
-        }
-    },
-    data () {
-        return {
-            searchMode: "flat", // "flat", "tree"
-
-            baseOperationMap: {
-                canCreateChild: {
-                    name: "添加下级",
-                    tip: "添加一行下级",
-                    type: "canCreateChild",
-                    btnType: "primaryText",
-                    icon: "md-add-circle",
-                    size: "small",
-                    disabled: false,
-                    event: "clickCreateChild"
-                }
-                // canDeleteChilds: {
-                //     name: "删除所有子级",
-                //     type: "canDeleteChilds",
-                //     btnType: "errorText",
-                //     icon: "ios-trash-outline",
-                //     size: "small",
-                //     disabled: false,
-                //     event: "clickDeleteChilds"
-                // }
-            }
-        };
-    },
-    computed: {
-        treeTableBasePropsObj () {
-            return {
-                // _treeForm: [],
-                _maxLevel: 3 // 最大级数
-            };
-        },
-        maxLevel () {
-            return this.selfPropsObj._maxLevel || 3;
-        },
-        treeColKeys () {
-            return this.treeColumns.map(colItem => colItem._key);
-        },
-
-        /* --- 列字段 --- */
-        selfColumns () {
-            return this.columns.map(column => {
-                // 层级表格类型，level字段的进行特殊处理（treeForm加工成_data）
-                return column._key === "level"
-                    ? {
-                        ...column,
-                        _data: this.treeColumns.map((treeFormItem, treeFormIndex) => ({
-                            name: treeFormItem._name,
-                            _key: (treeFormIndex + 1),
-                            color: Object.keys(resourceData.colorMap)[treeFormIndex + 1]
-                        }))
-                    }
-                    : column;
-            });
-        },
-
-        selfAllOperationMap () {
-            return {
-                canCreateChild: {
-                    ...this.baseOperationMap.canCreateChild,
-                    name: this.showMode === "form"
-                        ? this.baseOperationMap.canCreateChild.name.replace("行", "条")
-                        : this.baseOperationMap.canCreateChild.name,
-                    tip: this.showMode === "form"
-                        ? this.baseOperationMap.canCreateChild.tip.replace("行", "条")
-                        : this.baseOperationMap.canCreateChild.tip
-                }
-            };
-        }
-    },
-    created () { },
-    methods: {
-        // 自身的重置
-        selfReset () {
-            this.searchMode = "flat";
-        },
-
-        // 节点操作 -添加一行
-        clickCreate (operationItem, row, rowIndex, col) {
-            const list = row
-                ? this.getParentRow(row, this.data).children
-                : this.data;
-            const newRow = this.getNewRowData(row ? row.level : 1, list);
-            const newRowIndex = row
-                ? list.findIndex(rowItem => rowItem._id === row._id) + 1
-                : list.length;
-            list.splice(newRowIndex, 0, newRow);
-
-            this.change("createRow", newRow, newRowIndex, null);
-        },
-        // 节点操作 -添加子行
-        clickCreateChild (operationItem, row, rowIndex, col) {
-            const list = row.children;
-            const newRow = this.getNewRowData(row.level + 1, list);
-            const newRowIndex = list.length;
-            list.splice(newRowIndex, 0, newRow);
-
-            // 展开子级
-            this.toggleExpand && this.toggleExpand(row, true);
-
-            this.change("createChildRow", newRow, newRowIndex, null);
-        },
-        // 节点操作 -删除行
-        clickDelete (operationItem, row, rowIndex, col) {
-            this.$Modal.confirm({
-                title: "警告",
-                content: "确定删除该行及其所有下级吗？",
-                onOk: () => {
-                    const parentRow = this.getParentRow(row, this.data);
-                    const index = parentRow.children.findIndex(childRowItem => childRowItem._id === row._id);
-                    parentRow.children.splice(index, 1);
-
-                    this.change("deleteRow", row, rowIndex, null);
-                }
-            });
-        }
-        // // 节点操作 -删除所有子行
-        // clickDeleteChilds (operationItem, row, rowIndex, col) {
-        //     this.$Modal.confirm({
-        //         title: "警告",
-        //         content: "确定删除所有下级吗？",
-        //         onOk: () => {
-        //             row.children.splice(0);
-
-        //             this.change("deleteChildRows", row, rowIndex, null);
-        //         }
-        //     });
-        // },
-    }
-};
+import { resourceData } from "bri-datas";
+
+export default {
+    mixins: [],
+    components: {},
+    props: {
+        treeColumns: {
+            type: Array,
+            default () {
+                return [];
+            }
+        }
+    },
+    data () {
+        return {
+            searchMode: "flat", // "flat", "tree"
+
+            baseOperationMap: {
+                canCreateChild: {
+                    name: "添加下级",
+                    tip: "添加一行下级",
+                    type: "canCreateChild",
+                    btnType: "primaryText",
+                    icon: "md-add-circle",
+                    size: "small",
+                    disabled: false,
+                    event: "clickCreateChild"
+                }
+                // canDeleteChilds: {
+                //     name: "删除所有子级",
+                //     type: "canDeleteChilds",
+                //     btnType: "errorText",
+                //     icon: "ios-trash-outline",
+                //     size: "small",
+                //     disabled: false,
+                //     event: "clickDeleteChilds"
+                // }
+            }
+        };
+    },
+    computed: {
+        treeTableBasePropsObj () {
+            return {
+                // _treeForm: [],
+                _maxLevel: 3 // 最大级数
+            };
+        },
+        maxLevel () {
+            return this.selfPropsObj._maxLevel || 3;
+        },
+        treeColKeys () {
+            return this.treeColumns.map(colItem => colItem._key);
+        },
+
+        /* --- 列字段 --- */
+        selfColumns () {
+            return this.columns.map(column => {
+                // 层级表格类型，level字段的进行特殊处理（treeForm加工成_data）
+                return column._key === "level"
+                    ? {
+                        ...column,
+                        _data: this.treeColumns.map((treeFormItem, treeFormIndex) => ({
+                            name: treeFormItem._name,
+                            _key: (treeFormIndex + 1),
+                            color: Object.keys(resourceData.colorMap)[treeFormIndex + 1]
+                        }))
+                    }
+                    : column;
+            });
+        },
+
+        selfAllOperationMap () {
+            return {
+                canCreateChild: {
+                    ...this.baseOperationMap.canCreateChild,
+                    name: this.showMode === "form"
+                        ? this.baseOperationMap.canCreateChild.name.replace("行", "条")
+                        : this.baseOperationMap.canCreateChild.name,
+                    tip: this.showMode === "form"
+                        ? this.baseOperationMap.canCreateChild.tip.replace("行", "条")
+                        : this.baseOperationMap.canCreateChild.tip
+                }
+            };
+        }
+    },
+    created () { },
+    methods: {
+        // 自身的重置
+        selfReset () {
+            this.searchMode = "flat";
+        },
+
+        // 节点操作 -添加一行
+        clickCreate (operationItem, row, rowIndex, col) {
+            const list = row
+                ? this.getParentRow(row, this.data).children
+                : this.data;
+            const newRow = this.getNewRowData(row ? row.level : 1, list);
+            const newRowIndex = row
+                ? list.findIndex(rowItem => rowItem._id === row._id) + 1
+                : list.length;
+            list.splice(newRowIndex, 0, newRow);
+
+            this.change("createRow", newRow, newRowIndex, null);
+        },
+        // 节点操作 -添加子行
+        clickCreateChild (operationItem, row, rowIndex, col) {
+            const list = row.children;
+            const newRow = this.getNewRowData(row.level + 1, list);
+            const newRowIndex = list.length;
+            list.splice(newRowIndex, 0, newRow);
+
+            // 展开子级
+            this.toggleExpand && this.toggleExpand(row, true);
+
+            this.change("createChildRow", newRow, newRowIndex, null);
+        },
+        // 节点操作 -删除行
+        clickDelete (operationItem, row, rowIndex, col) {
+            this.$Modal.confirm({
+                title: "警告",
+                content: "确定删除该行及其所有下级吗？",
+                onOk: () => {
+                    const parentRow = this.getParentRow(row, this.data);
+                    const index = parentRow.children.findIndex(childRowItem => childRowItem._id === row._id);
+                    parentRow.children.splice(index, 1);
+
+                    this.change("deleteRow", row, rowIndex, null);
+                }
+            });
+        }
+        // // 节点操作 -删除所有子行
+        // clickDeleteChilds (operationItem, row, rowIndex, col) {
+        //     this.$Modal.confirm({
+        //         title: "警告",
+        //         content: "确定删除所有下级吗？",
+        //         onOk: () => {
+        //             row.children.splice(0);
+
+        //             this.change("deleteChildRows", row, rowIndex, null);
+        //         }
+        //     });
+        // },
+    }
+};

package/src/components/other/BriAvatar.vue

@@ -1,166 +1,166 @@
-<template>
-    <div class="BriAvatar">
-        <!-- 无显示 -->
-        <template v-if="users.length == 0"></template>
-
-        <!-- 图片堆叠显示 -->
-        <div
-            v-else-if="users.length > maxLength"
-            :style="{ ...roundStyle }"
-        >
-            <span
-                v-for="(user, index) in userList"
-                :key="index"
-                class="BriAvatar-img"
-            >
-                <img :src="user && user.avatarurl || avatarSrc">
-            </span>
-            <span :style="{'margin-left': (userList.length + 1) * 12 + 6 + 'px'}">
-                {{ userList[userList.length - 1] && userList[userList.length - 1].realname || userList[userList.length - 1] && userList[userList.length - 1].name }}
-            </span>
-        </div>
-
-        <!-- 单个显示 -->
-        <template v-else>
-            <div
-                v-for="(user, index) in users"
-                :key="index"
-                class="BriAvatar-round"
-                :style="{ ...roundStyle }"
-            >
-                <div class="BriAvatar-box">
-                    <div class="BriAvatar-img">
-                        <img :src="user && user.avatarurl || avatarSrc">
-                    </div>
-                    <span>
-                        {{ user ? user.realname || user.name : "" }}
-                    </span>
-                </div>
-            </div>
-        </template>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: "BriAvatar",
-        props: {
-            rowData: {
-                type: Object
-            },
-            field: {
-                type: String
-            },
-            // 最多显示maxlength个，超出后头像重叠显示最后一个人的名字
-            maxLength: {
-                type: Number,
-                default: 2
-            },
-            roundStyle: {
-                type: Object,
-                default: () => {
-                    return {};
-                }
-            }
-        },
-        data () {
-            return {
-                avatarSrc: this.$imageSrcMap.system.boy,
-
-                users: []
-            };
-        },
-        computed: {
-            userList () {
-                return this.users.slice(0, 4);
-            }
-        },
-        watch: {
-            rowData: {
-                handler (newVal, oldVal) {
-                    this.init();
-                },
-                immediate: true
-            }
-        },
-        created () {
-            this.init();
-        },
-        methods: {
-            init () {
-                this.users = this.$dataType(this.rowData[this.field]) === "object"
-                    ? [this.rowData[this.field]]
-                    : (this.$dataType(this.rowData[this.field]) === "array"
-                        ? this.rowData[this.field]
-                        : []);
-            }
-        }
-    };
-</script>
-
-<style lang="less" scoped>
-    .BriAvatar {
-        position: relative;
-
-        span {
-            display: inline-block;
-            margin-left: 20px;
-            line-height: 22px;
-        }
-
-        &-img {
-            width: 22px;
-            height: 22px;
-            padding: 1px;
-            display: inline-block;
-            line-height: 20px;
-            background: #fff;
-            border-radius: 50%;
-            img {
-                width: 20px;
-                height: 20px;
-                display: inline-block;
-                border-radius: 50%;
-            }
-            &:nth-child(1) {
-                position: absolute;
-                left: 0px;
-                top: 50%;
-                margin-top: -10px;
-            }
-            &:nth-child(2) {
-                position: absolute;
-                left: 12px;
-                top: 50%;
-                margin-top: -10px;
-            }
-            &:nth-child(3) {
-                position: absolute;
-                left: 24px;
-                top: 50%;
-                margin-top: -10px;
-            }
-            &:nth-child(4) {
-                position: absolute;
-                left: 36px;
-                top: 50%;
-                margin-top: -10px;
-            }
-        }
-
-        &-round {
-            display: inline-block;
-            margin-right: 8px;
-        }
-
-        &-box {
-            position: relative;
-            img {
-                width: 20px;
-                height: 20px;
-                display: inline-block;
-                border-radius: 50%;
-            }
-        }
-    }
-</style>
+<template>
+    <div class="BriAvatar">
+        <!-- 无显示 -->
+        <template v-if="users.length == 0"></template>
+
+        <!-- 图片堆叠显示 -->
+        <div
+            v-else-if="users.length > maxLength"
+            :style="{ ...roundStyle }"
+        >
+            <span
+                v-for="(user, index) in userList"
+                :key="index"
+                class="BriAvatar-img"
+            >
+                <img :src="user && user.avatarurl || avatarSrc">
+            </span>
+            <span :style="{'margin-left': (userList.length + 1) * 12 + 6 + 'px'}">
+                {{ userList[userList.length - 1] && userList[userList.length - 1].realname || userList[userList.length - 1] && userList[userList.length - 1].name }}
+            </span>
+        </div>
+
+        <!-- 单个显示 -->
+        <template v-else>
+            <div
+                v-for="(user, index) in users"
+                :key="index"
+                class="BriAvatar-round"
+                :style="{ ...roundStyle }"
+            >
+                <div class="BriAvatar-box">
+                    <div class="BriAvatar-img">
+                        <img :src="user && user.avatarurl || avatarSrc">
+                    </div>
+                    <span>
+                        {{ user ? user.realname || user.name : "" }}
+                    </span>
+                </div>
+            </div>
+        </template>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "BriAvatar",
+        props: {
+            rowData: {
+                type: Object
+            },
+            field: {
+                type: String
+            },
+            // 最多显示maxlength个，超出后头像重叠显示最后一个人的名字
+            maxLength: {
+                type: Number,
+                default: 2
+            },
+            roundStyle: {
+                type: Object,
+                default: () => {
+                    return {};
+                }
+            }
+        },
+        data () {
+            return {
+                avatarSrc: this.$imageSrcMap.system.boy,
+
+                users: []
+            };
+        },
+        computed: {
+            userList () {
+                return this.users.slice(0, 4);
+            }
+        },
+        watch: {
+            rowData: {
+                handler (newVal, oldVal) {
+                    this.init();
+                },
+                immediate: true
+            }
+        },
+        created () {
+            this.init();
+        },
+        methods: {
+            init () {
+                this.users = this.$dataType(this.rowData[this.field]) === "object"
+                    ? [this.rowData[this.field]]
+                    : (this.$dataType(this.rowData[this.field]) === "array"
+                        ? this.rowData[this.field]
+                        : []);
+            }
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    .BriAvatar {
+        position: relative;
+
+        span {
+            display: inline-block;
+            margin-left: 20px;
+            line-height: 22px;
+        }
+
+        &-img {
+            width: 22px;
+            height: 22px;
+            padding: 1px;
+            display: inline-block;
+            line-height: 20px;
+            background: #fff;
+            border-radius: 50%;
+            img {
+                width: 20px;
+                height: 20px;
+                display: inline-block;
+                border-radius: 50%;
+            }
+            &:nth-child(1) {
+                position: absolute;
+                left: 0px;
+                top: 50%;
+                margin-top: -10px;
+            }
+            &:nth-child(2) {
+                position: absolute;
+                left: 12px;
+                top: 50%;
+                margin-top: -10px;
+            }
+            &:nth-child(3) {
+                position: absolute;
+                left: 24px;
+                top: 50%;
+                margin-top: -10px;
+            }
+            &:nth-child(4) {
+                position: absolute;
+                left: 36px;
+                top: 50%;
+                margin-top: -10px;
+            }
+        }
+
+        &-round {
+            display: inline-block;
+            margin-right: 8px;
+        }
+
+        &-box {
+            position: relative;
+            img {
+                width: 20px;
+                height: 20px;
+                display: inline-block;
+                border-radius: 50%;
+            }
+        }
+    }
+</style>