bri-components 1.5.22 → 1.6.1

package/src/components/small/DshDropdown.vue

@@ -1,225 +1,225 @@
-<template>
-    <Dropdown
-        class="DshDropdown"
-        :trigger="trigger"
-        :placement="placement"
-        :transfer="transfer"
-        transfer-class-name="DshDropdown"
-    >
-        <slot>
-            <Icon
-                class="DshDropdown-rel"
-                :type="dropdownObj.icon"
-                :custom="dropdownObj.customIcon ? `bico-font ${dropdownObj.customIcon}` : undefined"
-                :size="dropdownObj.size"
-                :color="dropdownObj.color"
-            />
-        </slot>
-
-        <!-- 下拉面板 -->
-        <div
-            v-if="list.length"
-            slot="list"
-            :class="['DshDropdown-list', menuClass]"
-        >
-            <!-- 搜索 -->
-            <div
-                v-if="useSearch"
-                class="DshDropdown-list-search"
-            >
-                <Input
-                    v-model="searchName"
-                    search
-                    clearable
-                    @click.native.stop="0"
-                />
-            </div>
-
-            <!-- 列表 -->
-            <div
-                class="DshDropdown-list-data"
-                :style="{
-                    maxHeight: useSearch ? '320px' : '360px'
-                }"
-            >
-                <!-- 有数据 -->
-                <DropdownMenu
-                    v-if="showList.length"
-                    class="list"
-                >
-                    <DropdownItem
-                        v-for="(dropdownItem, dropdownIndex) in showList"
-                        :key="dropdownItem._id || dropdownItem._key || dropdownItem.type"
-                        :class="{
-                            'list-item': true,
-                            'list-item-disabled': dropdownItem.disabled
-                        }"
-                        :name="dropdownItem.name"
-                        :disabled="dropdownItem.disabled"
-                        :divided="dropdownItem.divided"
-                        :selected="dropdownItem.selected"
-                        @click.native.stop="dispatchEvent(dropdownItem)"
-                    >
-                        <slot
-                            name="dropdownItem"
-                            :dropdownItem="dropdownItem"
-                            :dropdownIndex="dropdownIndex"
-                        >
-                            <dsh-icons
-                                v-if="dropdownItem.icon || dropdownItem.customIcon"
-                                class="list-item-icon"
-                                :list="[dropdownItem]"
-                            />
-                            <span class="list-item-name">
-                                {{ dropdownItem.name || dropdownItem._name }}
-                            </span>
-                        </slot>
-                    </DropdownItem>
-                </DropdownMenu>
-
-                <!-- 无数据 -->
-                <div
-                    v-else
-                    class="nodata"
-                >
-                    暂无内容...
-                </div>
-            </div>
-        </div>
-    </Dropdown>
-</template>
-
-<script>
-    export default {
-        name: "DshDropdown",
-        props: {
-            list: {
-                type: Array,
-                default () {
-                    return [];
-                }
-            },
-            dropdownObj: {
-                type: Object,
-                default () {
-                    return {
-                        icon: "ios-more",
-                        size: 18
-                    };
-                }
-            },
-            useSearch: {
-                type: Boolean,
-                default: false
-            },
-
-            placement: {
-                type: String,
-                default: "bottom-start"
-            },
-            trigger: {
-                type: String,
-                default: "click"
-            },
-            transfer: {
-                type: Boolean,
-                default: true
-            },
-            menuClass: String
-        },
-        data () {
-            return {
-                searchName: ""
-            };
-        },
-        computed: {
-            showList () {
-                return this.useSearch && this.searchName
-                    ? this.list.filter(item => (item.name || item._name).includes(this.searchName))
-                    : this.list;
-            }
-        },
-        created () {},
-        methods: {
-            dispatchEvent (dropdownItem, event) {
-                if (dropdownItem.disabled !== true) {
-                    this.$emit("click", dropdownItem);
-
-                    this.$nextTick(() => {
-                        this.searchName = "";
-                    });
-                }
-            }
-        }
-    };
-</script>
-
-<style lang="less">
-    .DshDropdown {
-        &-rel {
-            color: @contentColor;
-            cursor: pointer;
-        }
-
-        &-list {
-            &-search {
-                width: 100%;
-                height: 40px;
-                padding: 0px 8px;
-                line-height: 40px;
-            }
-
-            &-data {
-                width: 100%;
-                padding: 0 8px;
-                overflow: auto;
-
-                .list {
-                    &-item {
-                        padding: 10px 8px;
-                        border-radius: @borderRadius;
-                        line-height: 16px;
-                        display: flex;
-                        flex-direction: row;
-                        align-items: center;
-
-                        &-icon {
-                            margin-right: 8px;
-                        }
-
-                        &-name {
-
-                        }
-
-                        &:hover {
-                            background-color: @theme-focus;
-                            color: @themeColor;
-                        }
-
-                        &-disabled {
-                            color: @textColor-disabled;
-                        }
-                    }
-
-                    .ivu-dropdown-item {
-                        white-space: normal;
-
-                        &-divided:before {
-                            margin: 0px;
-                        }
-                    }
-                }
-
-                .nodata {
-                    #dsh-nodata();
-                }
-            }
-        }
-
-        &.ivu-select-dropdown {
-            max-height: 500px;
-            border: 0.5px solid #e5e5e5;
-            box-shadow: 0 3px 14px 2px rgba(0,0,0,0.05), 0 8px 10px 1px rgba(0,0,0,0.06), 0 5px 5px -3px rgba(0,0,0,0.1);
-        }
-    }
-</style>
+<template>
+    <Dropdown
+        class="DshDropdown"
+        :trigger="trigger"
+        :placement="placement"
+        :transfer="transfer"
+        transfer-class-name="DshDropdown"
+    >
+        <slot>
+            <Icon
+                class="DshDropdown-rel"
+                :type="dropdownObj.icon"
+                :custom="dropdownObj.customIcon ? `bico-font ${dropdownObj.customIcon}` : undefined"
+                :size="dropdownObj.size"
+                :color="dropdownObj.color"
+            />
+        </slot>
+
+        <!-- 下拉面板 -->
+        <div
+            v-if="list.length"
+            slot="list"
+            :class="['DshDropdown-list', menuClass]"
+        >
+            <!-- 搜索 -->
+            <div
+                v-if="useSearch"
+                class="DshDropdown-list-search"
+            >
+                <Input
+                    v-model="searchName"
+                    search
+                    clearable
+                    @click.native.stop="0"
+                />
+            </div>
+
+            <!-- 列表 -->
+            <div
+                class="DshDropdown-list-data"
+                :style="{
+                    maxHeight: useSearch ? '320px' : '360px'
+                }"
+            >
+                <!-- 有数据 -->
+                <DropdownMenu
+                    v-if="showList.length"
+                    class="list"
+                >
+                    <DropdownItem
+                        v-for="(dropdownItem, dropdownIndex) in showList"
+                        :key="dropdownItem._id || dropdownItem._key || dropdownItem.type"
+                        :class="{
+                            'list-item': true,
+                            'list-item-disabled': dropdownItem.disabled
+                        }"
+                        :name="dropdownItem.name"
+                        :disabled="dropdownItem.disabled"
+                        :divided="dropdownItem.divided"
+                        :selected="dropdownItem.selected"
+                        @click.native.stop="dispatchEvent(dropdownItem)"
+                    >
+                        <slot
+                            name="dropdownItem"
+                            :dropdownItem="dropdownItem"
+                            :dropdownIndex="dropdownIndex"
+                        >
+                            <dsh-icons
+                                v-if="dropdownItem.icon || dropdownItem.customIcon"
+                                class="list-item-icon"
+                                :list="[dropdownItem]"
+                            />
+                            <span class="list-item-name">
+                                {{ dropdownItem.name || dropdownItem._name }}
+                            </span>
+                        </slot>
+                    </DropdownItem>
+                </DropdownMenu>
+
+                <!-- 无数据 -->
+                <div
+                    v-else
+                    class="nodata"
+                >
+                    暂无内容...
+                </div>
+            </div>
+        </div>
+    </Dropdown>
+</template>
+
+<script>
+    export default {
+        name: "DshDropdown",
+        props: {
+            list: {
+                type: Array,
+                default () {
+                    return [];
+                }
+            },
+            dropdownObj: {
+                type: Object,
+                default () {
+                    return {
+                        icon: "ios-more",
+                        size: 18
+                    };
+                }
+            },
+            useSearch: {
+                type: Boolean,
+                default: false
+            },
+
+            placement: {
+                type: String,
+                default: "bottom-start"
+            },
+            trigger: {
+                type: String,
+                default: "click"
+            },
+            transfer: {
+                type: Boolean,
+                default: true
+            },
+            menuClass: String
+        },
+        data () {
+            return {
+                searchName: ""
+            };
+        },
+        computed: {
+            showList () {
+                return this.useSearch && this.searchName
+                    ? this.list.filter(item => (item.name || item._name).includes(this.searchName))
+                    : this.list;
+            }
+        },
+        created () {},
+        methods: {
+            dispatchEvent (dropdownItem, event) {
+                if (dropdownItem.disabled !== true) {
+                    this.$emit("click", dropdownItem);
+
+                    this.$nextTick(() => {
+                        this.searchName = "";
+                    });
+                }
+            }
+        }
+    };
+</script>
+
+<style lang="less">
+    .DshDropdown {
+        &-rel {
+            color: @contentColor;
+            cursor: pointer;
+        }
+
+        &-list {
+            &-search {
+                width: 100%;
+                height: 40px;
+                padding: 0px 8px;
+                line-height: 40px;
+            }
+
+            &-data {
+                width: 100%;
+                padding: 0 8px;
+                overflow: auto;
+
+                .list {
+                    &-item {
+                        padding: 10px 8px;
+                        border-radius: @borderRadius;
+                        line-height: 16px;
+                        display: flex;
+                        flex-direction: row;
+                        align-items: center;
+
+                        &-icon {
+                            margin-right: 8px;
+                        }
+
+                        &-name {
+
+                        }
+
+                        &:hover {
+                            background-color: @theme-focus;
+                            color: @themeColor;
+                        }
+
+                        &-disabled {
+                            color: @textColor-disabled;
+                        }
+                    }
+
+                    .ivu-dropdown-item {
+                        white-space: normal;
+
+                        &-divided:before {
+                            margin: 0px;
+                        }
+                    }
+                }
+
+                .nodata {
+                    #dsh-nodata();
+                }
+            }
+        }
+
+        &.ivu-select-dropdown {
+            max-height: 500px;
+            border: 0.5px solid #e5e5e5;
+            box-shadow: 0 3px 14px 2px rgba(0,0,0,0.05), 0 8px 10px 1px rgba(0,0,0,0.06), 0 5px 5px -3px rgba(0,0,0,0.1);
+        }
+    }
+</style>

package/src/components/small/DshIcons.vue

@@ -1,59 +1,59 @@
-<template>
-    <div
-        v-if="list.length"
-        class="DshIcons"
-    >
-        <Icon
-            v-for="(operationItem, index) in list"
-            :key="operationItem._key || operationItem._id || index"
-            :style="operationItem.style"
-            :class="[
-                'DshIcons-item',
-                index ? 'dsh-margin-left5' : undefined,
-                itemClass,
-                operationItem.class
-            ]"
-            :title="operationItem.name"
-            :type="operationItem.icon"
-            :custom="operationItem.customIcon ? `bico-font ${operationItem.customIcon}` : undefined"
-            :color="operationItem.color"
-            :size="typeof parseInt(operationItem.size) === 'number' && parseInt(operationItem.size) || 18"
-            @click.stop="click(operationItem, index)"
-        />
-    </div>
-</template>
-
-<script>
-    export default {
-        name: "DshIcons",
-        props: {
-            list: {
-                type: Array,
-                default () {
-                    return [];
-                }
-            },
-            itemClass: String
-        },
-        data () {
-            return {};
-        },
-        computed: {},
-        created () {},
-        methods: {
-            click (...params) {
-                this.$emit("click", ...params);
-            }
-        }
-    };
-</script>
-
-<style lang="less" scoped>
-    .DshIcons {
-        display: inline-block;
-
-        &-item {
-            cursor: pointer;
-        }
-    }
-</style>
+<template>
+    <div
+        v-if="list.length"
+        class="DshIcons"
+    >
+        <Icon
+            v-for="(operationItem, index) in list"
+            :key="operationItem._key || operationItem._id || index"
+            :style="operationItem.style"
+            :class="[
+                'DshIcons-item',
+                index ? 'dsh-margin-left5' : undefined,
+                itemClass,
+                operationItem.class
+            ]"
+            :title="operationItem.name"
+            :type="operationItem.icon"
+            :custom="operationItem.customIcon ? `bico-font ${operationItem.customIcon}` : undefined"
+            :color="operationItem.color"
+            :size="typeof parseInt(operationItem.size) === 'number' && parseInt(operationItem.size) || 18"
+            @click.stop="click(operationItem, index)"
+        />
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "DshIcons",
+        props: {
+            list: {
+                type: Array,
+                default () {
+                    return [];
+                }
+            },
+            itemClass: String
+        },
+        data () {
+            return {};
+        },
+        computed: {},
+        created () {},
+        methods: {
+            click (...params) {
+                this.$emit("click", ...params);
+            }
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    .DshIcons {
+        display: inline-block;
+
+        &-item {
+            cursor: pointer;
+        }
+    }
+</style>

package/src/components/small/DshListRender.js

@@ -1,21 +1,21 @@
-export default {
-    name: "DshListRender",
-    functional: true,
-    props: {
-        row: Object,
-        index: Number,
-        render: Function,
-        column: {
-            type: Object,
-            default: null
-        }
-    },
-    render: (h, ctx) => {
-        const params = {
-            row: ctx.props.row,
-            index: ctx.props.index
-        };
-        if (ctx.props.column) params.column = ctx.props.column;
-        return ctx.props.render(params, h);
-    }
-};
+export default {
+    name: "DshListRender",
+    functional: true,
+    props: {
+        row: Object,
+        index: Number,
+        render: Function,
+        column: {
+            type: Object,
+            default: null
+        }
+    },
+    render: (h, ctx) => {
+        const params = {
+            row: ctx.props.row,
+            index: ctx.props.index
+        };
+        if (ctx.props.column) params.column = ctx.props.column;
+        return ctx.props.render(params, h);
+    }
+};