bri-components 1.2.49 → 1.2.50

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

@@ -1,213 +0,0 @@
-<template>
-    <div class="DshCheckbox">
-        <!-- 编辑 -->
-        <template v-if="canEdit">
-            <!-- 平铺方式 -->
-            <template v-if="showType === 'flat'">
-                <CheckboxGroup
-                    :class="{
-                        'DshCheckbox-group': true,
-                        'DshCheckbox-group-color': useColor,
-                        'DshCheckbox-group-disabled': !canEdit,
-                        'DshCheckbox-group-scroll': selfPropsObj._span < 24 && !selfPropsObj._br,
-                    }"
-                    v-model="curValList"
-                >
-                    <!-- 有选项 -->
-                    <template v-if="listData.length">
-                        <Checkbox
-                            v-for="(item, index) in listData"
-                            :key="index"
-                            :class="[
-                                'DshCheckbox-item',
-                                getItemColorClass(item),
-                                selfPropsObj.class,
-                                item.class
-                            ]"
-                            :style="getItemStyle(item)"
-                            :label="item._key"
-                            :disabled="getItemDisabled(item)"
-                            :border="useColor"
-                            @click.native="clickOpenTip(item)"
-                        >
-                            <slot :item="item"></slot>
-
-                            <span>{{ item.name || item._name }}</span>
-                        </Checkbox>
-
-                        <!-- tip项弹框提示 -->
-                        <dsh-render :render="tipModalRender"></dsh-render>
-                    </template>
-
-                    <!-- 无选项 -->
-                    <div
-                        v-else
-                        class="dsh-subtip"
-                    >-- 无选择项 --</div>
-                </CheckboxGroup>
-            </template>
-
-            <!-- 下拉方式 -->
-            <template v-else>
-                <Select
-                    v-model="value[controlKey]"
-                    :multiple="true"
-                    :placeholder="selfPropsObj._placeholder"
-                    :disabled="!finalCanEdit"
-                    :filterable="selfPropsObj._filterable"
-                    :transfer="selfPropsObj._transfer"
-                    :transfer-class-name="selfPropsObj._transferClassName"
-                    :max-tag-count="selfPropsObj._maxTagCount"
-                    @on-select="changeSelect"
-                >
-                    <Option
-                        v-for="(item, index) in listData"
-                        :key="index"
-                        :value="item._key"
-                        :label="item.name || item._name"
-                        :disabled="getItemDisabled(item)"
-                    >
-                        <Checkbox :value="getItemSelectStatus(item)"></Checkbox>
-
-                        <slot :item="item"></slot>
-
-                        <span>{{ item.name || item._name }}</span>
-                        <span style="float:right; padding-right:20px">
-                            {{ item.rightName }}
-                        </span>
-                    </Option>
-                </Select>
-            </template>
-        </template>
-
-        <!-- 查看 -->
-        <template v-else>
-            <bri-tooltip
-                :content="showMultipleVal"
-                placement="top"
-                maxWidth="200"
-                :transfer="true"
-            >
-                <div :class="{
-                    ...commonClass,
-                    'DshCheckbox-show': true
-                }">
-                    <!-- 有值 -->
-                    <dsh-tags
-                        v-if="!$isEmptyData(curValObjList)"
-                        class="text"
-                        :list="curValObjList"
-                    ></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";
-
-    // optionKind值 'flat'、'dropdown'
-    export default {
-        name: "DshCheckbox",
-        mixins: [
-            controlMixin,
-            selectMixin
-        ],
-        props: {},
-        data () {
-            return {};
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    _optionKind: "dropdown", // 'flat'、'dropdown'
-                    _useColor: false,
-                    colorMap: resourceData.colorMap,
-                    _filterable: true,
-                    _transfer: true,
-                    _data: [],
-
-                    ...this.propsObj,
-                    ...this.commonDealPropsObj
-                };
-            },
-            showType () {
-                return this.selfPropsObj._optionKind;
-            },
-            useColor () {
-                return this.selfPropsObj._useColor;
-            },
-            colorMap () {
-                return this.selfPropsObj.colorMap;
-            },
-
-            listData () {
-                return this.selfPropsObj._data.concat(this.initListData);
-            },
-            // 已选择项的对象列表
-            curValObjList () {
-                return this.curValList.map(key => {
-                    const obj = this.listData.find(item => item._key === key) || {
-                        _key: key,
-                        name: `温馨提示：选项${key}已找不到`
-                    };
-                    return {
-                        ...obj,
-                        style: this.getItemStyle(obj),
-                        color: undefined
-                    };
-                });
-            },
-            showMultipleVal () {
-                return this.$isEmptyData(this.curValList)
-                    ? this.emptyShowVal
-                    : this.curValObjList.map(item => item.name || item._name).join("、");
-            }
-        },
-        created () {},
-        methods: {
-            // 下拉框的change (下拉方式时用v-model触发change有问题，组件进来如果值不为空的，就会v-model返值一次)
-            changeSelect (item) {
-                if (this.curValList.includes(item.value)) {
-                    let itemIndex = this.curValList.findIndex(valItem => valItem === item.value);
-                    this.curValList.splice(itemIndex, 1);
-                } else {
-                    this.curValList.push(item.value);
-                }
-
-                this.curValList = [...this.curValList];
-            },
-
-            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 ||
-                    this.curValList.length >= this.selfPropsObj._max && !this.getItemSelectStatus(item)
-                );
-            },
-            // 获取某项的选中状态
-            getItemSelectStatus (item) {
-                return this.curValList.includes(item._key);
-            }
-        }
-    };
-</script>

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

@@ -1,122 +0,0 @@
-<template>
-    <div
-        v-if="show"
-        class="DshDate"
-    >
-        <!-- 编辑 -->
-        <template v-if="canEdit">
-            <!-- 时间子类型 -->
-            <template v-if="['time'].includes(subType)">
-                <TimePicker
-                    class="DshDate-edit"
-                    v-model="curValDate"
-                    :type="subType"
-                    :placeholder="selfPropsObj._placeholder"
-                    :disabled="!finalCanEdit"
-                    :clearable="selfPropsObj._clearable"
-                    :transfer="selfPropsObj._transfer"
-                    @on-change="change"
-                ></TimePicker>
-            </template>
-
-            <!-- 日期、日期时间、年、月 -->
-            <template v-else>
-                <DatePicker
-                    class="DshDate-edit"
-                    v-model="curValDate"
-                    :type="subType"
-                    :placeholder="selfPropsObj._placeholder"
-                    :disabled="!finalCanEdit"
-                    :clearable="selfPropsObj._clearable"
-                    :options="options"
-                    :transfer="selfPropsObj._transfer"
-                    @on-change="change"
-                ></DatePicker>
-            </template>
-        </template>
-
-        <!-- 查看 -->
-        <template v-else>
-            <bri-tooltip
-                :content="showVal"
-                maxWidth="200"
-                :transfer="true"
-            >
-                <div :class="{
-                    ...commonClass,
-                    'DshDate-unit': isUnitShow,
-                    'DshDate-show': !isUnitShow
-                }">
-                    {{ showVal }}
-                </div>
-            </bri-tooltip>
-        </template>
-    </div>
-</template>
-
-<script>
-    import controlMixin from "../controlMixin.js";
-
-    export default {
-        name: "DshDate",
-        mixins: [
-            controlMixin
-        ],
-        props: {},
-        data () {
-            return {
-                show: true
-            };
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    _transfer: true,
-
-                    ...this.propsObj,
-                    ...this.commonDealPropsObj
-                };
-            },
-
-            curValDate: {
-                get () {
-                    const val = this.value[this.controlKey];
-                    return this.$transformDateCompatible(val, this.subType);
-                },
-                set (val) {
-                    this.value[this.controlKey] = this.$transformDate(val, "-", this.subType);
-                }
-            },
-            subType () {
-                return this.selfPropsObj._dateType;
-            },
-            options () {
-                return {
-                    shortcuts: [],
-                    disabledDate: (date) => {
-                        const resultObj = this.$validateComparedRule(
-                            [this.selfPropsObj],
-                            {
-                                ...this.value,
-                                [this.controlKey]: this.$transformDate(date, "/", this.subType)
-                            },
-                            this.allFormList
-                        );
-                        return !resultObj.bool;
-                    }
-                };
-            }
-        },
-        created () {},
-        methods: {},
-        watch: {
-            "propsObj._dateType" () {
-                this.show = false;
-                this.$nextTick(() => {
-                    this.value[this.controlKey] = this.selfPropsObj._default;
-                    this.show = true;
-                });
-            }
-        }
-    };
-</script>

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>