sh-view 1.5.2

package/packages/iview/index.js

@@ -0,0 +1,24 @@
+import ViewUI from 'view-ui-plus'
+import 'view-ui-plus/dist/styles/viewuiplus.css'
+import './css/index.scss'
+
+ViewUI.Message.config({
+	background: true,
+	duration: 3
+})
+
+const index = {
+	install: function (Vue) {
+		let ViewUiOption = {
+			transfer: true,
+			capture: false,
+			select: {
+				arrow: 'md-arrow-dropdown',
+				arrowSize: 20
+			}
+		}
+		Vue.use(ViewUI, ViewUiOption)
+		Vue.config.globalProperties.$ViewUI = ViewUI
+	}
+}
+export default index

package/packages/mixin/index.js

@@ -0,0 +1,87 @@
+const msgDefault = {
+	title: '',
+	className: 'globalMessageBox',
+	draggable: false
+}
+
+const mixin = {
+	methods: {
+		// 全局msg提示方法
+		msg(options) {
+			return this.$vTable.modal.message(options)
+		},
+		msginfo(options) {
+			let opts = Object.assign({}, msgDefault, typeof options === 'string' ? { content: options, status: 'info' } : options)
+			return this.msg(opts)
+		},
+		msgsuccess(options) {
+			let opts = Object.assign({}, msgDefault, typeof options === 'string' ? { content: options, status: 'success' } : options)
+			return this.msg(opts)
+		},
+		msgwarning(options) {
+			let opts = Object.assign({}, msgDefault, typeof options === 'string' ? { content: options, status: 'warning' } : options)
+			return this.msg(opts)
+		},
+		msgerror(options) {
+			let opts = Object.assign({}, msgDefault, typeof options === 'string' ? { content: options, status: 'error' } : options)
+			return this.msg(opts)
+		},
+		msgconfirm(options) {
+			return new Promise(async resolve => {
+				let opts = Object.assign({}, typeof options === 'string' ? { content: options } : options)
+				let type = await this.$vTable.modal.confirm({
+					showHeader: Boolean(opts.title),
+					...opts
+				})
+				if (type === 'confirm') resolve(type)
+			})
+		},
+		// 全局路由跳
+		routerTo(route) {
+			let { name, params, query } = {}
+			if (typeof route === 'string') name = route
+			else {
+				name = route.name
+				params = route.params
+				query = route.query
+			}
+			if (name.indexOf('isTurnByHref_') > -1) {
+				window.open(name.split('_')[1])
+				return
+			}
+			try {
+				this.$router.push({ name, params, query })
+			} catch (e) {
+				this.$router.replace({ path: '/401' })
+			}
+		},
+		// 全局路由返回上一页
+		routerback() {
+			this.$router.back()
+		},
+		// 全局判断是否有子节点
+		hasChildren(item, name = 'children') {
+			return item && item[name] && Array.isArray(item[name]) && item[name].length > 0
+		},
+		// 全局格式化名称
+		formatTitle(item) {
+			let { title, __titleIsFunction__ } = item.meta || {}
+			if (!title) return false
+			if (this.$config.useI18n) {
+				if (title.includes('{{') && title.includes('}}')) title = title.replace(/({{[\s\S]+?}})/, (m, str) => str.replace(/{{([\s\S]*)}}/, (m, _) => this.$t(_.trim())))
+				else if (__titleIsFunction__) title = item.meta.title
+				else title = this.$t(item.name)
+			} else title = (item.meta && item.meta.title) || item.name
+			return title
+		},
+		// 配置继承方法
+		getExtendConfig(config = {}, name, module) {
+			let moduleConfig = config[module] || config.default || {}
+			let nameConfig = moduleConfig[name]
+			return this.$vUtils.clone(nameConfig, true)
+		}
+	},
+	watch: {}
+}
+
+export default mixin

package/packages/vxeTable/css/index.scss

@@ -0,0 +1,454 @@
+/* 自定义主题覆盖部分开始 */
+$theme-color: var(--theme-color);
+$theme-weak-color: var(--theme-weak-color);
+
+@import "variable.scss";
+@import 'vxe-table/styles/index.scss';
+
+input:focus, textarea:focus,
+.vxe-form--item .vxe-input input.vxe-input--inner:focus,
+.vxe-form--item .vxe-textarea textarea.vxe-textarea--inner:focus,
+.vxe-pager .vxe-pager--wrapper .vxe-input input.vxe-input--inner:focus,
+.vxe-pager .vxe-pager--jump input.vxe-pager--goto:focus{
+    border-color: $theme-color;
+}
+
+// 紫色按钮
+.vxe-button.type--button.theme--purple,
+.vxe-button.type--button.theme--purple:hover {
+    color: #fff;
+}
+.vxe-button.type--button.theme--purple {
+    background-color: #800080;
+    border-color: #800080;
+}
+.vxe-button.type--button.theme--purple:active {
+    background-color: #a50aa5;
+    border-color: #a50aa5;
+}
+// 主题色按钮
+.vxe-button.type--button.theme--theme,
+.vxe-button.type--button.theme--theme:hover {
+    color: #fff;
+}
+.vxe-button.type--button.theme--theme {
+    background-color: $theme-color;
+    border-color: $theme-color;
+}
+.vxe-button.type--button.theme--theme:active {
+    background-color: $theme-color;
+    border-color: $theme-color;
+    opacity: 0.8;
+}
+.vxe-button.type--button.theme--theme.is--disabled, .vxe-button.type--button.theme--purple.is--disabled{
+    opacity: 0.8;
+    color: #eee;
+}
+
+.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active, .vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active, .vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active, .vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active, .vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active, .vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active{
+    background-color: $theme-color;
+}
+.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:focus, .vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:focus, .vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:focus, .vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:focus, .vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:focus, .vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:focus{
+    border-color: $theme-color;
+    box-shadow: none;
+}
+.vxe-pager.is--background .vxe-pager--jump-next:not(.is--disabled).is--active:hover, .vxe-pager.is--background .vxe-pager--jump-prev:not(.is--disabled).is--active:hover, .vxe-pager.is--background .vxe-pager--num-btn:not(.is--disabled).is--active:hover, .vxe-pager.is--perfect .vxe-pager--jump-next:not(.is--disabled).is--active:hover, .vxe-pager.is--perfect .vxe-pager--jump-prev:not(.is--disabled).is--active:hover, .vxe-pager.is--perfect .vxe-pager--num-btn:not(.is--disabled).is--active:hover{
+    background-color: $theme-color;
+}
+.vxe-pager.is--border .vxe-pager--num-btn.is--active{
+    border-color: $theme-color;
+}
+.vxe-table--render-default.border--default .vxe-table--header-wrapper, .vxe-table--render-default.border--full .vxe-table--header-wrapper, .vxe-table--render-default.border--outer .vxe-table--header-wrapper{
+    background-color: var(--header-color);
+}
+.vxe-modal--wrapper .vxe-modal--header{
+    background-color: $theme-weak-color;
+}
+.is--checked.vxe-table--filter-option .vxe-checkbox--icon, .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon, .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon, .is--checked.vxe-custom--option .vxe-checkbox--icon, .is--checked.vxe-checkbox .vxe-checkbox--icon, .is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon, .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon, .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon, .is--indeterminate.vxe-custom--option .vxe-checkbox--icon, .is--indeterminate.vxe-checkbox .vxe-checkbox--icon{
+    color: $theme-color !important;
+    &:hover{
+        color: $theme-color;
+    }
+}
+.is--checked.vxe-radio .vxe-radio--icon, .vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--icon{
+    color: $theme-color !important;
+    &:hover{
+        color: $theme-color;
+    }
+}
+.vxe-checkbox:not(.is--disabled) > input:focus + .vxe-checkbox--icon{
+    color: $theme-color;
+    box-shadow: none;
+}
+.vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--checked-icon:before{
+    background-color: $theme-color;
+    border-color: $theme-color;
+}
+/* 自定义主题覆盖部分结束 */
+
+
+
+// 按钮
+button:focus, .vxe-button.type--button:not(.is--disabled):focus{
+    box-shadow: none;
+}
+
+// 表单
+.vxe-form{
+    font-family: inherit;
+    background: transparent;
+    color: inherit;
+    .vxe-form--item{
+        float: none;
+        &.is--error{
+            .sh-code-editor{
+                border-color: var(--error-color) !important;
+            }
+        }
+        .vxe-form--item-inner{
+        }
+    }
+    .vxe-form-slots{
+        display: block;
+    }
+}
+
+// 输入框
+.vxe-input{
+    .vxe-input--suffix{
+        z-index: 10;
+    }
+    .vxe-input--extra-suffix{
+    }
+}
+
+// 复选框
+.vxe-checkbox{
+    &> input + .vxe-checkbox--icon{
+        width: 1.15em;
+        height: 1.15em;
+    }
+}
+
+// 单选框
+.vxe-radio{
+    &> input + .vxe-radio--icon{
+        width: 1.15em;
+        height: 1.15em;
+    }
+    &> input:checked + .vxe-radio--icon:before{
+        width: .5em;
+        height: .5em;
+    }
+}
+
+// 下拉容器
+.vxe-pulldown--panel{
+    &.animat--leave {
+        transform-style: unset;
+    }
+    .vxe-pulldown--wrapper{
+        box-shadow: 0 0 6px 2px rgba(0,0,0,0.1);
+        padding: 0;
+        border-radius: 4px;
+        overflow: hidden;
+    }
+}
+
+// 模态框
+.vxe-modal--wrapper{
+    width: calc(100%);
+    height: calc(100%);
+    &.vxe-modal--preview{
+        .vxe-modal--box{
+            .vxe-modal--content{
+                text-align: center;
+            }
+        }
+    }
+    &.type--modal {
+        .vxe-modal--footer{
+            border-top: 1px solid var(--border-color);
+            padding-top: 0.5rem;
+            padding-bottom: 0.5em;
+        }
+    }
+    &.type--confirm {
+        .vxe-modal--box{
+            width: 320px;
+            .vxe-modal--body{
+                padding: 10px;
+            }
+        }
+    }
+    .vxe-modal--box{
+        max-height: 100%;
+        border: 1px solid $theme-weak-color;
+    }
+}
+
+// 加载器
+.vxe-loading{
+    min-height: 80px;
+}
+
+// 表格
+.vxe-table{
+    &.vxe-table--render-default{
+        font-family: inherit;
+        color: inherit;
+        &.vxe-editable{
+            .vxe-body--column{
+                &.col--actived{
+                    background: var(--theme-weak-color);
+                }
+            }
+        }
+        .vxe-table--render-wrapper{
+            .vxe-cell{
+                padding-left: 2px;
+                padding-right: 2px;
+            }
+            .vxe-header--column{
+                .vxe-cell{
+                    display: inline-flex;
+                    align-items: center;
+                    vertical-align: middle;
+                    .vxe-cell--title{
+                        white-space: normal;
+                        line-height: 1.3;
+                    }
+                }
+            }
+            .vxe-footer--column{
+                .vxe-cell{
+                    width: 100% !important;
+                }
+            }
+        }
+        .vxe-cell-href-a{
+            text-decoration: underline;
+        }
+        .vxe-cell--sort{
+            font-size: .9em;
+        }
+        .vxe-body--row.row--new > .vxe-body--column:before{
+            top: calc(var(--vxe-table-cell-dirty-width) * -1);
+            left: calc(var(--vxe-table-cell-dirty-width) * -1)
+        }
+    }
+}
+
+// 表格grid
+.vxe-grid{
+    &.is--maximize{
+        padding: 0;
+    }
+    &.is--hidecheck{
+        .vxe-table--render-default{
+            .vxe-cell--checkbox,.vxe-cell--radio{
+                padding-left: 0;
+            }
+            .vxe-checkbox--label, .vxe-radio--label{
+                padding-left: 0;
+            }
+            .vxe-cell--radio .vxe-radio--icon, .vxe-radio .vxe-radio--icon,
+            .vxe-table--render-wrapper .vxe-cell .vxe-cell--checkbox .vxe-checkbox--icon{
+                width: 0;
+                overflow: hidden;
+                font-size: 0;
+            }
+        }
+    }
+    .vxe-grid--form-wrapper{
+        .vxe-form{
+            &.vxe-form-collapsed{
+                &.vxe-form-collapsed-open{
+                    .vxe-form--wrapper{
+                        max-height: 200px;
+                        overflow: auto;
+                    }
+                }
+                &.vxe-form-collapsed-close{
+                    .vxe-form--wrapper{
+                    }
+                }
+            }
+            .vxe-form-slots{
+                display: block;
+            }
+        }
+    }
+}
+
+// 渲染器
+.vxe-filter--wrap{
+    padding: 8px;
+    box-sizing: border-box;
+    .vxe-filter--input{
+    }
+    .vxe-filter--footer{
+        margin-top: 8px;
+        padding: 5px 0 2px;
+        .vxe-button{
+            margin-left: 0;
+            &:focus{
+                box-shadow: none;
+            }
+        }
+    }
+}
+
+// button 间隔覆盖
+.vxe-input + .vxe-button, .vxe-input + .vxe-button--dropdown, .vxe-button + .vxe-button, .vxe-button + .vxe-button--dropdown{
+    margin-left: 5px;
+}
+
+// 自定义渲染器样式
+.vxe-render--inner {
+    display: inline;
+    &.vxe-render--inner--readonly{
+        position: relative;
+        &::before{
+            content: '';
+            position: absolute;
+            left: 0;
+            right: 0;
+            top: 0;
+            bottom: 0;
+            z-index: 2;
+        }
+    }
+    &.form-render {
+        display: inline-flex;
+        align-items: center;
+        width: 100%;
+        vertical-align: middle;
+        .prefix, .suffix{
+            max-width: 150px;
+            padding: 0 8px;
+        }
+        .vxe-radio{
+            vertical-align: super;
+        }
+    }
+    &.td-render{}
+    .prefix, .suffix{
+        white-space: nowrap;
+    }
+    .vxe-render--inner-img{
+        display: inline-block;
+        vertical-align: top;
+        max-width: 100%;
+        .render-slot-img{
+            width: 100%;
+            height: 100%
+        }
+    }
+}
+
+.vxe-table--render-default .vxe-table--render-wrapper .vxe-header--column .vxe-cell .header-bill-box,
+.vxe-table--render-default .vxe-table--render-wrapper .vxe-footer--column .vxe-cell .header-bill-box,
+.vxe-render--inner.td-render.td-all{
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    .cell-bill-number{
+        height: 100%;
+        flex: 1;
+        position: relative;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        overflow: hidden;
+        &:not(:last-child):after{
+            content: '';
+            display: block;
+            position: absolute;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            width: 1px;
+            background-color: var(--border-color);
+        }
+        &.basic:after{
+            background-color: var(--danger-color);
+        }
+        &.commafy:after{
+            background-color: var(--success-color);
+        }
+    }
+}
+
+.vxe-table--render-default .vxe-table--render-wrapper .vxe-header--column{
+    &.header-bill-cell{
+        .vxe-cell{
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            height: 50%;
+            left: 0;
+            right: 0;
+            justify-content: center;
+            overflow: visible;
+            .header-bill-box{
+                top: 100%;
+                right: -2px;
+                height: 100%;
+                border-top: 1px solid var(--border-color);
+            }
+        }
+    }
+    .header-money-unit-text{
+        color: var(--theme-color);
+        font-size: .9em;
+    }
+}
+
+// 深色模式兼容
+.theme--dark {
+    .vxe-table--render-default .vxe-body--row.row--stripe:not(.row--checked):not(.row--current):not(.row--hover){ background-color: rgba(255,255,255,.2); }
+
+    .vxe-table{
+        &.vxe-table--render-default{
+            .vxe-table--body-wrapper{
+                background: transparent;
+            }
+            .vxe-table--fixed-left-wrapper, .vxe-table--fixed-right-wrapper{
+                background-color: rgba(0,0,0,.8);
+            }
+            .vxe-body--row{
+                &.row--current{
+                    background-color: rgba(0,0,0,1);
+                }
+                &.row--checked{
+                    background-color: rgba(255,255,255,.6);
+                }
+                &.row--hover{
+                    background-color: rgba(255,255,255,.4);
+                }
+            }
+        }
+    }
+}
+
+
+// 火狐浏览器bug修复
+@-moz-document url-prefix(){
+    .vxe-grid{
+        &.is--hasfooter{
+            .vxe-table--render-default{
+                .vxe-table--render-wrapper{
+                    .vxe-table--body-wrapper{
+                        // 针对火狐浏览器出现双滚动条问题，后期看vxe升级是否可优化掉
+                        overflow-x: hidden !important; /*firefox*/
+                    }
+                }
+            }
+        }
+    }
+}