@varlet/ui 1.27.20 → 2.0.0-alpha.1663742071515

package/lib/style.js

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

package/lib/switch/Switch.js

@@ -55,7 +55,8 @@ function render(_ctx, _cache) {
     class: (0, _vue.normalizeClass)(_ctx.classes(_ctx.n('handle'), 'var-elevation--2', [_ctx.modelValue === _ctx.activeValue, _ctx.n('handle--active')], [_ctx.errorMessage, _ctx.n('handle--error')]))
   }, [_ctx.loading ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_var_loading, {
     key: 0,
-    radius: _ctx.radius
+    radius: _ctx.radius,
+    color: "currentColor"
   }, null, 8
   /* PROPS */
   , ["radius"])) : (0, _vue.createCommentVNode)("v-if", true)], 6
@@ -116,12 +117,12 @@ var _default = (0, _vue.defineComponent)({
         handle: {
           width: (0, _elements.multiplySizeUnit)(size),
           height: (0, _elements.multiplySizeUnit)(size),
-          backgroundColor: modelValue === activeValue ? color || '' : closeColor || '',
-          color: loadingColor && loadingColor
+          backgroundColor: modelValue === activeValue ? color : closeColor,
+          color: loadingColor
         },
         ripple: {
           left: modelValue === activeValue ? (0, _elements.multiplySizeUnit)(size, 0.5) : "-" + (0, _elements.multiplySizeUnit)(size, 0.5),
-          color: modelValue === activeValue ? color || '' : closeColor || '#999',
+          color: modelValue === activeValue ? color : closeColor || '#999',
           width: (0, _elements.multiplySizeUnit)(size, 2),
           height: (0, _elements.multiplySizeUnit)(size, 2)
         },
@@ -130,7 +131,7 @@ var _default = (0, _vue.defineComponent)({
           width: (0, _elements.multiplySizeUnit)(size, 1.9),
           borderRadius: (0, _elements.multiplySizeUnit)(size, 2 / 3),
           filter: modelValue === activeValue || errorMessage != null && errorMessage.value ? 'opacity(.6)' : 'brightness(.6)',
-          backgroundColor: modelValue === activeValue ? color || '' : closeColor || ''
+          backgroundColor: modelValue === activeValue ? color : closeColor
         },
         switch: {
           height: (0, _elements.multiplySizeUnit)(size, 1.2),

package/lib/tabs/tabs.css

@@ -1 +1 @@
-:root { --tabs-item-horizontal-height: 44px; --tabs-item-vertical-height: 66px; --tabs-radius: 2px; --tabs-padding: 12px; --tabs-indicator-size: 2px; --tabs-indicator-background: var(--color-primary); --tabs-background: #fff;}.var-tabs { border-radius: var(--tabs-radius); background: var(--tabs-background); overflow: hidden; transition: background-color 0.25s;}.var-tabs__tab-wrap { position: relative; display: flex; height: 100%;}.var-tabs__indicator { position: absolute; z-index: 10; transition-property: width, transform; transition-duration: 0.3s;}.var-tabs--layout-horizontal { flex-direction: row;}.var-tabs--layout-horizontal-scrollable { overflow-x: auto; overflow-y: hidden;}.var-tabs--layout-horizontal-padding { padding: 0 var(--tabs-padding);}.var-tabs--layout-horizontal-indicator { left: 0; bottom: 0; height: var(--tabs-indicator-size); background: var(--tabs-indicator-background);}.var-tabs--layout-vertical { flex-direction: column;}.var-tabs--layout-vertical-scrollable { overflow-x: hidden; overflow-y: auto;}.var-tabs--layout-vertical-padding { padding: 0;}.var-tabs--layout-vertical-indicator { left: 0; top: 0; width: var(--tabs-indicator-size); background: var(--tabs-indicator-background);}.var-tabs--item-horizontal { height: var(--tabs-item-horizontal-height);}.var-tabs--item-vertical { height: var(--tabs-item-vertical-height);}.var-tabs--fixed-bottom { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 99;}.var-tabs--safe-area { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); box-sizing: content-box !important;}
+:root { --tabs-item-horizontal-height: 44px; --tabs-item-vertical-height: 66px; --tabs-radius: 2px; --tabs-padding: 12px; --tabs-indicator-size: 2px; --tabs-indicator-background: var(--color-primary); --tabs-background: #fff;}.var-tabs { border-radius: var(--tabs-radius); background: var(--tabs-background); overflow: hidden; transition: background-color 0.25s;}.var-tabs__tab-wrap { position: relative; display: flex; height: 100%;}.var-tabs__indicator { position: absolute; z-index: 10; transition-property: width, transform; transition-duration: 0.3s;}.var-tabs--layout-horizontal { flex-direction: row;}.var-tabs--layout-horizontal-scrollable { overflow-x: auto; overflow-y: hidden;}.var-tabs--layout-horizontal-scrollable::-webkit-scrollbar { display: none;}.var-tabs--layout-horizontal-padding { padding: 0 var(--tabs-padding);}.var-tabs--layout-horizontal-indicator { left: 0; bottom: 0; height: var(--tabs-indicator-size); background: var(--tabs-indicator-background);}.var-tabs--layout-vertical { flex-direction: column;}.var-tabs--layout-vertical-scrollable { overflow-x: hidden; overflow-y: auto;}.var-tabs--layout-vertical-scrollable::-webkit-scrollbar { display: none;}.var-tabs--layout-vertical-padding { padding: 0;}.var-tabs--layout-vertical-indicator { left: 0; top: 0; width: var(--tabs-indicator-size); background: var(--tabs-indicator-background);}.var-tabs--item-horizontal { height: var(--tabs-item-horizontal-height);}.var-tabs--item-vertical { height: var(--tabs-item-vertical-height);}.var-tabs--fixed-bottom { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 99;}.var-tabs--safe-area { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); box-sizing: content-box !important;}

package/lib/tabs-items/TabsItems.js

@@ -10,10 +10,10 @@ var _vue = require("vue");
 
 var _provide = require("./provide");
 
-var _props = require("./props");
-
 var _components = require("../utils/components");
 
+var _props = require("./props");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var {
@@ -108,6 +108,11 @@ var _default = (0, _vue.defineComponent)({
       });
       var active = (_tabItem$name$value = tabItem.name.value) != null ? _tabItem$name$value : tabItem.index.value;
       (0, _components.call)(props['onUpdate:active'], active);
+    }; // expose
+
+
+    var getSwipe = () => {
+      return swipe.value;
     };
 
     var tabsItemsProvider = {};
@@ -117,7 +122,8 @@ var _default = (0, _vue.defineComponent)({
     return {
       swipe,
       n,
-      handleSwipeChange
+      handleSwipeChange,
+      getSwipe
     };
   }
 

package/lib/themes/dark/cell.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _default = {
-  '--cell-desc-color': '#aaa',
+  '--cell-description-color': '#aaa',
   '--cell-border-color': '#545454'
 };
 exports.default = _default;

package/lib/themes/dark/index.js

@@ -61,9 +61,11 @@ var _bottomNavigation = _interopRequireDefault(require("./bottomNavigation"));
 
 var _bottomNavigationItem = _interopRequireDefault(require("./bottomNavigationItem"));
 
+var _menu = _interopRequireDefault(require("./menu"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var _default = _extends({
   // common
@@ -76,6 +78,6 @@ var _default = _extends({
   '--color-danger': '#ef5350',
   '--color-disabled': '#404040',
   '--color-text-disabled': '#757575'
-}, _button.default, _cell.default, _card.default, _timePicker.default, _datePicker.default, _skeleton.default, _tabs.default, _tab.default, _popup.default, _dialog.default, _actionSheet.default, _chip.default, _badge.default, _uploader.default, _collapse.default, _pullRefresh.default, _switch.default, _steps.default, _pagination.default, _table.default, _input.default, _select.default, _radio.default, _checkbox.default, _divider.default, _picker.default, _appBar.default, _bottomNavigation.default, _bottomNavigationItem.default);
+}, _button.default, _cell.default, _card.default, _timePicker.default, _datePicker.default, _skeleton.default, _tabs.default, _tab.default, _popup.default, _dialog.default, _actionSheet.default, _chip.default, _badge.default, _uploader.default, _collapse.default, _pullRefresh.default, _switch.default, _steps.default, _pagination.default, _table.default, _input.default, _select.default, _radio.default, _checkbox.default, _divider.default, _picker.default, _appBar.default, _bottomNavigation.default, _bottomNavigationItem.default, _menu.default);
 
 exports.default = _default;

package/lib/themes/dark/menu.js

@@ -0,0 +1,8 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  '--menu-background-color': '#272727'
+};
+exports.default = _default;

package/lib/themes/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _dark = _interopRequireDefault(require("./dark"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  dark: _dark.default
+};
+exports.default = _default;

package/lib/time-picker/TimePicker.js

@@ -39,7 +39,7 @@ function render(_ctx, _cache) {
   var _component_clock = (0, _vue.resolveComponent)("clock");
 
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
-    class: (0, _vue.normalizeClass)(_ctx.classes(_ctx.n(), [_ctx.shadow, 'var-elevation--2'])),
+    class: (0, _vue.normalizeClass)(_ctx.classes(_ctx.n(), [_ctx.elevation, 'var-elevation--2'])),
     ref: "picker"
   }, [(0, _vue.createElementVNode)("div", {
     class: (0, _vue.normalizeClass)(_ctx.n('title')),

package/lib/time-picker/props.js

@@ -17,7 +17,7 @@ var props = {
   modelValue: {
     type: String
   },
-  shadow: {
+  elevation: {
     type: Boolean,
     default: false
   },

package/lib/utils/components.js

@@ -1,7 +1,6 @@
 "use strict";
 
 exports.__esModule = true;
-exports.addRouteListener = addRouteListener;
 exports.call = call;
 exports.createNamespace = createNamespace;
 exports.exposeApis = exposeApis;
@@ -14,6 +13,7 @@ exports.useAtChildrenCounter = useAtChildrenCounter;
 exports.useAtParentIndex = useAtParentIndex;
 exports.useChildren = useChildren;
 exports.useParent = useParent;
+exports.useRouteListener = useRouteListener;
 exports.useTeleport = useTeleport;
 exports.useValidation = useValidation;
 
@@ -29,7 +29,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function pickProps(props, propsKey) {
   return Array.isArray(propsKey) ? propsKey.reduce((pickedProps, key) => {
@@ -262,7 +262,7 @@ function useValidation() {
   };
 }
 
-function addRouteListener(cb) {
+function useRouteListener(cb) {
   (0, _vue.onMounted)(() => {
     window.addEventListener('hashchange', cb);
     window.addEventListener('popstate', cb);

package/lib/utils/jest.js

@@ -7,7 +7,6 @@ exports.mockConsole = mockConsole;
 exports.mockDoubleRaf = mockDoubleRaf;
 exports.mockFileReader = mockFileReader;
 exports.mockImageNaturalSize = mockImageNaturalSize;
-exports.mockIndexBarOwnTop = mockIndexBarOwnTop;
 exports.mockOffset = mockOffset;
 exports.mockScrollTo = mockScrollTo;
 exports.mockStubs = mockStubs;
@@ -282,24 +281,4 @@ function mockScrollTo(Element) {
       this.scrollTop = y;
     }
   };
-}
-
-function mockIndexBarOwnTop() {
-  var originForEach = Array.prototype.forEach; // eslint-disable-next-line no-extend-native
-
-  Array.prototype.forEach = function (fn, thisArg) {
-    var changedArr = this.map((value, index) => {
-      if (value.ownTop && !value.ownTop.value) value.ownTop.value = (index + 1) * 50;
-      return value;
-    });
-    originForEach.call(changedArr, fn, thisArg);
-  };
-
-  return {
-    mockRestore() {
-      // eslint-disable-next-line no-extend-native
-      Array.prototype.forEach = originForEach;
-    }
-
-  };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "1.27.20",
+  "version": "2.0.0-alpha.1663742071515",
   "description": "A material like components library",
   "module": "es/index.js",
   "main": "lib/index.js",
@@ -26,7 +26,7 @@
   ],
   "author": "haoziqaq <357229046@qq.com>",
   "license": "MIT",
-  "homepage": "https://varlet-varletjs.vercel.app/",
+  "homepage": "https://varlet.gitee.io/varlet-ui/",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/varletjs/varlet.git"
@@ -48,17 +48,20 @@
     "vue": "^3.2.0"
   },
   "dependencies": {
-    "@varlet/icons": "1.27.20",
-    "@varlet/shared": "1.27.20",
+    "@popperjs/core": "^2.11.6",
+    "@varlet/icons": "2.0.0-alpha.1663742071515",
+    "@varlet/shared": "2.0.0-alpha.1663742071515",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1"
   },
   "devDependencies": {
-    "@varlet/cli": "1.27.20",
-    "@varlet/touch-emulator": "1.27.20",
+    "@varlet/cli": "2.0.0-alpha.1663742071515",
+    "@varlet/touch-emulator": "2.0.0-alpha.1663742071515",
     "@vue/runtime-core": "3.2.25",
-    "@vue/test-utils": "2.0.0-rc.6",
+    "@vue/test-utils": "^2.0.2",
+    "@types/jest": "^26.0.15",
     "clipboard": "^2.0.6",
+    "jsdom": "^20.0.0",
     "live-server": "^1.2.1",
     "lodash-es": "^4.17.21",
     "postcss-px-to-viewport": "^1.1.1",

package/types/actionSheet.d.ts

@@ -1,6 +1,5 @@
 import type { App, TeleportProps } from 'vue'
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface ActionSheetProps extends BasicAttributes {
   actions?: ActionItem[]

package/types/appBar.d.ts

@@ -1,11 +1,12 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type AppBarTitlePosition = 'left' | 'center' | 'right'
 
 export interface AppBarProps extends BasicAttributes {
   color?: string
   textColor?: string
   title?: string
-  titlePosition?: 'left' | 'center' | 'right'
+  titlePosition?: AppBarTitlePosition
   elevation?: boolean
 }
 

package/types/backTop.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface BackTopProps extends BasicAttributes {
   visibilityHeight?: number | string

package/types/badge.d.ts

@@ -1,14 +1,15 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes, Type as BadgeType } from './varComponent'
+
+export type BadgePosition = 'right-top' | 'right-bottom' | 'left-top' | 'left-bottom'
 
 export interface BadgeProps extends BasicAttributes {
-  type?: 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger'
+  type?: BadgeType
   hidden?: boolean
   dot?: boolean
   value?: string | number
   maxValue?: string | number
   color?: string
-  position?: 'right-top' | 'right-bottom' | 'left-top' | 'left-bottom'
+  position?: BadgePosition
   icon?: string
 }
 

package/types/bottomNavigation.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 import { ButtonProps } from './button'
 
 export interface BottomNavigationProps extends BasicAttributes {

package/types/bottomNavigationItem.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 import { BadgeProps } from './badge'
 
 export interface BottomNavigationItemProps extends BasicAttributes {

package/types/button.d.ts

@@ -1,9 +1,9 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes, Type as ButtonType, Size as ButtonSize } from './varComponent'
+import { LoadingType, LoadingSize } from './loading'
 
 export interface ButtonProps extends BasicAttributes {
-  type?: 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger'
-  size?: 'normal' | 'mini' | 'small' | 'large'
+  type?: ButtonType
+  size?: ButtonSize
   loading?: boolean
   round?: boolean
   block?: boolean
@@ -15,8 +15,9 @@ export interface ButtonProps extends BasicAttributes {
   color?: string
   textColor?: string
   loadingRadius?: string | number
-  loadingType?: 'circle' | 'wave' | 'cube' | 'rect' | 'disappear'
-  loadingSize?: 'normal' | 'mini' | 'small' | 'large'
+  loadingType?: LoadingType
+  loadingSize?: LoadingSize
+  loadingColor?: string
   onClick?: (e: Event) => void
   onTouchstart?: (e: Event) => void
 }

package/types/card.d.ts

@@ -1,13 +1,12 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type CardFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
+
+export type CardLayout = 'row' | 'column'
 
 export interface CardProps extends BasicAttributes {
   src?: string
-  fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
-  /**
-   * @deprecated use imageHeight instead
-   */
-  height?: string | number
+  fit?: CardFit
   imageHeight?: string | number
   imageWidth?: string | number
   alt?: string
@@ -17,7 +16,7 @@ export interface CardProps extends BasicAttributes {
   elevation?: string | number
   ripple?: boolean
   onClick?: (e: Event) => void
-  layout?: 'row' | 'column'
+  layout?: CardLayout
   floating?: boolean
   floatingDuration?: number
   'onUpdate:floating'?: (value: boolean) => void

package/types/cell.d.ts

@@ -1,14 +1,13 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface CellProps extends BasicAttributes {
   title?: string | number
   icon?: string
-  desc?: string
+  description?: string
   border?: boolean
   iconClass?: string
   titleClass?: string
-  descClass?: string
+  descriptionClass?: string
   extraClass?: string
 }
 

package/types/checkbox.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export type CheckboxValidateTriggers = 'onChange'
 

package/types/checkboxGroup.d.ts

@@ -1,13 +1,12 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes, Direction as CheckboxGroupDirection } from './varComponent'
 
-export type CheckboxGroupValidateTriggers = 'onChange'
+export type CheckboxGroupValidateTrigger = 'onChange'
 
 export interface CheckboxGroupProps extends BasicAttributes {
   modelValue?: any[]
   max?: string | number
-  direction?: 'horizontal' | 'vertical'
-  validateTrigger?: Array<CheckboxGroupValidateTriggers>
+  direction?: CheckboxGroupDirection
+  validateTrigger?: Array<CheckboxGroupValidateTrigger>
   rules?: Array<(value: any) => any>
   onChange?: (value: Array<any>) => void
   'onUpdate:modelValue'?: (value: Array<any>) => void

package/types/chip.d.ts

@@ -1,9 +1,8 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes, Type as ChipType, Size as ChipSize } from './varComponent'
 
 export interface ChipProps extends BasicAttributes {
-  type?: 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger'
-  size?: 'normal' | 'mini' | 'small' | 'large'
+  type?: ChipType
+  size?: ChipSize
   color?: string
   textColor?: string
   iconName?: string

package/types/col.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export type SizeDescriptor = {
   span?: number | string

package/types/collapse.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export type CollapseModelValue = null | string | number | Array<string | number>
 

package/types/collapseItem.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface CollapseItemProps extends BasicAttributes {
   name?: string | number

package/types/countdown.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export type TimeData = {
   days: number

package/types/counter.d.ts

@@ -1,7 +1,6 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
-export type CounterValidateTriggers = 'onIncrement' | 'onDecrement' | 'onInputChange' | 'onLazyChange'
+export type CounterValidateTrigger = 'onIncrement' | 'onDecrement' | 'onInputChange' | 'onLazyChange'
 
 export interface CounterProps extends BasicAttributes {
   modelValue?: string | number
@@ -23,7 +22,7 @@ export interface CounterProps extends BasicAttributes {
   decrementButton?: boolean
   press?: boolean
   ripple?: boolean
-  validateTrigger?: Array<CounterValidateTriggers>
+  validateTrigger?: Array<CounterValidateTrigger>
   rules?: Array<(v: number) => any>
   onBeforeChange?: (value: number, change: (value: string | number) => void) => void
   onChange?: (value: number) => void

package/types/datePicker.d.ts

@@ -1,13 +1,14 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type DatePickerType = 'date' | 'month'
 
 export interface DatePickerProps extends BasicAttributes {
   modelValue: string | Array<string>
-  type?: 'date' | 'month'
+  type?: DatePickerType
   allowedDates?: (val: string) => boolean
   color?: string
   headerColor?: string
-  shadow?: boolean
+  elevation?: boolean
   firstDayOfWeek?: string | number
   min?: string
   max?: string

package/types/dialog.d.ts

@@ -1,12 +1,13 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 import type { App, TeleportProps } from 'vue'
 
+export type DialogTypeMessageAlign = 'left' | 'center' | 'right'
+
 export interface DialogProps extends BasicAttributes {
   show?: boolean
   title?: string
   message?: string
-  messageAlign?: 'left' | 'center' | 'right'
+  messageAlign?: DialogTypeMessageAlign
   confirmButton?: boolean
   cancelButton?: boolean
   confirmButtonText?: string

package/types/divider.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface DividerProps extends BasicAttributes {
   inset?: boolean | number

package/types/form.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface FormProps extends BasicAttributes {
   disabled?: boolean

package/types/icon.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface IconProps extends BasicAttributes {
   name?: string

package/types/image.d.ts

@@ -1,9 +1,10 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
+
+type ImageFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
 
 export interface ImageProps extends BasicAttributes {
   src?: string
-  fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
+  fit?: ImageFit
   alt?: string
   width?: string | number
   height?: string | number

package/types/imagePreview.d.ts

@@ -1,6 +1,5 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-import type { App, TeleportProps } from 'vue'
+import { VarComponent, BasicAttributes } from './varComponent'
+import { App, TeleportProps } from 'vue'
 
 export interface ImagePreviewProps extends BasicAttributes {
   show?: boolean