@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 CHANGED
@@ -30,10 +30,10 @@ export function render(_ctx, _cache) {
30
30
  /* TEXT */
31
31
  )])], 2
32
32
  /* CLASS */
33
- ), _ctx.$slots.description || _ctx.description ? (_openBlock(), _createElementBlock("div", {
33
+ ), _ctx.$slots.desc || _ctx.desc ? (_openBlock(), _createElementBlock("div", {
34
34
  key: 0,
35
- class: _normalizeClass(_ctx.classes(_ctx.n('description'), [_ctx.descriptionClass, _ctx.descriptionClass]))
36
- }, [_renderSlot(_ctx.$slots, "description", {}, () => [_createTextVNode(_toDisplayString(_ctx.description), 1
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-description-font-size: var(--font-size-sm); --cell-description-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__description { font-size: var(--cell-description-font-size); color: var(--cell-description-color);}.var-cell__extra { flex: 0; margin-left: var(--cell-extra-left);}
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-description-font-size: var(--font-size-sm);
4
- @cell-description-color: rgba(0, 0, 0, 0.6);
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-description-font-size: @cell-description-font-size;
17
- --cell-description-color: @cell-description-color;
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
- &__description {
70
- font-size: var(--cell-description-font-size);
71
- color: var(--cell-description-color);
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
- description: {
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
- descriptionClass: {
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
@@ -60,6 +60,5 @@ import './tab-item/style/less'
60
60
  import './table/style/less'
61
61
  import './tabs/style/less'
62
62
  import './tabs-items/style/less'
63
- import './themes/style/less'
64
63
  import './time-picker/style/less'
65
64
  import './uploader/style/less'
@@ -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
  }, {