bri-components 1.2.50 → 1.2.52

package/src/abolish/BriTree.less

@@ -1,57 +0,0 @@
-
-.BriTree {
-    border: 1px solid @btnCancelBg;
-    border-radius: @borderRadius;
-    width: 336px;
-    overflow: auto;
-    padding: 8px;
-    user-select: none;
-    max-width: 100%;
-    
-}
-.ivu-tree {
-    .ivu-icon-ios-arrow-forward {
-        display: inline-block;
-        width: 16px;
-        height: 16px;
-        border-radius: @borderRadius;
-        &:before {
-            content: "\F341";
-            width: 100%;
-            height: 100%;
-            .dsh-flex-row-center-center();
-        }
-        &:hover {
-            background-color: @btnCancelBgDisabled;
-        }
-    }
-    &-arrow {
-        width: auto;
-        color: @placeholderColor;
-        margin-top: 4px;
-        &-open {
-            color: @themeColor;
-        }
-    }
-    &-title {
-        color: @textColor;
-        padding: 3px 8px 4px;
-        border-radius: @borderRadius;
-        display: inline-flex;
-        width: calc(100% - 20px);
-        &:hover {
-            background-color: @bgColor;
-        }
-        &-selected {
-            color: @themeColor;
-            background-color: @theme-focus;
-        }
-    }
-    .ivu-checkbox-wrapper+.ivu-tree-title {
-        margin-left: -30px;
-        padding-left: 30px;
-    }
-    .ivu-load-loop {
-        color: @themeColor;
-    }
-}

package/src/abolish/DshCascaders.less

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

package/src/abolish/DshCascaders.vue

@@ -1,151 +0,0 @@
-<template>
-    <div class="DshCascaders">
-        <Cascader
-            class="DshCascaders-control"
-            v-model="cascaderVal"
-            :placeholder="selfPropsObj._placeholder"
-            :data="renderCascaderData"
-            :load-data="loadData"
-            :disabled="!finalCanEdit"
-            :change-on-select="selfPropsObj._changeOnSelect"
-            :filterable="true"
-            :clearable="true"
-            :transfer="true"
-        ></Cascader>
-        <dsh-buttons
-            class="DshCascaders-create"
-            :list="$getOperationList(['createTag'])"
-            @click="$dispatchEvent($event)"
-        ></dsh-buttons>
-
-        <!-- 标签列表 -->
-        <dsh-tags
-            class="dsh-margin-top5"
-            :list="tags"
-            :propsObj="{
-                closable: true
-            }"
-            @delete="$dispatchEvent(operationMap.deleteTag, arguments)"
-        ></dsh-tags>
-    </div>
-</template>
-
-<script>
-    import { regionData } from "bri-datas";
-    import controlMixin from "../controlMixin.js";
-
-    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: "DshCascaders",
-        mixins: [
-            controlMixin
-        ],
-        props: {},
-        data () {
-            return {
-                cascaderVal: [],
-
-                operationMap: {
-                    createTag: {
-                        name: "添加",
-                        type: "createTag",
-                        size: "default",
-                        event: "createTag"
-                    },
-                    deleteTag: {
-                        name: "删除",
-                        type: "deleteTag",
-                        event: "deleteTag"
-                    }
-                }
-            };
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    ...this.propsObj,
-                    ...this.commonDealPropsObj
-                };
-            },
-
-            cascaderData: {
-                get () {
-                    return loop(
-                        this.propsObj._subType === "region" ? regionData : this.propsObj._data,
-                        this.propsObj._cascaderLevel,
-                        undefined,
-                        this.propsObj._cascaderFilterVals
-                    );
-                },
-                set () {}
-            },
-            renderCascaderData () {
-                return this.cascaderData.map(item => {
-                    return {
-                        ...item,
-                        children: []
-                    };
-                });
-            },
-            tags () {
-                return this.value[this.propsObj._key].map(item => this.$getTreeLinealDatas(item, this.cascaderData, "name").join("/"));
-            }
-        },
-        created () {},
-        methods: {
-            // 动态加载数据
-            loadData (treeItem, cb) {
-                let list = this.$getTreeLinealDatas(treeItem.codeArr, this.cascaderData);
-                treeItem.children = list[list.length - 1].children.map(item => ({ ...item, children: [] }));
-
-                cb();
-            },
-
-            // 添加
-            createTag (operationItem) {
-                if (this.cascaderVal.length) {
-                    if (this.value[this.propsObj._key].some(item => JSON.stringify(item) == JSON.stringify(this.cascaderVal))) {
-                        this.$Message.error({
-                            content: `"${this.$getTreeLinealDatas(this.cascaderVal, this.cascaderData, "name").join("/")}"已选择，请勿重复选择！`,
-                            duration: 5
-                        });
-                    } else {
-                        this.value[this.propsObj._key].push([...this.cascaderVal]);
-                        this.change();
-                    }
-
-                }
-                this.cascaderVal = [];
-            },
-            // 删除
-            deleteTag (operationItem, params) {
-                this.value[this.propsObj._key].splice(params[1], 1);
-                this.change();
-            }
-        }
-    };
-</script>

package/src/abolish/DshCrumbs.vue

@@ -1,62 +0,0 @@
-<template>
-    <div :class="classes">
-        <slot></slot>
-    </div>
-</template>
-
-<script>
-    // const prefixCls = "ivu-breadcrumb";
-    const prefixCls = "dsh-crumb";
-
-    export default {
-        name: "DshCrumb",
-        props: {
-            separator: {
-                type: String,
-                default: "/"
-            }
-        },
-        computed: {
-            classes () {
-                return `${prefixCls}`;
-            },
-            linkUrl () {
-                const type = typeof this.to;
-                if (type !== "string") {
-                    return null;
-                }
-                if (this.to.includes("//")) {
-                    /* Absolute URL, we do not need to route this */
-                    return this.to;
-                }
-                const router = this.$router;
-                if (router) {
-                    const current = this.$route;
-                    const route = router.resolve(this.to, current, this.append);
-                    return route ? route.href : this.to;
-                }
-                return this.to;
-            }
-        },
-        mounted () {
-            this.updateChildren();
-        },
-        updated () {
-            this.$nextTick(() => {
-                this.updateChildren();
-            });
-        },
-        methods: {
-            updateChildren () {
-                this.$children.forEach((child) => {
-                    child.separator = this.separator;
-                });
-            }
-        },
-        watch: {
-            separator () {
-                this.updateChildren();
-            }
-        }
-    };
-</script>

package/src/abolish/DshCrumbsItem.vue

@@ -1,109 +0,0 @@
-<template>
-    <span class="DshCrumbItem">
-        <a
-            v-if="to"
-            :href="linkUrl"
-            :target="target"
-            :class="linkClasses"
-            @click.exact="handleCheckClick($event, false)"
-            @click.ctrl="handleCheckClick($event, true)"
-            @click.meta="handleCheckClick($event, true)"
-        >
-            <slot></slot>
-        </a>
-        <span
-            v-else
-            :class="linkClasses"
-        >
-            <slot></slot>
-        </span>
-
-        <span
-            v-if="!showSeparator"
-            :class="separatorClasses"
-            v-html="separator"
-        ></span>
-        <span
-            v-else
-            :class="separatorClasses"
-        >
-            <slot name="separator"></slot>
-        </span>
-    </span>
-</template>
-
-<script>
-    const prefixCls = "dsh-crumb-item";
-
-    export default {
-        name: "DshCrumbItem",
-        props: {
-            to: {
-                type: [Object, String]
-            },
-            replace: {
-                type: Boolean,
-                default: false
-            },
-            target: {
-                type: String,
-                default: "_self",
-                validator (value) {
-                    return ["_blank", "_self", "_parent", "_top"].includes(value);
-                }
-            },
-            append: {
-                type: Boolean,
-                required: false,
-                default: false
-            }
-        },
-        data () {
-            return {
-                separator: "",
-                showSeparator: false
-            };
-        },
-        computed: {
-            linkClasses () {
-                return `${prefixCls}-link`;
-            },
-            separatorClasses () {
-                return `${prefixCls}-separator`;
-            }
-        },
-        mounted () {
-            this.showSeparator = this.$slots.separator !== undefined;
-        },
-        methods: {
-            handleClick (newWindow = false) {
-                const router = this.$router;
-                if (newWindow) {
-                    let to = this.to;
-                    if (router) {
-                        const current = this.$route;
-                        const route = router.resolve(this.to, current, this.append);
-                        to = route ? route.href : this.to;
-                    }
-                    window.open(to);
-                } else {
-                    if (router) {
-                        this.replace ? this.$router.replace(this.to, () => {}) : this.$router.push(this.to, () => {});
-                    } else {
-                        window.location.href = this.to;
-                    }
-                }
-            },
-            handleCheckClick (event, newWindow = false) {
-                if (this.to) {
-                    if (this.target === "_blank") {
-                        return false;
-                    } else {
-                        event.preventDefault();
-                        this.handleClick(newWindow);
-                    }
-                }
-            }
-        }
-    };
-</script>

package/src/abolish/DshEditPanel.less

@@ -1,70 +0,0 @@
-.DshEditPanel {
-    width: 220px;
-    height: 240px;
-    text-align: left;
-
-    &-name {}
-    &-colors {
-        padding: 40px 0 0 0;
-        overflow: hidden;
-        &-item {
-            width: 46px;
-            height: 46px;
-            float: left;
-            margin-right: 20px;
-            margin-bottom: 10px;
-            border-radius: 50%;
-            border: 2px solid #DBDBDB;
-            padding: 1px;
-            cursor: pointer;
-            position: relative;
-            &-content {
-                width: 40px;
-                height: 40px;
-                border-radius: 50%;
-            }
-            &-icon {
-                position: absolute;
-                top: -6px;
-                right: -4px;
-                color: @themeColor;
-            }
-        }
-    }
-
-    &-icons {
-        padding: 40px 0px 0px 0;
-        &-item {
-            float: left;
-            width: 55px;
-            height: 55px;
-            margin-right: 20px;
-            margin-bottom: 10px;
-            background: #FBF8F2;
-            border-radius: 8px;
-            padding: 10px;
-            cursor: pointer;
-            &-content {
-                width: 100%;
-                height: 100%;
-                background-repeat: no-repeat;
-                background-size: contain;
-                text-align: center;
-                line-height: 35px;
-                i {
-                    color: #ffffff;
-                    font-size: 18px;
-                }
-            }
-            &:hover {
-                color: @themeColor;
-            }
-        }
-    }
-
-    &-form {
-        .ivu-form-item {
-            margin-bottom: 15px;
-        }
-    }
-}

package/src/abolish/DshEditPanel.vue

@@ -1,152 +0,0 @@
-<template>
-    <div class="DshEditPanel">
-        <Form
-            class="DshEditPanel-form"
-            :model="value"
-            :label-width="80"
-            label-position="left"
-        >
-            <FormItem label="应用名称">
-                <Input
-                    v-model="value.name"
-                    placeholder="请输入应用名称"
-                    autofocus
-                    @on-blur="onBlur(value)"
-                />
-            </FormItem>
-
-            <FormItem label="主题颜色">
-                <div class="DshEditPanel-colors">
-                    <div
-                        v-for="(colorItem, colorKey) in $appData.themeColors"
-                        :key="colorKey"
-                        class="DshEditPanel-colors-item"
-                        @click="$dispatchEvent(operationMap.updateColor, colorItem.color, colorKey, value)"
-                    >
-                        <div
-                            class="DshEditPanel-colors-item-content"
-                            :style="{
-                                backgroundColor: colorItem.color
-                            }"
-                        ></div>
-                        <Icon
-                            v-if="colorItem.color === value.color"
-                            class="DshEditPanel-colors-item-icon"
-                            type="ios-checkmark-circle"
-                            size="16"
-                        />
-                    </div>
-                </div>
-            </FormItem>
-
-            <FormItem label="主题图标">
-                <div class="DshEditPanel-icons">
-                    <div
-                        v-for="(iconItem, iconIndex) in $appData.icons"
-                        :key="iconIndex"
-                        class="DshEditPanel-icons-item"
-                        :style="{
-                            backgroundColor: $appData.themeColors[value.color].bgColor,
-                            border: value.icon === iconItem ? `1px solid ${value.color}` : 'none'
-                        }"
-                        @click="$dispatchEvent(operationMap.updateIcon, iconItem, iconIndex, value)"
-                    >
-                        <div
-                            class="DshEditPanel-icons-item-content"
-                            :style="{
-                                backgroundImage: `url(${$appData.themeColors[value.color].bgUrl})`
-                            }"
-                        >
-                            <Icon :custom="'bico-font ' + iconItem"></Icon>
-                        </div>
-                    </div>
-                </div>
-            </FormItem>
-        </Form>
-
-        <!-- 操作按钮 -->
-        <dsh-buttons
-            class="bri-modal-footer"
-            :list="$getOperationList(['canCancel', 'canConfirm'])"
-            @click="$dispatchEvent($event)"
-        ></dsh-buttons>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: "DshEditPanel",
-        components: {},
-        props: {
-            value: {
-                type: Object,
-                default () {
-                    return {};
-                }
-            }
-        },
-        data () {
-            return {
-                operationMap: {
-                    updateColor: {
-                        name: "修改主题色",
-                        type: "updateColor",
-                        event: "clickUpdateColor"
-                    },
-                    updateIcon: {
-                        name: "修改图标",
-                        type: "updateIcon",
-                        event: "clickUpdateIcon"
-                    },
-                    canCancel: {
-                        name: "取消",
-                        type: "canCancel",
-                        event: "clickCancel"
-                    },
-                    canConfirm: {
-                        name: "确定",
-                        type: "canConfirm",
-                        btnType: "primary",
-                        event: "clickConfirm"
-                    }
-                }
-            };
-        },
-        computed: {},
-        created () {
-            this.init();
-        },
-        methods: {
-            // 初始化
-            init () {
-                Object.assign(this.value, {
-                    oldName: this.value.name,
-                    color: this.value.color || Object.values(this.$appData.themeColors)[0].color,
-                    icon: this.value.icon || this.$appData.icons[0]
-                });
-            },
-
-            onBlur (value) {
-                if (!value.name) {
-                    value.name = value.oldName || "未命名";
-                }
-            },
-            // 点击修改应用主题色
-            clickUpdateColor (item, colorItem, colorKey, appObj) {
-                appObj.color = colorItem;
-            },
-            // 点击修改应用图标
-            clickUpdateIcon (item, iconItem, iconIndex, appObj) {
-                appObj.icon = iconItem;
-            },
-            // 点击取消
-            clickConfirm () {
-                this.$emit("on-ok", this.value);
-            },
-            // 点击取消
-            clickCancel () {
-                this.$emit("on-cancel");
-            }
-        }
-    };
-</script>

package/src/abolish/DshFileShow.less

@@ -1,61 +0,0 @@
-.DshFileShow {
-    display: block;
-    overflow: hidden;
-    word-break: keep-all;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    display: flex;
-
-    &-img {
-        margin-right: 3px;
-        &:hover{
-            cursor: pointer;
-        }
-    }
-
-    // 遮罩层
-    &-wrap {
-        width: 100%;
-        height: 100%;
-        position: fixed;
-        top: 0px;
-        left: 0px;
-        bottom: 0px;
-        right: 0px;
-        z-index: 9999;
-        text-align: center;
-        overflow: auto;
-        display: none;
-        background: rgba(0,0,0,0);
-
-        &-show {
-            display: block;
-            background: rgba(0,0,0,.6);
-            animation: animate-show .3s linear;
-        }
-
-        &-preview {
-            position: absolute;
-            width: 90%;
-            height: 90%;
-            top: 5%;
-            left: 5%;
-            left: 5%;
-            right: 5%;
-            background-size: contain;
-            background-repeat: no-repeat;
-            background-position: center;
-        }
-    }
-
-    @keyframes animate-show {
-        from {
-            display: none;
-            background: rgba(0,0,0,0);
-        }
-        to {
-            display: block;
-            background: rgba(0,0,0,.6);
-        }
-    }
-}