@varlet/ui 2.0.0-alpha.1664332032539 → 2.0.0-alpha.1664527888620

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.
Files changed (32) hide show
  1. package/README.md +0 -16
  2. package/README.zh-CN.md +0 -16
  3. package/es/pagination/Pagination.js +2 -2
  4. package/es/pagination/pagination.css +1 -1
  5. package/es/style.css +1 -1
  6. package/es/themes/index.js +4 -2
  7. package/es/varlet.esm.js +5 -5
  8. package/highlight/attributes.json +1 -1
  9. package/highlight/web-types.json +1 -1
  10. package/lib/index.d.ts +1 -0
  11. package/lib/index.js +204 -0
  12. package/lib/pagination/Pagination.js +2 -2
  13. package/lib/pagination/pagination.css +1 -1
  14. package/lib/style.css +1 -1
  15. package/lib/style.js +65 -0
  16. package/lib/styles/elevation.css +1 -0
  17. package/lib/themes/index.js +5 -2
  18. package/package.json +5 -5
  19. package/types/actionSheet.d.ts +5 -5
  20. package/types/badge.d.ts +2 -0
  21. package/types/button.d.ts +2 -0
  22. package/types/checkboxGroup.d.ts +2 -0
  23. package/types/chip.d.ts +2 -0
  24. package/types/index.d.ts +2 -0
  25. package/types/loading.d.ts +2 -0
  26. package/types/radioGroup.d.ts +2 -0
  27. package/types/snackbar.d.ts +2 -2
  28. package/types/steps.d.ts +2 -0
  29. package/types/tabs.d.ts +2 -0
  30. package/types/themes.d.ts +9 -0
  31. package/umd/varlet.js +3 -3
  32. package/lib/styles/elevation.less +0 -128
package/README.md CHANGED
@@ -79,19 +79,3 @@ import '@varlet/ui/es/style.js'
79
79
 
80
80
  createApp(App).use(Varlet).mount('#app')
81
81
  ```
82
-
83
- ### Community
84
-
85
- We recommend that [issue](https://github.com/varletjs/varlet/issues) be used for problem feedback, or others:
86
-
87
- * Wechat group
88
-
89
- <img style="width: 25%" src="https://github.com/varletjs/varlet/blob/dev/sponsor/community.png?raw=true" />
90
-
91
- * Join the [Discord](https://discord.gg/Dmb8ydBHkw)
92
-
93
- ### Thanks to contributors
94
-
95
- <a href="https://github.com/varletjs/varlet/graphs/contributors">
96
- <img src="https://contrib.rocks/image?repo=varletjs/varlet" />
97
- </a>
package/README.zh-CN.md CHANGED
@@ -79,19 +79,3 @@ import '@varlet/ui/es/style.js'
79
79
 
80
80
  createApp(App).use(Varlet).mount('#app')
81
81
  ```
82
-
83
- ### 反馈和交流
84
-
85
- 我们推荐使用`issue`列表进行最直接有效的反馈，也可以下面的方式
86
-
87
- * 微信
88
-
89
- <img style="width: 25%" src="https://github.com/varletjs/varlet/blob/dev/sponsor/community.png?raw=true" />
90
-
91
- * 加入 [Discord](https://discord.gg/Dmb8ydBHkw) 社区交流
92
-
93
- ### 感谢贡献者们做出的努力
94
-
95
- <a href="https://github.com/varletjs/varlet/graphs/contributors">
96
- <img src="https://contrib.rocks/image?repo=varletjs/varlet" />
97
- </a>
package/es/pagination/Pagination.js CHANGED
@@ -31,7 +31,7 @@ export function render(_ctx, _cache) {
31
31
  return _openBlock(), _createElementBlock("ul", {
32
32
  class: _normalizeClass(_ctx.n())
33
33
  }, [_withDirectives((_openBlock(), _createElementBlock("li", {
34
- class: _normalizeClass(_ctx.classes(_ctx.n('item'), _ctx.n('prev'), [_ctx.current <= 1 || _ctx.disabled, _ctx.n('item--disabled')], [_ctx.simple, _ctx.n('item--hover'), 'var-elevation--2'])),
34
+ class: _normalizeClass(_ctx.classes(_ctx.n('item'), _ctx.n('prev'), [_ctx.current <= 1 || _ctx.disabled, _ctx.n('item--disabled')], [_ctx.simple, _ctx.n('item--simple'), 'var-elevation--2'])),
35
35
  onClick: _cache[0] || (_cache[0] = $event => _ctx.clickItem('prev'))
36
36
  }, [_renderSlot(_ctx.$slots, "prev", {}, () => [_createVNode(_component_var_icon, {
37
37
  name: "chevron-left"
@@ -77,7 +77,7 @@ export function render(_ctx, _cache) {
77
77
  }), 128
78
78
  /* KEYED_FRAGMENT */
79
79
  )), _withDirectives((_openBlock(), _createElementBlock("li", {
80
- class: _normalizeClass(_ctx.classes(_ctx.n('item'), _ctx.n('next'), [_ctx.current >= _ctx.pageCount || _ctx.disabled, _ctx.n('item--disabled')], [_ctx.simple, _ctx.n('item--hover'), 'var-elevation--2'])),
80
+ class: _normalizeClass(_ctx.classes(_ctx.n('item'), _ctx.n('next'), [_ctx.current >= _ctx.pageCount || _ctx.disabled, _ctx.n('item--disabled')], [_ctx.simple, _ctx.n('item--simple'), 'var-elevation--2'])),
81
81
  onClick: _cache[4] || (_cache[4] = $event => _ctx.clickItem('next'))
82
82
  }, [_renderSlot(_ctx.$slots, "next", {}, () => [_createVNode(_component_var_icon, {
83
83
  name: "chevron-right"
package/es/pagination/pagination.css CHANGED
@@ -1 +1 @@
1
- :root { --pagination-font-size: var(--font-size-md); --pagination-active-color: #fff; --pagination-active-bg-color: var(--color-primary); --pagination-hover-bg-color: #edf5ff; --pagination-total-margin: 0 12px; --pagination-total-line-height: 24px; --pagination-item-width: 32px; --pagination-item-height: 32px; --pagination-item-margin: 0 6px; --pagination-item-background: #fff; --pagination-item-border-radius: 4px; --pagination-list-bg-color: #fff; --pagination-list-active-bg-color: #edf5ff; --pagination-list-active-color: var(--color-primary); --pagination-input-width: 32px; --pagination-simple-padding: 0 0 2px 0; --pagination-disabled-color: var(--color-text-disabled); --pagination-bg-disabled-color: var(--color-disabled); --pagination-size-line-height: 24px;}.pagination-flex-nowrap { display: flex; white-space: nowrap; align-items: center;}.var-pagination { display: flex; align-items: center; list-style: none; width: 100%; margin: 0; font-size: var(--pagination-font-size); padding: 0;}.var-pagination__item { display: inline-flex; min-width: var(--pagination-item-width); align-items: center; justify-content: center; margin: var(--pagination-item-margin); height: var(--pagination-item-height); cursor: pointer; border-radius: var(--pagination-item-border-radius); outline: none; transition: all 0.25s; user-select: none; background-color: var(--pagination-item-background);}.var-pagination__item:hover { background-color: var(--pagination-hover-bg-color);}.var-pagination__item--active { color: var(--pagination-active-color); background-color: var(--pagination-active-bg-color) !important;}.var-pagination__item--hide { display: none;}.var-pagination__item--disabled { cursor: default; color: var(--pagination-disabled-color); background-color: unset;}.var-pagination__item--disabled:hover { background-color: unset;}.var-pagination__item--disabled--hover:hover { background-color: inherit;}.var-pagination__item--disabled--active { background-color: var(--pagination-bg-disabled-color);}.var-pagination__item--disabled--active:hover { background-color: var(--pagination-bg-disabled-color);}.var-pagination__prev { margin-left: 0;}.var-pagination__total { display: flex; white-space: nowrap; align-items: center; line-height: var(--pagination-total-line-height); margin: var(--pagination-total-margin);}.var-pagination__size { display: flex; white-space: nowrap; align-items: center; line-height: var(--pagination-size-line-height); margin: var(--pagination-item-margin);}.var-pagination__size--open { display: flex; align-items: center; cursor: pointer;}.var-pagination__size--open--disabled { cursor: default;}.var-pagination__list { background-color: var(--pagination-list-bg-color); cursor: pointer; transition: all 0.25s;}.var-pagination__list:hover { color: var(--pagination-list-active-color); background-color: var(--pagination-hover-bg-color);}.var-pagination__list--active { background-color: var(--pagination-list-active-bg-color) !important; color: var(--pagination-list-active-color);}.var-pagination__quickly,.var-pagination__simple { display: flex; white-space: nowrap; align-items: center;}.var-pagination__quickly [var-pagination-cover],.var-pagination__simple [var-pagination-cover] { width: var(--pagination-input-width);}.var-pagination__quickly [var-pagination-cover] .var-input__wrap,.var-pagination__simple [var-pagination-cover] .var-input__wrap { padding: 0;}.var-pagination__quickly [var-pagination-cover] .var-input__input,.var-pagination__simple [var-pagination-cover] .var-input__input { height: auto; text-align: center;}.var-pagination__quickly-line,.var-pagination__simple-line { height: 1px; background: transparent;}.var-pagination__quickly { margin: var(--pagination-item-margin);}.var-pagination__quickly [var-pagination-cover] { margin-left: 6px;}.var-pagination__size--open-icon[var-pagination-cover] { font-size: inherit;}.var-pagination--simple-padding { padding: var(--pagination-simple-padding);}
1
+ :root { --pagination-font-size: var(--font-size-md); --pagination-active-color: #fff; --pagination-active-bg-color: var(--color-primary); --pagination-hover-bg-color: #edf5ff; --pagination-total-margin: 0 12px; --pagination-total-line-height: 24px; --pagination-item-width: 32px; --pagination-item-height: 32px; --pagination-item-margin: 0 6px; --pagination-item-background: #fff; --pagination-item-border-radius: 4px; --pagination-list-bg-color: #fff; --pagination-list-active-bg-color: #edf5ff; --pagination-list-active-color: var(--color-primary); --pagination-input-width: 32px; --pagination-disabled-color: var(--color-text-disabled); --pagination-bg-disabled-color: var(--color-disabled); --pagination-size-line-height: 24px;}.pagination-flex-nowrap { display: flex; white-space: nowrap; align-items: center;}.var-pagination { display: flex; align-items: center; list-style: none; width: 100%; margin: 0; font-size: var(--pagination-font-size); padding: 0;}.var-pagination__item { display: inline-flex; min-width: var(--pagination-item-width); align-items: center; justify-content: center; margin: var(--pagination-item-margin); height: var(--pagination-item-height); cursor: pointer; border-radius: var(--pagination-item-border-radius); outline: none; transition: all 0.25s; user-select: none; background-color: var(--pagination-item-background);}.var-pagination__item:hover { background-color: var(--pagination-hover-bg-color);}.var-pagination__item--active { color: var(--pagination-active-color); background-color: var(--pagination-active-bg-color) !important;}.var-pagination__item--hide { display: none;}.var-pagination__item--simple { background: transparent;}.var-pagination__item--disabled { cursor: default; color: var(--pagination-disabled-color); background-color: unset;}.var-pagination__item--disabled:hover { background-color: unset;}.var-pagination__item--disabled--hover:hover { background-color: inherit;}.var-pagination__item--disabled--active { background-color: var(--pagination-bg-disabled-color);}.var-pagination__item--disabled--active:hover { background-color: var(--pagination-bg-disabled-color);}.var-pagination__prev { margin-left: 0;}.var-pagination__total { display: flex; white-space: nowrap; align-items: center; line-height: var(--pagination-total-line-height); margin: var(--pagination-total-margin);}.var-pagination__size { display: flex; white-space: nowrap; align-items: center; line-height: var(--pagination-size-line-height); margin: var(--pagination-item-margin);}.var-pagination__size--open { display: flex; align-items: center; cursor: pointer;}.var-pagination__size--open--disabled { cursor: default;}.var-pagination__list { background-color: var(--pagination-list-bg-color); cursor: pointer; transition: all 0.25s;}.var-pagination__list:hover { color: var(--pagination-list-active-color); background-color: var(--pagination-hover-bg-color);}.var-pagination__list--active { background-color: var(--pagination-list-active-bg-color) !important; color: var(--pagination-list-active-color);}.var-pagination__quickly,.var-pagination__simple { display: flex; white-space: nowrap; align-items: center;}.var-pagination__quickly [var-pagination-cover],.var-pagination__simple [var-pagination-cover] { width: var(--pagination-input-width);}.var-pagination__quickly [var-pagination-cover] .var-input__wrap,.var-pagination__simple [var-pagination-cover] .var-input__wrap { padding: 0;}.var-pagination__quickly [var-pagination-cover] .var-input__input,.var-pagination__simple [var-pagination-cover] .var-input__input { height: auto; text-align: center;}.var-pagination__quickly-line,.var-pagination__simple-line { height: 1px; background: transparent;}.var-pagination__quickly { margin: var(--pagination-item-margin);}.var-pagination__quickly [var-pagination-cover] { margin-left: 6px;}.var-pagination__size--open-icon[var-pagination-cover] { font-size: inherit;}