chain-saasui 1.0.6 → 1.0.7

package/components/src/SMessagebox/index.js

@@ -1,66 +1,66 @@
-import MessageBox from './messagebox.vue';
-
-// MessageBoxManager.js
-export default class MessageBoxManager {
-    constructor(Vue, i18n, Component = MessageBox) {
-        if (!Vue) throw new Error('[MessageBox] Vue instance is required');
-        if (!Component) throw new Error('[MessageBox] Vue component is required');
-
-        this.Vue = Vue;
-        this.i18n = i18n;
-        this.Component = Component;
-        this.instance = null;
-    }
-
-    _t(key) {
-        return this.i18n ? this.i18n.t(key) : key;
-    }
-
-    _createInstance() {
-        const Constructor = this.Vue.extend(this.Component);
-        this.instance = new Constructor({
-            el: document.createElement('div'),
-        });
-        document.body.appendChild(this.instance.$el);
-    }
-
-    _getInstance() {
-        if (!this.instance) this._createInstance();
-        return this.instance;
-    }
-
-    alert(options) {
-        const instance = this._getInstance();
-        return instance.open({
-            ...options,
-            title: options.title || this._t('deletemsg.hint'),
-            confirmText: options.confirmText || this._t("buttonGroup.sure"),
-            cancelText: options.cancelText || this._t("buttonGroup.cancel"),
-            message: options.message,
-            showCancelButton: false,
-        });
-    }
-
-    confirm(options) {
-        const instance = this._getInstance();
-        return instance.open({
-            ...options,
-            title: options.title || this._t('deletemsg.hint'),
-            confirmText: options.confirmText || this._t("buttonGroup.sure"),
-            cancelText: options.cancelText || this._t("buttonGroup.cancel"),
-            message: options.message,
-        });
-    }
-
-    prompt(options) {
-        const instance = this._getInstance();
-        return instance.open({
-            ...options,
-            title: options.title || this._t('deletemsg.hint'),
-            confirmText: options.confirmText || this._t("buttonGroup.sure"),
-            cancelText: options.cancelText || this._t("buttonGroup.cancel"),
-            message: options.message,
-            showInput: true,
-        });
-    }
-}
+import MessageBox from './messagebox.vue';
+
+// MessageBoxManager.js
+export default class MessageBoxManager {
+    constructor(Vue, i18n, Component = MessageBox) {
+        if (!Vue) throw new Error('[MessageBox] Vue instance is required');
+        if (!Component) throw new Error('[MessageBox] Vue component is required');
+
+        this.Vue = Vue;
+        this.i18n = i18n;
+        this.Component = Component;
+        this.instance = null;
+    }
+
+    _t(key) {
+        return this.i18n ? this.i18n.t(key) : key;
+    }
+
+    _createInstance() {
+        const Constructor = this.Vue.extend(this.Component);
+        this.instance = new Constructor({
+            el: document.createElement('div'),
+        });
+        document.body.appendChild(this.instance.$el);
+    }
+
+    _getInstance() {
+        if (!this.instance) this._createInstance();
+        return this.instance;
+    }
+
+    alert(options) {
+        const instance = this._getInstance();
+        return instance.open({
+            ...options,
+            title: options.title || this._t('deletemsg.hint'),
+            confirmText: options.confirmText || this._t("buttonGroup.sure"),
+            cancelText: options.cancelText || this._t("buttonGroup.cancel"),
+            message: options.message,
+            showCancelButton: false,
+        });
+    }
+
+    confirm(options) {
+        const instance = this._getInstance();
+        return instance.open({
+            ...options,
+            title: options.title || this._t('deletemsg.hint'),
+            confirmText: options.confirmText || this._t("buttonGroup.sure"),
+            cancelText: options.cancelText || this._t("buttonGroup.cancel"),
+            message: options.message,
+        });
+    }
+
+    prompt(options) {
+        const instance = this._getInstance();
+        return instance.open({
+            ...options,
+            title: options.title || this._t('deletemsg.hint'),
+            confirmText: options.confirmText || this._t("buttonGroup.sure"),
+            cancelText: options.cancelText || this._t("buttonGroup.cancel"),
+            message: options.message,
+            showInput: true,
+        });
+    }
+}

package/components/src/SMessagebox/messagebox.vue

@@ -1,83 +1,83 @@
-<template>
-    <transition name="el-fade-in-linear">
-        <div v-if="visible" class="message-box-overlay">
-            <div class="message-box">
-                <div class="message-box_main">
-                    <div class="message-box_icon">
-                        <span class="el-icon-warning"></span>
-                    </div>
-                    <div class="message-box_right">
-                        <div class="message-box__header">
-                            <span class="message-box__title">{{ title }}</span>
-                        </div>
-                        <div class="message-box__content">
-                            <div v-if="message && dangerouslyUseHTMLString == false">{{ message }}</div>
-                            <div v-if="message && dangerouslyUseHTMLString" v-html="message"></div>
-                            <el-input v-if="showInput" v-model="inputValue" class="message-box__input" :placeholder="inputPlaceholder" />
-                        </div>
-                    </div>
-                </div>
-                <div class="message-box__footer">
-                    <el-button v-if="showCancelButton" @click="handleCancel" size="mini">{{ cancelText }}</el-button>
-                    <el-button @click="handleConfirm" type="primary" size="mini">{{ confirmText }}</el-button>
-                </div>
-            </div>
-        </div>
-    </transition>
-</template>
-
-<script>
-import { isEmpty } from 'chain-lodash';
-export default {
-    name: 'SMessageBox',
-    props: {},
-    data() {
-        return {
-            visible: false,
-            title: '',
-            message: '',
-            showInput: false,
-            inputValue: '',
-            inputPlaceholder: '',
-            showCancelButton: false,
-            resolve: null,
-            reject: null,
-            confirmText: '',
-            cancelText: '',
-            dangerouslyUseHTMLString: false,
-        };
-    },
-    methods: {
-        open(options) {
-            this.title = options.title;
-            this.message = options.message || '';
-            this.showClose = isEmpty(options.showClose) ? true : options.showClose;
-            this.showInput = options.showInput || false;
-            this.dangerouslyUseHTMLString = options.dangerouslyUseHTMLString || false;
-            this.inputPlaceholder = options.inputPlaceholder || '';
-            this.showCancelButton = isEmpty(options.showCancelButton) ? true : options.showCancelButton;
-            this.confirmText = options.confirmText;
-            this.cancelText = options.cancelText;
-            this.visible = true;
-            this.inputValue = '';
-
-            return new Promise((resolve, reject) => {
-                this.resolve = resolve;
-                this.reject = reject;
-            });
-        },
-        handleConfirm() {
-            this.visible = false;
-            if (this.showInput) {
-                this.resolve(this.inputValue);
-            } else {
-                this.resolve(true);
-            }
-        },
-        handleCancel() {
-            this.visible = false;
-            this.reject('cancel');
-        },
-    },
-};
-</script>
+<template>
+    <transition name="el-fade-in-linear">
+        <div v-if="visible" class="message-box-overlay">
+            <div class="message-box">
+                <div class="message-box_main">
+                    <div class="message-box_icon">
+                        <span class="el-icon-warning"></span>
+                    </div>
+                    <div class="message-box_right">
+                        <div class="message-box__header">
+                            <span class="message-box__title">{{ title }}</span>
+                        </div>
+                        <div class="message-box__content">
+                            <div v-if="message && dangerouslyUseHTMLString == false">{{ message }}</div>
+                            <div v-if="message && dangerouslyUseHTMLString" v-html="message"></div>
+                            <el-input v-if="showInput" v-model="inputValue" class="message-box__input" :placeholder="inputPlaceholder" />
+                        </div>
+                    </div>
+                </div>
+                <div class="message-box__footer">
+                    <el-button v-if="showCancelButton" @click="handleCancel" size="mini">{{ cancelText }}</el-button>
+                    <el-button @click="handleConfirm" type="primary" size="mini">{{ confirmText }}</el-button>
+                </div>
+            </div>
+        </div>
+    </transition>
+</template>
+
+<script>
+import { isEmpty } from 'chain-lodash';
+export default {
+    name: 'SMessageBox',
+    props: {},
+    data() {
+        return {
+            visible: false,
+            title: '',
+            message: '',
+            showInput: false,
+            inputValue: '',
+            inputPlaceholder: '',
+            showCancelButton: false,
+            resolve: null,
+            reject: null,
+            confirmText: '',
+            cancelText: '',
+            dangerouslyUseHTMLString: false,
+        };
+    },
+    methods: {
+        open(options) {
+            this.title = options.title;
+            this.message = options.message || '';
+            this.showClose = isEmpty(options.showClose) ? true : options.showClose;
+            this.showInput = options.showInput || false;
+            this.dangerouslyUseHTMLString = options.dangerouslyUseHTMLString || false;
+            this.inputPlaceholder = options.inputPlaceholder || '';
+            this.showCancelButton = isEmpty(options.showCancelButton) ? true : options.showCancelButton;
+            this.confirmText = options.confirmText;
+            this.cancelText = options.cancelText;
+            this.visible = true;
+            this.inputValue = '';
+
+            return new Promise((resolve, reject) => {
+                this.resolve = resolve;
+                this.reject = reject;
+            });
+        },
+        handleConfirm() {
+            this.visible = false;
+            if (this.showInput) {
+                this.resolve(this.inputValue);
+            } else {
+                this.resolve(true);
+            }
+        },
+        handleCancel() {
+            this.visible = false;
+            this.reject('cancel');
+        },
+    },
+};
+</script>

package/components/src/SPage/Pagedetail.vue

@@ -1,112 +1,112 @@
-<template>
-    <div class="saas-detail">
-        <div class="saas-detail-top">
-            <div class="saas-detail-header">
-                <div class="saas-detail-backbox">
-                    <div v-if="showClose" class="saas-detail-back" @click="goBack">
-                        <span class="el-icon-arrow-left"></span>
-                    </div>
-                </div>
-                <div class="saas-detail-titlebox" :style="computeStyle">
-                    <div class="saas-detail-title">
-                        <span class="saas-title-line"></span>
-                        <template v-if="$slots.title">
-                            <slot name="title"></slot>
-                        </template>
-                        <span v-else>
-                            {{ title }}
-                        </span>
-                    </div>
-                    <div v-if="titleSub" class="saas-detail-sub">{{ titleSub }}</div>
-                </div>
-                <slot name="header-append"></slot>
-            </div>
-            <div class="saas-detail-content">
-                <slot></slot>
-            </div>
-        </div>
-        <template v-if="showFooter">
-            <div class="saas-detail-footer">
-                <slot v-if="$slots.footer" name="footer"></slot>
-                <template v-else>
-                    <el-button @click="handleClose">{{ cancelText }}</el-button>
-                    <el-button :loading="loadingBtn" type="primary" @click="handleSubmit" v-preventReClick="5000">{{ confirmText }}</el-button>
-                </template>
-            </div>
-        </template>
-    </div>
-</template>
-<script>
-export default {
-    name: 'SPagedetail',
-    props: {
-        showFooter: {
-            type: Boolean,
-            default: () => true,
-        },
-        showClose: {
-            type: Boolean,
-            default: () => true,
-        },
-        loadingBtn: {
-            type: Boolean,
-            default: () => false,
-        },
-        computeStyle: {
-            type: Object,
-            default: () => ({
-                width: '1000px',
-                margin: '0 auto',
-            }),
-        },
-        title: {
-            type: String,
-            default: '',
-        },
-        titleSub: {
-            type: String,
-            default: '',
-        },
-        confirmText: {
-            type: String,
-            default() {
-                return this.$t('buttonGroup.sure');
-            },
-        },
-        cancelText: {
-            type: String,
-            default() {
-                return this.$t('buttonGroup.cancel');
-            },
-        },
-    },
-    data() {
-        return {};
-    },
-    computed: {
-        show: {
-            get() {
-                return this.visible;
-            },
-            set(val) {
-                this.$emit('update:visible', val);
-            },
-        },
-    },
-    deactivated() {
-        this.handleClose(); // 在缓存组件时关闭弹窗
-    },
-    methods: {
-        handleSubmit() {
-            this.$emit('confirm');
-        },
-        handleClose() {
-            this.$emit('close');
-        },
-        goBack() {
-            this.$emit('close');
-        },
-    },
-};
-</script>
-<style lang="scss" scoped></style>
+<template>
+    <div class="saas-detail">
+        <div class="saas-detail-top">
+            <div class="saas-detail-header">
+                <div class="saas-detail-backbox">
+                    <div v-if="showClose" class="saas-detail-back" @click="goBack">
+                        <span class="el-icon-arrow-left"></span>
+                    </div>
+                </div>
+                <div class="saas-detail-titlebox" :style="computeStyle">
+                    <div class="saas-detail-title">
+                        <span class="saas-title-line"></span>
+                        <template v-if="$slots.title">
+                            <slot name="title"></slot>
+                        </template>
+                        <span v-else>
+                            {{ title }}
+                        </span>
+                    </div>
+                    <div v-if="titleSub" class="saas-detail-sub">{{ titleSub }}</div>
+                </div>
+                <slot name="header-append"></slot>
+            </div>
+            <div class="saas-detail-content">
+                <slot></slot>
+            </div>
+        </div>
+        <template v-if="showFooter">
+            <div class="saas-detail-footer">
+                <slot v-if="$slots.footer" name="footer"></slot>
+                <template v-else>
+                    <el-button @click="handleClose">{{ cancelText }}</el-button>
+                    <el-button :loading="loadingBtn" type="primary" @click="handleSubmit" v-preventReClick="5000">{{ confirmText }}</el-button>
+                </template>
+            </div>
+        </template>
+    </div>
+</template>
+<script>
+export default {
+    name: 'SPagedetail',
+    props: {
+        showFooter: {
+            type: Boolean,
+            default: () => true,
+        },
+        showClose: {
+            type: Boolean,
+            default: () => true,
+        },
+        loadingBtn: {
+            type: Boolean,
+            default: () => false,
+        },
+        computeStyle: {
+            type: Object,
+            default: () => ({
+                width: '1000px',
+                margin: '0 auto',
+            }),
+        },
+        title: {
+            type: String,
+            default: '',
+        },
+        titleSub: {
+            type: String,
+            default: '',
+        },
+        confirmText: {
+            type: String,
+            default() {
+                return this.$t('buttonGroup.sure');
+            },
+        },
+        cancelText: {
+            type: String,
+            default() {
+                return this.$t('buttonGroup.cancel');
+            },
+        },
+    },
+    data() {
+        return {};
+    },
+    computed: {
+        show: {
+            get() {
+                return this.visible;
+            },
+            set(val) {
+                this.$emit('update:visible', val);
+            },
+        },
+    },
+    deactivated() {
+        this.handleClose(); // 在缓存组件时关闭弹窗
+    },
+    methods: {
+        handleSubmit() {
+            this.$emit('confirm');
+        },
+        handleClose() {
+            this.$emit('close');
+        },
+        goBack() {
+            this.$emit('close');
+        },
+    },
+};
+</script>
+<style lang="scss" scoped></style>