bri-components 1.1.4 → 1.1.6

package/src/components/small/DshControlDefine.vue

@@ -1,115 +0,0 @@
-<template>
-    <div
-        :class="{
-            'dsh-control-define': true,
-            'dsh-control-define-multiplerow': selfPropsObj._multiplerow,
-            'dsh-control-define-disabled': !finalCanEdit,
-            'dsh-control-define-show': !canEdit
-        }"
-        @click="clickInput"
-    >
-        <!-- 有值 -->
-        <template v-if="Array.isArray(val) ? !!val.length : !!val">
-            <div
-                v-if="Array.isArray(val)"
-                class="dsh-control-define-text"
-            >
-                <dsh-tags
-                    :list="val"
-                    @delete="deleteTag"
-                    :propsObj="{
-                        closable: canEdit && propsObj.canEdit,
-                        size: selfPropsObj._multiplerow ? 'medium' : 'default'
-                    }"
-                ></dsh-tags>
-            </div>
-
-            <div
-                v-else
-                class="dsh-control-define-text"
-            >
-                <span class="dsh-ellipsis">{{ val }}</span>
-                <Icon
-                    v-if="canEdit"
-                    type="md-close"
-                    @click.stop="clickClear"
-                />
-            </div>
-        </template>
-
-        <!-- 无值 -->
-        <span
-            v-else
-            class="dsh-control-define-nodata"
-        >{{ selfPropsObj._placeholder }}</span>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: "DshControlDefine",
-        props: {
-            canEdit: {
-                type: Boolean,
-                default: true
-            },
-            finalCanEdit: {
-                type: Boolean,
-                default: true
-            },
-            value: {
-                type: [String, Array],
-                default () {
-                    return [];
-                }
-            },
-            propsObj: {
-                type: Object,
-                default () {
-                    return {};
-                }
-            }
-        },
-        data () {
-            return {};
-        },
-        computed: {
-            val: {
-                get () {
-                    return this.value;
-                },
-                set (val) {
-                    this.$emit("input", val);
-                }
-            },
-
-            selfPropsObj () {
-                return {
-                    _multiplerow: true,
-                    ...this.propsObj
-                };
-            }
-        },
-        created () {},
-        methods: {
-            clickInput (e) {
-                if (!this.canEdit) {
-                    e.stopPropagation();
-                }
-            },
-
-            // 删除
-            deleteTag (item, index, ...params) {
-                this.val = [...this.val];
-
-                this.$emit("delete", item, index, ...params);
-            },
-            // 清除文字
-            clickClear () {
-                this.val = "";
-
-                this.$emit("delete");
-            }
-        }
-    };
-</script>

package/src/styles/components/controls/DshCascader.less

@@ -1,79 +0,0 @@
-.DshCascader {
-    width: 100%;
-
-    &-single {
-        text-align: left;
-        padding: 0 10px;
-        height: 32px;
-        line-height: 32px;
-        border: 1px solid @borderColor;
-        border-radius: 4px;
-        cursor: pointer;
-
-        &-val {
-            width: 100%;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-
-            &-text {
-                .dsh-ellipsis();
-
-                &-disabled {
-                    color: @borderColor;
-                }
-            }
-
-            &-clear {
-                margin-left: 5px;
-            }
-        }
-
-        &-placeholder {
-            color: @placeholderColor;
-            padding: 0 7px;
-        }
-    }
-
-    &-modal {
-
-        &-wrap {
-            width: 100%;
-            height: 100%;
-            .dsh-flex-col-start-start();
-
-            &-content {
-                width: 100%;
-                flex: 1;
-                min-height: 0px;
-                overflow: auto;
-
-                .content {
-                    &-cascader {
-                        width: 90%;
-                        margin: 10px auto;
-                    }
-                }
-            }
-
-            &-footer {
-                width: 100%;
-                padding: 10px;
-
-                .btn {
-                    text-align: right;
-                }
-            }
-        }
-    }
-}
-
-.ivu-cascader-transfer {
-    max-height: 400px !important;
-
-    .ivu-cascader-menu {
-        max-height: 400px;
-        height: auto;
-        max-width: 300px;
-    }
-}

package/src/styles/components/small/DshControlDefine.less

@@ -1,40 +0,0 @@
-.dsh-control-define {
-    .control-edit();
-
-    &-multiplerow {
-        height: 70px;
-        .dsh-control-define-text {
-            overflow-y: auto;
-            .DshTags {
-                flex-wrap: wrap;
-            }
-        }
-    }
-
-    &-disabled {
-        .control-disabled();
-    }
-
-    &-show {
-        .control-show();
-    }
-
-    &-text {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        padding: 2px 8px;
-        .bri-scrollbar3();
-        overflow-y: hidden;
-    
-        .DshTags {
-            display: flex;
-            white-space: nowrap;
-        }
-    }
-
-    &-nodata {
-        .control-notext();
-        padding: 0 7px;
-    }
-}