linkmore-design 1.0.44 → 1.0.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/CardTable/LmCardTable.d.ts +3 -2
- package/dist/CardTable/body/TableBodyCell.d.ts +2 -1
- package/dist/CardTable/card/PictureTextColumn.d.ts +2 -1
- package/dist/CardTable/card/PictureTextRow.d.ts +2 -1
- package/dist/CardTable/table/TableRoot.d.ts +3 -9
- package/dist/LmSelect/useCheckboxOptions.d.ts +4 -1
- package/dist/index.umd.js +5756 -5628
- package/dist/index.umd.min.js +6 -6
- package/es/CardTable/LmCardTable.js +9 -3
- package/es/CardTable/body/TableBodyCell.js +3 -1
- package/es/CardTable/body/TableBodyRow.js +8 -4
- package/es/CardTable/card/PictureTextColumn.js +37 -11
- package/es/CardTable/card/PictureTextRow.js +31 -11
- package/es/CardTable/style/style.css +1 -2
- package/es/CardTable/table/TableRoot.js +53 -23
- package/es/CkFilter/baseFilter/filterMenu.js +4 -0
- package/es/CkFilter/baseFilter/index.js +16 -10
- package/es/CkFilter/complexFilter/drawer.js +11 -3
- package/es/CkFilter/components/filterTypes.js +30 -2
- package/es/CustomTableOption/index.js +7 -7
- package/es/CustomerService/README.md.old +15 -0
- package/es/EnlargeImg/README.md.old +21 -0
- package/es/Filter/README.md.old +144 -0
- package/es/IconFont/font/iconfont.css +15 -7
- package/es/IconFont/font/iconfont.js +1 -1
- package/es/IconFont/font/iconfont.ttf +0 -0
- package/es/IconFont/font/iconfont.woff +0 -0
- package/es/IconFont/font/iconfont.woff2 +0 -0
- package/es/LeftTable/style/style.css +1 -1
- package/es/LmSelect/NormalSelect.js +2 -2
- package/es/LmSelect/useCheckboxOptions.d.ts +4 -1
- package/es/LmSelect/useCheckboxOptions.js +14 -8
- package/es/LmTable/Table.js +127 -48
- package/es/LmTable/style/style.css +9 -0
- package/es/OldModal/README.md.old +27 -0
- package/es/PopTable/README.md.old +30 -0
- package/es/ProTable/README.md.old +141 -0
- package/es/Radio/index.js +0 -1
- package/es/TableRender/README.md.old +20 -0
- package/lib/CardTable/LmCardTable.js +9 -3
- package/lib/CardTable/body/TableBodyCell.js +3 -1
- package/lib/CardTable/body/TableBodyRow.js +8 -4
- package/lib/CardTable/card/PictureTextColumn.js +37 -11
- package/lib/CardTable/card/PictureTextRow.js +31 -11
- package/lib/CardTable/style/style.css +1 -2
- package/lib/CardTable/table/TableRoot.js +53 -23
- package/lib/CkFilter/baseFilter/filterMenu.js +4 -0
- package/lib/CkFilter/baseFilter/index.js +16 -10
- package/lib/CkFilter/complexFilter/drawer.js +11 -3
- package/lib/CkFilter/components/filterTypes.js +30 -2
- package/lib/CustomTableOption/index.js +7 -7
- package/lib/CustomerService/README.md.old +15 -0
- package/lib/EnlargeImg/README.md.old +21 -0
- package/lib/Filter/README.md.old +144 -0
- package/lib/IconFont/font/iconfont.css +15 -7
- package/lib/IconFont/font/iconfont.js +1 -1
- package/lib/IconFont/font/iconfont.ttf +0 -0
- package/lib/IconFont/font/iconfont.woff +0 -0
- package/lib/IconFont/font/iconfont.woff2 +0 -0
- package/lib/LeftTable/style/style.css +1 -1
- package/lib/LmSelect/NormalSelect.js +2 -2
- package/lib/LmSelect/useCheckboxOptions.d.ts +4 -1
- package/lib/LmSelect/useCheckboxOptions.js +14 -8
- package/lib/LmTable/Table.js +127 -48
- package/lib/LmTable/style/style.css +9 -0
- package/lib/OldModal/README.md.old +27 -0
- package/lib/PopTable/README.md.old +30 -0
- package/lib/ProTable/README.md.old +141 -0
- package/lib/Radio/index.js +0 -1
- package/lib/TableRender/README.md.old +20 -0
- package/package.json +1 -1
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
---
|
|
2
|
+
nav:
|
|
3
|
+
title: 组件
|
|
4
|
+
path: /components
|
|
5
|
+
group:
|
|
6
|
+
title: 组件
|
|
7
|
+
path: /basic
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
## Filter 筛选组件(废弃,请使用CkFilter)
|
|
11
|
+
|
|
12
|
+
### 基本使用
|
|
13
|
+
|
|
14
|
+
<code src="./demos/basic.jsx" background="#fff" />
|
|
15
|
+
|
|
16
|
+
### 参数 Props
|
|
17
|
+
|
|
18
|
+
| 参数 | 说明 | 类型 | 默认 |
|
|
19
|
+
| ------------ | -------------------------------------------------------------------- | ------- | ----- |
|
|
20
|
+
| data | 筛选字段 | [] | - |
|
|
21
|
+
| rememberList | 创建的左侧筛选项(记忆项) | [] | - |
|
|
22
|
+
| getChane | 筛选事件,接收筛选后的数据 | {} | - |
|
|
23
|
+
| remember | 是否使用记忆筛选 | Boolean | false |
|
|
24
|
+
| complex | 是否使用高级筛选 | Boolean | false |
|
|
25
|
+
| custom | 自定义,接收搜索事件传入值和 key(value, field):例如:快捷筛选单选 | render | - |
|
|
26
|
+
| defaultValue | 记忆项的默认值 | render | - |
|
|
27
|
+
|
|
28
|
+
#### Data
|
|
29
|
+
|
|
30
|
+
| 参数 | 说明 | 类型 | 默认 |
|
|
31
|
+
| ---------- | ------------------------------------- | ---------------------- | ----- |
|
|
32
|
+
| type | 类型 | select/checkbox/tree…… | - |
|
|
33
|
+
| dateType | 日期类型,仅当 type='date'时有效 | '' | date |
|
|
34
|
+
| title | 文字显示 | '' | - |
|
|
35
|
+
| field | 字段关键词 | '' | - |
|
|
36
|
+
| mode | 查询关系(适用于高级筛选) | 'and'/'or' | 'and' |
|
|
37
|
+
| api | 接口请求 | '' | - |
|
|
38
|
+
| params | 入参,配合接口请求 | {} | - |
|
|
39
|
+
| data | 默认数据字段(非接口请求) | [] | - |
|
|
40
|
+
| value | 返回数据(待定) | '' | - |
|
|
41
|
+
| more | 是否动态加载 | Boolean | false |
|
|
42
|
+
| fixed | 是否固定于页面(收为更多筛选内) | Boolean | false |
|
|
43
|
+
| expand | 额外拓展 | {} | {} |
|
|
44
|
+
| config | 组件原生属性,仅适用于日期类型 | {} | {} |
|
|
45
|
+
| content | 自定义下拉结构,e(value)事件接收一个值 | (e) => Dom | - |
|
|
46
|
+
| renderItem | 自定义行结构(接收 label) | Dom | - |
|
|
47
|
+
|
|
48
|
+
DateType
|
|
49
|
+
|
|
50
|
+
| 参数 | 说明 | 类型 | 默认 |
|
|
51
|
+
| ----------- | ------------ | ---- | ---- |
|
|
52
|
+
| date | 年月日 | '' | - |
|
|
53
|
+
| rangePicker | 日期区间 | [] | - |
|
|
54
|
+
| week | 周 | '' | - |
|
|
55
|
+
| month | 月 | '' | - |
|
|
56
|
+
| quarter | 季 | '' | - |
|
|
57
|
+
| year | 年 | '' | - |
|
|
58
|
+
| time | 时间:时分秒 | '' | - |
|
|
59
|
+
|
|
60
|
+
rememberList 对应自定义的筛选
|
|
61
|
+
|
|
62
|
+
| 参数 | 说明 | 类型 | 默认 |
|
|
63
|
+
| --------- | -------- | ------- | ---- |
|
|
64
|
+
| id | key 字段 | '' | - |
|
|
65
|
+
| value | 值 | {} | |
|
|
66
|
+
| label | 文字显示 | string | |
|
|
67
|
+
| isDefault | 是否默认 | Boolean | - |
|
|
68
|
+
| other | 额外字段 | {} | |
|
|
69
|
+
|
|
70
|
+
rememberList => value 对应单项 filter
|
|
71
|
+
|
|
72
|
+
| 参数 | 说明 | 类型 | 默认 |
|
|
73
|
+
| ------- | ------------ | ------- | ---- |
|
|
74
|
+
| title | 标题 | '' | - |
|
|
75
|
+
| field | 字段 | '' | |
|
|
76
|
+
| data | 所有选项数据 | [] | |
|
|
77
|
+
| checked | 选中的数据 | [] | - |
|
|
78
|
+
| fixed | 是否固定 | Boolean | - |
|
|
79
|
+
| other | 额外字段 | {} | |
|
|
80
|
+
|
|
81
|
+
### 数据结构设计
|
|
82
|
+
|
|
83
|
+
```react
|
|
84
|
+
<Filter data={filter} getChange={getChange} custom={Quick} />
|
|
85
|
+
//
|
|
86
|
+
filter: [
|
|
87
|
+
{
|
|
88
|
+
type: 'select',
|
|
89
|
+
more: true, // 暂不扩展
|
|
90
|
+
api: 'xxx/xxx', // 暂不扩展
|
|
91
|
+
title: '状态', // 名称
|
|
92
|
+
field: 'state', // 字段
|
|
93
|
+
mode: 'and', // or或 and且 默认筛选模式
|
|
94
|
+
data: [
|
|
95
|
+
{ id: '1', label: '已确认', value: 'ok' },
|
|
96
|
+
{ id: '2', label: '未确认', value: 'no' },
|
|
97
|
+
{ id: '3', label: '已冻结', value: 'fixed' },
|
|
98
|
+
],
|
|
99
|
+
},{
|
|
100
|
+
type: 'checkbox',
|
|
101
|
+
more: true, // 暂不扩展
|
|
102
|
+
api: 'xxx/xxx', // 暂不扩展
|
|
103
|
+
title: '类别', // 名称
|
|
104
|
+
field: 'type', // 字段
|
|
105
|
+
mode: 'and', // or或 and且 默认筛选模式
|
|
106
|
+
data: [
|
|
107
|
+
{ id: '1', label: '面料', value: 'ok' },
|
|
108
|
+
{ id: '2', label: '辅料', value: 'no' },
|
|
109
|
+
{ id: '3', label: '材料', value: 'fixed' },
|
|
110
|
+
],
|
|
111
|
+
},
|
|
112
|
+
]
|
|
113
|
+
|
|
114
|
+
// 公用数据 *:暂未确定
|
|
115
|
+
type: '', // 类型
|
|
116
|
+
title: '', // 文字显示
|
|
117
|
+
field: '', // 字段
|
|
118
|
+
mode: 'or', // or/and 查询关系
|
|
119
|
+
api: '', // 接口
|
|
120
|
+
params: {}, // 入参
|
|
121
|
+
data: [], // 数据字段(用于非接口)
|
|
122
|
+
value: '', // 默认选中字段
|
|
123
|
+
more: false, // 是否动态加载
|
|
124
|
+
fixed: true, // 是否固钉于页面
|
|
125
|
+
expand: {}, // 额外拓展
|
|
126
|
+
content: (e) => <span onClick={() => e('333')}>333</span>, // 自定义下拉结构 e函数: 传入选中的值:e(value)
|
|
127
|
+
renderItem: (label) => <span>{label}333</span>, // 自定义行结构
|
|
128
|
+
```
|
|
129
|
+
|
|
130
|
+
// 点击查询时应调用传入组件的回调函数,并把筛选好的字段数据传给回调,页面会自动筛选,cb 函数应为页面加载表格数据函数,统一用这一个函数处理高级筛选及普通筛选
|
|
131
|
+
|
|
132
|
+
```js
|
|
133
|
+
const field = {
|
|
134
|
+
xxx: 123,
|
|
135
|
+
xxxx: [1, 2, 3],
|
|
136
|
+
xxxxx: {
|
|
137
|
+
type: 0,
|
|
138
|
+
},
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
cb(field)
|
|
142
|
+
```
|
|
143
|
+
|
|
144
|
+
// 点击重置时重置组件状态并且调用 cb 函数传参 clear 则页面清空
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: "iconfont"; /* Project id 2966019 */
|
|
3
|
-
src: url('iconfont.woff2?t=
|
|
4
|
-
url('iconfont.woff?t=
|
|
5
|
-
url('iconfont.ttf?t=
|
|
3
|
+
src: url('iconfont.woff2?t=1659530996650') format('woff2'),
|
|
4
|
+
url('iconfont.woff?t=1659530996650') format('woff'),
|
|
5
|
+
url('iconfont.ttf?t=1659530996650') format('truetype');
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.iconfont {
|
|
@@ -13,6 +13,18 @@
|
|
|
13
13
|
-moz-osx-font-smoothing: grayscale;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
.lmweb-a-icon_m_nullify1:before {
|
|
17
|
+
content: "\e6cc";
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.lmweb-a-icon_m_data1:before {
|
|
21
|
+
content: "\e6cd";
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.lmweb-icon_application_light:before {
|
|
25
|
+
content: "\e6c7";
|
|
26
|
+
}
|
|
27
|
+
|
|
16
28
|
.lmweb-icon_china1:before {
|
|
17
29
|
content: "\e6c9";
|
|
18
30
|
}
|
|
@@ -25,10 +37,6 @@
|
|
|
25
37
|
content: "\e6cb";
|
|
26
38
|
}
|
|
27
39
|
|
|
28
|
-
.lmweb-icon_application_light:before {
|
|
29
|
-
content: "\e6c7";
|
|
30
|
-
}
|
|
31
|
-
|
|
32
40
|
.lmweb-icon_application:before {
|
|
33
41
|
content: "\e6c8";
|
|
34
42
|
}
|