bri-components 1.5.21 → 1.6.0

package/src/components/small/BriButton.vue

@@ -1,71 +1,71 @@
-<template>
-    <Button
-        class="BriButton"
-        :class="selfPropsObj.class"
-        :type="selfPropsObj.btnType"
-        :shape="selfPropsObj.shape || shape"
-        :size="selfPropsObj.size || size"
-        :loading="selfPropsObj.loading"
-        :disabled="selfPropsObj.disabled"
-        :htmlType="selfPropsObj.htmlType"
-        :icon="(selfPropsObj.customIcon || customIcon) ? undefined : (selfPropsObj.icon || icon)"
-        :customIcon="selfPropsObj.customIcon || customIcon"
-        :long="selfPropsObj.long"
-        :ghost="selfPropsObj.ghost"
-        @click="dispatchEvent"
-    >
-        <slot></slot>
-    </Button>
-</template>
-
-<script>
-    export default {
-        name: "BriButton",
-        props: {
-            type: {
-                type: String,
-                default: "primary"
-            },
-            icon: String,
-            shape: String,
-            size: String,
-            customIcon: String,
-
-            propsObj: {
-                type: Object,
-                default () {
-                    return {};
-                }
-            }
-        },
-        data () {
-            return {};
-        },
-        computed: {
-            selfPropsObj () {
-                const originBtnType = this.propsObj.btnType || this.type;
-                let btnType = originBtnType;
-                if (["cancel"].includes(originBtnType)) {
-                    btnType = "primary";
-                } else if (["errorLine", "primaryLine"].includes(originBtnType)) {
-                    btnType = "default";
-                } else if (["linkText", "primaryText", "errorText", "successText"].includes(originBtnType)) {
-                    btnType = "text";
-                }
-
-                return {
-                    class: ["cancel", "errorLine", "primaryLine", "linkText", "primaryText", "errorText", "successText"].includes(originBtnType) ? `ivu-btn-${originBtnType}` : "",
-                    ...this.propsObj,
-                    btnType: btnType,
-                    customIcon: this.propsObj.customIcon ? `bico-font ${this.propsObj.customIcon}` : undefined
-                };
-            }
-        },
-        created () {},
-        methods: {
-            dispatchEvent () {
-                this.$emit("click", this.selfPropsObj);
-            }
-        }
-    };
-</script>
+<template>
+    <Button
+        class="BriButton"
+        :class="selfPropsObj.class"
+        :type="selfPropsObj.btnType"
+        :shape="selfPropsObj.shape || shape"
+        :size="selfPropsObj.size || size"
+        :loading="selfPropsObj.loading"
+        :disabled="selfPropsObj.disabled"
+        :htmlType="selfPropsObj.htmlType"
+        :icon="(selfPropsObj.customIcon || customIcon) ? undefined : (selfPropsObj.icon || icon)"
+        :customIcon="selfPropsObj.customIcon || customIcon"
+        :long="selfPropsObj.long"
+        :ghost="selfPropsObj.ghost"
+        @click="dispatchEvent"
+    >
+        <slot></slot>
+    </Button>
+</template>
+
+<script>
+    export default {
+        name: "BriButton",
+        props: {
+            type: {
+                type: String,
+                default: "primary"
+            },
+            icon: String,
+            shape: String,
+            size: String,
+            customIcon: String,
+
+            propsObj: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            }
+        },
+        data () {
+            return {};
+        },
+        computed: {
+            selfPropsObj () {
+                const originBtnType = this.propsObj.btnType || this.type;
+                let btnType = originBtnType;
+                if (["cancel"].includes(originBtnType)) {
+                    btnType = "primary";
+                } else if (["errorLine", "primaryLine"].includes(originBtnType)) {
+                    btnType = "default";
+                } else if (["linkText", "primaryText", "errorText", "successText"].includes(originBtnType)) {
+                    btnType = "text";
+                }
+
+                return {
+                    class: ["cancel", "errorLine", "primaryLine", "linkText", "primaryText", "errorText", "successText"].includes(originBtnType) ? `ivu-btn-${originBtnType}` : "",
+                    ...this.propsObj,
+                    btnType: btnType,
+                    customIcon: this.propsObj.customIcon ? `bico-font ${this.propsObj.customIcon}` : undefined
+                };
+            }
+        },
+        created () {},
+        methods: {
+            dispatchEvent () {
+                this.$emit("click", this.selfPropsObj);
+            }
+        }
+    };
+</script>

package/src/components/small/BriDrawer.vue

@@ -1,169 +1,169 @@
-<template>
-    <Drawer
-        class="BriDrawer"
-        v-model="showModal"
-        :title="selfPropsObj.title"
-        :width="selfPropsObj.width"
-        :height="selfPropsObj.height"
-        :closable="selfPropsObj.closable"
-        :mask-closable="selfPropsObj.maskClosable"
-        :mask="selfPropsObj.mask"
-        :mask-style="selfPropsObj.maskStyle"
-        :styles="selfPropsObj.styles"
-        :scrollable="selfPropsObj.scrollable"
-        :placement="selfPropsObj.placement"
-        :transfer="selfPropsObj.transfer"
-        :class-name="selfPropsObj.className"
-        :inner="selfPropsObj.inner"
-        :draggable="selfPropsObj.draggable"
-        :before-close="selfPropsObj.beforeClose"
-        :lock-scroll="selfPropsObj.lockScroll"
-        @on-close="close"
-        @on-visible-change="visibleChange"
-        @on-resize-width="resizeChange"
-    >
-        <div
-            slot="header"
-            class="BriDrawer-header"
-        >
-            <slot name="header">
-                {{ selfPropsObj.title }}
-            </slot>
-        </div>
-
-        <!-- 删除按钮 -->
-        <Icon
-            v-if="selfPropsObj.closable"
-            slot="close"
-            class="BriDrawer-close"
-            type="md-close"
-            size="20"
-            @click.stop="clickClose"
-        />
-
-        <slot
-            slot="trigger"
-            name="trigger"
-        ></slot>
-
-        <div class="BriDrawer-main">
-            <div class="BriDrawer-body">
-                <slot></slot>
-            </div>
-
-            <div
-                v-if="selfPropsObj.footer"
-                class="BriDrawer-footer"
-            >
-                <slot name="footer">
-                    <dsh-buttons
-                        :list="list"
-                        @click="$dshEmit($event)"
-                    ></dsh-buttons>
-                </slot>
-            </div>
-        </div>
-    </Drawer>
-</template>
-
-<script>
-    export default {
-        name: "BriDrawer",
-        props: {
-            value: Boolean,
-            propsObj: {
-                type: Object,
-                default () {
-                    return {};
-                }
-            },
-            list: {
-                type: Array,
-                default () {
-                    return [];
-                }
-            }
-        },
-        data () {
-            return {};
-        },
-        computed: {
-            showModal: {
-                get () {
-                    return this.value;
-                },
-                set (bool) {
-                    this.$emit("input", bool);
-                }
-            },
-            selfPropsObj () {
-                return {
-                    width: 320,
-                    closable: true,
-                    transfer: true,
-                    footer: true,
-                    maskClosable: false,
-                    draggable: true,
-                    ...this.propsObj
-                };
-            }
-        },
-        created () {},
-        methods: {
-            clickClose () {
-                this.showModal = false;
-            },
-            close (...parmas) {
-                this.$emit("on-close", ...parmas);
-            },
-            resizeChange (...parmas) {
-                this.$emit("on-resize-change", ...parmas);
-            },
-            visibleChange (bool = false) {
-                this.$emit("on-visible-change", bool);
-            }
-        }
-    };
-</script>
-
-<style lang="less">
-    .BriDrawer {
-        &-header {
-            color: @textColor;
-            font-weight: 500;
-            font-size: @smallTitleSize;
-            line-height: @smallTitleHeight;
-        }
-
-        &-close {
-            color: @contentColor;
-        }
-
-        &-main {
-            height: 100%;
-            display: flex;
-            flex-direction: column;
-        }
-
-        &-body {
-            flex: 1;
-            overflow: auto;
-        }
-
-        &-footer {
-            border-top: 1px solid @borderColor;
-            padding: 11px 16px 12px;
-        }
-
-        .ivu-drawer-header {
-            padding: 16px 16px 15px;
-        }
-        .ivu-drawer-body {
-            padding: 0px;
-        }
-        .ivu-drawer-close {
-            top: 18px;
-            right: 18px
-        }
-    }
-</style>
+<template>
+    <Drawer
+        class="BriDrawer"
+        v-model="showModal"
+        :title="selfPropsObj.title"
+        :width="selfPropsObj.width"
+        :height="selfPropsObj.height"
+        :closable="selfPropsObj.closable"
+        :mask-closable="selfPropsObj.maskClosable"
+        :mask="selfPropsObj.mask"
+        :mask-style="selfPropsObj.maskStyle"
+        :styles="selfPropsObj.styles"
+        :scrollable="selfPropsObj.scrollable"
+        :placement="selfPropsObj.placement"
+        :transfer="selfPropsObj.transfer"
+        :class-name="selfPropsObj.className"
+        :inner="selfPropsObj.inner"
+        :draggable="selfPropsObj.draggable"
+        :before-close="selfPropsObj.beforeClose"
+        :lock-scroll="selfPropsObj.lockScroll"
+        @on-close="close"
+        @on-visible-change="visibleChange"
+        @on-resize-width="resizeChange"
+    >
+        <div
+            slot="header"
+            class="BriDrawer-header"
+        >
+            <slot name="header">
+                {{ selfPropsObj.title }}
+            </slot>
+        </div>
+
+        <!-- 删除按钮 -->
+        <Icon
+            v-if="selfPropsObj.closable"
+            slot="close"
+            class="BriDrawer-close"
+            type="md-close"
+            size="20"
+            @click.stop="clickClose"
+        />
+
+        <slot
+            slot="trigger"
+            name="trigger"
+        ></slot>
+
+        <div class="BriDrawer-main">
+            <div class="BriDrawer-body">
+                <slot></slot>
+            </div>
+
+            <div
+                v-if="selfPropsObj.footer"
+                class="BriDrawer-footer"
+            >
+                <slot name="footer">
+                    <dsh-buttons
+                        :list="list"
+                        @click="$dshEmit($event)"
+                    ></dsh-buttons>
+                </slot>
+            </div>
+        </div>
+    </Drawer>
+</template>
+
+<script>
+    export default {
+        name: "BriDrawer",
+        props: {
+            value: Boolean,
+            propsObj: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            },
+            list: {
+                type: Array,
+                default () {
+                    return [];
+                }
+            }
+        },
+        data () {
+            return {};
+        },
+        computed: {
+            showModal: {
+                get () {
+                    return this.value;
+                },
+                set (bool) {
+                    this.$emit("input", bool);
+                }
+            },
+            selfPropsObj () {
+                return {
+                    width: 320,
+                    closable: true,
+                    transfer: true,
+                    footer: true,
+                    maskClosable: false,
+                    draggable: true,
+                    ...this.propsObj
+                };
+            }
+        },
+        created () {},
+        methods: {
+            clickClose () {
+                this.showModal = false;
+            },
+            close (...parmas) {
+                this.$emit("on-close", ...parmas);
+            },
+            resizeChange (...parmas) {
+                this.$emit("on-resize-change", ...parmas);
+            },
+            visibleChange (bool = false) {
+                this.$emit("on-visible-change", bool);
+            }
+        }
+    };
+</script>
+
+<style lang="less">
+    .BriDrawer {
+        &-header {
+            color: @textColor;
+            font-weight: 500;
+            font-size: @smallTitleSize;
+            line-height: @smallTitleHeight;
+        }
+
+        &-close {
+            color: @contentColor;
+        }
+
+        &-main {
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+        }
+
+        &-body {
+            flex: 1;
+            overflow: auto;
+        }
+
+        &-footer {
+            border-top: 1px solid @borderColor;
+            padding: 11px 16px 12px;
+        }
+
+        .ivu-drawer-header {
+            padding: 16px 16px 15px;
+        }
+        .ivu-drawer-body {
+            padding: 0px;
+        }
+        .ivu-drawer-close {
+            top: 18px;
+            right: 18px
+        }
+    }
+</style>

package/src/components/small/BriTooltip.vue

@@ -1,87 +1,87 @@
-<template>
-    <Tooltip
-        class="BriTooltip"
-        :content="content"
-        :disabled="toolTipDisabled"
-        :placement="placement"
-        :max-width="maxWidth"
-        :transfer="transfer"
-    >
-        <slot></slot>
-
-        <slot
-            slot="content"
-            name="content"
-        ></slot>
-    </Tooltip>
-</template>
-
-<script>
-    export default {
-        name: "BriTooltip",
-        props: {
-            content: [String, Number],
-            placement: {
-                type: String,
-                default: "bottom"
-            },
-            maxWidth: {
-                type: String,
-                default: "300"
-            },
-            transfer: {
-                type: Boolean,
-                default: false
-            },
-
-            defaultDisabled: {
-                type: Boolean,
-                default: true
-            }
-        },
-        data () {
-            return {
-                toolTipDisabled: true,
-                tmpToolTipDisabled: true
-            };
-        },
-        created () {
-            this.toolTipDisabled = this.defaultDisabled;
-            this.tmpToolTipDisabled = this.toolTipDisabled;
-        },
-        mounted () {
-            this.getToolTipDisabled("mouted");
-        },
-        updated () {
-            this.getToolTipDisabled("updated");
-        },
-        methods: {
-            getToolTipDisabled (type) {
-                const isOverflow = this.$slots.default;
-                const toolTipDisabled = isOverflow[0]
-                    ? !(isOverflow[0].elm.scrollWidth > isOverflow[0].elm.clientWidth)
-                    : this.toolTipDisabled;
-
-                if (toolTipDisabled !== this.toolTipDisabled) {
-                    if (toolTipDisabled !== this.tmpToolTipDisabled) {
-                        this.tmpToolTipDisabled = toolTipDisabled;
-
-                        this.timer = setTimeout(() => {
-                            this.toolTipDisabled = toolTipDisabled;
-                            this.tmpToolTipDisabled = this.toolTipDisabled;
-                        }, 2000);
-                    }
-                } else {
-                    clearTimeout(this.timer);
-                }
-            }
-        }
-    };
-</script>
-
-<style lang="less" scoped>
-    .BriTooltip {
-        width: 100%;
-        display: flex;
-    }
-</style>
+<template>
+    <Tooltip
+        class="BriTooltip"
+        :content="content"
+        :disabled="toolTipDisabled"
+        :placement="placement"
+        :max-width="maxWidth"
+        :transfer="transfer"
+    >
+        <slot></slot>
+
+        <slot
+            slot="content"
+            name="content"
+        ></slot>
+    </Tooltip>
+</template>
+
+<script>
+    export default {
+        name: "BriTooltip",
+        props: {
+            content: [String, Number],
+            placement: {
+                type: String,
+                default: "bottom"
+            },
+            maxWidth: {
+                type: String,
+                default: "300"
+            },
+            transfer: {
+                type: Boolean,
+                default: false
+            },
+
+            defaultDisabled: {
+                type: Boolean,
+                default: true
+            }
+        },
+        data () {
+            return {
+                toolTipDisabled: true,
+                tmpToolTipDisabled: true
+            };
+        },
+        created () {
+            this.toolTipDisabled = this.defaultDisabled;
+            this.tmpToolTipDisabled = this.toolTipDisabled;
+        },
+        mounted () {
+            this.getToolTipDisabled("mouted");
+        },
+        updated () {
+            this.getToolTipDisabled("updated");
+        },
+        methods: {
+            getToolTipDisabled (type) {
+                const isOverflow = this.$slots.default;
+                const toolTipDisabled = isOverflow[0]
+                    ? !(isOverflow[0].elm.scrollWidth > isOverflow[0].elm.clientWidth)
+                    : this.toolTipDisabled;
+
+                if (toolTipDisabled !== this.toolTipDisabled) {
+                    if (toolTipDisabled !== this.tmpToolTipDisabled) {
+                        this.tmpToolTipDisabled = toolTipDisabled;
+
+                        this.timer = setTimeout(() => {
+                            this.toolTipDisabled = toolTipDisabled;
+                            this.tmpToolTipDisabled = this.toolTipDisabled;
+                        }, 2000);
+                    }
+                } else {
+                    clearTimeout(this.timer);
+                }
+            }
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    .BriTooltip {
+        width: 100%;
+        display: flex;
+    }
+</style>