@varlet/ui 2.8.6 → 2.9.0-alpha.1678371604765
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.
- package/es/breadcrumb/provide.mjs +4 -6
- package/es/breadcrumbs/provide.mjs +3 -6
- package/es/button/Button.mjs +17 -2
- package/es/button/button.css +1 -1
- package/es/button/props.mjs +3 -7
- package/es/fab/Fab.mjs +182 -0
- package/es/fab/fab.css +1 -0
- package/es/fab/index.mjs +9 -0
- package/es/fab/props.mjs +91 -0
- package/es/fab/style/index.mjs +2 -0
- package/es/hover/index.mjs +5 -2
- package/es/icon/Icon.mjs +10 -7
- package/es/icon/icon.css +1 -1
- package/es/icon/props.mjs +3 -0
- package/es/index.bundle.mjs +7 -1
- package/es/index.mjs +6 -1
- package/es/menu/props.mjs +3 -0
- package/es/menu/usePopover.mjs +4 -1
- package/es/option/Option.mjs +3 -8
- package/es/select/Select.mjs +1 -0
- package/es/snackbar/style/index.mjs +1 -1
- package/es/space/Space.mjs +3 -21
- package/es/style.css +1 -1
- package/es/style.mjs +1 -0
- package/es/tab/provide.mjs +4 -6
- package/es/tab-item/provide.mjs +4 -6
- package/es/tabs/provide.mjs +3 -6
- package/es/tabs-items/provide.mjs +3 -6
- package/es/tooltip/props.mjs +3 -0
- package/es/utils/components.mjs +19 -1
- package/es/varlet.esm.js +5659 -5367
- package/highlight/web-types.en-US.json +238 -3
- package/highlight/web-types.zh-CN.json +238 -3
- package/lib/style.css +1 -1
- package/lib/varlet.cjs.js +845 -488
- package/package.json +6 -6
- package/types/fab.d.ts +55 -0
- package/types/icon.d.ts +1 -0
- package/types/index.d.ts +2 -0
- package/types/menu.d.ts +1 -0
- package/types/tooltip.d.ts +1 -0
- package/umd/varlet.js +5 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@varlet/ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.9.0-alpha.1678371604765",
|
|
4
4
|
"description": "A material like components library",
|
|
5
5
|
"main": "lib/varlet.cjs.js",
|
|
6
6
|
"module": "es/index.mjs",
|
|
@@ -46,9 +46,9 @@
|
|
|
46
46
|
"@popperjs/core": "^2.11.6",
|
|
47
47
|
"dayjs": "^1.10.4",
|
|
48
48
|
"decimal.js": "^10.2.1",
|
|
49
|
-
"@varlet/icons": "2.
|
|
50
|
-
"@varlet/
|
|
51
|
-
"@varlet/
|
|
49
|
+
"@varlet/icons": "2.9.0-alpha.1678371604765",
|
|
50
|
+
"@varlet/shared": "2.9.0-alpha.1678371604765",
|
|
51
|
+
"@varlet/use": "2.9.0-alpha.1678371604765"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@types/jest": "^26.0.15",
|
|
@@ -63,8 +63,8 @@
|
|
|
63
63
|
"typescript": "^4.4.4",
|
|
64
64
|
"vue": "3.2.25",
|
|
65
65
|
"vue-router": "4.0.12",
|
|
66
|
-
"@varlet/cli": "2.
|
|
67
|
-
"@varlet/touch-emulator": "2.
|
|
66
|
+
"@varlet/cli": "2.9.0-alpha.1678371604765",
|
|
67
|
+
"@varlet/touch-emulator": "2.9.0-alpha.1678371604765"
|
|
68
68
|
},
|
|
69
69
|
"browserslist": [
|
|
70
70
|
"Chrome >= 54",
|
package/types/fab.d.ts
ADDED
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { VNode, TeleportProps } from 'vue'
|
|
2
|
+
import { VarComponent, BasicAttributes, ListenerProp, Type } from './varComponent'
|
|
3
|
+
|
|
4
|
+
export type FabPosition = 'left-top' | 'right-top' | 'left-bottom' | 'right-bottom'
|
|
5
|
+
|
|
6
|
+
export type FabTrigger = 'click' | 'hover'
|
|
7
|
+
|
|
8
|
+
export type FabDirection = 'top' | 'right' | 'bottom' | 'left'
|
|
9
|
+
|
|
10
|
+
export type FabType = Type
|
|
11
|
+
|
|
12
|
+
export declare const fabProps: Record<string, any>
|
|
13
|
+
|
|
14
|
+
export interface FabTriggerData {
|
|
15
|
+
active: boolean
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export interface FabProps extends BasicAttributes {
|
|
19
|
+
active?: boolean
|
|
20
|
+
show?: boolean
|
|
21
|
+
type?: FabType
|
|
22
|
+
fixed?: boolean
|
|
23
|
+
position?: FabPosition
|
|
24
|
+
direction?: FabDirection
|
|
25
|
+
trigger?: FabTrigger
|
|
26
|
+
disabled?: boolean
|
|
27
|
+
color?: string
|
|
28
|
+
inactiveIcon?: string
|
|
29
|
+
activeIcon?: string
|
|
30
|
+
inactiveIconSize?: string | number
|
|
31
|
+
activeIconSize?: string | number
|
|
32
|
+
zIndex?: string | number
|
|
33
|
+
top?: string | number
|
|
34
|
+
bottom?: string | number
|
|
35
|
+
left?: string | number
|
|
36
|
+
right?: string | number
|
|
37
|
+
teleport?: TeleportProps['to']
|
|
38
|
+
onClick?: ListenerProp<(active: boolean, e: Event) => void>
|
|
39
|
+
onOpen?: ListenerProp<() => void>
|
|
40
|
+
onOpened?: ListenerProp<() => void>
|
|
41
|
+
onClose?: ListenerProp<() => void>
|
|
42
|
+
onClosed?: ListenerProp<() => void>
|
|
43
|
+
'onUpdate:active'?: ListenerProp<(active: boolean) => void>
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
export class Fab extends VarComponent {
|
|
47
|
+
$props: FabProps
|
|
48
|
+
|
|
49
|
+
$slots: {
|
|
50
|
+
default(): VNode[]
|
|
51
|
+
trigger(data: FabTriggerData): VNode[]
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
export class _FabComponent extends Fab {}
|
package/types/icon.d.ts
CHANGED
package/types/index.d.ts
CHANGED
|
@@ -29,6 +29,7 @@ export * from './datePicker'
|
|
|
29
29
|
export * from './dialog'
|
|
30
30
|
export * from './divider'
|
|
31
31
|
export * from './ellipsis'
|
|
32
|
+
export * from './fab'
|
|
32
33
|
export * from './form'
|
|
33
34
|
export * from './formDetails'
|
|
34
35
|
export * from './hover'
|
|
@@ -111,6 +112,7 @@ declare module 'vue' {
|
|
|
111
112
|
VarDialog: typeof import('@varlet/ui')['_DialogComponent']
|
|
112
113
|
VarDivider: typeof import('@varlet/ui')['_DividerComponent']
|
|
113
114
|
VarEllipsis: typeof import('@varlet/ui')['_EllipsisComponent']
|
|
115
|
+
VarFab: typeof import('@varlet/ui')['_FabComponent']
|
|
114
116
|
VarForm: typeof import('@varlet/ui')['_FormComponent']
|
|
115
117
|
VarFormDetails: typeof import('@varlet/ui')['_FormDetailsComponent']
|
|
116
118
|
VarHover: typeof import('@varlet/ui')['_HoverComponent']
|
package/types/menu.d.ts
CHANGED
package/types/tooltip.d.ts
CHANGED