@varlet/ui 1.27.19 → 1.27.20-alpha.1660211980346

package/es/cell/Cell.js

@@ -30,10 +30,10 @@ export function render(_ctx, _cache) {
   /* TEXT */
   )])], 2
   /* CLASS */
-  ), _ctx.$slots.desc || _ctx.desc ? (_openBlock(), _createElementBlock("div", {
+  ), _ctx.$slots.description || _ctx.description ? (_openBlock(), _createElementBlock("div", {
     key: 0,
-    class: _normalizeClass(_ctx.classes(_ctx.n('desc'), [_ctx.descClass, _ctx.descClass]))
-  }, [_renderSlot(_ctx.$slots, "desc", {}, () => [_createTextVNode(_toDisplayString(_ctx.desc), 1
+    class: _normalizeClass(_ctx.classes(_ctx.n('description'), [_ctx.descriptionClass, _ctx.descriptionClass]))
+  }, [_renderSlot(_ctx.$slots, "description", {}, () => [_createTextVNode(_toDisplayString(_ctx.description), 1
   /* TEXT */
   )])], 2
   /* CLASS */

package/es/cell/cell.css

@@ -1 +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);}
+: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);}

package/es/cell/cell.less

@@ -1,7 +1,7 @@
 @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-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;
@@ -13,8 +13,8 @@
 :root {
   --cell-color: @cell-color;
   --cell-font-size: @cell-font-size;
-  --cell-desc-font-size: @cell-desc-font-size;
-  --cell-desc-color: @cell-desc-color;
+  --cell-description-font-size: @cell-description-font-size;
+  --cell-description-color: @cell-description-color;
   --cell-padding: @cell-padding;
   --cell-min-height: @cell-min-height;
   --cell-border-color: @cell-border-color;
@@ -66,9 +66,9 @@
     white-space: nowrap;
   }
 
-  &__desc {
-    font-size: var(--cell-desc-font-size);
-    color: var(--cell-desc-color);
+  &__description {
+    font-size: var(--cell-description-font-size);
+    color: var(--cell-description-color);
   }
 
   &__extra {

package/es/cell/props.js

@@ -5,7 +5,7 @@ export var props = {
   icon: {
     type: String
   },
-  desc: {
+  description: {
     type: String
   },
   border: {
@@ -18,7 +18,7 @@ export var props = {
   titleClass: {
     type: String
   },
-  descClass: {
+  descriptionClass: {
     type: String
   },
   extraClass: {

package/es/index.js

@@ -60,6 +60,7 @@ import TabItem, * as TabItemModule from './tab-item'
 import Table, * as TableModule from './table'
 import Tabs, * as TabsModule from './tabs'
 import TabsItems, * as TabsItemsModule from './tabs-items'
+import Themes, * as ThemesModule from './themes'
 import TimePicker, * as TimePickerModule from './time-picker'
 import Uploader, * as UploaderModule from './uploader'
 
@@ -125,6 +126,7 @@ export const _TabItemComponent = TabItemModule._TabItemComponent || {}
 export const _TableComponent = TableModule._TableComponent || {}
 export const _TabsComponent = TabsModule._TabsComponent || {}
 export const _TabsItemsComponent = TabsItemsModule._TabsItemsComponent || {}
+export const _ThemesComponent = ThemesModule._ThemesComponent || {}
 export const _TimePickerComponent = TimePickerModule._TimePickerComponent || {}
 export const _UploaderComponent = UploaderModule._UploaderComponent || {}
 
@@ -192,6 +194,7 @@ function install(app) {
   Table.install && app.use(Table)
   Tabs.install && app.use(Tabs)
   TabsItems.install && app.use(TabsItems)
+  Themes.install && app.use(Themes)
   TimePicker.install && app.use(TimePicker)
   Uploader.install && app.use(Uploader)
 }
@@ -260,6 +263,7 @@ export {
   Table,
   Tabs,
   TabsItems,
+  Themes,
   TimePicker,
   Uploader
 }
@@ -328,6 +332,7 @@ export default {
   Table,
   Tabs,
   TabsItems,
+  Themes,
   TimePicker,
   Uploader
 }

package/es/less.js

@@ -60,5 +60,6 @@ import './tab-item/style/less'
 import './table/style/less'
 import './tabs/style/less'
 import './tabs-items/style/less'
+import './themes/style/less'
 import './time-picker/style/less'
 import './uploader/style/less'