bri-components 1.2.49 → 1.2.51

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

@@ -1,242 +0,0 @@
-<template>
-    <div class="DshSelect">
-        <template v-if="canEdit">
-            <!-- 平铺 -->
-            <template v-if="['flat', 'button'].includes(showType)">
-                <RadioGroup
-                    :class="{
-                        'DshSelect-radioGroup': true,
-                        'DshSelect-radioGroup-useColor': selfPropsObj._useColor,
-                        'DshSelect-radioGroup-scroll': selfPropsObj._span < 24 && !selfPropsObj._br
-                    }"
-                    v-model="value[controlKey]"
-                    :type="radioGroupType"
-                    @on-change="change"
-                >
-                    <template v-if="listData.length">
-                        <Radio
-                            v-for="(item, index) in listData"
-                            :key="index"
-                            :class="getItemColorClass(item)"
-                            :style="getItemStyle(item)"
-                            :label="item._key"
-                            :disabled="getItemDisabled(item)"
-                            :border="useColor"
-                            @click.native="cancelSelect(item)"
-                        >
-                            <span @click.stop="clickOpenTip(item)">
-                                {{ item.name || item._name }}
-                            </span>
-                        </Radio>
-                    </template>
-
-                    <div
-                        v-else
-                        class="dsh-subtip"
-                    >-- 无选择项 --</div>
-                </RadioGroup>
-
-                <!-- tip项弹框提示 -->
-                <dsh-render :render="tipModalRender"></dsh-render>
-            </template>
-
-            <!-- 下拉 -->
-            <template v-else>
-                <Select
-                    v-model="curVal"
-                    :placeholder="selfPropsObj._placeholder"
-                    :multiple="selfPropsObj._multiple"
-                    :disabled="!finalCanEdit"
-                    :clearable="selfPropsObj._clearable"
-                    :filterable="selfPropsObj._filterable"
-                    :size="selfPropsObj._size"
-                    :transfer="selfPropsObj._transfer"
-                    :transfer-class-name="selfPropsObj._transferClassName"
-                    @on-change="change"
-                >
-                    <!-- </Option>必须和输出内容在一行，否则出现空格导致_filterable出bug -->
-                    <Option
-                        v-for="(item, index) in listData"
-                        :key="index"
-                        :value="item._key"
-                        :label="item.name || item._name"
-                        :disabled="getItemDisabled(item)"
-                    >
-                        <Icon
-                            v-if="item.icon || item.customIcon"
-                            :type="item.icon"
-                            :custom="item.customIcon ? `bico-font ${item.customIcon}` : undefined"
-                            :color="item.color"
-                            :size="item.size || 20"
-                        />{{ item.name || item._name }}
-                    </Option>
-                </Select>
-            </template>
-        </template>
-
-        <!-- 查看 -->
-        <template v-else>
-            <bri-tooltip
-                :content="showVal"
-                maxWidth="200"
-                placement="top"
-                :transfer="true"
-            >
-                <div :class="{
-                    ...commonClass,
-                    'DshSelect-show': true
-                }">
-                    <!-- 有值 -->
-                    <dsh-tags
-                        v-if="!$isEmptyData(curVal)"
-                        class="text"
-                        :list="[curValObj]"
-                    ></dsh-tags>
-
-                    <!-- 无值 -->
-                    <template v-else>
-                        {{ emptyShowVal }}
-                    </template>
-                </div>
-            </bri-tooltip>
-        </template>
-    </div>
-</template>
-
-<script>
-    import controlMixin from "../controlMixin.js";
-    import selectMixin from "./selectMixin.js";
-    import { resourceData } from "bri-datas";
-
-    export default {
-        name: "DshSelect",
-        mixins: [
-            controlMixin,
-            selectMixin
-        ],
-        props: {},
-        data () {
-            return {
-                flag: false
-            };
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    _optionKind: "dropdown", // 'flat'、'dropdown'
-                    _useColor: false,
-                    colorMap: resourceData.colorMap,
-                    _filterable: true,
-                    _transfer: true,
-                    _data: [],
-                    _customData: [],
-
-                    ...this.propsObj,
-                    ...this.commonDealPropsObj
-                };
-            },
-            showType () {
-                return this.selfPropsObj._optionKind;
-            },
-            radioGroupType () {
-                return this.showType === "button" ? "button" : undefined;
-            },
-            useColor () {
-                return this.selfPropsObj._useColor;
-            },
-            colorMap () {
-                return this.selfPropsObj.colorMap;
-            },
-
-            listData () {
-                const listData = this.selfPropsObj._data.concat(this.initListData);
-
-                return this.$dataType(this.selfPropsObj._filterFunc, "function")
-                    ? this.selfPropsObj._filterFunc(listData, this.selfPropsObj, this.value)
-                    : listData;
-            },
-            curValObj () {
-                const obj = this.listData.find(item => item._key === this.curVal) || {
-                    _key: this.curVal,
-                    name: `温馨提示：选项${this.curVal}已找不到`
-                };
-
-                return this.$isEmptyData(this.curVal)
-                    ? undefined
-                    : {
-                        ...obj,
-                        style: this.getItemStyle(obj),
-                        color: undefined
-                };
-            },
-            showVal () {
-                return this.$isEmptyData(this.curVal)
-                    ? this.emptyShowVal
-                    : this.curValObj.name || this.curValObj._name;
-            }
-        },
-        created () {
-            this.init();
-        },
-        methods: {
-            init () {
-                this.getListData();
-            },
-
-            // 取消flat模式的选择项
-            cancelSelect (item) {
-                if (item._disabled !== true && this.selfPropsObj._clearable !== false) {
-                    if (item._key === this.curVal) {
-                        this.value[this.controlKey] = "";
-                        this.change();
-                    }
-                }
-
-                this.clickOpenTip(item);
-            },
-            change (...params) {
-                // 修复clear后值为undefined，数据库不更新数据bug
-                if (this.value[this.controlKey] == undefined) {
-                    this.value[this.controlKey] = "";
-                }
-
-                this.$emit("change", this.curVal);
-            },
-
-            getItemColorClass (item) {
-                return this.colorMap[item.color] ? item.color : "color-1";
-            },
-            getItemStyle (item) {
-                const color = this.colorMap[item.color] || this.colorMap["color-1"];
-                return {
-                    background: this.useColor ? this.$getColor(color, 0.1) : undefined,
-                    color: this.useColor ? color : undefined
-                };
-            },
-            // 获取某项的置灰状态
-            getItemDisabled (item) {
-                return !!(!this.finalCanEdit || item._disabled);
-            },
-            // 接口 -获取自定义的接口数据
-            getListData () {
-                this.selfPropsObj._customData.forEach(item => {
-                    this.$https({
-                        url: item.url,
-                        params: item.params,
-                        callback: data => {
-                            this.initListData = [
-                                ...this.initListData,
-                                ...data.list.map(dataItem =>
-                                    ({
-                                        _key: dataItem[item._key || "_key"],
-                                        name: dataItem[item._name || "name"]
-                                    })
-                                )
-                            ];
-                        }
-                    });
-                });
-            }
-        }
-    };
-</script>

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

@@ -1,70 +0,0 @@
-<template>
-    <!-- 该组件无clearable -->
-    <div class="DshSwitch">
-        <!-- 编辑 -->
-        <template v-if="canEdit">
-            <i-switch
-                v-model="curVal"
-                :disabled="!finalCanEdit"
-                :size="propsObj._size"
-                false-color="#CCCCCC"
-                @on-change="change"
-            >
-                <span slot="open">
-                    {{ propsObj._openText }}
-                </span>
-                <span slot="close">
-                    {{ propsObj._closeText }}
-                </span>
-            </i-switch>
-        </template>
-
-        <!-- 查看 -->
-        <span
-            v-else
-            :class="{
-                ...commonClass,
-                'DshSwitch-show': true
-            }"
-            :style="{
-                background: curVal ? '#d3f3dcff' : '#FDEDED',
-                color: curVal ? '#37C45E' : '#E83636'
-            }"
-        >
-            {{ showVal }}
-        </span>
-    </div>
-</template>
-
-<script>
-    import controlMixin from "../controlMixin.js";
-
-    export default {
-        name: "DshSwitch",
-        mixins: [
-            controlMixin
-        ],
-        data () {
-            return {};
-        },
-        computed: {
-            showVal () {
-                return this.value[this.controlKey]
-                    ? this.propsObj._openText
-                    : this.propsObj._closeText;
-            }
-        },
-        created () {},
-        methods: {}
-    };
-</script>
-
-<style lang="less" scoped>
-    .DshSwitch {
-        width: 100%;
-
-        &-show {
-            .bri-unit-show();
-        }
-    }
-</style>

package/src/components/controls/base/selectMixin.js

@@ -1,110 +0,0 @@
-export default {
-    data () {
-        return {
-            initListData: [],
-            showTipTpl: false,
-            showTipModal: false,
-            dynamicContent: ""
-        };
-    },
-    computed: {
-        modalTipContent () {
-            return this.propsObj._tipContent || this.dynamicContent || "暂无信息";
-        }
-    },
-    created () {
-        this.getTipData();
-    },
-    methods: {
-        getTipData () {
-            if (
-                (this.propsObj._key !== "_default") &&
-                this.finalCanEdit &&
-                this.propsObj._openTip
-            ) {
-                let tipObj = {
-                    _key: "openTip",
-                    _name: this.propsObj._tipName || "其他",
-                    __isTip__: true,
-                    _disabled: true,
-                    color: "#6991cc",
-                    class: `Dsh${this.propsObj._type}-tip`
-                };
-                this.initListData.push(tipObj);
-            }
-        },
-        // 是否打开tip弹窗
-        clickOpenTip (item) {
-            if (item.__isTip__) {
-                if (this.propsObj._tipKind === "dynamic" && !this.propsObj._tipContent) {
-                    this.getTipUrl();
-                } else {
-                    this.showTipTpl = true;
-                    this.showTipModal = true;
-                }
-            }
-        },
-        getTipUrl () {
-            if (this.propsObj._tipUrl) {
-                this.$https({
-                    url: {
-                        module: "customPath",
-                        name: this.propsObj._tipUrl
-                    },
-                    params: {
-                        formData: this.value,
-                        propsObj: this.propsObj
-                    },
-                    callback: res => {
-                        this.dynamicContent = res;
-                        this.showTipTpl = true;
-                        this.showTipModal = true;
-                    }
-                });
-            } else {
-                this.$Message.info("请配置接口路径！");
-            }
-        },
-        tipModalRender (h) {
-            return this.showTipTpl
-                ? h("dsh-modal", {
-                    props: {
-                        value: this.showTipModal,
-                        mode: "custom",
-                        propsObj: {
-                            title: "温馨提示",
-                            maskClosable: true,
-                            class: "DshSelect-modal"
-                        }
-                    },
-                    on: {
-                        input: bool => {
-                            this.showTipModal = bool;
-                        }
-                    }
-                }, [
-                    h("div", {
-                        class: "DshSelect-modal-content",
-                        domProps: {
-                            innerHTML: this.modalTipContent
-                        }
-                    }),
-                    h("div", {
-                        class: "DshSelect-modal-footer"
-                    }, [
-                        h("Button", {
-                            props: {
-                                type: "primary"
-                            },
-                            on: {
-                                click: () => {
-                                    this.showTipModal = false;
-                                }
-                            }
-                        }, "我知道了")
-                    ])
-                ])
-                : undefined;
-        }
-    }
-};

package/src/styles/components/controls/base/DshCheckbox.less

@@ -1,115 +0,0 @@
-.DshCheckbox {
-    width: 100%;
-
-    &-group {
-        width: 100%;
-
-        // 选中时背景为白色
-        .ivu-checkbox-checked .ivu-checkbox-inner {
-            background-color: @themeColor;
-        }
-
-        &-color {
-            .ivu-checkbox-border {
-                margin-right: 16px;
-                height: 32px;
-                border: none;
-                border-radius: 4px;
-                line-height: 32px;
-                color: #FFF;
-            }
-
-            .ivu-checkbox {
-                .ivu-checkbox-inner {
-                    border: 2px solid @themeColor;
-                    background-color: transparent;
-                }
-
-                .ivu-checkbox-focus {
-                    box-shadow: 0 0 0 0;
-                }
-            }
-
-            .ivu-checkbox-disabled+span {
-                color: inherit;
-            }
-
-            each(@resourceColor, {
-                .color-@{index} {
-                    .ivu-checkbox {
-                        .ivu-checkbox-inner {
-                            border-color: @value;
-                        }
-                    }
-
-                    .ivu-checkbox-checked {
-                        .ivu-checkbox-inner {
-                            background-color: @value;
-                        }
-                    }
-                }
-            });
-        }
-
-        &-disabled {
-            .ivu-checkbox-disabled+span {
-                color: #515a6e;
-            }
-        }
-
-        &-scroll {
-            overflow-x: auto;
-            overflow-y: hidden;
-            white-space: nowrap;
-
-            &::-webkit-scrollbar {
-                height: 6px;
-            }
-
-            &:-webkit-scrollbar-thumb {
-                border-radius: 3px;
-                background: rgba(51, 51, 51, .1);
-                background-clip: border-box;
-            }
-        }
-    }
-
-    &-item {}
-
-    &-show {}
-
-    .ivu-select-multiple {
-        .ivu-select-selection {
-            height: 32px;
-            .dsh-flex-row-between-center();
-
-            & > div {
-                width: 100%;
-                height: 100%;
-                word-break: keep-all;
-                white-space: nowrap;
-                overflow: auto;
-                .bri-scrollbar3();
-
-                .ivu-tag {
-                    margin: 2px 4px 0px 0px;
-                    background-color: @borderColor;
-                }
-            }
-        }
-
-        &.ivu-select-disabled {
-            .ivu-select-selection {
-                & > div {
-                    .ivu-tag {
-                        background-color: @border-disabled;
-                    }
-                }
-            }
-        }
-
-        .ivu-select-item-selected:after {
-            content: none;
-        }
-    }
-}

package/src/styles/components/controls/base/DshDate.less

@@ -1,15 +0,0 @@
-.DshDate {
-    width: 100%;
-
-    &-edit {
-        width: 100%;
-    }
-
-    &-unit {
-        
-    }
-
-    &-show {
-        
-    }
-}

package/src/styles/components/controls/base/DshDaterange.less

@@ -1,49 +0,0 @@
-.DshDaterange {
-    width: 100%;
-
-    &-left,
-    &-right {
-        width: 47%;
-        float: left;
-        background-color: #ffffff;
-    }
-
-    &-center {
-        width: 3%;
-        text-align: center;
-        color: @textColor;
-        overflow: hidden;
-        line-height: 30px;
-        float: left;
-        margin: 0 1.5%;
-    }
-
-    &-item {
-        height: 32px;
-        border: 1px solid @borderColor;
-        border-radius: 4px;
-        overflow: hidden;
-        position: relative;
-        &-name {
-            display: inline-block;
-            width: 100%;
-            height: 100%;
-            line-height: 30px;
-            overflow: hidden;
-            padding-right: 32px;
-            padding-left: 7px;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-        }
-        &-icon {
-            display: inline-block;
-            position: absolute;
-            right: 0px;
-            top: 0px;
-            width: 32px;
-            height: 100%;
-            text-align: center;
-            line-height: 30px;
-        }
-    }
-}

package/src/styles/components/controls/base/DshNumber.less

@@ -1,55 +0,0 @@
-.DshNumber {
-    width: 100%;
-
-    &-edit {
-        &-suffix {
-            min-width: 32px;
-            border-left: 1px solid @borderColor;
-            background-color: #F0F0F0;
-            text-align: center;
-            color: @textColor;
-        }
-    }
-}
-
-.ivu-input-number {
-    width: 100%;
-    
-    // .bri-control-edit();
-    .ivu-input-number-input {
-        color: @textColor;
-    }
-
-    &-disabled {
-        // .bri-control-disabled();
-        .ivu-input-number-input {
-            opacity: 1;
-            background: @inputBg-disabled;
-            color: @textColor;
-            &::-webkit-input-placeholder {
-                color: @placeholder-disabled-color;
-            }
-        }
-    }
-
-    &-handler {
-        &-wrap {
-            border-left: none;
-        }
-        &-down {
-            border: none;
-        }
-        &:hover {
-            background-color: @hoverBg;
-
-            .ivu-input-number-handler-down-inner, 
-            .ivu-input-number-handler-up-inner {
-                color: @textColor;
-            }
-        }
-        &-down-inner, 
-        &-up-inner {
-            color: @contentColor;
-        }
-    }
-}

package/src/styles/components/controls/base/DshNumberange.less

@@ -1,29 +0,0 @@
-.DshNumberange {
-    width: 100%;
-    display: flex;
-    align-items: center;
-
-    &-left,
-    &-right {
-        flex: 1;
-    }
-
-    &-center {
-        width: 30px;
-        text-align: center;
-        color: @textColor;
-    }
-
-    &-suffix {
-        padding-right: 24px; 
-        padding-left: 8px; 
-        line-height: 30px; 
-        white-space: nowrap;
-    }
-
-    input {
-        text-overflow: ellipsis;
-        overflow: hidden;
-        white-space: nowrap;
-    }
-}