bri-components 1.5.22 → 1.6.1

package/src/components/small/DshModal.vue

@@ -1,160 +1,160 @@
-<template>
-    <Modal
-        :class="selfPropsObj.class"
-        :value="showModal"
-        :title="selfPropsObj.title"
-        :closable="selfPropsObj.closable"
-        :mask-closable="selfPropsObj.maskClosable"
-        :loading="selfPropsObj.loading"
-        :scrollable="selfPropsObj.scrollable"
-        :fullscreen="selfPropsObj.fullscreen"
-        :draggable="selfPropsObj.draggable"
-        :sticky="selfPropsObj.sticky"
-        :sticky-distance="selfPropsObj.stickyDistance"
-        :mask="selfPropsObj.mask"
-        :ok-text="selfPropsObj.okText"
-        :cancel-text="selfPropsObj.cancelText"
-        :footer-hide="selfPropsObj.footerHide"
-        :styles="selfPropsObj.styles"
-        :class-name="selfPropsObj.className"
-        :z-index="selfPropsObj.zIndex"
-        :width="modalWidth"
-        :transfer="selfPropsObj.transfer"
-        @on-visible-change="visibleChange"
-        @on-ok="ok"
-        @on-cancel="cancel"
-    >
-        <div
-            slot="header"
-            class="DshModal-header"
-        >
-            <slot name="header">
-                <div class="ivu-modal-header-inner">
-                    {{ selfPropsObj.title }}
-                </div>
-            </slot>
-
-            <slot name="header-right"></slot>
-
-            <!-- 关闭按图标 -这是定位上去的  -->
-            <Icon
-                v-if="mode === 'fullscreen'"
-                class="DshModal-close"
-                type="md-close"
-                size="20"
-                @click.native.stop="visibleChange(false)"
-            />
-        </div>
-
-        <!-- 关闭按图标 -这是定位上去的  -->
-        <Icon
-            v-if="mode !== 'fullscreen' && selfPropsObj.showSlotClose"
-            class="DshModal-close"
-            type="md-close"
-            size="20"
-            @click.native.stop="visibleChange(false)"
-        />
-
-        <slot v-if="showSlot"></slot>
-
-        <slot
-            slot="footer"
-            name="footer"
-        ></slot>
-    </Modal>
-</template>
-
-<script>
-    export default {
-        name: "DshModal",
-        props: {
-            value: {
-                type: Boolean,
-                default: false
-            },
-            mode: {
-                type: String,
-                default: "default",
-                validator (val) {
-                    return ["small", "default", "middle", "large", "custom", "auto", "fullscreen"].includes(val);
-                }
-            },
-            propsObj: {
-                type: Object,
-                default () {
-                    return {};
-                }
-            }
-        },
-        data () {
-            return {
-                showSlot: false
-            };
-        },
-        computed: {
-            showModal () {
-                this.changeShowSlot(this.value);
-                return this.value;
-            },
-
-            selfPropsObj () {
-                return {
-                    title: "标题",
-                    closable: false,
-                    maskClosable: false,
-                    okText: "确定",
-                    cancelText: "取消",
-                    footerHide: true,
-                    // sticky: true, // 拖拽时，是否吸附屏幕边缘
-                    // stickyDistance: 30, // 拖拽时，自动吸附屏幕边缘的临界距离
-                    // resetDragPosition: false, // Modal 再次打开时，是否重置拖拽的位置
-                    transfer: true,
-                    showSlotClose: true, // 显示删除
-                    fullscreen: this.mode === "fullscreen",
-                    ...this.propsObj,
-
-                    class: [
-                        "DshModal",
-                        `DshModal-${this.mode}`,
-                        ...(
-                            Array.isArray(this.propsObj.class)
-                                ? this.propsObj.class
-                                : [this.propsObj.class]
-                        )
-                    ]
-                };
-            },
-            modalWidth () {
-                // 初始化ivu-modal宽度
-                const widthOBj = {
-                    default: "750",
-                    small: "500",
-                    middle: "60%",
-                    large: this.propsObj.draggable ? "100%" : "80%",
-                    auto: "auto"
-                };
-
-                return this.selfPropsObj.width ? this.selfPropsObj.width : widthOBj[this.mode];
-            }
-        },
-        created () {},
-        methods: {
-            changeShowSlot (bool) {
-                setTimeout(() => {
-                    bool === true && (this.showSlot = bool);
-                }, 0);
-            },
-
-            ok (...parmas) {
-                this.$emit("ok", ...parmas);
-            },
-            cancel (...parmas) {
-                this.$emit("cancel", ...parmas);
-            },
-            visibleChange (bool = false) {
-                this.$emit("on-visible-change", bool);
-                this.$emit("input", bool);
-            }
-        }
-    };
-</script>
+<template>
+    <Modal
+        :class="selfPropsObj.class"
+        :value="showModal"
+        :title="selfPropsObj.title"
+        :closable="selfPropsObj.closable"
+        :mask-closable="selfPropsObj.maskClosable"
+        :loading="selfPropsObj.loading"
+        :scrollable="selfPropsObj.scrollable"
+        :fullscreen="selfPropsObj.fullscreen"
+        :draggable="selfPropsObj.draggable"
+        :sticky="selfPropsObj.sticky"
+        :sticky-distance="selfPropsObj.stickyDistance"
+        :mask="selfPropsObj.mask"
+        :ok-text="selfPropsObj.okText"
+        :cancel-text="selfPropsObj.cancelText"
+        :footer-hide="selfPropsObj.footerHide"
+        :styles="selfPropsObj.styles"
+        :class-name="selfPropsObj.className"
+        :z-index="selfPropsObj.zIndex"
+        :width="modalWidth"
+        :transfer="selfPropsObj.transfer"
+        @on-visible-change="visibleChange"
+        @on-ok="ok"
+        @on-cancel="cancel"
+    >
+        <div
+            slot="header"
+            class="DshModal-header"
+        >
+            <slot name="header">
+                <div class="ivu-modal-header-inner">
+                    {{ selfPropsObj.title }}
+                </div>
+            </slot>
+
+            <slot name="header-right"></slot>
+
+            <!-- 关闭按图标 -这是定位上去的  -->
+            <Icon
+                v-if="mode === 'fullscreen'"
+                class="DshModal-close"
+                type="md-close"
+                size="20"
+                @click.native.stop="visibleChange(false)"
+            />
+        </div>
+
+        <!-- 关闭按图标 -这是定位上去的  -->
+        <Icon
+            v-if="mode !== 'fullscreen' && selfPropsObj.showSlotClose"
+            class="DshModal-close"
+            type="md-close"
+            size="20"
+            @click.native.stop="visibleChange(false)"
+        />
+
+        <slot v-if="showSlot"></slot>
+
+        <slot
+            slot="footer"
+            name="footer"
+        ></slot>
+    </Modal>
+</template>
+
+<script>
+    export default {
+        name: "DshModal",
+        props: {
+            value: {
+                type: Boolean,
+                default: false
+            },
+            mode: {
+                type: String,
+                default: "default",
+                validator (val) {
+                    return ["small", "default", "middle", "large", "custom", "auto", "fullscreen"].includes(val);
+                }
+            },
+            propsObj: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            }
+        },
+        data () {
+            return {
+                showSlot: false
+            };
+        },
+        computed: {
+            showModal () {
+                this.changeShowSlot(this.value);
+                return this.value;
+            },
+
+            selfPropsObj () {
+                return {
+                    title: "标题",
+                    closable: false,
+                    maskClosable: false,
+                    okText: "确定",
+                    cancelText: "取消",
+                    footerHide: true,
+                    // sticky: true, // 拖拽时，是否吸附屏幕边缘
+                    // stickyDistance: 30, // 拖拽时，自动吸附屏幕边缘的临界距离
+                    // resetDragPosition: false, // Modal 再次打开时，是否重置拖拽的位置
+                    transfer: true,
+                    showSlotClose: true, // 显示删除
+                    fullscreen: this.mode === "fullscreen",
+                    ...this.propsObj,
+
+                    class: [
+                        "DshModal",
+                        `DshModal-${this.mode}`,
+                        ...(
+                            Array.isArray(this.propsObj.class)
+                                ? this.propsObj.class
+                                : [this.propsObj.class]
+                        )
+                    ]
+                };
+            },
+            modalWidth () {
+                // 初始化ivu-modal宽度
+                const widthOBj = {
+                    default: "750",
+                    small: "500",
+                    middle: "60%",
+                    large: this.propsObj.draggable ? "100%" : "80%",
+                    auto: "auto"
+                };
+
+                return this.selfPropsObj.width ? this.selfPropsObj.width : widthOBj[this.mode];
+            }
+        },
+        created () {},
+        methods: {
+            changeShowSlot (bool) {
+                setTimeout(() => {
+                    bool === true && (this.showSlot = bool);
+                }, 0);
+            },
+
+            ok (...parmas) {
+                this.$emit("ok", ...parmas);
+            },
+            cancel (...parmas) {
+                this.$emit("cancel", ...parmas);
+            },
+            visibleChange (bool = false) {
+                this.$emit("on-visible-change", bool);
+                this.$emit("input", bool);
+            }
+        }
+    };
+</script>

package/src/components/small/DshSteps.vue

@@ -1,141 +1,141 @@
-<template>
-    <div class="DshSteps">
-        <Steps
-            :current="current"
-            :direction="selfPropsObj._direction"
-            :status="selfPropsObj._status"
-            :size="selfPropsObj._size"
-        >
-            <Step
-                v-for="(stepItem, stepIndex) in list"
-                :key="stepItem._key || stepItem._id || tepItem.type || stepIndex"
-                class="DshSteps-item"
-                :status="stepItem.status"
-                :title="stepItem.name || stepItem._name"
-                :content="stepItem.description"
-                :icon="stepItem.icon"
-                @click.native="clickStepItem(stepItem, stepIndex)"
-            ></Step>
-        </Steps>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: "DshSteps",
-        props: {
-            value: Number,
-            list: {
-                type: Array,
-                default () {
-                    return [];
-                }
-            },
-            stepShowFunc: Function,
-            propsObj: {
-                type: Object,
-                default () {
-                    return {};
-                }
-            }
-        },
-        data () {
-            return {
-                current: 0 // 当前步骤，从 0 开始计数
-            };
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    _status: "process", // 当前步骤的状态，可选值为wait、process、finish、error
-                    _size: undefined, // 步骤条的尺寸，可选值为small或者不写
-                    _direction: "vertical", // 步骤条的方向，可选值为horizontal（水平）或vertical（垂直）
-                    ...this.propsObj
-                };
-            }
-        },
-        watch: {
-            value (newVal, oldVal) {
-                if (newVal !== oldVal) {
-                    this.current = this.value;
-                }
-            }
-        },
-        created () {
-            if (this.value != null) {
-                this.current = this.value;
-            }
-        },
-        methods: {
-            clickStepItem (stepItem, stepIndex) {
-                if (!this.stepShowFunc || this.stepShowFunc(stepItem, stepIndex)) {
-                    if (this.current !== stepIndex) {
-                        this.current = stepIndex;
-                        this.$emit("change", stepItem, stepIndex);
-                    }
-                }
-            }
-        }
-    };
-</script>
-
-<style lang="less" scoped>
-    .DshSteps {
-        &-item {
-            cursor: pointer;
-        }
-    }
-</style>
-<style lang="less">
-    .DshSteps {
-        .ivu-steps-vertical {
-            .ivu-steps-item {
-                padding-bottom: 30px;
-                &:last-child {
-                    margin-bottom: 0px;
-                }
-
-                .ivu-steps-tail {
-                    position: absolute;
-                    left: 13px;
-                    top: 0;
-                    height: 100%;
-                    width: 1px;
-                    padding: 35px 0 5px 0;
-                    & > i {
-                        background-color: #e8eaec;
-                    }
-                }
-
-                &.ivu-steps-status-process,
-                &.ivu-steps-status-finish {
-                    .ivu-steps-head-inner {
-                        background-color: @themeColor;
-                        border-color: @themeColor;
-                        span,
-                        & > .ivu-steps-icon {
-                            color: #ffffff;
-                        }
-                    }
-                }
-
-                &.ivu-steps-status-finish {
-                    .ivu-steps-head-inner {
-                        background-color: #ffffff;
-                        border-color: @themeColor;
-                        span,
-                        & > .ivu-steps-icon {
-                            color: @themeColor;
-                        }
-                    }
-
-                    .ivu-steps-tail {
-                        & > i:after {
-                            background: @themeColor;
-                        }
-                    }
-                }
-            }
-        }
-    }
-</style>
+<template>
+    <div class="DshSteps">
+        <Steps
+            :current="current"
+            :direction="selfPropsObj._direction"
+            :status="selfPropsObj._status"
+            :size="selfPropsObj._size"
+        >
+            <Step
+                v-for="(stepItem, stepIndex) in list"
+                :key="stepItem._key || stepItem._id || tepItem.type || stepIndex"
+                class="DshSteps-item"
+                :status="stepItem.status"
+                :title="stepItem.name || stepItem._name"
+                :content="stepItem.description"
+                :icon="stepItem.icon"
+                @click.native="clickStepItem(stepItem, stepIndex)"
+            ></Step>
+        </Steps>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "DshSteps",
+        props: {
+            value: Number,
+            list: {
+                type: Array,
+                default () {
+                    return [];
+                }
+            },
+            stepShowFunc: Function,
+            propsObj: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            }
+        },
+        data () {
+            return {
+                current: 0 // 当前步骤，从 0 开始计数
+            };
+        },
+        computed: {
+            selfPropsObj () {
+                return {
+                    _status: "process", // 当前步骤的状态，可选值为wait、process、finish、error
+                    _size: undefined, // 步骤条的尺寸，可选值为small或者不写
+                    _direction: "vertical", // 步骤条的方向，可选值为horizontal（水平）或vertical（垂直）
+                    ...this.propsObj
+                };
+            }
+        },
+        watch: {
+            value (newVal, oldVal) {
+                if (newVal !== oldVal) {
+                    this.current = this.value;
+                }
+            }
+        },
+        created () {
+            if (this.value != null) {
+                this.current = this.value;
+            }
+        },
+        methods: {
+            clickStepItem (stepItem, stepIndex) {
+                if (!this.stepShowFunc || this.stepShowFunc(stepItem, stepIndex)) {
+                    if (this.current !== stepIndex) {
+                        this.current = stepIndex;
+                        this.$emit("change", stepItem, stepIndex);
+                    }
+                }
+            }
+        }
+    };
+</script>
+
+<style lang="less" scoped>
+    .DshSteps {
+        &-item {
+            cursor: pointer;
+        }
+    }
+</style>
+<style lang="less">
+    .DshSteps {
+        .ivu-steps-vertical {
+            .ivu-steps-item {
+                padding-bottom: 30px;
+                &:last-child {
+                    margin-bottom: 0px;
+                }
+
+                .ivu-steps-tail {
+                    position: absolute;
+                    left: 13px;
+                    top: 0;
+                    height: 100%;
+                    width: 1px;
+                    padding: 35px 0 5px 0;
+                    & > i {
+                        background-color: #e8eaec;
+                    }
+                }
+
+                &.ivu-steps-status-process,
+                &.ivu-steps-status-finish {
+                    .ivu-steps-head-inner {
+                        background-color: @themeColor;
+                        border-color: @themeColor;
+                        span,
+                        & > .ivu-steps-icon {
+                            color: #ffffff;
+                        }
+                    }
+                }
+
+                &.ivu-steps-status-finish {
+                    .ivu-steps-head-inner {
+                        background-color: #ffffff;
+                        border-color: @themeColor;
+                        span,
+                        & > .ivu-steps-icon {
+                            color: @themeColor;
+                        }
+                    }
+
+                    .ivu-steps-tail {
+                        & > i:after {
+                            background: @themeColor;
+                        }
+                    }
+                }
+            }
+        }
+    }
+</style>