chain-saasui 1.0.6 → 1.0.7

package/components/css/pagetable.scss

@@ -1,89 +1,89 @@
-.saas-page-table {
-    background: #fff;
-    height: calc(100% - 16px);
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    padding: 16px;
-    border-radius: 8px;
-    // overflow-y: inherit;
-}
-.saas-page-table-header {
-    // margin-bottom: 16px;
-    flex-shrink: 0;
-}
-
-.saas-page-table-menu {
-    display: flex;
-    align-items: center;
-    font-size: 16px;
-    font-weight: 600;
-    color: #0e1822;
-    margin-bottom: 16px;
-}
-
-.saas-page-table-menu.hasClose {
-    font-weight: 400;
-}
-.saas-page-table-back_title {
-    margin-right: 16px;
-}
-.saas-page-table-title_line {
-    height: 14px;
-    width: 1px;
-    background: #dbdee7;
-    margin-right: 16px;
-}
-.saas-page-table-sub {
-    margin-top: 8px;
-}
-.saas-page-title-line {
-    // display: none;
-    display: inline-block;
-    width: 4px;
-    height: 16px;
-    background: #1ed080;
-    margin-right: 8px;
-    vertical-align: middle;
-}
-
-.saas-page-table-backbox {
-    display: flex;
-    align-items: center;
-    top: 24px;
-}
-.saas-page-table-back {
-    display: flex;
-    align-items: center;
-    border-radius: 50%;
-    border: 1px solid #dbdee7;
-    width: 24px;
-    height: 24px;
-    justify-content: center;
-    color: #a1a5b2;
-    cursor: pointer;
-    margin-right: 8px;
-
-    &:hover {
-        background: rgb(247, 249, 251);
-    }
-}
-.saas-page-table-title {
-    flex: 1;
-}
-.saas-page-table-form {
-    // margin-bottom: 16px;
-}
-
-.saas-page-table-content {
-    flex: 1;
-    min-height: 300px;
-}
-.saas-page-table-footer {
-    flex-shrink: 0;
-}
-
-.saas-steptop-btn {
-    display: flex;
-    align-items: center;
-}
+.saas-page-table {
+    background: #fff;
+    height: calc(100% - 16px);
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    padding: 16px;
+    border-radius: 8px;
+    // overflow-y: inherit;
+}
+.saas-page-table-header {
+    // margin-bottom: 16px;
+    flex-shrink: 0;
+}
+
+.saas-page-table-menu {
+    display: flex;
+    align-items: center;
+    font-size: 16px;
+    font-weight: 600;
+    color: #0e1822;
+    margin-bottom: 16px;
+}
+
+.saas-page-table-menu.hasClose {
+    font-weight: 400;
+}
+.saas-page-table-back_title {
+    margin-right: 16px;
+}
+.saas-page-table-title_line {
+    height: 14px;
+    width: 1px;
+    background: #dbdee7;
+    margin-right: 16px;
+}
+.saas-page-table-sub {
+    margin-top: 8px;
+}
+.saas-page-title-line {
+    // display: none;
+    display: inline-block;
+    width: 4px;
+    height: 16px;
+    background: #1ed080;
+    margin-right: 8px;
+    vertical-align: middle;
+}
+
+.saas-page-table-backbox {
+    display: flex;
+    align-items: center;
+    top: 24px;
+}
+.saas-page-table-back {
+    display: flex;
+    align-items: center;
+    border-radius: 50%;
+    border: 1px solid #dbdee7;
+    width: 24px;
+    height: 24px;
+    justify-content: center;
+    color: #a1a5b2;
+    cursor: pointer;
+    margin-right: 8px;
+
+    &:hover {
+        background: rgb(247, 249, 251);
+    }
+}
+.saas-page-table-title {
+    flex: 1;
+}
+.saas-page-table-form {
+    // margin-bottom: 16px;
+}
+
+.saas-page-table-content {
+    flex: 1;
+    min-height: 300px;
+}
+.saas-page-table-footer {
+    flex-shrink: 0;
+}
+
+.saas-steptop-btn {
+    display: flex;
+    align-items: center;
+}

package/components/css/tablebuttons.scss

@@ -1,15 +1,15 @@
-.saas-table-buttons {
-    display: flex;
-    gap: 0 8px;
-    flex-wrap: wrap;
-    align-items: center;
-    .el-button + .el-button {
-        margin-left: 0;
-    }
-    .el-button--text:not(.is-disabled) {
-        color: #2c68f8;
-    }
-    .smart-More {
-        font-weight: bolder;
-    }
-}
+.saas-table-buttons {
+    display: flex;
+    gap: 0 8px;
+    flex-wrap: wrap;
+    align-items: center;
+    .el-button + .el-button {
+        margin-left: 0;
+    }
+    .el-button--text:not(.is-disabled) {
+        color: #2c68f8;
+    }
+    .smart-More {
+        font-weight: bolder;
+    }
+}

package/components/css/unit.scss

@@ -1,25 +1,25 @@
-@import './common.scss';
-
-.saas-unit {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    white-space: nowrap;
-    color: #0e1822;
-    font-size: 14px;
-}
-
-@each $name, $color in $colors {
-    .saas-unit-#{$name} {
-        background-color: $color;
-        width: 8px;
-        height: 8px;
-        border-radius: 2px;
-        box-shadow: 0px 0px 0px 2px rgba($color, 0.2);
-    }
-}
-
-.saas-unit-text {
-    width: 0;
-    flex: 1;
-}
+@import './common.scss';
+
+.saas-unit {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    white-space: nowrap;
+    color: #0e1822;
+    font-size: 14px;
+}
+
+@each $name, $color in $colors {
+    .saas-unit-#{$name} {
+        background-color: $color;
+        width: 8px;
+        height: 8px;
+        border-radius: 2px;
+        box-shadow: 0px 0px 0px 2px rgba($color, 0.2);
+    }
+}
+
+.saas-unit-text {
+    width: 0;
+    flex: 1;
+}

package/components/src/SCard/index.vue

@@ -1,34 +1,34 @@
-<template>
-    <div class="saas-card">
-        <div class="saas-card-header">
-            <slot name="title">
-                {{ title }}
-            </slot>
-        </div>
-        <div class="saas-card-content">
-            <slot></slot>
-        </div>
-    </div>
-</template>
-<script>
-export default {
-    name: 'SCard',
-    props: {
-        title: {
-            type: String,
-            default: '',
-        },
-        titleSub: {
-            type: String,
-            default: '',
-        },
-    },
-    data() {
-        return {};
-    },
-    computed: {},
-    deactivated() {},
-    methods: {},
-};
-</script>
-<style lang="scss" scoped></style>
+<template>
+    <div class="saas-card">
+        <div class="saas-card-header">
+            <slot name="title">
+                {{ title }}
+            </slot>
+        </div>
+        <div class="saas-card-content">
+            <slot></slot>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    name: 'SCard',
+    props: {
+        title: {
+            type: String,
+            default: '',
+        },
+        titleSub: {
+            type: String,
+            default: '',
+        },
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    deactivated() {},
+    methods: {},
+};
+</script>
+<style lang="scss" scoped></style>

package/components/src/SContainer/index.vue

@@ -1,35 +1,35 @@
-<template>
-    <div class="saas-container">
-        <div class="saas-container-header">
-            <slot name="header"></slot>
-        </div>
-        <div class="saas-container-content">
-            <slot></slot>
-        </div>
-        <div class="saas-container-footer">
-            <slot name="footer"></slot>
-        </div>
-    </div>
-</template>
-<script>
-export default {
-    name: 'SContainer',
-    props: {
-        title: {
-            type: String,
-            default: '',
-        },
-        titleSub: {
-            type: String,
-            default: '',
-        },
-    },
-    data() {
-        return {};
-    },
-    computed: {},
-    deactivated() {},
-    methods: {},
-};
-</script>
-<style lang="scss" scoped></style>
+<template>
+    <div class="saas-container">
+        <div class="saas-container-header">
+            <slot name="header"></slot>
+        </div>
+        <div class="saas-container-content">
+            <slot></slot>
+        </div>
+        <div class="saas-container-footer">
+            <slot name="footer"></slot>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    name: 'SContainer',
+    props: {
+        title: {
+            type: String,
+            default: '',
+        },
+        titleSub: {
+            type: String,
+            default: '',
+        },
+    },
+    data() {
+        return {};
+    },
+    computed: {},
+    deactivated() {},
+    methods: {},
+};
+</script>
+<style lang="scss" scoped></style>

package/components/src/SDialog/index.vue

@@ -1,101 +1,101 @@
-<template>
-    <el-dialog class="saas-dialog" v-bind="bindProps" :close-on-click-modal="false" v-on="$listeners" :visible.sync="show">
-        <template v-if="$slots.title" slot="title">
-            <slot name="title"></slot>
-        </template>
-        <div class="saas-dialog-content" :class="{ 'saas-dialog-auto': isAuto }">
-            <slot></slot>
-        </div>
-        <template v-if="showFooter" slot="footer">
-            <slot v-if="$slots.footer" name="footer"></slot>
-            <div v-else>
-                <el-button v-if="showCancelButton" @click="handleClose">{{ cancelText }}</el-button>
-                <el-button v-if="showConfirmButton" :loading="loadingBtn" type="primary" @click="handleSubmit" v-preventReClick="5000">
-                    {{ confirmText }}
-                </el-button>
-            </div>
-        </template>
-    </el-dialog>
-</template>
-<script>
-import { Dialog } from 'element-ui';
-import { omit } from 'chain-lodash';
-export default {
-    name: 'SDialog',
-    props: {
-        ...Dialog.props,
-        showFooter: {
-            type: Boolean,
-            default: () => true,
-        },
-        width: {
-            type: [String, Number],
-            default: () => '600px',
-        },
-        // closeOnClickModal: {
-        //     type: Boolean,
-        //     default: () => false,
-        // },
-        loadingBtn: {
-            type: Boolean,
-            default: () => false,
-        },
-        visible: {
-            type: Boolean,
-            default: false,
-        },
-        showCancelButton: {
-            type: Boolean,
-            default: () => true,
-        },
-        showConfirmButton: {
-            type: Boolean,
-            default: () => true,
-        },
-        confirmText: {
-            type: String,
-            default() {
-                return this.$t('buttonGroup.sure');
-            },
-        },
-        cancelText: {
-            type: String,
-            default() {
-                return this.$t('buttonGroup.cancel');
-            },
-        },
-        isAuto: {
-            type: Boolean,
-            default: true,
-        },
-    },
-    data() {
-        return {};
-    },
-    computed: {
-        show: {
-            get() {
-                return this.visible;
-            },
-            set(val) {
-                this.$emit('update:visible', val);
-            },
-        },
-        bindProps() {
-            return omit(this.$props, ['visible']);
-        },
-    },
-    deactivated() {
-        this.handleClose(); // 在缓存组件时关闭弹窗
-    },
-    methods: {
-        handleSubmit() {
-            this.$emit('confirm');
-        },
-        handleClose() {
-            this.$emit('update:visible', false);
-            this.$emit('close');
-        },
-    },
-};
-</script>
+<template>
+    <el-dialog class="saas-dialog" v-bind="bindProps" :close-on-click-modal="false" v-on="$listeners" :visible.sync="show">
+        <template v-if="$slots.title" slot="title">
+            <slot name="title"></slot>
+        </template>
+        <div class="saas-dialog-content" :class="{ 'saas-dialog-auto': isAuto }">
+            <slot></slot>
+        </div>
+        <template v-if="showFooter" slot="footer">
+            <slot v-if="$slots.footer" name="footer"></slot>
+            <div v-else>
+                <el-button v-if="showCancelButton" @click="handleClose">{{ cancelText }}</el-button>
+                <el-button v-if="showConfirmButton" :loading="loadingBtn" type="primary" @click="handleSubmit" v-preventReClick="5000">
+                    {{ confirmText }}
+                </el-button>
+            </div>
+        </template>
+    </el-dialog>
+</template>
+<script>
+import { Dialog } from 'element-ui';
+import { omit } from 'chain-lodash';
+export default {
+    name: 'SDialog',
+    props: {
+        ...Dialog.props,
+        showFooter: {
+            type: Boolean,
+            default: () => true,
+        },
+        width: {
+            type: [String, Number],
+            default: () => '600px',
+        },
+        // closeOnClickModal: {
+        //     type: Boolean,
+        //     default: () => false,
+        // },
+        loadingBtn: {
+            type: Boolean,
+            default: () => false,
+        },
+        visible: {
+            type: Boolean,
+            default: false,
+        },
+        showCancelButton: {
+            type: Boolean,
+            default: () => true,
+        },
+        showConfirmButton: {
+            type: Boolean,
+            default: () => true,
+        },
+        confirmText: {
+            type: String,
+            default() {
+                return this.$t('buttonGroup.sure');
+            },
+        },
+        cancelText: {
+            type: String,
+            default() {
+                return this.$t('buttonGroup.cancel');
+            },
+        },
+        isAuto: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    data() {
+        return {};
+    },
+    computed: {
+        show: {
+            get() {
+                return this.visible;
+            },
+            set(val) {
+                this.$emit('update:visible', val);
+            },
+        },
+        bindProps() {
+            return omit(this.$props, ['visible']);
+        },
+    },
+    deactivated() {
+        this.handleClose(); // 在缓存组件时关闭弹窗
+    },
+    methods: {
+        handleSubmit() {
+            this.$emit('confirm');
+        },
+        handleClose() {
+            this.$emit('update:visible', false);
+            this.$emit('close');
+        },
+    },
+};
+</script>