bri-components 1.1.3 → 1.1.4

package/src/components/list/easyTable/src/utils/utils.js

@@ -1,190 +0,0 @@
-import settings from "../settings/settings";
-
-export default {
-    /* 获取当前元素的left、top偏移
-    *   left：元素最左侧距离文档左侧的距离
-    *   top:元素最顶端距离文档顶端的距离
-    *   right:元素最右侧距离文档右侧的距离
-    *   bottom：元素最底端距离文档底端的距离
-    *   right2：元素最左侧距离文档右侧的距离
-    *   bottom2：元素最底端距离文档最底部的距离
-    * */
-    getViewportOffset (element) {
-
-        let doc = document.documentElement;
-        let box = typeof element.getBoundingClientRect !== "undefined" ? element.getBoundingClientRect() : 0;
-        let scrollLeft = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
-        let scrollTop = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
-        let offsetLeft = box.left + window.pageXOffset;
-        let offsetTop = box.top + window.pageYOffset;
-
-        let left = offsetLeft - scrollLeft;
-        let top = offsetTop - scrollTop;
-
-        return {
-            left: left,
-            top: top,
-            right: window.document.documentElement.clientWidth - box.width - left,
-            bottom: window.document.documentElement.clientHeight - box.height - top,
-            right2: window.document.documentElement.clientWidth - left,
-            bottom2: window.document.documentElement.clientHeight - top
-        };
-    },
-
-    /*
-     * 事件绑定
-     *
-     * @method bind
-     * @param  {dom||window}   elem        需要绑定的dom节点或window对象
-     * @param  {String}        event       绑定的事件名称
-     * @param  {Function}      handler     事件处理方法
-     */
-    bind (elem, event, handler) {
-        if (elem && elem !== "undefined" && event && handler) {
-
-            event = event === "mousewheel" ? (document.onmousewheel !== undefined ? "mousewheel" : "DOMMouseScroll") : event;
-
-            if (document.attachEvent) { // if IE (and Opera depending on user setting)
-
-                elem.attachEvent("on" + event, handler);
-            }
-            else { // WC3 browsers
-
-                elem.addEventListener(event, handler, false);
-            }
-        }
-    },
-
-    /*
-     * 移除事件绑定
-     *
-     * @method unbind
-     * @param  {dom||window}   elem         需要移除绑定的dom节点或window对象
-     * @param  {String}        event        绑定的事件名称
-     * @param  {Function||Array<Function>}  handler    事件处理方法，可以为数组
-     */
-    unbind (elem, event, handler) {
-        if (elem && elem !== "undefined" && event && handler) {
-
-            event = event === "mousewheel" ? (document.onmousewheel !== undefined ? "mousewheel" : "DOMMouseScroll") : event;
-
-            let handlers = [];
-            if (Array.isArray(handler) && handler.length > 0) {
-                handlers = handler;
-            } else {
-                handlers.push(handler);
-            }
-
-            if (document.removeEventListener) {
-
-                handlers.forEach(e => {
-                    elem.removeEventListener(event, e, false);
-                });
-            }
-            else {
-
-                handlers.forEach(e => {
-                    elem.removeEventListener("on" + event, e);
-                });
-            }
-        }
-    },
-
-    // 判断当前是否包含html元素
-    isHtml (val) {
-        return /<[a-z][\s\S]*>/i.test(val);
-    },
-
-    // 获取当前dislpay值
-    getDisplayValue (ele) {
-
-        if (ele) {
-            return ele.currentStyle ? ele.currentStyle.display : getComputedStyle(ele, null).display;
-        }
-
-    },
-
-    // 是否包含横向滚动条
-    hasHorizontalScrollBar (ele) {
-
-        if (ele) {
-
-            return ele.scrollWidth > ele.clientWidth;
-        }
-    },
-
-    // 是否包含纵向滚动条
-    hasVerticalScrollBar (ele) {
-
-        if (ele) {
-
-            return ele.scrollHeight > ele.clientHeight;
-        }
-    },
-
-    // 获取滚动条的宽度
-    getScrollbarWidth () {
-
-        const outer = document.createElement("div");
-        outer.className = settings.scrollbarClass;
-        outer.style.visibility = "hidden";
-        outer.style.width = "100px";
-        outer.style.position = "absolute";
-        outer.style.top = "-9999px";
-        document.body.appendChild(outer);
-
-        const widthNoScroll = outer.offsetWidth;
-        outer.style.overflow = "scroll";
-
-        const inner = document.createElement("div");
-        inner.style.width = "100%";
-        outer.appendChild(inner);
-
-        const widthWithScroll = inner.offsetWidth;
-        outer.parentNode.removeChild(outer);
-
-        return widthNoScroll - widthWithScroll;
-
-    },
-
-    // 获取父组件信息
-    getParentCompByName (context, name) {
-
-        let parent = context.$parent;
-
-        while (parent) {
-            if (parent.$options.name !== name) {
-                parent = parent.$parent;
-            } else {
-                return parent;
-            }
-        }
-
-        return null;
-    },
-
-    // 获取多个符合条件的子组件信息
-    getChildCompsByName (context, name) {
-
-        let result = [];
-
-        let childrens = context.$children;
-
-        while (childrens && childrens.length > 0) {
-
-            childrens.forEach(child => {
-
-                childrens = child.$children ? child.$children : null;
-
-                if (child.$options.name === name) {
-
-                    result.push(child);
-                }
-
-            });
-        }
-
-        return result;
-    }
-
-};

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

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

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;