让企业管理更智慧、更快捷

Skip to content
源代码提交（4）
隐藏空白变更内容
行内 左右并排
CHANGELOG.md
浏览文件 @ 6610ef74
## [1.0.17](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.4...v1.0.17) (2023-02-25)
## [1.0.18](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.17...v1.0.18) (2023-02-27)
### Bug Fixes
* 修复自定义列未配置id和custom报错问题 ([ee1521f](http://git.leadwaycloud.com/package/lwc-ui-components/commits/ee1521f8fd753e88a1e24478783434070889869b))
## [1.0.17](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.16...v1.0.17) (2023-02-25)
## [1.0.16](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.15...v1.0.16) (2022-12-26)
### Bug Fixes
* 修复弹窗loading不显示问题 修复高级选择组件联想搜索问题 修复table组件card翻页无loading错误 修复table组件form未过滤掉空数组字段 ([9fa619b](http://git.leadwaycloud.com/package/lwc-ui-components/commits/9fa619b02256797018d833acc115c6346f7bb25d))
* 修复上传附件预览功能图片显示不完整 修复table表尾数据高度多行导致自动高度失效错误 ([7d1a274](http://git.leadwaycloud.com/package/lwc-ui-components/commits/7d1a274107f5beee62f657f3084f2cd1acb24386))
* 修复下拉表格白屏问题 修复弹窗表格第一次没有loading错误 ([12bdff9](http://git.leadwaycloud.com/package/lwc-ui-components/commits/12bdff97d590fb0a9cc9253efc2101ba3642c792))
## [1.0.15](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.14...v1.0.15) (2022-12-14)
### Bug Fixes
* 修复上传附件预览功能图片显示不完整 修复table表尾数据高度多行导致自动高度失效错误 ([7d1a274](http://git.leadwaycloud.com/package/lwc-ui-components/commits/7d1a274107f5beee62f657f3084f2cd1acb24386))
* 修复有页脚的列表在特地情况重复请求卡死的错误 ([58ff8e2](http://git.leadwaycloud.com/package/lwc-ui-components/commits/58ff8e251b155ff9227e93ebb25ab65fcde9185a))
* 修复lwc-table-basic搜索条件抛出所有有效字段逻辑错误问题 ([9f657ae](http://git.leadwaycloud.com/package/lwc-ui-components/commits/9f657ae09eaa0f777707814c21e0b3ba46d8d89f))
* 修复table插槽字段错误问题 ([9116570](http://git.leadwaycloud.com/package/lwc-ui-components/commits/91165702ae4e0e25d7d1936fb4c59861375cd85d))
## [1.0.12](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.11...v1.0.12) (2022-12-02)
## [1.0.11](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.10...v1.0.11) (2022-11-17)
## [1.0.10](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.9...v1.0.10) (2022-11-03)
### Bug Fixes
* 修复table筛选组件功能逻辑错误问题 ([d1ff3c0](http://git.leadwaycloud.com/package/lwc-ui-components/commits/d1ff3c0f01f3d7ba120b10207dfd1d7a200651df))
## [1.0.9](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.8...v1.0.9) (2022-10-31)
## [1.0.8](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.7...v1.0.8) (2022-08-31)
### Bug Fixes
* 修复table插槽字段错误问题 ([9116570](http://git.leadwaycloud.com/package/lwc-ui-components/commits/91165702ae4e0e25d7d1936fb4c59861375cd85d))
### Features
* 增加下拉弹窗直接筛选功能 ([7043886](http://git.leadwaycloud.com/package/lwc-ui-components/commits/70438865ae6e4ed2846a0957c75730f819815e0c))
## [1.0.7](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.6...v1.0.7) (2022-08-12)
### Bug Fixes
* 修复lwc-table-basic搜索条件抛出所有有效字段逻辑错误问题 ([9f657ae](http://git.leadwaycloud.com/package/lwc-ui-components/commits/9f657ae09eaa0f777707814c21e0b3ba46d8d89f))
## [1.0.6](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.5...v1.0.6) (2022-08-08)
## [1.0.5](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.4...v1.0.5) (2022-08-05)
### Bug Fixes
* 修复弹窗loading不显示问题 修复高级选择组件联想搜索问题 修复table组件card翻页无loading错误 修复table组件form未过滤掉空数组字段 ([9fa619b](http://git.leadwaycloud.com/package/lwc-ui-components/commits/9fa619b02256797018d833acc115c6346f7bb25d))
## [1.0.4](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.3...v1.0.4) (2022-03-22)
......
package.json
浏览文件 @ 6610ef74
{
"name": "@package/lwc-ui-components",
"version": "1.0.18",
"version": "1.0.19",
"private": false,
"description": "立威云UI组件库",
"author": "",
......
src/stories/changelog.stories.mdx
浏览文件 @ 6610ef74
......@@ -8,6 +8,20 @@
`新特性`
`非兼容性更新`
---
### **v1.0.19 20230331**
#### Bug修复
- 修复 lwc-dialog-basic 组件 标签页下的切换隐藏后再次出现时显示白屏的错误
---
### **v1.0.18 20230227**
#### Bug修复
- 修复 lwc-dialog-basic 组件 自定义列未配置id和custom报错问题
---
### **v1.0.17 20230225**
......
src/stories/data-display/tabs/index.stories.js
浏览文件 @ 6610ef74
......@@ -9,154 +9,205 @@ export default {
},
decorators: [() => ({ template: '<el-col class="bg-white p-4"><story/></el-col>' })],
};
const Template = (args, { argTypes }) => ({
props: Object.keys(args),
props: Object.keys(argTypes),
components: { LwcDataDisplayTabs },
template: '<lwc-data-display-tabs v-bind="$props" @tab-click="tabClick"/>',
methods: {
tabClick() {
console.log("点击标签页");
},
// template: '<lwc-data-display-tabs v-bind="$props" @tab-click="tabClick"/>',
// methods: {
// tabClick() {
// // console.log(data)
// // if(data) {
// // const tableGrid = data
// // setTimeout(async() => {
// // const scroll = await tableGrid.getScroll()
// // if(scroll.scrollTop > 0) {
// // tableGrid.scrollTo(scroll.scrollLeft, 0).then(() => {
// // tableGrid.scrollTo(scroll.scrollLeft, scroll.scrollTop)
// // })
// // } else {
// // tableGrid.scrollTo(scroll.scrollLeft, scroll.scrollLeft + 1).then(() => {
// // tableGrid.scrollTo(scroll.scrollLeft, 0)
// // })
// // }
// // }, 0)
// // }
// // console.log("点击标签页");
// },
// },
data() {
return {
tabValue: "first"
}
},
});
export const Default = Template.bind({});
Default.args = {
value: "first",
items: [
{
label: "概括信息",
name: "first",
className: "",
content: [
{
name: "lwc-data-display-descriptions",
attrs: {
bordered: true,
column: 3,
size: "default",
layout: "horizontal",
colon: true,
},
props: {
title: "",
className: [],
items: [
{
label: "商机标题",
value: "商机标题",
},
render(h) {
const _this = this;
console.log("_this", _this)
return h('lwc-data-display-tabs', {
attrs: {
get value() {
return "first"
},
tabClick: ({ name }) => {
},
},
props: {
items: [
{
label: "概括信息",
name: "first",
className: "",
content: [
{
label: "关联客户",
value: "深圳市亿恩科技有限公司",
renderContent: {
name: "el-link",
props: { type: "primary" },
events: {
click: () => {
console.log("点击关联客户");
name: "lwc-data-display-descriptions",
attrs: {
bordered: true,
column: 3,
size: "default",
layout: "horizontal",
colon: true,
},
props: {
title: "",
className: [],
items: [
{
label: "商机标题",
value: "商机标题",
},
},
{
label: "关联客户",
value: "深圳市亿恩科技有限公司",
renderContent: {
name: "el-link",
props: { type: "primary" },
events: {
click: () => {
console.log("点击关联客户");
},
},
},
},
{
label: "关联订单",
value: "PO2021030100001",
},
{
label: "主要联系人",
value: "李小红",
},
{
label: "预计销售金额",
value: "¥10,000,00",
},
{
label: "预计签单日期",
value: "2019-03-28",
},
],
},
},
{
label: "关联订单",
value: "PO2021030100001",
},
{
label: "主要联系人",
value: "李小红",
},
{
label: "预计销售金额",
value: "¥10,000,00",
},
{
label: "预计签单日期",
value: "2019-03-28",
},
],
},
},
],
},
{
label: "跟进记录",
name: "1",
lazy: false,
content: [
{
name: "lwc-table-basic",
attrs: {},
props: {
gridConfig: {
columns: [
{ type: "checkbox", width: 60 },
{ field: "id", title: "ID" },
{ field: "version", title: "版本" },
{ field: "description", title: "描述" },
],
printConfig: {},
importConfig: {},
exportConfig: {},
formConfig: null,
"auto-resize": true,
pagerConfig: {
pageSize: 10,
border: true,
},
toolbarConfig: null,
proxyConfig: {
props: {
result: "pageList", // 配置响应结果列表字段
total: "totalPage", // 配置响应结果总页数字段
},
ajax: {
// 接收 Promise 对象
query: async ({ page, sorts, filters }, form = {}) => {
console.log('query load data')
let list = []
for(let i = 0; i< 100; i++) {
list.push({
id: i + 1,
version: "2.2.0",
description: "正式版本 xxxxx",
active: true,
})
}
return {
pageList: list,
totalPage: 0,
};
{
label: "跟进记录",
name: "1",
get content() {
return [
{
name: "lwc-table-basic",
attrs: {},
props: {
gridConfig: {
height: "300",
// "sync-resize": _this.tabValue,
columns: [
{ type: "checkbox", width: 60 },
{ field: "id", title: "ID" },
{ field: "version", title: "版本" },
{ field: "description", title: "描述" },
],
printConfig: {},
importConfig: {},
exportConfig: {},
formConfig: null,
"auto-resize": true,
pagerConfig: {
pageSize: 10,
border: true,
},
toolbarConfig: null,
proxyConfig: {
props: {
result: "pageList", // 配置响应结果列表字段
total: "totalPage", // 配置响应结果总页数字段
},
ajax: {
// 接收 Promise 对象
query: async ({ page, sorts, filters, $grid }, form = {}) => {
console.log('query load data')
let list = []
for(let i = 0; i< 200; i++) {
list.push({
id: i + 1,
version: "2.2.0",
description: "正式版本 xxxxx",
active: true,
})
}
return {
pageList: list,
totalPage: 0,
};
},
},
},
},
},
},
},
]
},
},
},
],
},
{
label: "关联订单",
name: "2",
},
{
label: "关联合同",
name: "3",
},
{
label: "产品报价",
name: "4",
},
{
label: "相关附件",
name: "5",
{
label: "关联订单",
name: "2",
},
{
label: "关联合同",
name: "3",
},
{
label: "产品报价",
name: "4",
},
{
label: "相关附件",
name: "5",
},
],
},
on: {
"update:value"(val) {
_this.value = val;
}
}
})
},
});
export const Default = Template.bind({});
Default.args = {};
const Template1 = (args, { argTypes }) => ({
props: Object.keys(args),
components: { LwcDataDisplayTabs },
template: '<lwc-data-display-tabs v-bind="$props" @tab-click="tabClick"/>',
methods: {
tabClick() {
},
],
};
}
});
export const TestTemplate = Template.bind({});
export const TestTemplate = Template1.bind({});
TestTemplate.storyName = "组件传入"
TestTemplate.args = {
value: "first",
......
src/stories/data-display/tabs/src/index.js
浏览文件 @ 6610ef74
......@@ -4,9 +4,12 @@ import renderHoc from '../../../../renders/hoc';
/**
* @Desc: 高阶组件自定义渲染
*/
function renderItemContent(h, _vm, content) {
function renderItemContent(h, _vm, content, name) {
let els = [];
content.forEach((i) => {
if(i.name === 'lwc-table-basic') {
_vm.$set(i.props, "tabValue", _vm.tabValue === name)
}
els.push(renderHoc(h, _vm, i));
})
return els;
......@@ -25,7 +28,7 @@ function renderTabItem(h, _vm, items) {
props: { label, name, lazy, closable, disabled },
class: className,
},
content ? [ ...renderItemContent(h, _vm, content) ] : '暂无内容'
content ? [ ...renderItemContent(h, _vm, content, name) ] : '暂无内容'
));
}
});
......@@ -45,14 +48,22 @@ export default {
type: [Array, String, Object]
}
},
data() {
return {
tabValue: this.$attrs.value
}
},
render(h) {
const { items, className } = this.$props;
const tabClick = this.$listeners["tab-click"]
const tabClick = this.$listeners["tab-click"] || this.$attrs.tabClick
return h('el-tabs', {
props: { ...this.$attrs },
class: className,
on: {
"tab-click": tabClick ? tabClick : () => {}
"tab-click": (value) => {
if(tabClick) tabClick(value)
this.tabValue = value.name
}
}
}, renderTabItem(h, this, items));
}
......
src/stories/table/basic/src/index.js
浏览文件 @ 6610ef74
......@@ -372,6 +372,10 @@ export default {
type: Object,
default: () => { return {} }
},
tabValue: {
type: Boolean,
default: false
},
page: {
type: String,
default: "page"
......@@ -438,6 +442,27 @@ export default {
return { ...{ grid: [], table: ['px-4'], form: ['px-4'], toolbar: ['px-4'] }, ...this.className };
}
},
watch: {
tabValue(value) {
if(value) {
if(this.$refs[this.gridTable]) {
const tableGrid = this.$refs[this.gridTable]
setTimeout(async() => {
const scroll = await tableGrid.getScroll()
if(scroll.scrollTop > 0) {
tableGrid.scrollTo(scroll.scrollLeft, 0).then(() => {
tableGrid.scrollTo(scroll.scrollLeft, scroll.scrollTop)
})
} else {
tableGrid.scrollTo(scroll.scrollLeft, scroll.scrollLeft + 1).then(() => {
tableGrid.scrollTo(scroll.scrollLeft, 0)
})
}
}, 0)
}
}
}
},
methods: {
toggleGridType(type) {
this.viewGridType = type
......

致力于帮助企业简化企业管理与运营管理