zhytech-ui-mobile 1.0.11 → 1.0.13
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/README.md +4 -1
- package/dist/static/scss/datetime.scss +35 -0
- package/dist/static/scss/index.scss +1 -0
- package/dist/static/scss/picker.scss +16 -0
- package/dist/style.css +1 -1
- package/dist/types/components/dynamicForm/components/base/index.d.ts +4 -2
- package/dist/types/components/dynamicForm/types/componentAttribute/base/datetimeAttribute.d.ts +54 -0
- package/dist/types/components/dynamicForm/types/componentAttribute/index.d.ts +2 -1
- package/dist/types/hooks/useDate.d.ts +132 -0
- package/dist/zhytech-ui-mobile.es.js +5452 -3073
- package/dist/zhytech-ui-mobile.umd.js +2 -2
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
> ### 简介
|
|
4
4
|
一个基于Vue3 + wot-design-uni + TypeScript + unocss封装的前端UI组件库
|
|
5
5
|
|
|
6
|
-
[在线演示](http://60.205.113.132:7006/)
|
|
7
6
|
> ### 组件列表
|
|
8
7
|
#### 1、dynamicRenderer
|
|
9
8
|
动态表单渲染组件：
|
|
@@ -60,6 +59,10 @@ setTheme("dark");
|
|
|
60
59
|
|
|
61
60
|
> #### 版本更新清单：
|
|
62
61
|
|
|
62
|
+
**V 1.0.13**
|
|
63
|
+
```html
|
|
64
|
+
1.新增日期、日期时间、时间、时间范围组件
|
|
65
|
+
```
|
|
63
66
|
**V 1.0.0**
|
|
64
67
|
```html
|
|
65
68
|
1.动态表单渲染组件：配合zhytech-ui组件库（配套的PC端组件库）的zhy-form-designer组件使用
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
.zhy.wd-datetime-picker {
|
|
2
|
+
padding: 0 3px;
|
|
3
|
+
margin-top: 4px;
|
|
4
|
+
border-radius: 6px;
|
|
5
|
+
border: 1px solid #999999;
|
|
6
|
+
&.is-disabled {
|
|
7
|
+
background-color: #f8f8f8;
|
|
8
|
+
.uni-input-input:disabled {
|
|
9
|
+
color: #000000;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
.wd-datetime-picker__cell {
|
|
13
|
+
padding-left: 5px;
|
|
14
|
+
.wd-cell__wrapper {
|
|
15
|
+
padding: 4px;
|
|
16
|
+
.wd-cell__value {
|
|
17
|
+
text-align: center;
|
|
18
|
+
}
|
|
19
|
+
.wd-icon-arrow-right {
|
|
20
|
+
margin: 0 -2px 0 5px;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
.wd-datetime-picker__toolbar {
|
|
25
|
+
height: 45px;
|
|
26
|
+
background-color: var(--wot-color-theme, #4d80f0);
|
|
27
|
+
.wd-datetime-picker__action {
|
|
28
|
+
padding: 0 15px;
|
|
29
|
+
color: #ffffff;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
.wd-picker-view-column__item.wd-picker-view-column__item--active {
|
|
33
|
+
background-color: #fffacd;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
@@ -1,4 +1,20 @@
|
|
|
1
1
|
.zhy.wd-picker {
|
|
2
|
+
padding: 0 3px;
|
|
3
|
+
margin-top: 4px;
|
|
4
|
+
border-radius: 6px;
|
|
5
|
+
border: 1px solid #999999;
|
|
6
|
+
.wd-picker__cell {
|
|
7
|
+
padding-left: 5px;
|
|
8
|
+
.wd-cell__wrapper {
|
|
9
|
+
padding: 4px;
|
|
10
|
+
.wd-cell__value {
|
|
11
|
+
text-align: center;
|
|
12
|
+
}
|
|
13
|
+
.wd-icon-arrow-right {
|
|
14
|
+
margin: 0 -2px 0 5px;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
2
18
|
.wd-picker__toolbar {
|
|
3
19
|
height: 45px;
|
|
4
20
|
background-color: var(--wot-color-theme, #4d80f0);
|