bri-components 1.5.22 → 1.6.0

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

@@ -1,215 +1,215 @@
-<template>
-    <!-- 单选模式 编辑 -->
-    <div
-        v-if="!multipleMode && canEdit"
-        class="DshCascader"
-    >
-        <component
-            :is="showTypeMap[showMode]"
-            v-model="showModal"
-            :activeValue="curValList"
-            :data="cascaderData"
-            :propsObj="selfPropsObj"
-            @confirm="confirmCb"
-        >
-            <dsh-control-input
-                :class="commonClass"
-                :value="curValName"
-                :disabled="disabled"
-                :propsObj="selfPropsObj"
-                @clear="clickClear"
-            ></dsh-control-input>
-        </component>
-    </div>
-
-    <!-- 单选模式 查看 -->
-    <div
-        v-else-if="!multipleMode && !canEdit"
-        class="DshCascader-show"
-    >
-        <!-- 有值 -->
-        <template v-if="!$isEmptyData(curValList)">
-            <!-- 高度自由时 -->
-            <div
-                v-if="isHeightAuto"
-                :class="{
-                    ...commonClass,
-                    'DshCascader-show-auto': true
-                }"
-                :style="{
-                    color: curValObj && curValObj.style.color // &&为了和 mobile一致
-                }"
-            >
-                {{ showVal }}
-            </div>
-
-            <!-- 高度不自由（不换行） -->
-            <bri-tooltip
-                v-else
-                :content="showVal"
-                :transfer="true"
-            >
-                <div
-                    :class="{
-                        ...commonClass,
-                        'DshCascader-show-ellipsis': true
-                    }"
-                    :style="{
-                        color: curValObj && curValObj.style.color // &&为了和 mobile一致
-                    }"
-                >
-                    {{ showVal }}
-                </div>
-            </bri-tooltip>
-        </template>
-
-        <!-- 无值 -->
-        <div
-            v-else
-            :class="commonClass"
-        >
-            {{ emptyShowVal }}
-        </div>
-    </div>
-
-    <!-- 多选模式 编辑 -->
-    <div
-        v-else-if="multipleMode && canEdit"
-        class="DshCascaders"
-    >
-        <component
-            :is="showTypeMap[showMode]"
-            v-model="showModal"
-            :multipleMode="multipleMode"
-            :activeValue="curValList"
-            :data="cascaderData"
-            :propsObj="selfPropsObj"
-            @confirm="confirmAddCb"
-            @confirmMul="confirmMulCb"
-        >
-            <dsh-control-input
-                :class="commonClass"
-                :value="curValNameList"
-                :disabled="disabled"
-                :heightAuto="isHeightAuto"
-                :propsObj="selfPropsObj"
-                @deleteItem="clickDeleteItem"
-                @clear="clickClear"
-            ></dsh-control-input>
-        </component>
-    </div>
-
-    <!-- 多选模式 查看 -->
-    <div
-        v-else
-        class="DshCascaders-show"
-    >
-        <!-- 有值 -->
-        <template v-if="!$isEmptyData(curValList)">
-            <!-- 高度自由时 -->
-            <dsh-tags
-                v-if="isHeightAuto"
-                :class="{
-                    ...commonClass,
-                    'DshCascaders-show-auto': true
-                }"
-                itemClass="DshCascaders-show-auto-tag"
-                :list="curValObjList"
-            ></dsh-tags>
-
-            <!-- 高度不自由（不换行） -->
-            <bri-tooltip
-                v-else
-                :content="showMulVal"
-                :transfer="true"
-            >
-                <dsh-tags
-                    :class="{
-                        ...commonClass,
-                        'DshCascaders-show-ellipsis': true
-                    }"
-                    itemClass="DshCascaders-show-ellipsis-tag"
-                    :list="curValObjList"
-                ></dsh-tags>
-            </bri-tooltip>
-        </template>
-
-        <!-- 无值 -->
-        <div
-            v-else
-            :class="commonClass"
-        >
-            {{ emptyShowVal }}
-        </div>
-    </div>
-</template>
-
-<script>
-    import cascaderMixin from "../../mixins/cascaderMixin.js";
-    import cascaderPicker from "./components/cascaderPicker.vue";
-    import cascaderModal from "./components/cascaderModal.vue";
-    import cascaderSimple from "./components/cascaderSimple.vue";
-    import cascaderTree from "./components/cascaderTree.vue";
-
-    export default {
-        name: "DshCascader",
-        mixins: [
-            cascaderMixin
-        ],
-        components: {
-            cascaderPicker,
-            cascaderModal,
-            cascaderSimple,
-            cascaderTree
-        },
-        props: {},
-        data () {
-            return {
-                showTypeMap: {
-                    default: cascaderPicker, // 确认面板方式（默认）
-                    custom: cascaderModal, // 弹框方式
-                    simple: cascaderSimple, // 简易方式
-                    tree: cascaderTree // 树形方式
-                }
-            };
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    _icon: this.showModal ? "ios-arrow-up" : "ios-arrow-down",
-                    _transfer: true,
-                    _transferClassName: "",
-
-                    ...this.basePropsObj
-                };
-            }
-        },
-        created () {},
-        methods: {},
-        watch: {
-            "cascaderLevel" () {
-                this.value[this.controlKey] = [];
-            }
-        }
-    };
-</script>
-
-<style lang="less">
-    @import url("../../control.less");
-
-    .DshCascader {
-        #control-show();
-
-        &-show {
-            &-auto,
-            &-ellipsis {
-                margin: 5px 0px;
-            }
-        }
-    }
-
-    // 多选
-    .DshCascaders {
-        #control-show();
-    }
-</style>
+<template>
+    <!-- 单选模式 编辑 -->
+    <div
+        v-if="!multipleMode && canEdit"
+        class="DshCascader"
+    >
+        <component
+            :is="showTypeMap[showMode]"
+            v-model="showModal"
+            :activeValue="curValList"
+            :data="cascaderData"
+            :propsObj="selfPropsObj"
+            @confirm="confirmCb"
+        >
+            <dsh-control-input
+                :class="commonClass"
+                :value="curValName"
+                :disabled="disabled"
+                :propsObj="selfPropsObj"
+                @clear="clickClear"
+            ></dsh-control-input>
+        </component>
+    </div>
+
+    <!-- 单选模式 查看 -->
+    <div
+        v-else-if="!multipleMode && !canEdit"
+        class="DshCascader-show"
+    >
+        <!-- 有值 -->
+        <template v-if="!$isEmptyData(curValList)">
+            <!-- 高度自由时 -->
+            <div
+                v-if="isHeightAuto"
+                :class="{
+                    ...commonClass,
+                    'DshCascader-show-auto': true
+                }"
+                :style="{
+                    color: curValObj && curValObj.style.color // &&为了和 mobile一致
+                }"
+            >
+                {{ showVal }}
+            </div>
+
+            <!-- 高度不自由（不换行） -->
+            <bri-tooltip
+                v-else
+                :content="showVal"
+                :transfer="true"
+            >
+                <div
+                    :class="{
+                        ...commonClass,
+                        'DshCascader-show-ellipsis': true
+                    }"
+                    :style="{
+                        color: curValObj && curValObj.style.color // &&为了和 mobile一致
+                    }"
+                >
+                    {{ showVal }}
+                </div>
+            </bri-tooltip>
+        </template>
+
+        <!-- 无值 -->
+        <div
+            v-else
+            :class="commonClass"
+        >
+            {{ emptyShowVal }}
+        </div>
+    </div>
+
+    <!-- 多选模式 编辑 -->
+    <div
+        v-else-if="multipleMode && canEdit"
+        class="DshCascaders"
+    >
+        <component
+            :is="showTypeMap[showMode]"
+            v-model="showModal"
+            :multipleMode="multipleMode"
+            :activeValue="curValList"
+            :data="cascaderData"
+            :propsObj="selfPropsObj"
+            @confirm="confirmAddCb"
+            @confirmMul="confirmMulCb"
+        >
+            <dsh-control-input
+                :class="commonClass"
+                :value="curValNameList"
+                :disabled="disabled"
+                :heightAuto="isHeightAuto"
+                :propsObj="selfPropsObj"
+                @deleteItem="clickDeleteItem"
+                @clear="clickClear"
+            ></dsh-control-input>
+        </component>
+    </div>
+
+    <!-- 多选模式 查看 -->
+    <div
+        v-else
+        class="DshCascaders-show"
+    >
+        <!-- 有值 -->
+        <template v-if="!$isEmptyData(curValList)">
+            <!-- 高度自由时 -->
+            <dsh-tags
+                v-if="isHeightAuto"
+                :class="{
+                    ...commonClass,
+                    'DshCascaders-show-auto': true
+                }"
+                itemClass="DshCascaders-show-auto-tag"
+                :list="curValObjList"
+            ></dsh-tags>
+
+            <!-- 高度不自由（不换行） -->
+            <bri-tooltip
+                v-else
+                :content="showMulVal"
+                :transfer="true"
+            >
+                <dsh-tags
+                    :class="{
+                        ...commonClass,
+                        'DshCascaders-show-ellipsis': true
+                    }"
+                    itemClass="DshCascaders-show-ellipsis-tag"
+                    :list="curValObjList"
+                ></dsh-tags>
+            </bri-tooltip>
+        </template>
+
+        <!-- 无值 -->
+        <div
+            v-else
+            :class="commonClass"
+        >
+            {{ emptyShowVal }}
+        </div>
+    </div>
+</template>
+
+<script>
+    import cascaderMixin from "../../mixins/cascaderMixin.js";
+    import cascaderPicker from "./components/cascaderPicker.vue";
+    import cascaderModal from "./components/cascaderModal.vue";
+    import cascaderSimple from "./components/cascaderSimple.vue";
+    import cascaderTree from "./components/cascaderTree.vue";
+
+    export default {
+        name: "DshCascader",
+        mixins: [
+            cascaderMixin
+        ],
+        components: {
+            cascaderPicker,
+            cascaderModal,
+            cascaderSimple,
+            cascaderTree
+        },
+        props: {},
+        data () {
+            return {
+                showTypeMap: {
+                    default: cascaderPicker, // 确认面板方式（默认）
+                    custom: cascaderModal, // 弹框方式
+                    simple: cascaderSimple, // 简易方式
+                    tree: cascaderTree // 树形方式
+                }
+            };
+        },
+        computed: {
+            selfPropsObj () {
+                return {
+                    _icon: this.showModal ? "ios-arrow-up" : "ios-arrow-down",
+                    _transfer: true,
+                    _transferClassName: "",
+
+                    ...this.basePropsObj
+                };
+            }
+        },
+        created () {},
+        methods: {},
+        watch: {
+            "cascaderLevel" () {
+                this.value[this.controlKey] = [];
+            }
+        }
+    };
+</script>
+
+<style lang="less">
+    @import url("../../control.less");
+
+    .DshCascader {
+        #control-show();
+
+        &-show {
+            &-auto,
+            &-ellipsis {
+                margin: 5px 0px;
+            }
+        }
+    }
+
+    // 多选
+    .DshCascaders {
+        #control-show();
+    }
+</style>