bri-components 1.4.93 → 1.4.94

package/src/components/controls/DshControlInput.vue

@@ -1,195 +1,195 @@
-<template>
-    <div
-        class="DshControlInput"
-        :style="{
-            height: heightAuto ? 'auto' : '32px',
-            minHeight: heightAuto ? '32px' : undefined,
-        }"
-        @mouseenter="isHover = true"
-        @mouseleave="isHover = false"
-    >
-        <template>
-            <!-- 有值 -->
-            <template v-if="!$isEmptyData(value)">
-                <!-- 数组的 -->
-                <dsh-tags
-                    v-if="Array.isArray(value)"
-                    class="overflow"
-                    :class="{
-                        overflow: true,
-                        'overflow-auto': heightAuto
-                    }"
-                    :list="value"
-                    :propsObj="{
-                        disabled: disabled,
-                        closable: true,
-                        useDeleteTip: propsObj._useDeleteTip
-                    }"
-                    @delete="clickDeleteItem"
-                    @clickItem="clickItem"
-                ></dsh-tags>
-
-                <!-- 对象的 地理坐标 -->
-                <div
-                    v-else-if="$dataType(value, 'object')"
-                    class="text"
-                >
-                    {{ value._name || value.name || value.lnglat }}
-                </div>
-
-                <!-- 文字的 -->
-                <div
-                    v-else
-                    class="text"
-                >
-                    {{ value }}
-                </div>
-            </template>
-
-            <!-- 无值 -->
-            <template v-else>
-                <div class="placeholder">
-                    {{ propsObj._placeholder }}
-                </div>
-            </template>
-        </template>
-
-        <!-- 图标 -->
-        <template>
-            <Icon
-                v-if="propsObj._clearable && !disabled && !$isEmptyData(value) && isHover"
-                class="icon-close"
-                type="ios-close-circle"
-                @click.stop="clickClear"
-            />
-            <Icon
-                v-else-if="inputIcon"
-                class="icon-default"
-                :type="inputIcon"
-            />
-        </template>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: "DshControlInput",
-        props: {
-            value: [Array, Object, String],
-
-            heightAuto: {
-                type: Boolean,
-                default: false
-            },
-            disabled: {
-                type: Boolean,
-                default: false
-            },
-            propsObj: {
-                type: Object,
-                default () {
-                    return {};
-                }
-            }
-        },
-        data () {
-            return {
-                isHover: false
-            };
-        },
-        computed: {
-            inputIcon () {
-                return this.propsObj._icon;
-            }
-        },
-        created () {},
-        methods: {
-            clickDeleteItem (...params) {
-                this.$emit("deleteItem", ...params);
-            },
-            clickItem (...params) {
-                this.$emit("clickItem", ...params);
-            },
-            clickClear () {
-                const cb = () => {
-                    this.$emit("clear");
-                };
-
-                if (this.propsObj._useDeleteTip === true) {
-                    this.$Modal.confirm({
-                        title: "提示",
-                        content: "确定清除全部内容吗？",
-                        onOk: () => {
-                            cb();
-                        }
-                    });
-                } else {
-                    cb();
-                }
-            }
-        }
-    };
-</script>
-
-<style lang="less" scoped>
-    .DshControlInput {
-        padding: 0px 0px 0px 7px;
-        line-height: 24px;
-        .dsh-flex-row-between-center();
-
-        .text {
-            .dsh-ellipsis();
-        }
-
-        .overflow {
-            .bri-scrollbar3();
-            width: 100%;
-            height: 100%;
-            overflow-x: auto;
-            overflow-y: hidden;
-            white-space: nowrap;
-
-            &-auto {
-                height: auto;
-                white-space: normal;
-            }
-        }
-
-        .placeholder {
-            flex: 1;
-            min-width: 0px;
-            .dsh-ellipsis();
-        }
-
-        .icon {
-            &-default {
-
-            }
-            &-close {
-
-            }
-        }
-    }
-</style>
-<style lang="less">
-    .DshControlInput {
-        .ivu-icon {
-            padding: 2px 7px 2px 3px;
-            color: #808695;
-        }
-
-        .ivu-tag-size-medium {
-            height: 24px;
-            margin: 3px 4px 3px 0px;
-            line-height: 24px;
-
-            .ivu-icon {
-                padding: 0px;
-            }
-        }
-
-        &:hover {
-            border-color: #64c6d1;
-        }
-    }
-</style>
+<template>
+    <div
+        class="DshControlInput"
+        :style="{
+            height: heightAuto ? 'auto' : '32px',
+            minHeight: heightAuto ? '32px' : undefined,
+        }"
+        @mouseenter="isHover = true"
+        @mouseleave="isHover = false"
+    >
+        <template>
+            <!-- 有值 -->
+            <template v-if="!$isEmptyData(value)">
+                <!-- 数组的 -->
+                <dsh-tags
+                    v-if="Array.isArray(value)"
+                    class="overflow"
+                    :class="{
+                        overflow: true,
+                        'overflow-auto': heightAuto
+                    }"
+                    :list="value"
+                    :propsObj="{
+                        disabled: disabled,
+                        closable: true,
+                        useDeleteTip: propsObj._useDeleteTip
+                    }"
+                    @delete="clickDeleteItem"
+                    @clickItem="clickItem"
+                ></dsh-tags>
+
+                <!-- 对象的 地理坐标 -->
+                <div
+                    v-else-if="$dataType(value, 'object')"
+                    class="text"
+                >
+                    {{ value._name || value.name || value.lnglat }}
+                </div>
+
+                <!-- 文字的 -->
+                <div
+                    v-else
+                    class="text"
+                >
+                    {{ value }}
+                </div>
+            </template>
+
+            <!-- 无值 -->
+            <template v-else>
+                <div class="placeholder">
+                    {{ propsObj._placeholder }}
+                </div>
+            </template>
+        </template>
+
+        <!-- 图标 -->
+        <template>
+            <Icon
+                v-if="propsObj._clearable && !disabled && !$isEmptyData(value) && isHover"
+                class="icon-close"
+                type="ios-close-circle"
+                @click.stop="clickClear"
+            />
+            <Icon
+                v-else-if="inputIcon"
+                class="icon-default"
+                :type="inputIcon"
+            />
+        </template>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "DshControlInput",
+        props: {
+            value: [Array, Object, String],
+
+            heightAuto: {
+                type: Boolean,
+                default: false
+            },
+            disabled: {
+                type: Boolean,
+                default: false
+            },
+            propsObj: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            }
+        },
+        data () {
+            return {
+                isHover: false
+            };
+        },
+        computed: {
+            inputIcon () {
+                return this.propsObj._icon;
+            }
+        },
+        created () {},
+        methods: {
+            clickDeleteItem (...params) {
+                this.$emit("deleteItem", ...params);
+            },
+            clickItem (...params) {
+                this.$emit("clickItem", ...params);
+            },
+            clickClear () {
+                const cb = () => {
+                    this.$emit("clear");
+                };
+
+                if (this.propsObj._useDeleteTip === true) {
+                    this.$Modal.confirm({
+                        title: "提示",
+                        content: "确定清除全部内容吗？",
+                        onOk: () => {
+                            cb();
+                        }
+                    });
+                } else {
+                    cb();
+                }
+            }
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    .DshControlInput {
+        padding: 0px 0px 0px 7px;
+        line-height: 24px;
+        .dsh-flex-row-between-center();
+
+        .text {
+            .dsh-ellipsis();
+        }
+
+        .overflow {
+            .bri-scrollbar3();
+            width: 100%;
+            height: 100%;
+            overflow-x: auto;
+            overflow-y: hidden;
+            white-space: nowrap;
+
+            &-auto {
+                height: auto;
+                white-space: normal;
+            }
+        }
+
+        .placeholder {
+            flex: 1;
+            min-width: 0px;
+            .dsh-ellipsis();
+        }
+
+        .icon {
+            &-default {
+
+            }
+            &-close {
+
+            }
+        }
+    }
+</style>
+<style lang="less">
+    .DshControlInput {
+        .ivu-icon {
+            padding: 2px 7px 2px 3px;
+            color: #808695;
+        }
+
+        .ivu-tag-size-medium {
+            height: 24px;
+            margin: 3px 4px 3px 0px;
+            line-height: 24px;
+
+            .ivu-icon {
+                padding: 0px;
+            }
+        }
+
+        &:hover {
+            border-color: #64c6d1;
+        }
+    }
+</style>