bri-components 1.1.2 → 1.1.4

package/src/components/list/easyTable/v-checkbox/src/checkbox.vue

@@ -1,127 +0,0 @@
-<template>
-    <label class="v-checkbox-wrapper" :style="{'display':displayType}">
-        <span :class="checkboxClasses">
-            <input
-                class="v-checkbox-input"
-                type="checkbox"
-                :value="label"
-                v-model="model"
-                @change="change"
-            />
-
-            <span class="v-checkbox-inner"></span>
-        </span>
-        <span><slot v-if="showSlot">{{ label }}</slot></span>
-    </label>
-</template>
-
-<script>
-    import utils from "../../src/utils/utils.js";
-
-    export default{
-        name: "v-checkbox",
-        props: {
-            value: {
-                type: [String, Number, Boolean]
-            },
-            // use in checkbox-group
-            label: {
-                type: [String, Number],
-                require: true
-            },
-            disabled: Boolean,
-            // partial selection effect
-            indeterminate: Boolean,
-            showSlot: {
-                type: Boolean,
-                default: true
-            }
-
-        },
-        data () {
-            return {
-                model: this.value,
-                checkboxGroup2: {}
-            };
-        },
-
-        computed: {
-            checkboxClasses () {
-                return [
-                    "v-checkbox",
-                    {
-                        "v-checkbox-checked": this.model,
-                        "v-checkbox-disabled": this.disabled,
-                        "v-checkbox-indeterminate": this.indeterminate
-                    }
-                ];
-            },
-            // 是否横向显示还是纵向显示
-            displayType () {
-                let style = "inline-block";
-                if (this.checkboxGroup2) {
-                    style = this.checkboxGroup2.isVerticalShow ? "block" : "inline-block";
-                }
-                return style;
-            }
-        },
-        methods: {
-            isCheckBoxGroup () {
-                this.checkboxGroup2 = utils.getParentCompByName(this, "v-checkbox-group");
-                return !!this.checkboxGroup2;
-            },
-            change (event) {
-                if (this.disabled) {
-                    this.model = !this.model;
-                    return false;
-                }
-                const checked = event.target.checked;
-                this.$emit("input", checked);
-                this.$emit("change");
-                this.isCheckBoxGroup();
-                if (this.checkboxGroup2) {
-                    this.checkboxGroup2.updateModel(this.label, checked);
-                }
-            },
-            initModel () {
-                this.isCheckBoxGroup();
-                if (this.checkboxGroup2) {
-                    let checkboxGroup = this.checkboxGroup2;
-                    if (Array.isArray(checkboxGroup.value) && checkboxGroup.value.length > 0) {
-                        if (checkboxGroup.value.indexOf(this.label) > -1) {
-                            this.model = true;
-                        }
-                    }
-                } else {
-                    this.model = this.value;
-                }
-            },
-            // 通过单选更新 model
-            updateModelBySingle () {
-                if (!this.disabled) {
-                    this.model = this.value;
-                }
-            },
-            // 父组件调用更新 model
-            updateModelByGroup (checkBoxGroup) {
-                if (checkBoxGroup.indexOf(this.label) > -1) {
-                    if (!this.disabled) {
-                        this.model = true;
-                    }
-                } else {
-                    if (!this.disabled) {
-                        this.model = false;
-                    }
-                }
-            }
-        },
-        created () {
-            this.initModel();
-        },
-        watch: {
-            "value" (val) {
-                this.updateModelBySingle();
-            }
-        }
-    };
-</script>

package/src/components/list/easyTable/v-checkbox-group/index.js

@@ -1,7 +0,0 @@
-import VCheckboxGroup from "./src/checkbox-group.vue";
-
-VCheckboxGroup.install = function (Vue) {
-    Vue.component(VCheckboxGroup.name, VCheckboxGroup);
-};
-
-export default VCheckboxGroup;

package/src/components/list/easyTable/v-checkbox-group/src/checkbox-group.vue

@@ -1,68 +0,0 @@
-<template>
-    <div class="v-checkbox-group">
-        <slot></slot>
-    </div>
-</template>
-
-<script>
-    import utils from "../../src/utils/utils.js";
-
-    export default{
-        name: "v-checkbox-group",
-
-        props: {
-            value: {
-                type: Array,
-                default () {
-                    return [];
-                }
-            },
-            // 是否垂直排列显示（当时checkbox组时生效）
-            isVerticalShow: {
-                type: Boolean,
-                default: false
-            }
-        },
-
-        methods: {
-
-            updateModel (label, checkedVal) {
-
-                let index = this.value.indexOf(label);
-                if (index > -1) {
-
-                    if (!checkedVal) {
-
-                        this.value.splice(index, 1);
-                    }
-                } else {
-
-                    if (checkedVal) {
-
-                        this.value.push(label);
-                    }
-                }
-
-                this.$emit("input", this.value);
-                this.$emit("change");
-            }
-        },
-
-        watch: {
-            // 更新子组件选中状态
-            "value" (newVal) {
-
-                let children = utils.getChildCompsByName(this, "v-checkbox");
-
-                if (children.length > 0) {
-
-                    children.forEach(child => {
-
-                        child.updateModelByGroup(newVal);
-                    });
-                }
-
-            }
-        }
-    };
-</script>

package/src/components/list/easyTable/v-dropdown/index.js

@@ -1,7 +0,0 @@
-import VDropdown from "./src/dropdown.vue";
-
-VDropdown.install = function (Vue) {
-    Vue.component(VDropdown.name, VDropdown);
-};
-
-export default VDropdown;

package/src/components/list/easyTable/v-dropdown/src/dropdown.vue

@@ -1,337 +0,0 @@
-<template>
-    <dl :class="['v-dropdown',sizeClass]" v-click-outside="clickOutside">
-        <dt class="v-dropdown-dt">
-            <a :class="[isSelect ? 'v-dropdown-selected' :'']" @click.stop.prevent="toggleItems()" :style="{'width':width+'px'}">
-                <slot></slot>
-            </a>
-        </dt>
-        <dd v-show="visible" class="v-dropdown-dd">
-            <ul class="v-dropdown-items" :style="{'min-width':width+'px','max-width':getMaxWidth+'px'}">
-
-                <template v-if="isMultiple">
-                    <v-checkbox-group is-vertical-show
-                    :min="min"
-                    :max="max"
-                    @change="checkboxGroupChange"
-                    v-model="checkboxGroupList"
-                    >
-                    <li v-for="(item, idx) in internalOptions" :key="idx"
-                    :class="['v-dropdown-items-multiple',getTextAlignClass()]"
-                    >
-                    <v-checkbox :key="item.label" :label="item.label"
-                    :showLine="item.showLine"></v-checkbox>
-                </li>
-            </v-checkbox-group>
-        </template>
-        <template v-else>
-            <li v-for="(item, idx) in internalOptions" :key="idx" @click.stop="selectOptionClick(item)"
-            :class="['v-dropdown-items-li',item.selected ? 'active' : '']">
-            <a :class="['v-dropdown-items-li-a',getTextAlignClass()]" href="javascript:void(0);">{{item.label}}</a>
-        </li>
-    </template>
-
-    <li v-if="showOperation" class="v-dropdown-operation">
-        <a @click.stop="confirm" class="v-dropdown-operation-item" href="javascript:void(0)">确认</a>
-        <a @click.stop="rest" class="v-dropdown-operation-item" href="javascript:void(0)">重置</a>
-    </li>
-</ul>
-</dd>
-</dl>
-</template>
-
-<script>
-    import settings from "../../src/settings/settings.js";
-    import clickoutside from "../../src/directives/clickoutside.js";
-
-    import VCheckboxGroup from "../../v-checkbox-group/index";
-    import VCheckbox from "../../v-checkbox/index";
-
-    import layerAdjustment from "../../src/mixins/layerAdjustment.js";
-
-    export default {
-        name: "v-dropdown",
-        components: {
-            VCheckboxGroup, VCheckbox
-        },
-        mixins: [layerAdjustment],
-        directives: {
-            "click-outside": clickoutside
-        },
-        data () {
-            return {
-
-                visible: false,
-
-                internalOptions: [],
-
-                // checkboxGroup 选中的项
-                checkboxGroupList: [],
-
-                // 样式前缀
-                textAlignPrefix: "v-dropdown-items-li-a-",
-
-                inputValue: "",
-
-                // 是否有选项被改变（初始值为null 为了区分首次internalOptions 赋值的问题）
-                isOperationChange: null
-            };
-        },
-        props: {
-            // 如果是select 组件将特殊处理
-            isSelect: {
-                type: Boolean,
-                default: false
-            },
-            showOperation: {
-                type: Boolean,
-                default: false
-            },
-            size: {
-                type: String
-            },
-
-            width: {
-                type: Number,
-                default: 90
-
-            },
-
-            // select的最大宽度(超出隐藏)
-            maxWidth: {
-                type: Number
-            },
-
-            // 如果为true 会包含 checkbox
-            isMultiple: {
-                type: Boolean,
-                default: false
-            },
-
-            // 用户传入v-model 的值 [{value/label/selected}]
-            value: [Object, Array],
-
-            // 占位符
-            placeholder: {
-                type: String,
-                default: "请选择",
-                validator: function (value) {
-                    return value.length > 0;
-                }
-            },
-
-            // 文本居中方式 left|center|right
-            textAlign: {
-                type: String,
-                default: "left"
-            },
-
-            // 最小选中数量
-            min: {
-                type: Number,
-                default: 0
-            },
-
-            // 最大选中数量
-            max: {
-                type: Number,
-                default: 999
-            },
-
-            // 是否支持输入input
-            isInput: {
-                type: Boolean,
-                default: false
-            }
-
-        },
-        computed: {
-
-            sizeClass () {
-                let size = settings.sizeMaps[this.size] || settings.sizeMapDefault;
-                return size === settings.sizeMaps["large"] ? " v-dropdown--large" : (size === settings.sizeMaps["middle"] ? " v-dropdown--middle" : " v-dropdown--small");
-            },
-
-            // 获取最大宽度(不设置则是无穷大)
-            getMaxWidth () {
-                let result = Infinity;
-                let maxWidth = this.maxWidth;
-                let width = this.width;
-
-                if (maxWidth && maxWidth > 0 && maxWidth > width) {
-
-                    result = maxWidth;
-                }
-
-                return result;
-            }
-        },
-        methods: {
-
-            // 初始化
-            init () {
-                this.internalOptions = Object.assign([], this.value);
-
-                this.checkboxGroupList = this.selectedLabels();
-
-                if (this.isInput) {
-                    this.setInputValue();
-                }
-            },
-
-            // operation filter confirm
-            confirm () {
-                if (this.isOperationChange) {
-
-                    this.$emit("on-filter-method", this.internalOptions);
-                    this.isOperationChange = false;
-                }
-                this.hideDropDown();
-            },
-
-            // operation filter reset
-            rest () {
-                if (this.internalOptions.some(x => x.selected)) {
-                    this.internalOptions.map(x => {
-                        if (x.selected) {
-                            x.selected = false;
-                        }
-                        return x;
-                    });
-                    this.checkboxGroupList = [];
-                    // 使用户传入的v-model 生效
-                    this.$emit("input", this.internalOptions);
-                    this.$emit("change");
-                    // 修复执行两次的bug
-                    /* this.$emit('on-filter-method',this.internalOptions);
-                    this.isOperationChange = false; */
-                }
-                setTimeout(x => {
-                    this.hideDropDown();
-                }, 50);
-            },
-
-            hideDropDown () {
-                if (this.showOperation && this.isOperationChange) {
-                    this.$emit("on-filter-method", this.internalOptions);
-                    this.isOperationChange = false;
-                }
-                this.visible = false;
-            },
-
-            showDropDown () {
-                this.visible = true;
-            },
-
-            // 设置文本框的值
-            setInputValue () {
-                let result;
-                let labels;
-                labels = this.selectedLabels();
-                if (Array.isArray(labels) && labels.length > 0) {
-                    result = labels.join();
-                }
-
-                this.inputValue = result;
-            },
-            // checkbox 选中改变事件
-            checkboxGroupChange () {
-
-                this.selectOptionClick();
-            },
-            toggleItems () {
-                // this.visible = !this.visible;
-                if (this.visible) {
-                    this.hideDropDown();
-                } else {
-                    this.showDropDown();
-                    this.$nextTick(x => {
-                        this.dropDownClick();
-                    });
-                }
-            },
-            selectOptionClick (item) {
-                if (!this.isMultiple) {
-                    this.internalOptions.map((x) => {
-                        if (item.label === x.label) {
-                            x.selected = true;
-                        } else {
-                            x.selected = false;
-                        }
-                        return x;
-                    });
-                } else { // 多选
-                    this.internalOptions.map((x) => {
-                        if (this.checkboxGroupList.includes(x.label)) {
-                            x.selected = true;
-                        } else {
-                            x.selected = false;
-                        }
-                        return x;
-                    });
-                }
-
-                if (!this.isMultiple) {
-                    this.toggleItems();
-                }
-
-                if (this.isInput) {
-                    this.setInputValue();
-                }
-                // 使用户传入的v-model 生效
-                this.$emit("input", this.internalOptions);
-                this.$emit("change");
-            },
-
-            // 获取样式名称
-            getTextAlignClass () {
-                return this.textAlignPrefix + this.textAlign;
-            },
-
-            // 当前选中项的label
-            selectedLabels () {
-                return this.internalOptions.filter(x => x.selected).map(x => {
-                    if (x.selected) {
-                        return x.label;
-                    }
-                });
-            },
-
-            clickOutside () {
-                this.hideDropDown();
-                // this.visible = false
-            },
-
-            // 下拉点击显示
-            dropDownClick () {
-                let dtEle = this.$el.querySelector(".v-dropdown-dt");
-                let ddItem = this.$el.querySelector(".v-dropdown-items");
-                this.layerAdjustmentOnce(ddItem, dtEle, 2);
-                return false;
-            },
-
-            // 确定下拉框的位置
-            dropdownAdjust () {
-                let dtEle = this.$el.querySelector(".v-dropdown-dt");
-                let ddItem = this.$el.querySelector(".v-dropdown-items");
-                this.layerAdjustmentBind(ddItem, dtEle, 2);
-            }
-
-        },
-
-        created () {
-            this.init();
-        },
-        mounted () {
-            this.dropdownAdjust();
-
-        },
-        watch: {
-            "value": function (val) {
-                this.init();
-            },
-            "internalOptions": function (val) {
-                this.isOperationChange = !!((this.showOperation && this.isOperationChange !== null));
-            }
-        }
-    };
-    </script>

package/src/components/list/easyTable/v-table/index.js

@@ -1,7 +0,0 @@
-import VTable from "./src/table.vue";
-
-VTable.install = function (Vue) {
-    Vue.component(VTable.name, VTable);
-};
-
-export default VTable;

package/src/components/list/easyTable/v-table/src/body-cell-merge-mixin.js

@@ -1,141 +0,0 @@
-export default {
-    data () {
-        return {
-            // 跳过渲染的列集合
-            skipRenderCells: []
-        };
-    },
-    methods: {
-        /*
-         * isFrozenColumns:是否是固定列
-         * */
-        cellMergeInit (rowIndex, field, rowData, isFrozenColumns) {
-            // 包含在 skipRenderCells 内，则不渲染
-            if (this.skipRenderCells.indexOf(rowIndex + "-" + field) !== -1) {
-                return false;
-            }
-            let setting = this.cellMerge && this.cellMerge(rowIndex, rowData, field);
-            if (setting && ((setting.colSpan && setting.colSpan > 1) || (setting.rowSpan && setting.rowSpan > 1))) {
-                this.setSkipRenderCells(setting.colSpan, setting.rowSpan, rowIndex, field, isFrozenColumns);
-            }
-            return true;
-        },
-
-        // 设置不渲染的列
-        setSkipRenderCells (colSpan, rowSpan, rowIndex, field, isFrozenColumns) {
-
-            let columnsFields = isFrozenColumns ? this.getFrozenColumnsFields : this.getNoFrozenColumnsFields;
-            let skipCell = "";
-            let startPosX, endPosX, startPosY, endPosY;
-
-            endPosX = startPosX = columnsFields.indexOf(field);
-            if (colSpan && colSpan > 1) {
-                endPosX = startPosX + colSpan - 1;
-            }
-
-            endPosY = startPosY = rowIndex;
-            if (rowSpan && rowSpan > 1) {
-
-                endPosY = rowIndex + rowSpan - 1;
-            }
-
-            for (let posX = startPosX; posX <= endPosX; posX++) {
-
-                for (let posY = startPosY; posY <= endPosY; posY++) {
-
-                    if (posX == startPosX && posY == startPosY) {
-                        continue;
-                    }
-
-                    skipCell = posY + "-" + columnsFields[posX];
-
-                    // 避免状态改变重新渲染的情况
-                    if (this.skipRenderCells.indexOf(skipCell) === -1) {
-
-                        this.skipRenderCells.push(skipCell);
-                    }
-                }
-            }
-        },
-
-        // 设置 colSpan
-        setColRowSpan (rowIndex, field, rowData) {
-            let result = {
-                colSpan: "",
-                rowSpan: ""
-            };
-            let setting = this.cellMerge && this.cellMerge(rowIndex, rowData, field);
-            if (setting) {
-                result = {
-                    colSpan: setting.colSpan ? setting.colSpan : "",
-                    rowSpan: setting.rowSpan ? setting.rowSpan : ""
-                };
-            }
-            return result;
-        },
-
-        /*
-         * 并检测不合法的设置，如果设置不合法则不会合并行和列
-         * */
-        isCellMergeRender (rowIndex, field, rowData) {
-            let setting = this.cellMerge && this.cellMerge(rowIndex, rowData, field);
-            if (setting && ((setting.colSpan && setting.colSpan > 0) || (setting.rowSpan && setting.rowSpan > 0))) {
-                return true;
-            }
-            return false;
-        },
-
-        // 获取行高
-        getRowHeightByRowSpan (rowIndex, field, rowData) {
-            let setting = this.cellMerge && this.cellMerge(rowIndex, rowData, field);
-            if (setting && (setting.rowSpan && setting.rowSpan > 1)) {
-                return this.rowHeight * setting.rowSpan;
-            }
-            return this.rowHeight;
-        },
-
-        /*
-         * 获取单元格宽度
-         * isFrozenColumns:是否是固定列
-         * */
-        getRowWidthByColSpan (rowIndex, field, rowData) {
-            let endPosX;
-            let startPosX;
-            let columnsFields = this.getColumnsFields;
-            let setting = this.cellMerge && this.cellMerge(rowIndex, rowData, field);
-            let colSpan = setting.colSpan;
-            let totalWidth = 0;
-
-            if (setting && (colSpan && colSpan >= 1)) {
-                startPosX = columnsFields.indexOf(field);
-                endPosX = startPosX + colSpan - 1;
-                for (let i = startPosX; i <= endPosX; i++) {
-                    this.internalColumns.forEach(x => {
-                        if (columnsFields[i] === x.field) {
-                            totalWidth += x.width;
-                        }
-                    });
-                }
-            }
-            return totalWidth;
-        },
-
-        // 合并的单元格渲染的内容类型
-        cellMergeContentType (rowIndex, field, rowData) {
-            let result = {
-                isComponent: false,
-                isContent: false
-            };
-            let setting = this.cellMerge && this.cellMerge(rowIndex, rowData, field);
-            if (setting) {
-                if (setting.componentName && typeof setting.componentName === "string" && setting.componentName.length > 0) {
-                    result.isComponent = true;
-                } else if (setting.content && setting.content.length > 0) {
-                    result.isContent = true;
-                }
-            }
-            return result;
-        }
-    }
-
-};