@varlet/ui 2.17.0 → 2.18.0-alpha.1697472019506

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.17.0",
+  "version": "2.18.0-alpha.1697472019506",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -48,9 +48,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "2.17.0",
-    "@varlet/shared": "2.17.0",
-    "@varlet/use": "2.17.0"
+    "@varlet/icons": "2.18.0-alpha.1697472019506",
+    "@varlet/shared": "2.18.0-alpha.1697472019506",
+    "@varlet/use": "2.18.0-alpha.1697472019506"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.3.4",
@@ -66,9 +66,9 @@
     "typescript": "^5.1.5",
     "vue": "3.3.4",
     "vue-router": "4.2.0",
-    "@varlet/cli": "2.17.0",
-    "@varlet/touch-emulator": "2.17.0",
-    "@varlet/ui": "2.17.0"
+    "@varlet/ui": "2.18.0-alpha.1697472019506",
+    "@varlet/cli": "2.18.0-alpha.1697472019506",
+    "@varlet/touch-emulator": "2.18.0-alpha.1697472019506"
   },
   "scripts": {
     "dev": "varlet-cli dev",

package/types/index.d.ts

@@ -49,6 +49,8 @@ export * from './loading'
 export * from './loadingBar'
 export * from './locale'
 export * from './menu'
+export * from './menuOption'
+export * from './menuSelect'
 export * from './option'
 export * from './overlay'
 export * from './pagination'
@@ -134,6 +136,8 @@ declare module 'vue' {
     VarLoadingBar: typeof import('@varlet/ui')['_LoadingBarComponent']
     VarLocale: typeof import('@varlet/ui')['_LocaleComponent']
     VarMenu: typeof import('@varlet/ui')['_MenuComponent']
+    VarMenuOption: typeof import('@varlet/ui')['_MenuOptionComponent']
+    VarMenuSelect: typeof import('@varlet/ui')['_MenuSelectComponent']
     VarOption: typeof import('@varlet/ui')['_OptionComponent']
     VarOverlay: typeof import('@varlet/ui')['_OverlayComponent']
     VarPagination: typeof import('@varlet/ui')['_PaginationComponent']

package/types/menuOption.d.ts

@@ -0,0 +1,20 @@
+import { VarComponent, BasicAttributes } from './varComponent'
+import { VNode } from 'vue'
+
+export declare const menuOptionProps: Record<string, any>
+
+export interface MenuOptionProps extends BasicAttributes {
+  label?: any
+  value?: any
+  disabled?: boolean
+}
+
+export class MenuOption extends VarComponent {
+  $props: MenuOptionProps
+
+  $slots: {
+    default(): VNode[]
+  }
+}
+
+export class _MenuOptionComponent extends MenuOption {}

package/types/menuSelect.d.ts

@@ -0,0 +1,70 @@
+import { VarComponent, BasicAttributes, ListenerProp } from './varComponent'
+import { Placement as PopperPlacement } from '@popperjs/core/lib/enums'
+import { TeleportProps, VNode } from 'vue'
+import { PositioningStrategy } from '@popperjs/core'
+
+export declare const menuSelectProps: Record<string, any>
+
+type NeededPopperPlacement = Exclude<PopperPlacement, 'auto' | 'auto-start' | 'auto-end'>
+
+export type MenuSelectPlacement =
+  | NeededPopperPlacement
+  | 'cover-top'
+  | 'cover-top-start'
+  | 'cover-top-end'
+  | 'cover-bottom'
+  | 'cover-bottom-start'
+  | 'cover-bottom-end'
+  | 'cover-left'
+  | 'cover-right'
+
+export type MenuSelectTrigger = 'click' | 'hover'
+
+export type MenuSelectStrategy = PositioningStrategy
+
+export type MenuSelectSize = 'normal' | 'mini' | 'small' | 'large'
+
+export interface MenuSelectProps extends BasicAttributes {
+  modelValue?: any
+  size?: MenuSelectSize
+  multiple?: boolean
+  scrollable?: boolean
+  closeOnSelect?: boolean
+  show?: boolean
+  disabled?: boolean
+  trigger?: MenuSelectTrigger
+  reference?: string
+  placement?: MenuSelectPlacement
+  strategy?: MenuSelectStrategy
+  offsetX?: string | number
+  offsetY?: string | number
+  teleport?: TeleportProps['to'] | false
+  sameWidth?: boolean
+  elevation?: boolean | number | string
+  defaultStyle?: boolean
+  popoverClass?: string
+  closeOnClickReference?: boolean
+  onOpen?: ListenerProp<() => void>
+  onOpened?: ListenerProp<() => void>
+  onClose?: ListenerProp<() => void>
+  onClosed?: ListenerProp<() => void>
+  'onUpdate:modelValue'?: ListenerProp<(value: any) => void>
+  'onUpdate:show'?: ListenerProp<(show: boolean) => void>
+}
+
+export class MenuSelect extends VarComponent {
+  $props: MenuSelectProps
+
+  $slots: {
+    default(): VNode[]
+    options(): VNode[]
+  }
+
+  open(): void
+
+  close(): void
+
+  resize(): void
+}
+
+export class _MenuSelectComponent extends MenuSelect {}

package/types/option.d.ts

@@ -6,6 +6,7 @@ export declare const optionProps: Record<string, any>
 export interface OptionProps extends BasicAttributes {
   label?: any
   value?: any
+  disabled?: boolean
 }
 
 export class Option extends VarComponent {

package/types/uploader.d.ts

@@ -43,6 +43,7 @@ export interface UploaderProps extends BasicAttributes {
   previewed?: boolean
   hideList?: boolean
   ripple?: boolean
+  preventDefaultPreview?: boolean
   resolveType?: UploaderResolveType
   validateTrigger?: Array<UploaderValidateTrigger>
   rules?: Array<(v: VarFile[], u: UploaderVarFileUtils) => any>
@@ -52,6 +53,7 @@ export interface UploaderProps extends BasicAttributes {
   onOversize?: ListenerProp<(file: VarFile) => any>
   onBeforeRemove?: ListenerProp<(file: VarFile) => any>
   onRemove?: ListenerProp<(file: VarFile) => any>
+  onPreview?: ListenerProp<(file: VarFile) => void>
   'onUpdate:modelValue'?: ListenerProp<(files: VarFile[]) => any>
 }