bri-components 1.4.92 → 1.4.93

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

@@ -1,180 +1,180 @@
-<template>
-    <!-- 单选模式 编辑 -->
-    <div
-        v-if="!multipleMode && canEdit"
-        class="DshSelect"
-    >
-        <!-- flat方式 -->
-        <template v-if="['flat', 'button'].includes(showMode)">
-            <!-- 有选项 -->
-            <template v-if="listData.length">
-                <RadioGroup
-                    :class="{
-                        'DshSelect-flat': true,
-                        'DshSelect-flat-color': useColor,
-                        'DshSelect-flat-scroll': isHeightAuto
-                            ? isUnitUpdate
-                                ? listData.length > 3
-                                : false
-                            : true
-                    }"
-                    v-model="curVal"
-                    :type="radioGroupType"
-                >
-                    <Radio
-                        v-for="(item, index) in listData"
-                        :key="item[saveKey]"
-                        :class="getItemClass(item)"
-                        :style="getItemColorStyle(item)"
-                        :value="curVal === item[saveKey]"
-                        :label="item[saveKey]"
-                        :disabled="getRadioItemDisabled(item, index)"
-                        :border="useColor"
-                        @click.native.stop="cancelRadioItemSelect(item, index)"
-                    >
-                        <span @click.stop="0">{{ item[nameKey] || item.name || item._name }}</span>
-                    </Radio>
-                </RadioGroup>
-            </template>
-
-            <!-- 无选项 -->
-            <div
-                v-else
-                class="dsh-subtip"
-            >-- 无选择项 --</div>
-        </template>
-
-        <!-- dropdown模式 -->
-        <template v-else>
-            <Select
-                class="DshSelect-dropdown"
-                v-model="curVal"
-                :placeholder="selfPropsObj._placeholder"
-                :multiple="false"
-                :disabled="disabled"
-                :clearable="clearable"
-                :filterable="selfPropsObj._filterable"
-                :size="selfPropsObj._size"
-                :transfer="selfPropsObj._transfer"
-                :transfer-class-name="selfPropsObj._transferClassName"
-            >
-                <!-- </Option>必须和输出内容在一行，否则出现空格导致_filterable出bug -->
-                <Option
-                    v-for="(item, index) in listData"
-                    :key="item[saveKey]"
-                    :value="item[saveKey]"
-                    :label="item[nameKey] || item.name || item._name"
-                    :disabled="getRadioItemDisabled(item, index)"
-                >
-                    <Icon
-                        v-if="item.icon || item.customIcon"
-                        :type="item.icon"
-                        :custom="item.customIcon ? `bico-font ${item.customIcon}` : undefined"
-                        :color="item.color"
-                        :size="item.size || 20"
-                    />
-
-                    <slot :item="item"></slot>
-
-                    <span>{{ item[nameKey] || item.name || item._name }}</span>
-                </Option>
-            </Select>
-        </template>
-    </div>
-
-    <!-- 单选模式 查看 -->
-    <div
-        v-else-if="!multipleMode && !canEdit"
-        class="DshSelect-show"
-    >
-        <!-- 有值 -->
-        <template v-if="!$isEmptyData(curVal)">
-            <!-- 高度自由时 单元格-表格字段内，详情页-独占一行宽度时 -->
-            <dsh-tags
-                v-if="isHeightAuto"
-                :class="{
-                    ...commonClass,
-                    'DshSelect-show-auto': true
-                }"
-                itemClass="DshSelect-show-auto-tag"
-                :list="[curValObj]"
-            ></dsh-tags>
-
-            <!-- 高度不自由（不换行） -->
-            <bri-tooltip
-                v-else
-                :content="showVal"
-                :transfer="true"
-            >
-                <dsh-tags
-                    :class="{
-                        ...commonClass,
-                        'DshSelect-show-ellipsis': true
-                    }"
-                    itemClass="DshSelect-show-ellipsis-tag"
-                    :list="[curValObj]"
-                ></dsh-tags>
-            </bri-tooltip>
-        </template>
-
-        <!-- 无值 -->
-        <div
-            v-else
-            :class="commonClass"
-        >
-            {{ emptyShowVal }}
-        </div>
-    </div>
-
-    <!-- 多选模式 -->
-    <dsh-checkbox
-        v-else
-        :canEdit="canEdit"
-        :value="value"
-        :propsObj="propsObj"
-        @change="change"
-    ></dsh-checkbox>
-</template>
-
-<script>
-    import selectMixin from "../../mixins/selectMixin.js";
-    import DshCheckbox from "./DshCheckbox.vue";
-
-    export default {
-        name: "DshSelect",
-        mixins: [
-            selectMixin
-        ],
-        components: {
-            DshCheckbox
-        },
-        props: {},
-        data () {
-            return {};
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    _transfer: true,
-                    _transferClassName: "DshSelect-dropdown-transfer",
-
-                    ...this.basePropsObj
-                };
-            },
-            radioGroupType () {
-                return this.showMode === "button" ? "button" : undefined;
-            }
-        },
-        created () {},
-        methods: {}
-    };
-</script>
-
-<style lang="less">
-    @import url("../../control.less");
-
-    .DshSelect {
-        #control-show();
-        #control-select(radio);
-    }
-</style>
+<template>
+    <!-- 单选模式 编辑 -->
+    <div
+        v-if="!multipleMode && canEdit"
+        class="DshSelect"
+    >
+        <!-- flat方式 -->
+        <template v-if="['flat', 'button'].includes(showMode)">
+            <!-- 有选项 -->
+            <template v-if="listData.length">
+                <RadioGroup
+                    :class="{
+                        'DshSelect-flat': true,
+                        'DshSelect-flat-color': useColor,
+                        'DshSelect-flat-scroll': isHeightAuto
+                            ? isUnitUpdate
+                                ? listData.length > 3
+                                : false
+                            : true
+                    }"
+                    v-model="curVal"
+                    :type="radioGroupType"
+                >
+                    <Radio
+                        v-for="(item, index) in listData"
+                        :key="item[saveKey]"
+                        :class="getItemClass(item)"
+                        :style="getItemColorStyle(item)"
+                        :value="curVal === item[saveKey]"
+                        :label="item[saveKey]"
+                        :disabled="getRadioItemDisabled(item, index)"
+                        :border="useColor"
+                        @click.native.stop="cancelRadioItemSelect(item, index)"
+                    >
+                        <span @click.stop="0">{{ item[nameKey] || item.name || item._name }}</span>
+                    </Radio>
+                </RadioGroup>
+            </template>
+
+            <!-- 无选项 -->
+            <div
+                v-else
+                class="dsh-subtip"
+            >-- 无选择项 --</div>
+        </template>
+
+        <!-- dropdown模式 -->
+        <template v-else>
+            <Select
+                class="DshSelect-dropdown"
+                v-model="curVal"
+                :placeholder="selfPropsObj._placeholder"
+                :multiple="false"
+                :disabled="disabled"
+                :clearable="clearable"
+                :filterable="selfPropsObj._filterable"
+                :size="selfPropsObj._size"
+                :transfer="selfPropsObj._transfer"
+                :transfer-class-name="selfPropsObj._transferClassName"
+            >
+                <!-- </Option>必须和输出内容在一行，否则出现空格导致_filterable出bug -->
+                <Option
+                    v-for="(item, index) in listData"
+                    :key="item[saveKey]"
+                    :value="item[saveKey]"
+                    :label="item[nameKey] || item.name || item._name"
+                    :disabled="getRadioItemDisabled(item, index)"
+                >
+                    <Icon
+                        v-if="item.icon || item.customIcon"
+                        :type="item.icon"
+                        :custom="item.customIcon ? `bico-font ${item.customIcon}` : undefined"
+                        :color="item.color"
+                        :size="item.size || 20"
+                    />
+
+                    <slot :item="item"></slot>
+
+                    <span>{{ item[nameKey] || item.name || item._name }}</span>
+                </Option>
+            </Select>
+        </template>
+    </div>
+
+    <!-- 单选模式 查看 -->
+    <div
+        v-else-if="!multipleMode && !canEdit"
+        class="DshSelect-show"
+    >
+        <!-- 有值 -->
+        <template v-if="!$isEmptyData(curVal)">
+            <!-- 高度自由时 单元格-表格字段内，详情页-独占一行宽度时 -->
+            <dsh-tags
+                v-if="isHeightAuto"
+                :class="{
+                    ...commonClass,
+                    'DshSelect-show-auto': true
+                }"
+                itemClass="DshSelect-show-auto-tag"
+                :list="[curValObj]"
+            ></dsh-tags>
+
+            <!-- 高度不自由（不换行） -->
+            <bri-tooltip
+                v-else
+                :content="showVal"
+                :transfer="true"
+            >
+                <dsh-tags
+                    :class="{
+                        ...commonClass,
+                        'DshSelect-show-ellipsis': true
+                    }"
+                    itemClass="DshSelect-show-ellipsis-tag"
+                    :list="[curValObj]"
+                ></dsh-tags>
+            </bri-tooltip>
+        </template>
+
+        <!-- 无值 -->
+        <div
+            v-else
+            :class="commonClass"
+        >
+            {{ emptyShowVal }}
+        </div>
+    </div>
+
+    <!-- 多选模式 -->
+    <dsh-checkbox
+        v-else
+        :canEdit="canEdit"
+        :value="value"
+        :propsObj="propsObj"
+        @change="change"
+    ></dsh-checkbox>
+</template>
+
+<script>
+    import selectMixin from "../../mixins/selectMixin.js";
+    import DshCheckbox from "./DshCheckbox.vue";
+
+    export default {
+        name: "DshSelect",
+        mixins: [
+            selectMixin
+        ],
+        components: {
+            DshCheckbox
+        },
+        props: {},
+        data () {
+            return {};
+        },
+        computed: {
+            selfPropsObj () {
+                return {
+                    _transfer: true,
+                    _transferClassName: "DshSelect-dropdown-transfer",
+
+                    ...this.basePropsObj
+                };
+            },
+            radioGroupType () {
+                return this.showMode === "button" ? "button" : undefined;
+            }
+        },
+        created () {},
+        methods: {}
+    };
+</script>
+
+<style lang="less">
+    @import url("../../control.less");
+
+    .DshSelect {
+        #control-show();
+        #control-select(radio);
+    }
+</style>

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="propsObj._openColor || $appData.themeColor"
-            :false-color="propsObj._closeColor || '#ccc'"
-            :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="propsObj._openColor || $appData.themeColor"
+            :false-color="propsObj._closeColor || '#ccc'"
+            :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>