bri-components 1.1.3 → 1.1.5

package/src/components/controls/base/DshCascader.vue

@@ -1,350 +0,0 @@
-<template>
-    <div :class="`DshCascader`">
-        <!-- 编辑和disabled模式 -->
-        <template v-if="canEdit">
-            <!-- 多选 多选模式的filterable必须是false，不然出bug -->
-            <template v-if="useMultiple === true">
-                <Cascader
-                    style="width: 100%;"
-                    :value="multipleSelectVal"
-                    :data="renderCascaderData"
-                    :disabled="!finalCanEdit"
-                    :change-on-select="selfPropsObj._changeOnSelect"
-                    :clearable="selfPropsObj._clearable"
-                    :size="selfPropsObj._size"
-                    :filterable="false"
-                    :transfer="selfPropsObj._transfer"
-                    :transfer-class-name="selfPropsObj._transferClassName"
-                    :load-data="loadData"
-                    @on-visible-change="multipleVisibleChange"
-                    @on-change="createItem"
-                >
-                    <dsh-control-define
-                        :value="valTags"
-                        :canEdit="canEdit"
-                        :propsObj="{
-                            ...selfPropsObj,
-                            _multiplerow: selfPropsObj._span == 24 || !selfPropsObj._span
-                        }"
-                        @delete="deleteItem"
-                    ></dsh-control-define>
-                </Cascader>
-            </template>
-
-            <!-- 单选 -->
-            <template v-else>
-                <!-- 弹框模式 -->
-                <template v-if="selfPropsObj._showMode === 'custom'">
-                    <div
-                        :class="commonClass"
-                        @click="openModal"
-                    >
-                        <div
-                            v-if="value[controlKey] && value[controlKey].length"
-                            class="DshCascader-single-val"
-                        >
-                            <span :class="{
-                                'DshCascader-single-val-text': true,
-                                'DshCascader-single-val-text-disabled': !finalCanEdit,
-                            }">
-                                {{ $getTreeLinealDatas(value[controlKey], cascaderData, "name").join("/") }}
-                            </span>
-                            <Icon
-                                v-if="selfPropsObj._clearable"
-                                class="DshCascader-single-val-clear"
-                                type="md-close"
-                                @click.stop="clickClear"
-                            />
-                        </div>
-
-                        <span
-                            v-else
-                            class="DshCascader-single-placeholder"
-                        >
-                            {{ selfPropsObj._placeholder }}
-                        </span>
-                    </div>
-
-                    <template v-if="showModal">
-                        <info-cascader
-                            v-model="value[controlKey]"
-                            :showModal="showModal"
-                            :propsObj="selfPropsObj"
-                            :data="cascaderData"
-                            @change="change"
-                            @changeShowModal="changeShowModal"
-                        ></info-cascader>
-                    </template>
-                </template>
-
-                <!-- 输入框模式 -->
-                <Cascader
-                    v-else
-                    style="width: 100%;"
-                    :class="{
-                        'DshCascader-disabled': !finalCanEdit
-                    }"
-                    :value="value[controlKey]"
-                    :data="renderCascaderData"
-                    :placeholder="selfPropsObj._placeholder"
-                    :disabled="!finalCanEdit"
-                    :change-on-select="selfPropsObj._changeOnSelect"
-                    :clearable="selfPropsObj._clearable"
-                    :size="selfPropsObj._size"
-                    :filterable="selfPropsObj._filterable && finalCanEdit"
-                    :transfer="selfPropsObj._transfer"
-                    :transfer-class-name="selfPropsObj._transferClassName"
-                    :load-data="loadData"
-                    @on-visible-change="visibleChange"
-                    @on-change="changeVal"
-                    @click.native.stop="clickInput"
-                ></Cascader>
-            </template>
-        </template>
-
-        <!-- 查看模式 -->
-        <dsh-control-define
-            v-else
-            :value="valTags"
-            :canEdit="finalCanEdit"
-            :propsObj="{
-                ...selfPropsObj,
-                _multiplerow: selfPropsObj._span == 24 || !selfPropsObj._span
-            }"
-        ></dsh-control-define>
-    </div>
-</template>
-
-<script>
-    import { regionData } from "bri-datas";
-    import controlMixin from "../controlMixin.js";
-    import InfoCascader from "../../other/InfoCascader";
-
-    const loop = function (data = [], level, parentCode, filterVals = []) {
-        if (data && filterVals.length) {
-            data = data.filter(item => filterVals.includes(item._key));
-        }
-        return data
-            ? data.reduce((arr, item) => {
-                const newItem = {
-                    ...item,
-                    value: item._key,
-                    label: item.name,
-                    codeArr: [ ...(parentCode || []), item._key ]
-                };
-                if (!level || level > item.level) {
-                    newItem.children = loop(item.children, level, newItem.codeArr);
-                    newItem.children.length && (newItem.loading = false); // 此代码为了所请求的级出现继续加载的箭头图标
-                } else {
-                    newItem.children = [];
-                }
-                arr.push(newItem);
-
-                return arr;
-            }, [])
-            : [];
-    };
-
-    export default {
-        name: "DshCascader",
-        mixins: [controlMixin],
-        components: {
-            InfoCascader
-        },
-        props: {},
-        data () {
-            return {
-                renderDataFlag: true,
-                clickInputFlag: true,
-                isVisible: false,
-                multipleSelectVal: [],
-                selectVal: [],
-
-                showModal: false,
-                modalVal: [],
-                operationMap: {
-                    cancel: {
-                        name: "取消",
-                        type: "clickCancel",
-                        event: "clickCancel",
-                        class: "z-default"
-                    },
-                    confirm: {
-                        name: "确定",
-                        btnType: "primary",
-                        type: "clickConfirm",
-                        event: "clickConfirm",
-                        class: "z-primary"
-                    }
-                }
-            };
-        },
-        computed: {
-            cascaderData: {
-                get () {
-                    return loop(
-                        ["region", "regions"].includes(this.selfPropsObj._type) ? regionData : this.selfPropsObj._data,
-                        this.selfPropsObj._cascaderLevel,
-                        undefined,
-                        this.selfPropsObj._cascaderFilterVals
-                    );
-                },
-                set () {}
-            },
-            renderCascaderData () {
-                return this.renderDataFlag
-                    ? this.cascaderData.map(item => {
-                        return {
-                            ...item,
-                            children: []
-                        };
-                    })
-                    : this.cascaderData;
-            },
-
-            selfPropsObj () {
-                return {
-                    _filterable: true,
-                    _showMode: false,
-                    _transfer: true,
-                    ...this.propsObj,
-                    ...this.commonDealPropsObj
-                };
-            },
-            useMultiple () {
-                return ["regions", "cascaders"].includes(this.selfPropsObj._type);
-            },
-            valTags () {
-                return this.value[this.controlKey]
-                    ? this.value[this.controlKey].map(item => this.$getTreeLinealDatas(item, this.cascaderData, "name").join("/"))
-                    : [];
-            },
-
-            selfModalPropsObj () {
-                return {
-                    mode: "default",
-                    title: this.selfPropsObj._placeholder
-                };
-            },
-            showVal () {
-                return this.useMultiple
-                    ? this.valTags.join("、")
-                    : this.$getTreeLinealDatas(this.value[this.controlKey], this.cascaderData, "name").join(["region"].includes(this.selfPropsObj._type) ? "" : "/");
-            }
-        },
-        created () {
-            this.init();
-        },
-        methods: {
-            init () {
-                if (!this.value[this.controlKey]) {
-                    this.$set(this.value, this.controlKey, []);
-                }
-            },
-            // 动态加载数据
-            loadData (treeItem, cb) {
-                let list = this.$getTreeLinealDatas(treeItem.codeArr, this.cascaderData);
-                treeItem.children = list[list.length - 1].children.map(item => ({ ...item, children: [] }));
-
-                cb();
-            },
-
-            /* 多选使用 */
-            // 展开和关闭弹窗时触发
-            multipleVisibleChange (bool) {
-                this.isVisible = bool;
-
-                if (bool === false) {
-                    if (this.selectVal.length) {
-                        if (this.value[this.controlKey].some(item => JSON.stringify(item) == JSON.stringify(this.selectVal))) {
-                            this.$Message.error({
-                                content: `"${this.$getTreeLinealDatas(this.selectVal, this.cascaderData, "name").join("/")}"已选择，请勿重复选择！`,
-                                duration: 5
-                            });
-                        } else {
-                            this.value[this.controlKey] = [...this.value[this.controlKey], this.selectVal];
-                            this.change();
-                        }
-                    }
-
-                    this.selectVal = [];
-                    this.multipleSelectVal = [];
-                }
-            },
-            // 添加
-            createItem (selectVal, ...params) {
-                if (this.isVisible) {
-                    this.selectVal = selectVal;
-                }
-            },
-            // 删除
-            deleteItem (item, index) {
-                this.value[this.controlKey].splice(index, 1);
-                this.change();
-            },
-
-            /* ----------- 单选使用 ---------- */
-            clickInput () {
-                if (this.finalCanEdit) {
-                    if (
-                        ["cascader"].includes(this.selfPropsObj._type) &&
-                        this.selfPropsObj._filterable === true &&
-                        this.renderDataFlag === true &&
-                        this.clickInputFlag === true
-                    ) {
-                        this.clickInputFlag = false; // 这个处理其实觉大概率没必要，有没有不受影响
-                        setTimeout(() => {
-                            this.renderDataFlag = false;
-                        }, 0);
-                    }
-                }
-            },
-            // 展开和关闭弹窗时触发
-            visibleChange (bool) {
-                if (bool) {
-                    this.isVisible = bool;
-                } else {
-                    setTimeout(() => {
-                        this.isVisible = bool;
-                    }, 0);
-                }
-            },
-            changeVal (selectVal, ...params) {
-                if (this.isVisible || !selectVal.length) {
-                    this.value[this.controlKey] = selectVal;
-                    this.$emit("change", this.value[this.controlKey], ...params);
-                }
-            },
-
-            // 点击清除
-            clickClear () {
-                this.value[this.controlKey] = [];
-                this.change();
-            },
-            openModal () {
-                if (this.finalCanEdit) {
-                    this.modalVal = this.value[this.controlKey];
-                    this.showModal = true;
-                }
-            },
-            changeShowModal (val) {
-                this.showModal = val;
-            },
-            clickConfirm () {
-                this.value[this.controlKey] = this.modalVal;
-                this.showModal = false;
-
-                this.change();
-            },
-            clickCancel () {
-                this.showModal = false;
-            }
-        },
-        watch: {
-            "propsObj._cascaderLevel" () {
-                this.value[this.controlKey] = [];
-                this.init();
-            }
-        }
-    };
-</script>

package/src/components/controls/base/YSerialNumber.vue

@@ -1,43 +0,0 @@
-<template>
-    <div class="YSerialNumber">
-        <dsh-input
-            :value="value"
-            :propsObj="selfPropsObj"
-            :canEdit="canEdit"
-        ></dsh-input>
-    </div>
-</template>
-
-<script>
-    import controlMixin from "../controlMixin.js";
-
-    export default {
-        name: "YSerialNumber",
-        mixins: [controlMixin],
-        props: {},
-        data () {
-            return {};
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    ...this.propsObj,
-                    canEdit: false
-                };
-            }
-        },
-        created () {},
-        methods: {}
-    };
-</script>
-
-<style lang="less" scoped>
-    .YSerialNumber {
-        width: 100%;
-    }
-</style>
-<style lang="less">
-    .YSerialNumber {
-
-    }
-</style>

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

@@ -1,23 +0,0 @@
-import VTable from "./v-table/index";
-import VCheckbox from "./v-checkbox/index";
-import VCheckboxGroup from "./v-checkbox-group/index";
-import VDropdown from "./v-dropdown/index";
-
-const install = function (Vue, opts = {}) {
-    Vue.component(VTable.name, VTable);
-    Vue.component(VCheckbox.name, VCheckbox);
-    Vue.component(VCheckboxGroup.name, VCheckboxGroup);
-    Vue.component(VDropdown.name, VDropdown);
-};
-
-// auto install
-if (typeof window !== "undefined" && window.Vue) {
-    install(window.Vue);
-}
-
-export {
-    VTable,
-    VCheckbox,
-    VCheckboxGroup,
-    VDropdown
-};

package/src/components/list/easyTable/src/directives/clickoutside.js

@@ -1,32 +0,0 @@
-export default {
-    bind: function (el, binding, vNode) {
-        if (typeof binding.value !== "function") {
-
-            let msg = `in [clickoutside] directives, provided expression '${binding.expression}' is not a function `;
-
-            const compName = vNode.context.name;
-
-            if (compName) {
-                msg += `in ${compName}`;
-            }
-            console.error(msg);
-        }
-
-        let handler = (e) => {
-            if (!el.contains(e.target) && el !== e.target) {
-                binding.value(e);
-            } else {
-                return false;
-            }
-        };
-        el.__clickOutSide__ = handler;
-
-        document.addEventListener("click", handler, true);
-    },
-
-    unbind: function (el) {
-        document.removeEventListener("click", el.__clickOutSide__, true);
-        el.__clickOutSide__ = null;
-
-    }
-};

package/src/components/list/easyTable/src/mixins/layerAdjustment.js

@@ -1,62 +0,0 @@
-import utils from "../utils/utils";
-
-let __autoAdjustmentEvents__ = [];
-
-export default {
-    methods: {
-
-        /*
-         * 自动调整浮层（不绑定事件）
-         *
-         * @method layerAdjustmentBind
-         * @param  {Dom}        layerElement        浮层元素
-         * @param  {Dom}        targetElement       控制元素
-         * @param  {Number}     distance            浮层元素和控制元素的上下间距
-         */
-        layerAdjustmentOnce (layerElement, targetElement, distance) {
-
-            let viewportOffset = utils.getViewportOffset(targetElement);
-            let layerElemHeight = typeof layerElement.getBoundingClientRect !== "undefined" ? layerElement.getBoundingClientRect().height : layerElement.clientHeight;
-
-            if (viewportOffset.bottom < layerElemHeight) {
-
-                layerElement.style.top = (viewportOffset.top - layerElemHeight - distance) + "px";
-            } else {
-
-                layerElement.style.top = (viewportOffset.top + targetElement.clientHeight + distance) + "px";
-            }
-
-            layerElement.style.left = viewportOffset.left + "px";
-        },
-
-        /*
-         * 滚动时自动调整浮层
-         *
-         * @method layerAdjustmentBind
-         * @param  {Dom}        layerElement        浮层元素
-         * @param  {Dom}        targetElement       控制元素
-         * @param  {Number}     distance            浮层元素和控制元素的上下间距
-         */
-        layerAdjustmentBind (layerElement, targetElement, distance) {
-
-            let handler = (e) => {
-
-                setTimeout(x => {
-
-                    this.layerAdjustmentOnce(layerElement, targetElement, distance);
-                });
-            };
-
-            __autoAdjustmentEvents__.push(handler);
-            utils.bind(window, "scroll", handler);
-            utils.bind(window, "resize", handler);
-
-        }
-    },
-    beforeDestroy () {
-
-        utils.unbind(window, "scroll", __autoAdjustmentEvents__);
-        utils.unbind(window, "resize", __autoAdjustmentEvents__);
-
-    }
-};

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

@@ -1,11 +0,0 @@
-export default {
-    sizeMaps: {
-        "large": 40,
-        "middle": 32,
-        "small": 24
-    },
-
-    sizeMapDefault: 32,
-
-    scrollbarClass: "v-scrollbar-wrap"
-};