bri-components 1.2.49 → 1.2.51

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);
-        }
-    }
-}

package/src/abolish/DshFlatTable.less

@@ -1,93 +0,0 @@
-.DshFlatTable {
-    width: 100%;
-    position: relative;
-
-    &-block {
-        width: 100%;
-        overflow: auto;
-
-        .table {
-            width: 100%;
-            border-spacing: 0;
-            border-collapse: collapse;
-            border-color: #E5E5E5;
-            background-color: #fff;
-
-            &-head {
-                background-color: #f0f0f0;
-                color: #666;
-
-                &-description {
-                    color: #828499;
-                }
-            }
-
-            &-row {
-                height: 50px;
-
-                &:hover {
-                    .table-row-td-add {
-                        display: inline-block;
-                    }
-                }
-
-                &-td {
-                    position: relative;
-
-                    .td-inner {
-                        &-compare {
-                            width: 100%;
-                        }
-                    }
-
-                    &-tip {
-                        padding: 2px 5px 0px 10px;
-                        font-size: 12px;
-                        line-height: 1;
-                        color: #ed4014;
-                        position: absolute;
-                        top: calc(100% -15px);
-                        left: 0px;
-                    }
-                    
-                    &-add {
-                        line-height: 20px;
-                        position: absolute;
-                        bottom: 0px;
-                        right: 0px;
-                        display: none;
-                    }
-                }
-
-                &-nodata {
-                    width: 100%;
-                    height: 40px;
-                    text-align: center;
-                }
-            }
-
-            tbody {
-                // display: block;
-                // overflow-y: scroll;
-            }
-
-            thead {
-                // display: block;
-            }
-        }
-    }
-
-    &-create {
-        margin: 5px 0px;
-        
-        button {
-            border-color: @theme-focus;
-            color: @theme-focus;
-            background-color: @bgColor;
-        
-            &:hover {
-                background-color: @bgColor;
-            }
-        }
-    }
-}