@varlet/ui 1.27.20-alpha.1660211980346 → 1.27.20
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/es/cell/Cell.js +3 -3
- package/es/cell/cell.css +1 -1
- package/es/cell/cell.less +7 -7
- package/es/cell/props.js +2 -2
- package/es/index.js +0 -5
- package/es/less.js +0 -1
- package/es/pagination/Pagination.js +1 -1
- package/es/style.css +1 -1
- package/es/style.js +0 -1
- package/es/themes/dark/cell.js +1 -1
- package/es/umdIndex.js +0 -5
- package/es/varlet.esm.js +14084 -11764
- package/highlight/attributes.json +2 -2
- package/highlight/tags.json +2 -2
- package/highlight/web-types.json +3 -3
- package/lib/cell/Cell.js +3 -3
- package/lib/cell/cell.css +1 -1
- package/lib/cell/cell.less +7 -7
- package/lib/cell/props.js +2 -2
- package/lib/index.js +0 -3
- package/lib/less.js +0 -1
- package/lib/pagination/Pagination.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.js +0 -1
- package/lib/themes/dark/cell.js +1 -1
- package/package.json +5 -5
- package/types/cell.d.ts +2 -2
- package/umd/varlet.js +4 -6
- package/es/themes/index.js +0 -4
- package/lib/themes/index.js +0 -13
package/es/cell/Cell.js
CHANGED
|
@@ -30,10 +30,10 @@ export function render(_ctx, _cache) {
|
|
|
30
30
|
/* TEXT */
|
|
31
31
|
)])], 2
|
|
32
32
|
/* CLASS */
|
|
33
|
-
), _ctx.$slots.
|
|
33
|
+
), _ctx.$slots.desc || _ctx.desc ? (_openBlock(), _createElementBlock("div", {
|
|
34
34
|
key: 0,
|
|
35
|
-
class: _normalizeClass(_ctx.classes(_ctx.n('
|
|
36
|
-
}, [_renderSlot(_ctx.$slots, "
|
|
35
|
+
class: _normalizeClass(_ctx.classes(_ctx.n('desc'), [_ctx.descClass, _ctx.descClass]))
|
|
36
|
+
}, [_renderSlot(_ctx.$slots, "desc", {}, () => [_createTextVNode(_toDisplayString(_ctx.desc), 1
|
|
37
37
|
/* TEXT */
|
|
38
38
|
)])], 2
|
|
39
39
|
/* CLASS */
|
package/es/cell/cell.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root { --cell-color: var(--color-text); --cell-font-size: var(--font-size-md); --cell-
|
|
1
|
+
:root { --cell-color: var(--color-text); --cell-font-size: var(--font-size-md); --cell-desc-font-size: var(--font-size-sm); --cell-desc-color: rgba(0, 0, 0, 0.6); --cell-padding: 10px 12px; --cell-min-height: 40px; --cell-border-color: #bcc2cb; --cell-border-left: 12px; --cell-border-right: 12px; --cell-icon-right: 8px; --cell-extra-left: 8px;}.var-cell { align-items: center; display: flex; min-height: var(--cell-min-height); outline: none; width: 100%; padding: var(--cell-padding); position: relative; box-sizing: border-box; font-size: var(--cell-font-size); color: var(--cell-color);}.var-cell--border::after { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: var(--cell-border-right); bottom: 0; left: var(--cell-border-left); border-bottom: 1px solid var(--cell-border-color); transform: scaleY(0.5);}.var-cell__icon { margin-right: var(--cell-icon-right); flex: 0;}.var-cell__content { flex: 1; overflow: hidden;}.var-cell__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.var-cell__desc { font-size: var(--cell-desc-font-size); color: var(--cell-desc-color);}.var-cell__extra { flex: 0; margin-left: var(--cell-extra-left);}
|
package/es/cell/cell.less
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@cell-color: var(--color-text);
|
|
2
2
|
@cell-font-size: var(--font-size-md);
|
|
3
|
-
@cell-
|
|
4
|
-
@cell-
|
|
3
|
+
@cell-desc-font-size: var(--font-size-sm);
|
|
4
|
+
@cell-desc-color: rgba(0, 0, 0, 0.6);
|
|
5
5
|
@cell-padding: 10px 12px;
|
|
6
6
|
@cell-min-height: 40px;
|
|
7
7
|
@cell-border-color: #bcc2cb;
|
|
@@ -13,8 +13,8 @@
|
|
|
13
13
|
:root {
|
|
14
14
|
--cell-color: @cell-color;
|
|
15
15
|
--cell-font-size: @cell-font-size;
|
|
16
|
-
--cell-
|
|
17
|
-
--cell-
|
|
16
|
+
--cell-desc-font-size: @cell-desc-font-size;
|
|
17
|
+
--cell-desc-color: @cell-desc-color;
|
|
18
18
|
--cell-padding: @cell-padding;
|
|
19
19
|
--cell-min-height: @cell-min-height;
|
|
20
20
|
--cell-border-color: @cell-border-color;
|
|
@@ -66,9 +66,9 @@
|
|
|
66
66
|
white-space: nowrap;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
&
|
|
70
|
-
font-size: var(--cell-
|
|
71
|
-
color: var(--cell-
|
|
69
|
+
&__desc {
|
|
70
|
+
font-size: var(--cell-desc-font-size);
|
|
71
|
+
color: var(--cell-desc-color);
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
&__extra {
|
package/es/cell/props.js
CHANGED
|
@@ -5,7 +5,7 @@ export var props = {
|
|
|
5
5
|
icon: {
|
|
6
6
|
type: String
|
|
7
7
|
},
|
|
8
|
-
|
|
8
|
+
desc: {
|
|
9
9
|
type: String
|
|
10
10
|
},
|
|
11
11
|
border: {
|
|
@@ -18,7 +18,7 @@ export var props = {
|
|
|
18
18
|
titleClass: {
|
|
19
19
|
type: String
|
|
20
20
|
},
|
|
21
|
-
|
|
21
|
+
descClass: {
|
|
22
22
|
type: String
|
|
23
23
|
},
|
|
24
24
|
extraClass: {
|
package/es/index.js
CHANGED
|
@@ -60,7 +60,6 @@ import TabItem, * as TabItemModule from './tab-item'
|
|
|
60
60
|
import Table, * as TableModule from './table'
|
|
61
61
|
import Tabs, * as TabsModule from './tabs'
|
|
62
62
|
import TabsItems, * as TabsItemsModule from './tabs-items'
|
|
63
|
-
import Themes, * as ThemesModule from './themes'
|
|
64
63
|
import TimePicker, * as TimePickerModule from './time-picker'
|
|
65
64
|
import Uploader, * as UploaderModule from './uploader'
|
|
66
65
|
|
|
@@ -126,7 +125,6 @@ export const _TabItemComponent = TabItemModule._TabItemComponent || {}
|
|
|
126
125
|
export const _TableComponent = TableModule._TableComponent || {}
|
|
127
126
|
export const _TabsComponent = TabsModule._TabsComponent || {}
|
|
128
127
|
export const _TabsItemsComponent = TabsItemsModule._TabsItemsComponent || {}
|
|
129
|
-
export const _ThemesComponent = ThemesModule._ThemesComponent || {}
|
|
130
128
|
export const _TimePickerComponent = TimePickerModule._TimePickerComponent || {}
|
|
131
129
|
export const _UploaderComponent = UploaderModule._UploaderComponent || {}
|
|
132
130
|
|
|
@@ -194,7 +192,6 @@ function install(app) {
|
|
|
194
192
|
Table.install && app.use(Table)
|
|
195
193
|
Tabs.install && app.use(Tabs)
|
|
196
194
|
TabsItems.install && app.use(TabsItems)
|
|
197
|
-
Themes.install && app.use(Themes)
|
|
198
195
|
TimePicker.install && app.use(TimePicker)
|
|
199
196
|
Uploader.install && app.use(Uploader)
|
|
200
197
|
}
|
|
@@ -263,7 +260,6 @@ export {
|
|
|
263
260
|
Table,
|
|
264
261
|
Tabs,
|
|
265
262
|
TabsItems,
|
|
266
|
-
Themes,
|
|
267
263
|
TimePicker,
|
|
268
264
|
Uploader
|
|
269
265
|
}
|
|
@@ -332,7 +328,6 @@ export default {
|
|
|
332
328
|
Table,
|
|
333
329
|
Tabs,
|
|
334
330
|
TabsItems,
|
|
335
|
-
Themes,
|
|
336
331
|
TimePicker,
|
|
337
332
|
Uploader
|
|
338
333
|
}
|
package/es/less.js
CHANGED
|
@@ -323,7 +323,7 @@ export default defineComponent({
|
|
|
323
323
|
}
|
|
324
324
|
|
|
325
325
|
pageList.value = list;
|
|
326
|
-
if (oldCurrent !== undefined) onChange == null ? void 0 : onChange(newCurrent, newSize);
|
|
326
|
+
if (oldCurrent !== undefined && pageCount.value > 0) onChange == null ? void 0 : onChange(newCurrent, newSize);
|
|
327
327
|
(_props$onUpdateCurre = props['onUpdate:current']) == null ? void 0 : _props$onUpdateCurre.call(props, newCurrent);
|
|
328
328
|
(_props$onUpdateSize = props['onUpdate:size']) == null ? void 0 : _props$onUpdateSize.call(props, newSize);
|
|
329
329
|
}, {
|