bri-components 1.5.22 → 1.6.1

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

@@ -1,115 +1,115 @@
-<template>
-    <!-- 单选模式 编辑 -->
-    <div
-        v-if="!multipleMode && canEdit"
-        class="DshSwitch"
-    >
-        <i-switch
-            v-model="curVal"
-            :disabled="disabled"
-            :loading="selfPropsObj.loading"
-            :size="selfPropsObj._size"
-            :true-color="selfPropsObj._openColor"
-            :false-color="selfPropsObj._closeColor"
-            :true-value="selfPropsObj._openValue"
-            :false-value="selfPropsObj._closeValue"
-        >
-            <span slot="open">
-                {{ selfPropsObj._openText }}
-            </span>
-            <span slot="close">
-                {{ selfPropsObj._closeText }}
-            </span>
-        </i-switch>
-    </div>
-
-    <!-- 单选模式 查看 -->
-    <div
-        v-else-if="!multipleMode && !canEdit"
-        class="DshSwitch-show"
-    >
-        <!-- 有值 -->
-        <template v-if="!$isEmptyData(curVal)">
-            <!-- 高度自由时 -->
-            <dsh-tags
-                v-if="isHeightAuto"
-                :class="{
-                    ...commonClass,
-                    'DshSwitch-show-auto': true
-                }"
-                :list="[curValObj]"
-                itemClass="DshSwitch-show-auto-tag"
-            ></dsh-tags>
-
-            <!-- 高度不自由（不换行） -->
-            <bri-tooltip
-                v-else
-                :content="showVal"
-                :transfer="true"
-            >
-                <dsh-tags
-                    :class="{
-                        ...commonClass,
-                        'DshSwitch-show-ellipsis': true,
-                        'DshSwitch-open': this.curVal,
-                        'DshSwitch-close': !this.curVal
-                    }"
-                    :list="[curValObj]"
-                    itemClass="DshSwitch-show-ellipsis-tag"
-                ></dsh-tags>
-            </bri-tooltip>
-        </template>
-
-        <!-- 无值 -->
-        <div
-            v-else
-            :class="commonClass"
-        >
-            {{ emptyShowVal }}
-        </div>
-    </div>
-
-    <!-- 多选模式 -->
-    <dsh-checkbox
-        v-else
-        :canEdit="canEdit"
-        :value="value"
-        :propsObj="mulPropsObj"
-        @change="change"
-    ></dsh-checkbox>
-</template>
-
-<script>
-    import switchMixin from "../../mixins/switchMixin.js";
-
-    export default {
-        name: "DshSwitch",
-        mixins: [
-            switchMixin
-        ],
-        components: {},
-        props: {},
-        data () {
-            return {};
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    _size: "default", // "default", "small", "large"
-
-                    ...this.basePropsObj
-                };
-            }
-        },
-        created () {},
-        methods: {}
-    };
-</script>
-
-<style lang="less">
-    @import url("../../control.less");
-
-    .DshSwitch {
-        #control-show();
-    }
-</style>
+<template>
+    <!-- 单选模式 编辑 -->
+    <div
+        v-if="!multipleMode && canEdit"
+        class="DshSwitch"
+    >
+        <i-switch
+            v-model="curVal"
+            :disabled="disabled"
+            :loading="selfPropsObj.loading"
+            :size="selfPropsObj._size"
+            :true-color="selfPropsObj._openColor"
+            :false-color="selfPropsObj._closeColor"
+            :true-value="selfPropsObj._openValue"
+            :false-value="selfPropsObj._closeValue"
+        >
+            <span slot="open">
+                {{ selfPropsObj._openText }}
+            </span>
+            <span slot="close">
+                {{ selfPropsObj._closeText }}
+            </span>
+        </i-switch>
+    </div>
+
+    <!-- 单选模式 查看 -->
+    <div
+        v-else-if="!multipleMode && !canEdit"
+        class="DshSwitch-show"
+    >
+        <!-- 有值 -->
+        <template v-if="!$isEmptyData(curVal)">
+            <!-- 高度自由时 -->
+            <dsh-tags
+                v-if="isHeightAuto"
+                :class="{
+                    ...commonClass,
+                    'DshSwitch-show-auto': true
+                }"
+                :list="[curValObj]"
+                itemClass="DshSwitch-show-auto-tag"
+            ></dsh-tags>
+
+            <!-- 高度不自由（不换行） -->
+            <bri-tooltip
+                v-else
+                :content="showVal"
+                :transfer="true"
+            >
+                <dsh-tags
+                    :class="{
+                        ...commonClass,
+                        'DshSwitch-show-ellipsis': true,
+                        'DshSwitch-open': this.curVal,
+                        'DshSwitch-close': !this.curVal
+                    }"
+                    :list="[curValObj]"
+                    itemClass="DshSwitch-show-ellipsis-tag"
+                ></dsh-tags>
+            </bri-tooltip>
+        </template>
+
+        <!-- 无值 -->
+        <div
+            v-else
+            :class="commonClass"
+        >
+            {{ emptyShowVal }}
+        </div>
+    </div>
+
+    <!-- 多选模式 -->
+    <dsh-checkbox
+        v-else
+        :canEdit="canEdit"
+        :value="value"
+        :propsObj="mulPropsObj"
+        @change="change"
+    ></dsh-checkbox>
+</template>
+
+<script>
+    import switchMixin from "../../mixins/switchMixin.js";
+
+    export default {
+        name: "DshSwitch",
+        mixins: [
+            switchMixin
+        ],
+        components: {},
+        props: {},
+        data () {
+            return {};
+        },
+        computed: {
+            selfPropsObj () {
+                return {
+                    _size: "default", // "default", "small", "large"
+
+                    ...this.basePropsObj
+                };
+            }
+        },
+        created () {},
+        methods: {}
+    };
+</script>
+
+<style lang="less">
+    @import url("../../control.less");
+
+    .DshSwitch {
+        #control-show();
+    }
+</style>