@oku-ui/aspect-ratio
Advanced tools
Comparing version 0.5.0 to 0.6.0
import * as vue from 'vue'; | ||
import { PropType } from 'vue'; | ||
import { OkuElement, PrimitiveProps } from '@oku-ui/primitive'; | ||
type AspectRatioNaviteElement = OkuElement<'div'>; | ||
type AspectRatioNativeElement = OkuElement<'div'>; | ||
type AspectRatioElement = HTMLDivElement; | ||
interface AspectRatioProps extends PrimitiveProps { | ||
ratio?: number; | ||
ratio: number; | ||
} | ||
declare const aspectRatioProps: { | ||
props: { | ||
declare const OkuAspectRatio: { | ||
new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{ | ||
asChild: BooleanConstructor; | ||
ratio: { | ||
type: PropType<number>; | ||
type: vue.PropType<number>; | ||
default: number; | ||
}; | ||
}; | ||
emits: {}; | ||
}; | ||
declare const OkuAspectRatio: { | ||
new (...args: any[]): { | ||
$: vue.ComponentInternalInstance; | ||
$data: {}; | ||
$props: { | ||
ratio?: number | undefined; | ||
asChild?: boolean | undefined; | ||
style?: unknown; | ||
class?: unknown; | ||
ref?: vue.VNodeRef | undefined; | ||
key?: string | number | symbol | undefined; | ||
ref_for?: boolean | undefined; | ||
ref_key?: string | undefined; | ||
onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>) => void)[] | undefined; | ||
onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>) => void)[] | undefined; | ||
onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>) => void)[] | undefined; | ||
onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>) => void)[] | undefined; | ||
onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>) => void)[] | undefined; | ||
onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>) => void)[] | undefined; | ||
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{ | ||
asChild: BooleanConstructor; | ||
ratio: { | ||
type: vue.PropType<number>; | ||
default: number; | ||
}; | ||
$attrs: { | ||
[x: string]: unknown; | ||
}; | ||
$refs: { | ||
[x: string]: unknown; | ||
}; | ||
$slots: Readonly<{ | ||
[name: string]: vue.Slot<any> | undefined; | ||
}>; | ||
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null; | ||
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null; | ||
$emit: (event: string, ...args: any[]) => void; | ||
$el: any; | ||
$options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{ | ||
asChild: BooleanConstructor; | ||
ratio: { | ||
type: PropType<number>; | ||
default: number; | ||
}; | ||
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, { | ||
ratio: number; | ||
asChild: boolean; | ||
}, {}, string, {}> & { | ||
beforeCreate?: ((() => void) | (() => void)[]) | undefined; | ||
created?: ((() => void) | (() => void)[]) | undefined; | ||
beforeMount?: ((() => void) | (() => void)[]) | undefined; | ||
mounted?: ((() => void) | (() => void)[]) | undefined; | ||
beforeUpdate?: ((() => void) | (() => void)[]) | undefined; | ||
updated?: ((() => void) | (() => void)[]) | undefined; | ||
activated?: ((() => void) | (() => void)[]) | undefined; | ||
deactivated?: ((() => void) | (() => void)[]) | undefined; | ||
beforeDestroy?: ((() => void) | (() => void)[]) | undefined; | ||
beforeUnmount?: ((() => void) | (() => void)[]) | undefined; | ||
destroyed?: ((() => void) | (() => void)[]) | undefined; | ||
unmounted?: ((() => void) | (() => void)[]) | undefined; | ||
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined; | ||
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined; | ||
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined; | ||
}; | ||
$forceUpdate: () => void; | ||
$nextTick: typeof vue.nextTick; | ||
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle; | ||
} & Readonly<vue.ExtractPropTypes<{ | ||
}>>, { | ||
ratio: number; | ||
asChild: boolean; | ||
}, true, {}, {}, { | ||
P: {}; | ||
B: {}; | ||
D: {}; | ||
C: {}; | ||
M: {}; | ||
Defaults: {}; | ||
}, Readonly<vue.ExtractPropTypes<{ | ||
asChild: BooleanConstructor; | ||
ratio: { | ||
type: PropType<number>; | ||
type: vue.PropType<number>; | ||
default: number; | ||
}; | ||
}>> & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, { | ||
[key: string]: any; | ||
}>> & {} & vue.ComponentCustomProperties & {}; | ||
}>, {}, {}, {}, { | ||
ratio: number; | ||
asChild: boolean; | ||
}>; | ||
__isFragment?: undefined; | ||
@@ -130,3 +53,3 @@ __isTeleport?: undefined; | ||
ratio: { | ||
type: PropType<number>; | ||
type: vue.PropType<number>; | ||
default: number; | ||
@@ -140,5 +63,5 @@ }; | ||
}, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => { | ||
$props: AspectRatioNaviteElement; | ||
$props: AspectRatioNativeElement; | ||
}); | ||
export { type AspectRatioElement, type AspectRatioNaviteElement, type AspectRatioProps, OkuAspectRatio, aspectRatioProps }; | ||
export { type AspectRatioElement, type AspectRatioNativeElement, type AspectRatioProps, OkuAspectRatio }; |
{ | ||
"name": "@oku-ui/aspect-ratio", | ||
"type": "module", | ||
"version": "0.5.0", | ||
"version": "0.6.0", | ||
"license": "MIT", | ||
@@ -44,4 +44,5 @@ "source": "src/index.ts", | ||
"dev": "unbuild --stub", | ||
"release": "pnpm build && pnpm bumpp --commit='version(aspect-ratio): release %s' --no-tag && pnpm publish", | ||
"clean": "rimraf ./dist && rimraf ./node_modules" | ||
} | ||
} |
@@ -6,5 +6,4 @@ # Aspect Ratio | ||
[![Version](https://img.shields.io/npm/v/@oku-ui/aspect-ratio?style=flat&colorA=18181B&colorB=28CF8D)](https://www.npmjs.com/package/@oku-ui/aspect-ratio) [![Downloads](https://img.shields.io/npm/dm/@oku-ui/aspect-ratio?style=flat&colorA=18181B&colorB=28CF8D)](https://www.npmjs.com/package/@oku-ui/aspect-ratio) | ||
<span><a href="https://www.npmjs.com/package/@oku-ui/aspect-ratio "><img src="https://img.shields.io/npm/v/@oku-ui/aspect-ratio?style=flat&colorA=18181B&colorB=28CF8D" alt="Version"></a> </span> | <span> <a href="https://www.npmjs.com/package/@oku-ui/aspect-ratio"> <img src="https://img.shields.io/npm/dm/@oku-ui/aspect-ratio?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"> </a> </span> | <span> <a href="https://oku-ui.com/primitives/components/aspect-ratio"><img src="https://img.shields.io/badge/Open%20Documentation-18181B" alt="Website"></a> </span> | ||
## Installation | ||
@@ -16,2 +15,2 @@ | ||
[Documentation](https://oku-ui.com/primitives/components/aspect-ratio) | ||
[Documentation](https://oku-ui.com/primitives/components/aspect-ratio) |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
8752
119