package.json

 {
   "name": "@package/lwc-ui-components",
-  "version": "0.1.41",
+  "version": "0.1.42",
   "private": false,
   "license": "UNLICENSED",
   "scripts": {

src/stories/changelog.stories.mdx

@@ -7,16 +7,35 @@
 `优化`
 `新特性`
 `非兼容性更新`
+
 ---
-### **v0.1.41 20211122**
+### **v0.1.42 20211221**
+
+#### 新增
+
+- 新增 dashbard, chart 组件 shadow 属性，支持阴影控制
+
+---
+### **v0.1.41 20211217**
 
 #### 新增
 
 - 新增 quill富文本图片路径导入图片功能
+- 新增 hoc 模板tooltip提示属性
+- 新增 lwc-table-basic 传值data,loadData等方法在配置分页无代理情况下默认加载分页数据
+- 新增 审核弹窗和表单弹窗的loading
 
 #### 修复
 
-- 修复 vxe-table配置data数据，无proxy-config时的报错信息
+- 修复 vxe-table 配置data数据，无proxy-config时的报错信息
+- 修复 报表刷新按钮无移入效果
+- 修复 echarts 版本升级报错
+- 修复 goods card 组件货号过长展示问题
+- 修复 lwc-upload-file 上传错误loading未关闭的错误
+- 修复 table 传值data无proxyConfig配置报错消息
+- 修复 上传组件accept等属性未生效问题
+- 修复 table 组件首次翻页点击两次问题
+- 优化 card 组件文字展示颜色 
 
 ---
 ### **v0.1.40 20211022**

src/stories/chart/bar/Index.vue

 <template>
 	<el-card class="rounded-none dashboard-card"
+		:shadow="shadow"
 		:class="{ 'is-auto-size': autoSize }">
 		<el-row slot="header" class="flex flex-row items-center">
 			<el-col :span="8" class="font-bold">{{ title }}</el-col>
@@ -48,6 +49,12 @@ export default {
 		options: {
 			type: Object,
 		},
+		shadow: {
+			type: String,
+			default() {
+				return "never"
+			}
+		},
 	},
 	components: {
 		chart: ECharts

src/stories/chart/bar/index.stories.js

@@ -9,6 +9,11 @@ export default {
 		spin: { type: "boolean" },
 		autoSize: { type: "boolean" },
 		title: { type: "string" },
+		shadow: { type: "string", description: "显示阴影，与 el-card 属性一致", control: { type: "select", options: [
+			"always",
+			"never",
+			"hover",
+		] } },
 	},
 	decorators: [() => ({ template: ChartTpl })],
 };
@@ -38,6 +43,7 @@ Default.args = {
 	title: "默认柱形图",
 	spin: false,
 	autoSize: true,
+	shadow: "hover",
 	options: {
 		xAxis: {
 			type: "category",

src/stories/chart/funnel/Index.vue

 <template>
 	<el-card class="rounded-none dashboard-card"
+		:shadow="shadow"
 		:class="{ 'is-auto-size': autoSize }">
 		<el-row slot="header" class="flex flex-row items-center">
 			<el-col :span="8" class="font-bold">{{ title }}</el-col>
@@ -48,6 +49,12 @@ export default {
 		options: {
 			type: Object,
 		},
+		shadow: {
+			type: String,
+			default() {
+				return "never"
+			}
+		},
 	},
 	components: {
 		chart: ECharts

src/stories/chart/funnel/index.stories.js

@@ -9,6 +9,11 @@ export default {
 		spin: { type: "boolean" },
 		autoSize: { type: "boolean" },
 		title: { type: "string" },
+		shadow: { type: "string", description: "显示阴影，与 el-card 属性一致", control: { type: "select", options: [
+			"always",
+			"never",
+			"hover",
+		] } },
 	},
 	decorators: [() => ({ template: ChartTpl })],
 };
@@ -30,6 +35,7 @@ Default.args = {
 	title: "默认漏斗图",
 	spin: false,
 	autoSize: true,
+	shadow: 'hover',
 	options: {
 		// title: {
 		// 	text: "漏斗图",

src/stories/chart/gauge/Index.vue

 <template>
 	<el-card class="rounded-none dashboard-card"
+		:shadow="shadow"
 		:class="{ 'is-auto-size': autoSize }">
 		<el-row slot="header" class="flex flex-row items-center">
 			<el-col :span="8" class="font-bold">{{ title }}</el-col>
@@ -48,6 +49,12 @@ export default {
 		options: {
 			type: Object,
 		},
+		shadow: {
+			type: String,
+			default() {
+				return "never"
+			}
+		},
 	},
 	components: {
 		chart: ECharts

src/stories/chart/gauge/index.stories.js

@@ -9,6 +9,11 @@ export default {
 		spin: { type: "boolean" },
 		autoSize: { type: "boolean" },
 		title: { type: "string" },
+		shadow: { type: "string", description: "显示阴影，与 el-card 属性一致", control: { type: "select", options: [
+			"always",
+			"never",
+			"hover",
+		] } },
 	},
 	decorators: [() => ({ template: ChartTpl })],
 };
@@ -25,6 +30,7 @@ Default.args = {
 	title: "业务指标",
 	spin: false,
 	autoSize: true,
+	shadow: false,
 	options: {
 		tooltip: {
 			formatter: "{a} <br/>{b} : {c}%",

src/stories/chart/line/Index.vue

 <template>
 	<el-card class="rounded-none dashboard-card"
+		:shadow="shadow"
 		:class="{ 'is-auto-size': autoSize }">
 		<el-row slot="header" class="flex flex-row items-center">
 			<el-col :span="8" class="font-bold">{{ title }}</el-col>
@@ -48,6 +49,12 @@ export default {
 		options: {
 			type: Object,
 		},
+		shadow: {
+			type: String,
+			default() {
+				return "never"
+			}
+		},
 	},
 	components: {
 		chart: ECharts

src/stories/chart/line/index.stories.js

@@ -9,6 +9,11 @@ export default {
 		spin: { type: "boolean" },
 		autoSize: { type: "boolean" },
 		title: { type: "string" },
+		shadow: { type: "string", description: "显示阴影，与 el-card 属性一致", control: { type: "select", options: [
+			"always",
+			"never",
+			"hover",
+		] } },
 	},
 	decorators: [() => ({ template: ChartTpl })],
 };
@@ -59,6 +64,7 @@ Stacked.args = {
 	title: "堆叠折线图",
 	spin: false,
 	autoSize: true,
+	shadow: "hover",
 	options: {
 		// title: { text: '堆叠折线图' },
 		tooltip: {

src/stories/chart/pie/Index.vue

 <template>
 	<el-card class="rounded-none dashboard-card"
+		:shadow="shadow"
 		:class="{ 'is-auto-size': autoSize }">
 		<el-row slot="header" class="flex flex-row items-center">
 			<el-col :span="8" class="font-bold">{{ title }}</el-col>
@@ -48,6 +49,12 @@ export default {
 		options: {
 			type: Object,
 		},
+		shadow: {
+			type: String,
+			default() {
+				return "never"
+			}
+		},
 	},
 	components: {
 		chart: ECharts

src/stories/chart/pie/index.stories.js

@@ -9,6 +9,11 @@ export default {
 		spin: { type: "boolean" },
 		autoSize: { type: "boolean" },
 		title: { type: "string" },
+		shadow: { type: "string", description: "显示阴影，与 el-card 属性一致", control: { type: "select", options: [
+			"always",
+			"never",
+			"hover",
+		] } },
 	},
 	decorators: [() => ({ template: ChartTpl })],
 };
@@ -24,6 +29,7 @@ Default.args = {
 	title: "某站点用户访问来源",
 	spin: false,
 	autoSize: true,
+	shadow: "hover",
 	options: {
 		// title: {
 		// 	text: "某站点用户访问来源",

src/stories/chart/report/index.stories.js

@@ -9,6 +9,11 @@ export default {
 		spin: { type: "boolean" },
 		autoSize: { type: "boolean" },
 		title: { type: "string" },
+		shadow: { type: "string", description: "显示阴影，与 el-card 属性一致", control: { type: "select", options: [
+			"always",
+			"never",
+			"hover",
+		] } },
 	},
 	decorators: [() => ({ template: ChartTpl })]
 };
@@ -84,6 +89,7 @@ PaymentStatistics.args = {
 	title: "近7日出入款统计",
 	spin: false,
 	autoSize: true,
+	shadow: "hover",
 	options: {
 		// title: { text: '近7日出入款统计' },
 		tooltip: {

src/stories/chart/report/src/index.vue

 <template>
 	<el-card class="rounded-none dashboard-card"
+		:shadow="shadow"
 		:class="{ 'is-auto-size': autoSize }">
 		<el-row slot="header" class="flex flex-row items-center">
 			<el-col class="font-bold">{{ title }}</el-col>
@@ -56,7 +57,13 @@ export default {
 			default() {
 				return []
 			}
-		}
+		},
+		shadow: {
+			type: String,
+			default() {
+				return "never"
+			}
+		},
 	},
 	components: {
 		chart: ECharts

src/stories/chart/scatter/Index.vue

 <template>
 	<el-card class="rounded-none dashboard-card"
+		:shadow="shadow"
 		:class="{ 'is-auto-size': autoSize }">
 		<el-row slot="header" class="flex flex-row items-center">
 			<el-col :span="8" class="font-bold">{{ title }}</el-col>
@@ -48,6 +49,12 @@ export default {
 		options: {
 			type: Object,
 		},
+		shadow: {
+			type: String,
+			default() {
+				return "never"
+			}
+		},
 	},
 	components: {
 		chart: ECharts

src/stories/chart/scatter/index.stories.js

@@ -9,6 +9,11 @@ export default {
 		spin: { type: "boolean" },
 		autoSize: { type: "boolean" },
 		title: { type: "string" },
+		shadow: { type: "string", description: "显示阴影，与 el-card 属性一致", control: { type: "select", options: [
+			"always",
+			"never",
+			"hover",
+		] } },
 	},
 	decorators: [() => ({ template: ChartTpl })],
 };
@@ -39,6 +44,7 @@ Default.args = {
 	title: "默认散点图",
 	spin: false,
 	autoSize: true,
+	shadow: "hover",
 	options: {
 		xAxis: {},
 		yAxis: {},

src/stories/dashboard/custom-card-default/Index.vue

 <template>
 	<el-card class="rounded-none dashboard-card"
+		:shadow="shadow"
 		:class="{ 'is-auto-size': autoSize }">
 		<el-row slot="header" class="flex flex-row items-center">
 			<el-col class="font-bold">{{ title }}</el-col>
@@ -42,6 +43,12 @@ export default {
 			type: Array,
 			default() { return [] }
 		},
+		shadow: {
+			type: String,
+			default() {
+				return "never"
+			}
+		},
 		formConfig: {
 			type: Object,
 		},

src/stories/dashboard/custom-card-default/index.stories.js

@@ -9,6 +9,11 @@ export default {
 		onRefresh: { action: 'clicked' },
 		spin: { type: "boolean", description: '刷新状态' },
 		autoSize: { type: "boolean", description: '是否自适应大小' },
+		shadow: { type: "string", description: "显示阴影，与 el-card 属性一致", control: { type: "select", options: [
+			"always",
+			"never",
+			"hover",
+		] } },
 	},
 	decorators: [() => ({ template: CardTpl })],
 };
@@ -59,5 +64,6 @@ Default.args = {
 export const EmptyData = Template.bind({});
 EmptyData.args = {
 	title: '自定义总览',
-	data: []
+	data: [],
+	shadow: "always"
 };

src/stories/dashboard/custom-ranking-default/Index.vue

 <template>
 	<el-card class="rounded-none dashboard-card"
+		:shadow="shadow"
 		:class="{ 'is-auto-size': autoSize }">
 		<el-row slot="header" class="flex flex-row items-center">
 			<el-col class="font-bold">{{ title }}</el-col>
@@ -78,6 +79,12 @@ export default {
 			type: Array,
 			default() { return [] }
 		},
+		shadow: {
+			type: String,
+			default() {
+				return "never"
+			}
+		},
 		formConfig: {
 			type: Object,
 		},

src/stories/dashboard/custom-ranking-default/index.stories.js

@@ -9,6 +9,11 @@ export default {
 		spin: { type: "boolean", description: '刷新状态' },
 		image: { type: "boolean", description: '是否显示图片' },
 		title: { type: "string", description: '标题' },
+		shadow: { type: "string", description: "显示阴影，与 el-card 属性一致", control: { type: "select", options: [
+			"always",
+			"never",
+			"hover",
+		] } },
 		headerItems: { description: '表格头部配置项，支持所有el-table-column 参数，另外 isSlot: true 为开启插槽模式' },
 		items: { description: '表格数据项' },
 		autoSize: { type: "boolean", description: '是否自适应大小' },
@@ -68,5 +73,6 @@ Default.args = {
 export const EmptyData = Template.bind({});
 EmptyData.args = {
 	title: '自定义排行榜',
-	data: []
+	data: [],
+	shadow: 'hover'
 };