bri-components 1.2.49 → 1.2.51

package/src/abolish/DshMenu.vue

@@ -1,133 +0,0 @@
-<!--
- * @Author: your name
- * @Date: 2021-03-15 13:11:32
- * @LastEditTime: 2021-03-19 10:33:27
- * @LastEditors: Please set LastEditors
- * @Description: In User Settings Edit
- * @FilePath: \model\src\components\other\menu\DshMenu.vue
--->
-<template>
-    <div class="DshMenu">
-        <template v-for="subMenu in menuList">
-            <template v-if="!subMenu.children">
-                <MenuItem
-                    class="DshMenu-item"
-                    :key="subMenu._id"
-                    :name="subMenu._id"
-                >
-                <Badge
-                    class="DshMenu-item-badge"
-                    :key="subMenu._id + 'badge'"
-                    :count="getBadgeCount(subMenu)"
-                    :offset="[10, -16]"
-                >
-                    <Icon
-                        v-if="loopIndex === 1"
-                        class="DshMenu-item-icon"
-                        :custom="`bico-font ${subMenu.icon || `bico-${$appData.customIcons[subMenu.menuType]}`}`"
-                    />
-                    <span>{{ subMenu.name }}</span>
-                </Badge>
-                </MenuItem>
-            </template>
-
-            <!-- 组 -->
-            <template v-else>
-                <!-- 特殊的组 -->
-                <div
-                    v-if="subMenu.isSpecial"
-                    :key="subMenu._id"
-                    :style="{
-                        'padding-left': loopIndex === 1 ? undefined : `${(loopIndex - 2) * 24 + 43}px`
-                    }"
-                    :class="{
-                        'DshMenu-item': true,
-                        'ivu-menu-item': true,
-                        'ivu-menu-item-active': curSubMenu && curSubMenu._id === subMenu._id,
-                        'ivu-menu-item-selected': curSubMenu && curSubMenu._id === subMenu._id
-                    }"
-                    @click.stop="clickSpecialSubMenu(subMenu)"
-                >
-                    <Icon
-                        v-if="loopIndex === 1"
-                        :custom="`bico-font ${subMenu.icon || 'bico-file'}`"
-                    />
-                    {{ subMenu.name }}
-                </div>
-
-                <!-- 正常的组 -->
-                <Submenu
-                    v-else
-                    :key="subMenu._id"
-                    class="DshMenu-submenu"
-                    :name="subMenu._id"
-                >
-                    <!-- 组的title -->
-                    <template slot="title">
-                        <Icon
-                            v-if="loopIndex === 1"
-                            class="DshMenu-submenu-title-icon"
-                            :custom="`bico-font ${subMenu.icon || 'bico-file'}`"
-                        />
-                        <span>{{ subMenu.name }}</span>
-                    </template>
-
-                    <!-- 次级菜单 循环-->
-                    <dsh-menu
-                        :menuList="subMenu.children"
-                        :curSubMenu="curSubMenu"
-                        :loopIndex="loopIndex + 1"
-                        @changeSpecialSubMenu="changeSpecialSubMenuCb"
-                    ></dsh-menu>
-                </Submenu>
-            </template>
-        </template>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: "DshMenu",
-        props: {
-            menuList: {
-                type: Array,
-                default () {
-                    return [];
-                }
-            },
-
-            curSubMenu: Object,
-            loopIndex: {
-                type: Number,
-                default: 1
-            },
-            showBadgeList: {
-                type: Array,
-                default: () => []
-            }
-        },
-        data () {
-            return {};
-        },
-        computed: {},
-        created () {},
-        methods: {
-            clickSpecialSubMenu (subMenu) {
-                if (!this.curSubMenu || subMenu._id !== this.curSubMenu._id) {
-                    this.$emit("changeSpecialSubMenu", subMenu._id, subMenu);
-                }
-            },
-            changeSpecialSubMenuCb (...params) {
-                this.$emit("changeSpecialSubMenu", ...params);
-            },
-            getBadgeCount (menuItem) {
-                const badgeObj = this.showBadgeList.find(item => item.showBadgeKey === menuItem.menuKey);
-                return this.showBadgeList.length
-                    ? badgeObj
-                        ? badgeObj.count
-                        : 0
-                    : 0;
-            }
-        }
-    };
-</script>

package/src/abolish/DshTexts.less

@@ -1,13 +0,0 @@
-.DshTexts {
-    width: 100%;
-
-    &-control {
-        display: inline-block;
-        width: calc(100% - 65px);
-    }
-
-    &-create {
-        display: inline-block;
-        width: 60px;
-    }
-}

package/src/abolish/DshTexts.vue

@@ -1,89 +0,0 @@
-<template>
-    <div class="DshTexts">
-        <Input
-            class="DshTexts-control"
-            v-model="text"
-            :placeholder="selfPropsObj._placeholder"
-            :type="'text'"
-            :disabled="!finalCanEdit"
-            :clearable="true"
-            :size="propsObj._size"
-        />
-        <dsh-buttons
-            class="DshTexts-create"
-            :list="$getOperationList(['createTag'])"
-            @click="$dispatchEvent($event)"
-        ></dsh-buttons>
-
-        <!-- 标签列表 -->
-        <dsh-tags
-            class="dsh-margin-top5"
-            :list="value[propsObj._key]"
-            :propsObj="{
-                closable: true
-            }"
-            @delete="$dispatchEvent(operationMap.deleteTag, arguments)"
-        ></dsh-tags>
-    </div>
-</template>
-
-<script>
-    import controlMixin from "../../controlMixin.js";
-
-    export default {
-        name: "DshTexts",
-        mixins: [
-            controlMixin
-        ],
-        props: {},
-        data () {
-            return {
-                text: "",
-
-                operationMap: {
-                    createTag: {
-                        name: "添加",
-                        type: "createTag",
-                        size: "default",
-                        event: "createTag"
-                    },
-                    deleteTag: {
-                        name: "删除",
-                        type: "deleteTag",
-                        event: "deleteTag"
-                    }
-                }
-            };
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    ...this.propsObj,
-                    ...this.commonDealPropsObj
-                };
-            }
-        },
-        created () {},
-        methods: {
-            createTag () {
-                if (this.text && this.text.trim()) {
-                    if (this.value[this.propsObj._key].some(item => item === this.text.trim())) {
-                        this.$Message.error({
-                            content: `搜索文字 "${this.text.trim()}" 已存在！`,
-                            duration: 5
-                        });
-                    } else {
-                        this.value[this.propsObj._key].push(this.text.trim());
-                        this.change();
-                    }
-
-                }
-                this.text = "";
-            },
-            // 删除
-            deleteTag (operationItem, params) {
-                this.change();
-            }
-        }
-    };
-</script>

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>