sh-view 2.0.1 → 2.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sh-view",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "基于vxe-table二次封装",
   "main": "packages/index.js",
   "scripts": {

package/packages/components/global-components/sh-col/index.vue

@@ -1,83 +1,83 @@
-<template>
-	<div :class="classes" :style="styles">
-		<slot></slot>
-	</div>
-</template>
-
-<script>
-import './css/index.scss'
-const prefixCls = 'sh-col'
-function parseFlex(flex) {
-	if (typeof flex === 'number') {
-		return `${flex} ${flex} auto`
-	}
-	if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
-		return `0 0 ${flex}`
-	}
-	return flex
-}
-export default {
-	name: 'ShCol',
-	inject: ['RowInstance'],
-	props: {
-		span: [Number, String],
-		order: [Number, String],
-		offset: [Number, String],
-		push: [Number, String],
-		pull: [Number, String],
-		xs: [Number, Object],
-		sm: [Number, Object],
-		md: [Number, Object],
-		lg: [Number, Object],
-		xl: [Number, Object],
-		xxl: [Number, Object],
-		flex: {
-			type: [Number, String],
-			default: ''
-		}
-	},
-	computed: {
-		gutter() {
-			return this.RowInstance?.gutter || 0
-		},
-		classes() {
-			let classList = [
-				`${prefixCls}`,
-				{
-					[`${prefixCls}-span-${this.span}`]: this.span,
-					[`${prefixCls}-order-${this.order}`]: this.order,
-					[`${prefixCls}-offset-${this.offset}`]: this.offset,
-					[`${prefixCls}-push-${this.push}`]: this.push,
-					[`${prefixCls}-pull-${this.pull}`]: this.pull
-				}
-			]
-			;['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].forEach(size => {
-				if (typeof this[size] === 'number') {
-					classList.push(`${prefixCls}-span-${size}-${this[size]}`)
-				} else if (typeof this[size] === 'object') {
-					let props = this[size]
-					Object.keys(props).forEach(prop => {
-						classList.push(prop !== 'span' ? `${prefixCls}-${size}-${prop}-${props[prop]}` : `${prefixCls}-span-${size}-${props[prop]}`)
-					})
-				}
-			})
-			return classList
-		},
-		styles() {
-			let style = {}
-			if (this.gutter !== 0) {
-				style = {
-					paddingLeft: this.gutter / 2 + 'px',
-					paddingRight: this.gutter / 2 + 'px'
-				}
-			}
-			if (this.flex) {
-				style.flex = parseFlex(this.flex)
-			}
-			return style
-		}
-	}
-}
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+	<div :class="classes" :style="styles">
+		<slot></slot>
+	</div>
+</template>
+
+<script>
+import './css/index.scss'
+const prefixCls = 'sh-col'
+function parseFlex(flex) {
+	if (typeof flex === 'number') {
+		return `${flex} ${flex} auto`
+	}
+	if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
+		return `0 0 ${flex}`
+	}
+	return flex
+}
+export default {
+	name: 'ShCol',
+	inject: ['RowInstance'],
+	props: {
+		span: [Number, String],
+		order: [Number, String],
+		offset: [Number, String],
+		push: [Number, String],
+		pull: [Number, String],
+		xs: [Number, Object],
+		sm: [Number, Object],
+		md: [Number, Object],
+		lg: [Number, Object],
+		xl: [Number, Object],
+		xxl: [Number, Object],
+		flex: {
+			type: [Number, String],
+			default: ''
+		}
+	},
+	computed: {
+		gutter() {
+			return this.RowInstance?.gutter || 0
+		},
+		classes() {
+			let classList = [
+				`${prefixCls}`,
+				{
+					[`${prefixCls}-span-${this.span}`]: this.span,
+					[`${prefixCls}-order-${this.order}`]: this.order,
+					[`${prefixCls}-offset-${this.offset}`]: this.offset,
+					[`${prefixCls}-push-${this.push}`]: this.push,
+					[`${prefixCls}-pull-${this.pull}`]: this.pull
+				}
+			]
+			;['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].forEach(size => {
+				if (typeof this[size] === 'number') {
+					classList.push(`${prefixCls}-span-${size}-${this[size]}`)
+				} else if (typeof this[size] === 'object') {
+					let props = this[size]
+					Object.keys(props).forEach(prop => {
+						classList.push(prop !== 'span' ? `${prefixCls}-${size}-${prop}-${props[prop]}` : `${prefixCls}-${size}-span-${props[prop]}`)
+					})
+				}
+			})
+			return classList
+		},
+		styles() {
+			let style = {}
+			if (this.gutter !== 0) {
+				style = {
+					paddingLeft: this.gutter / 2 + 'px',
+					paddingRight: this.gutter / 2 + 'px'
+				}
+			}
+			if (this.flex) {
+				style.flex = parseFlex(this.flex)
+			}
+			return style
+		}
+	}
+}
+</script>
+
+<style scoped lang="scss"></style>

package/packages/components/global-components/sh-drawer/index.vue

@@ -392,7 +392,7 @@ export default {
 		position: absolute;
 		top: 0;
 		bottom: 0;
-		background-color: #fff;
+		background-color: var(--vxe-table-body-background-color);
 		border: 0;
 		background-clip: padding-box;
 		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

package/packages/components/global-components/sh-form/css/index.scss

@@ -5,14 +5,14 @@
             .vxe-input--inner[disabled], .vxe-textarea--inner[disabled]{
                 cursor: auto;
                 color: #333;
-                background-color: #fff;
+                background-color: var(--vxe-table-body-background-color);
                 border-color: var(--vxe-primary-lighten-color);
             }
             .vxe-checkbox.is--disabled{
                 cursor: auto;
                 color: #333;
                 & > input + .vxe-checkbox--icon{
-                    background-color: #fff;
+                    background-color: var(--vxe-table-body-background-color);
                     border-color: var(--vxe-primary-lighten-color);
                 }
                 & > input + .vxe-checkbox--icon:before{

package/packages/components/global-components/sh-poptip/index.vue

@@ -350,6 +350,7 @@ $poptip-arrow-color: hsla(0, 0%, 85%, 0.5);
 	&-rel {
 		display: inline-block;
 		position: relative;
+		width: 100%;
 	}
 	&-title {
 		margin: 0;
@@ -386,7 +387,7 @@ $poptip-arrow-color: hsla(0, 0%, 85%, 0.5);
 	}
 	&-inner {
 		width: 100%;
-		background-color: #fff;
+		background-color: var(--vxe-table-body-background-color);
 		background-clip: padding-box;
 		border-radius: var(--vxe-border-radius);
 		box-shadow: var(--box-shadow);

package/dist/css/227.45fab5b7.css

@@ -1 +0,0 @@
-.test-tree-wrap[data-v-2ac41b11]{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:nowrap}.test-tree-wrap .test-tree-item[data-v-2ac41b11]{flex:1;overflow:auto}

package/dist/css/291.e7facf7d.css

@@ -1 +0,0 @@
-.bottom[data-v-3fc2987f],.top[data-v-3fc2987f]{text-align:center;width:100%}.center[data-v-3fc2987f]{width:600px;margin:10px auto;overflow:hidden}.center-left[data-v-3fc2987f]{float:left}.center-right[data-v-3fc2987f]{float:right}

package/dist/css/299.e98df6ce.css

@@ -1 +0,0 @@
-.exampleRow .sh-row[data-v-7618ce24]{margin-bottom:20px}.exampleRow .sh-col[data-v-7618ce24]{text-align:center;min-height:44px;line-height:44px;background-color:#ccc}.exampleRow .sh-col[data-v-7618ce24]:nth-of-type(odd){background-color:var(--vxe-primary-color)}

package/dist/css/358.e641c5d1.css

@@ -1 +0,0 @@
-.carner-block[data-v-90089df8]{width:150px;height:200px;display:block;position:relative;background:#fff;margin:10px;float:left}

package/dist/css/534.726e6699.css

@@ -1 +0,0 @@
-.count-block{width:150px;height:100px;display:inline-flex;justify-content:center;align-items:center;background:#ccc;margin:15px}.count-block .count-text{font-size:30px;color:#ff3552}

package/dist/css/769.8008ac6c.css

@@ -1 +0,0 @@
-.sh-badge{margin-right:30px}.demo-badge{width:42px;height:42px;background:#eee;border-radius:6px;display:inline-block}.demo-badge-alone{background:#5cb85c!important}