@varlet/ui 2.9.3-alpha.1679537809832 → 2.9.3

package/es/app-bar/AppBar.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onUpdated, computed } from 'vue';
 import { props } from './props.mjs';
-import { createNamespace } from '../utils/components.mjs';
+import { createNamespace, formatElevation } from '../utils/components.mjs';
 import { useMounted } from '@varlet/use';
 var {
   n,
@@ -10,7 +10,7 @@ import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createT
 
 function __render__(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.round, _ctx.n('--round')], [_ctx.elevation, _ctx.n('$-elevation--3')])),
+    class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.round, _ctx.n('--round')], _ctx.formatElevation(_ctx.elevation, 3))),
     style: _normalizeStyle(_ctx.rootStyles)
   }, [_createElementVNode("div", {
     class: _normalizeClass(_ctx.n('toolbar'))
@@ -99,6 +99,7 @@ var __sfc__ = defineComponent({
     return {
       n,
       classes,
+      formatElevation,
       rootStyles,
       paddingLeft,
       paddingRight

package/es/app-bar/props.mjs

@@ -18,7 +18,7 @@ export var props = {
     validator: positionValidator
   },
   elevation: {
-    type: Boolean,
+    type: [Boolean, String, Number],
     default: true
   },
   round: {

package/es/back-top/BackTop.mjs

@@ -32,6 +32,7 @@ function __render__(_ctx, _cache) {
       return _ctx.handleClick && _ctx.handleClick(...arguments);
     }, ["stop"]))
   }), [_renderSlot(_ctx.$slots, "default", {}, () => [_createVNode(_component_var_button, {
+    elevation: _ctx.elevation,
     type: "primary",
     round: "",
     "var-back-top-cover": ""
@@ -42,7 +43,9 @@ function __render__(_ctx, _cache) {
     _: 1
     /* STABLE */
 
-  })])], 16
+  }, 8
+  /* PROPS */
+  , ["elevation"])])], 16
   /* FULL_PROPS */
   )], 8
   /* PROPS */

package/es/back-top/props.mjs

@@ -11,6 +11,10 @@ export var props = {
   right: {
     type: [Number, String]
   },
+  elevation: {
+    type: [Boolean, Number, String],
+    default: true
+  },
   bottom: {
     type: [Number, String]
   },

package/es/counter/Counter.mjs

@@ -8,7 +8,7 @@ import { props } from './props.mjs';
 import { toNumber } from '@varlet/shared';
 import { toSizeUnit } from '../utils/elements.mjs';
 import { useForm } from '../form/provide.mjs';
-import { useValidation, createNamespace, call } from '../utils/components.mjs';
+import { useValidation, createNamespace, call, formatElevation } from '../utils/components.mjs';
 var {
   n,
   classes
@@ -31,7 +31,7 @@ function __render__(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$--box')))
   }, [_createElementVNode("div", _mergeProps({
-    class: _ctx.classes(_ctx.n('controller'), _ctx.n('$-elevation--2'), [_ctx.disabled || _ctx.formDisabled, _ctx.n('--disabled')], [_ctx.errorMessage, _ctx.n('--error')]),
+    class: _ctx.classes(_ctx.n('controller'), _ctx.formatElevation(_ctx.elevation, 2), [_ctx.disabled || _ctx.formDisabled, _ctx.n('--disabled')], [_ctx.errorMessage, _ctx.n('--error')]),
     style: {
       background: _ctx.color ? _ctx.color : undefined
     }
@@ -362,6 +362,7 @@ var __sfc__ = defineComponent({
     return {
       n,
       classes,
+      formatElevation,
       inputValue,
       errorMessage,
       formDisabled,

package/es/counter/props.mjs

@@ -26,6 +26,10 @@ export var props = {
   buttonSize: {
     type: [String, Number]
   },
+  elevation: {
+    type: [Boolean, Number, String],
+    default: true
+  },
   decimalLength: {
     type: [String, Number]
   },

package/es/date-picker/DatePicker.mjs

@@ -6,7 +6,7 @@ import DayPickerPanel from './src/day-picker-panel.mjs';
 import { props, MONTH_LIST, WEEK_HEADER } from './props.mjs';
 import { isArray, toNumber } from '@varlet/shared';
 import { nextTickFrame } from '../utils/elements.mjs';
-import { createNamespace, call } from '../utils/components.mjs';
+import { createNamespace, call, formatElevation } from '../utils/components.mjs';
 import { padStart } from '../utils/shared.mjs';
 import { pack } from '../locale/index.mjs';
 var {
@@ -23,7 +23,7 @@ function __render__(_ctx, _cache) {
   var _component_day_picker_panel = _resolveComponent("day-picker-panel");
 
   return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.elevation, _ctx.n('$-elevation--2')]))
+    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.formatElevation(_ctx.elevation, 2)))
   }, [_createElementVNode("div", {
     class: _normalizeClass(_ctx.n('title')),
     style: _normalizeStyle({
@@ -191,7 +191,8 @@ var __sfc__ = defineComponent({
       max: props.max,
       showCurrent: props.showCurrent,
       multiple: props.multiple,
-      range: props.range
+      range: props.range,
+      buttonElevation: props.buttonElevation
     });
     var getChoose = computed(() => ({
       chooseMonth: chooseMonth.value,
@@ -538,7 +539,8 @@ var __sfc__ = defineComponent({
       getChooseDay,
       getChooseMonth,
       getChooseYear,
-      checkPreview
+      checkPreview,
+      formatElevation
     };
   }
 

package/es/date-picker/props.mjs

@@ -63,9 +63,13 @@ export var props = {
     type: String
   },
   elevation: {
-    type: Boolean,
+    type: [Boolean, Number, String],
     default: false
   },
+  buttonElevation: {
+    type: [Boolean, Number, String],
+    default: true
+  },
   firstDayOfWeek: {
     type: [String, Number],
     default: 0

package/es/date-picker/src/day-picker-panel.mjs

@@ -66,7 +66,8 @@ function __render__(_ctx, _cache) {
         type: "primary",
         "var-day-picker-cover": "",
         round: "",
-        ripple: false
+        ripple: false,
+        elevation: _ctx.componentProps.buttonElevation
       }, _extends({}, _ctx.buttonProps(day)), {
         onClick: event => _ctx.chooseDay(day, event)
       }), {
@@ -78,7 +79,7 @@ function __render__(_ctx, _cache) {
 
       }, 1040
       /* FULL_PROPS, DYNAMIC_SLOTS */
-      , ["onClick"])]);
+      , ["elevation", "onClick"])]);
     }), 128
     /* KEYED_FRAGMENT */
     ))], 2

package/es/date-picker/src/month-picker-panel.mjs

@@ -50,7 +50,8 @@ function __render__(_ctx, _cache) {
       }, [_createVNode(_component_var_button, _mergeProps({
         type: "primary",
         "var-month-picker-cover": "",
-        ripple: false
+        ripple: false,
+        elevation: _ctx.componentProps.buttonElevation
       }, _extends({}, _ctx.buttonProps(month.index)), {
         onClick: event => _ctx.chooseMonth(month, event)
       }), {
@@ -62,7 +63,7 @@ function __render__(_ctx, _cache) {
 
       }, 1040
       /* FULL_PROPS, DYNAMIC_SLOTS */
-      , ["onClick"])]);
+      , ["elevation", "onClick"])]);
     }), 128
     /* KEYED_FRAGMENT */
     ))]))]),

package/es/index.bundle.mjs

@@ -241,7 +241,7 @@ import './time-picker/style/index.mjs'
 import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 
-const version = '2.9.3-alpha.1679537809832'
+const version = '2.9.3'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -160,7 +160,7 @@ export * from './time-picker/index.mjs'
 export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 
-const version = '2.9.3-alpha.1679537809832'
+const version = '2.9.3'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/pagination/Pagination.mjs

@@ -7,7 +7,7 @@ import { defineComponent, ref, computed, watch } from 'vue';
 import { props } from './props.mjs';
 import { isNumber, toNumber } from '@varlet/shared';
 import { pack } from '../locale/index.mjs';
-import { call, createNamespace } from '../utils/components.mjs';
+import { call, createNamespace, formatElevation } from '../utils/components.mjs';
 var {
   n,
   classes
@@ -32,7 +32,7 @@ function __render__(_ctx, _cache) {
   return _openBlock(), _createElementBlock("ul", {
     class: _normalizeClass(_ctx.n())
   }, [_withDirectives((_openBlock(), _createElementBlock("li", {
-    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'), _ctx.n('$-elevation--2')])),
+    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'), _ctx.formatElevation(_ctx.elevation, 2)])),
     onClick: _cache[0] || (_cache[0] = $event => _ctx.clickItem('prev'))
   }, [_renderSlot(_ctx.$slots, "prev", {}, () => [_createVNode(_component_var_icon, {
     name: "chevron-left"
@@ -66,7 +66,7 @@ function __render__(_ctx, _cache) {
     return _withDirectives((_openBlock(), _createElementBlock("li", {
       key: _ctx.toNumber(item) + index,
       "item-mode": _ctx.getMode(item, index),
-      class: _normalizeClass(_ctx.classes(_ctx.n('item'), _ctx.n('$-elevation--2'), [item === _ctx.current && !_ctx.disabled, _ctx.n('item--active')], [_ctx.isHideEllipsis(item, index), _ctx.n('item--hide')], [_ctx.disabled, _ctx.n('item--disabled')], [item === _ctx.current && _ctx.disabled, _ctx.n('item--disabled--active')])),
+      class: _normalizeClass(_ctx.classes(_ctx.n('item'), _ctx.formatElevation(_ctx.elevation, 2), [item === _ctx.current && !_ctx.disabled, _ctx.n('item--active')], [_ctx.isHideEllipsis(item, index), _ctx.n('item--hide')], [_ctx.disabled, _ctx.n('item--disabled')], [item === _ctx.current && _ctx.disabled, _ctx.n('item--disabled--active')])),
       onClick: $event => _ctx.clickItem(item, index)
     }, [_createTextVNode(_toDisplayString(item), 1
     /* TEXT */
@@ -78,7 +78,7 @@ function __render__(_ctx, _cache) {
   }), 128
   /* KEYED_FRAGMENT */
   )), _withDirectives((_openBlock(), _createElementBlock("li", {
-    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'), _ctx.n('$-elevation--2')])),
+    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'), _ctx.formatElevation(_ctx.elevation, 2)])),
     onClick: _cache[4] || (_cache[4] = $event => _ctx.clickItem('next'))
   }, [_renderSlot(_ctx.$slots, "next", {}, () => [_createVNode(_component_var_icon, {
     name: "chevron-right"
@@ -348,7 +348,8 @@ var __sfc__ = defineComponent({
       showMenu,
       clickSize,
       setPage,
-      toNumber
+      toNumber,
+      formatElevation
     };
   }
 

package/es/pagination/props.mjs

@@ -11,6 +11,10 @@ export var props = {
     type: [Number, String],
     default: 0
   },
+  elevation: {
+    type: [Boolean, Number, String],
+    default: true
+  },
   maxPagerCount: {
     type: Number,
     default: 3

package/es/table/Table.mjs

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
 import { toSizeUnit } from '../utils/elements.mjs';
-import { createNamespace } from '../utils/components.mjs';
+import { createNamespace, formatElevation } from '../utils/components.mjs';
 import { props } from './props.mjs';
 var {
   n,
@@ -10,7 +10,7 @@ import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalize
 
 function __render__(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n('$-elevation--1'), _ctx.n('$--box')))
+    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.formatElevation(_ctx.elevation, 1), _ctx.n('$--box')))
   }, [_createElementVNode("div", {
     class: _normalizeClass(_ctx.n('main'))
   }, [_createElementVNode("table", {
@@ -40,7 +40,8 @@ var __sfc__ = defineComponent({
     return {
       toSizeUnit,
       n,
-      classes
+      classes,
+      formatElevation
     };
   }
 

package/es/table/props.mjs

@@ -2,5 +2,9 @@ export var props = {
   fullWidth: {
     type: [Number, String],
     default: '100%'
+  },
+  elevation: {
+    type: [Boolean, Number, String],
+    default: true
   }
 };

package/es/tabs/Tabs.mjs

@@ -9,7 +9,7 @@ import { useTabList } from './provide.mjs';
 import { isNumber } from '@varlet/shared';
 import { linear } from '../utils/shared.mjs';
 import { toSizeUnit, scrollTo, doubleRaf } from '../utils/elements.mjs';
-import { createNamespace, call } from '../utils/components.mjs';
+import { createNamespace, call, formatElevation } from '../utils/components.mjs';
 import { useEventListener } from '@varlet/use';
 var {
   n,
@@ -25,7 +25,7 @@ function __render__(_ctx, _cache) {
     "z-index": _ctx.sticky ? _ctx.stickyZIndex : undefined
   }, {
     default: _withCtx(() => [_createElementVNode("div", _mergeProps({
-      class: _ctx.classes(_ctx.n(), _ctx.n('$--box'), _ctx.n("--item-" + _ctx.itemDirection), _ctx.n("--layout-" + _ctx.layoutDirection + "-padding"), [_ctx.elevation, _ctx.n('$-elevation--4')], [_ctx.fixedBottom, _ctx.n('--fixed-bottom')], [_ctx.safeArea, _ctx.n('--safe-area')]),
+      class: _ctx.classes(_ctx.n(), _ctx.n('$--box'), _ctx.n("--item-" + _ctx.itemDirection), _ctx.n("--layout-" + _ctx.layoutDirection + "-padding"), _ctx.formatElevation(_ctx.elevation, 4), [_ctx.fixedBottom, _ctx.n('--fixed-bottom')], [_ctx.safeArea, _ctx.n('--safe-area')]),
       style: {
         background: _ctx.color
       }
@@ -235,7 +235,8 @@ var __sfc__ = defineComponent({
       n,
       classes,
       resize,
-      resizeSticky
+      resizeSticky,
+      formatElevation
     };
   }
 

package/es/tabs/props.mjs

@@ -51,7 +51,7 @@ export var props = {
     type: [String, Number]
   },
   elevation: {
-    type: Boolean,
+    type: [Boolean, String, Number],
     default: false
   },
   scrollable: {

package/es/time-picker/TimePicker.mjs

@@ -3,7 +3,7 @@ import dayjs from 'dayjs/esm';
 import Clock from './clock.mjs';
 import { props, hoursAmpm, hours24 } from './props.mjs';
 import { toNumber } from '@varlet/shared';
-import { createNamespace, call } from '../utils/components.mjs';
+import { createNamespace, call, formatElevation } from '../utils/components.mjs';
 import { padStart } from '../utils/shared.mjs';
 import { getNumberTime, getIsDisableMinute, getIsDisableSecond } from './utils.mjs';
 var {
@@ -26,7 +26,7 @@ function __render__(_ctx, _cache) {
   var _component_clock = _resolveComponent("clock");
 
   return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.elevation, _ctx.n('$-elevation--2')])),
+    class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.formatElevation(_ctx.elevation, 2))),
     ref: "picker"
   }, [_createElementVNode("div", {
     class: _normalizeClass(_ctx.n('title')),
@@ -401,7 +401,8 @@ var __sfc__ = defineComponent({
       checkAmpm,
       end,
       update,
-      changePreventUpdate
+      changePreventUpdate,
+      formatElevation
     };
   }
 

package/es/time-picker/props.mjs

@@ -12,7 +12,7 @@ export var props = {
     type: String
   },
   elevation: {
-    type: Boolean,
+    type: [Boolean, Number, String],
     default: false
   },
   color: {

package/es/uploader/Uploader.mjs

@@ -13,7 +13,7 @@ import { defineComponent, nextTick, reactive, computed, watch, ref } from 'vue';
 import { props } from './props.mjs';
 import { isNumber, toNumber, isString, isArray } from '@varlet/shared';
 import { isHTMLSupportImage, isHTMLSupportVideo } from '../utils/shared.mjs';
-import { call, useValidation, createNamespace } from '../utils/components.mjs';
+import { call, useValidation, createNamespace, formatElevation } from '../utils/components.mjs';
 import { useForm } from '../form/provide.mjs';
 var {
   n,
@@ -49,7 +49,7 @@ function __render__(_ctx, _cache) {
     class: _normalizeClass(_ctx.n('file-list'))
   }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.files, f => {
     return _withDirectives((_openBlock(), _createElementBlock("div", {
-      class: _normalizeClass(_ctx.classes(_ctx.n('file'), _ctx.n('$-elevation--2'), [f.state === 'loading', _ctx.n('--loading')])),
+      class: _normalizeClass(_ctx.classes(_ctx.n('file'), _ctx.formatElevation(_ctx.elevation, 2), [f.state === 'loading', _ctx.n('--loading')])),
       key: f.id,
       onClick: $event => _ctx.preview(f)
     }, [_createElementVNode("div", {
@@ -91,7 +91,7 @@ function __render__(_ctx, _cache) {
   /* KEYED_FRAGMENT */
   )), !_ctx.maxlength || _ctx.modelValue.length < _ctx.maxlength ? _withDirectives((_openBlock(), _createElementBlock("div", {
     key: 0,
-    class: _normalizeClass(_ctx.classes([!_ctx.$slots.default, _ctx.n('action') + " " + _ctx.n('$-elevation--2')], [_ctx.disabled || _ctx.formDisabled, _ctx.n('--disabled')])),
+    class: _normalizeClass(_ctx.classes([!_ctx.$slots.default, _ctx.n('action') + " " + _ctx.formatElevation(_ctx.elevation, 2)], [_ctx.disabled || _ctx.formDisabled, _ctx.n('--disabled')])),
     onClick: _cache[1] || (_cache[1] = function () {
       return _ctx.chooseFile && _ctx.chooseFile(...arguments);
     })
@@ -464,6 +464,7 @@ var __sfc__ = defineComponent({
     return {
       n,
       classes,
+      formatElevation,
       input,
       files,
       showPreview,

package/es/uploader/props.mjs

@@ -24,6 +24,10 @@ export var props = {
     type: Boolean,
     default: false
   },
+  elevation: {
+    type: [Boolean, Number, String],
+    default: true
+  },
   removable: {
     type: Boolean,
     default: true