Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@onu-ui/components

Package Overview
Dependencies
Maintainers
2
Versions
32
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@onu-ui/components - npm Package Compare versions

Comparing version 1.0.13 to 1.0.14-beta.0

dist/components/affix/index.d.ts

14

dist/components/alert/index.d.ts

@@ -7,3 +7,3 @@ export declare const OAlert: import("../../utils/types").SFCWithInstall<{

title: string;
type: "primary" | "secondary" | "success" | "warning" | "error" | "info";
type: "error" | "primary" | "secondary" | "success" | "warning" | "info";
description: string;

@@ -17,3 +17,3 @@ icon: string;

type: {
type: import("vue").PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
type: import("vue").PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
default: string;

@@ -67,3 +67,3 @@ };

type: {
type: import("vue").PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
type: import("vue").PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
default: string;

@@ -105,3 +105,3 @@ };

title: string;
type: "primary" | "secondary" | "success" | "warning" | "error" | "info";
type: "error" | "primary" | "secondary" | "success" | "warning" | "info";
description: string;

@@ -135,3 +135,3 @@ icon: string;

type: {
type: import("vue").PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
type: import("vue").PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
default: string;

@@ -175,3 +175,3 @@ };

type: {
type: import("vue").PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
type: import("vue").PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
default: string;

@@ -213,3 +213,3 @@ };

title: string;
type: "primary" | "secondary" | "success" | "warning" | "error" | "info";
type: "error" | "primary" | "secondary" | "success" | "warning" | "info";
description: string;

@@ -216,0 +216,0 @@ icon: string;

declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
type: {
type: import("vue").PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
type: import("vue").PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
default: string;

@@ -38,3 +38,3 @@ };

type: {
type: import("vue").PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
type: import("vue").PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
default: string;

@@ -74,3 +74,3 @@ };

title: string;
type: "primary" | "secondary" | "success" | "warning" | "error" | "info";
type: "error" | "primary" | "secondary" | "success" | "warning" | "info";
description: string;

@@ -77,0 +77,0 @@ icon: string;

@@ -5,3 +5,3 @@ import type { ExtractPropTypes, PropType } from 'vue';

type: {
type: PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
type: PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
default: string;

@@ -8,0 +8,0 @@ };

@@ -6,4 +6,4 @@ export declare const OAvatar: import("../../utils/types").SFCWithInstall<{

$props: Partial<{
mode: "img" | "bg";
size: "xs" | "sm" | "md" | "lg";
mode: "img" | "bg";
}> & Omit<Readonly<import("vue").ExtractPropTypes<{

@@ -19,3 +19,3 @@ src: StringConstructor;

};
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "mode">;
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "mode" | "size">;
$attrs: {

@@ -45,4 +45,4 @@ [x: string]: unknown;

}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
mode: "img" | "bg";
size: "xs" | "sm" | "md" | "lg";
mode: "img" | "bg";
}, {}, string> & {

@@ -93,4 +93,4 @@ beforeCreate?: ((() => void) | (() => void)[]) | undefined;

}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
mode: "img" | "bg";
size: "xs" | "sm" | "md" | "lg";
mode: "img" | "bg";
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

@@ -97,0 +97,0 @@ $slots: {

@@ -22,4 +22,4 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{

}>>, {
mode: "img" | "bg";
size: "xs" | "sm" | "md" | "lg";
mode: "img" | "bg";
}>, {

@@ -26,0 +26,0 @@ default: (_: {}) => any;

@@ -6,4 +6,4 @@ export declare const OBacktop: import("../../utils/types").SFCWithInstall<{

$props: Partial<{
readonly bottom: number;
readonly right: number;
readonly bottom: number;
readonly target: string;

@@ -30,3 +30,3 @@ readonly delta: number;

onClick?: ((evt: MouseEvent) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "right" | "bottom" | "target" | "delta">;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "bottom" | "right" | "target" | "delta">;
$attrs: {

@@ -67,4 +67,4 @@ [x: string]: unknown;

}, string, {
readonly bottom: number;
readonly right: number;
readonly bottom: number;
readonly target: string;

@@ -137,4 +137,4 @@ readonly delta: number;

}, string, {
readonly bottom: number;
readonly right: number;
readonly bottom: number;
readonly target: string;

@@ -141,0 +141,0 @@ readonly delta: number;

@@ -40,4 +40,4 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{

}, {
readonly bottom: number;
readonly right: number;
readonly bottom: number;
readonly target: string;

@@ -44,0 +44,0 @@ readonly delta: number;

@@ -7,5 +7,5 @@ export declare const OButton: import("../../utils/types").SFCWithInstall<{

text: boolean;
type: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "info";
size: "" | "xs" | "sm" | "md" | "lg";
type: "" | "default" | "error" | "primary" | "secondary" | "success" | "warning" | "info";
light: boolean;
size: "xs" | "sm" | "md" | "lg";
shadow: boolean;

@@ -17,3 +17,3 @@ dashed: boolean;

type: {
type: import("vue").PropType<"default" | "primary" | "secondary" | "success" | "warning" | "error" | "info">;
type: import("vue").PropType<"" | "default" | "error" | "primary" | "secondary" | "success" | "warning" | "info">;
default: string;

@@ -27,3 +27,3 @@ };

size: {
type: import("vue").PropType<"xs" | "sm" | "md" | "lg">;
type: import("vue").PropType<"" | "xs" | "sm" | "md" | "lg">;
default: string;

@@ -33,3 +33,4 @@ };

loading: BooleanConstructor;
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "type" | "light" | "size" | "shadow" | "dashed" | "disabled" | "loading">;
icon: StringConstructor;
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "size" | "type" | "light" | "shadow" | "dashed" | "disabled" | "loading">;
$attrs: {

@@ -50,3 +51,3 @@ [x: string]: unknown;

type: {
type: import("vue").PropType<"default" | "primary" | "secondary" | "success" | "warning" | "error" | "info">;
type: import("vue").PropType<"" | "default" | "error" | "primary" | "secondary" | "success" | "warning" | "info">;
default: string;

@@ -60,3 +61,3 @@ };

size: {
type: import("vue").PropType<"xs" | "sm" | "md" | "lg">;
type: import("vue").PropType<"" | "xs" | "sm" | "md" | "lg">;
default: string;

@@ -66,7 +67,8 @@ };

loading: BooleanConstructor;
icon: StringConstructor;
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
text: boolean;
type: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "info";
size: "" | "xs" | "sm" | "md" | "lg";
type: "" | "default" | "error" | "primary" | "secondary" | "success" | "warning" | "info";
light: boolean;
size: "xs" | "sm" | "md" | "lg";
shadow: boolean;

@@ -98,3 +100,3 @@ dashed: boolean;

type: {
type: import("vue").PropType<"default" | "primary" | "secondary" | "success" | "warning" | "error" | "info">;
type: import("vue").PropType<"" | "default" | "error" | "primary" | "secondary" | "success" | "warning" | "info">;
default: string;

@@ -108,3 +110,3 @@ };

size: {
type: import("vue").PropType<"xs" | "sm" | "md" | "lg">;
type: import("vue").PropType<"" | "xs" | "sm" | "md" | "lg">;
default: string;

@@ -114,2 +116,3 @@ };

loading: BooleanConstructor;
icon: StringConstructor;
}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};

@@ -121,3 +124,3 @@ __isFragment?: undefined;

type: {
type: import("vue").PropType<"default" | "primary" | "secondary" | "success" | "warning" | "error" | "info">;
type: import("vue").PropType<"" | "default" | "error" | "primary" | "secondary" | "success" | "warning" | "info">;
default: string;

@@ -131,3 +134,3 @@ };

size: {
type: import("vue").PropType<"xs" | "sm" | "md" | "lg">;
type: import("vue").PropType<"" | "xs" | "sm" | "md" | "lg">;
default: string;

@@ -137,7 +140,8 @@ };

loading: BooleanConstructor;
icon: StringConstructor;
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
text: boolean;
type: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "info";
size: "" | "xs" | "sm" | "md" | "lg";
type: "" | "default" | "error" | "primary" | "secondary" | "success" | "warning" | "info";
light: boolean;
size: "xs" | "sm" | "md" | "lg";
shadow: boolean;

@@ -154,2 +158,3 @@ dashed: boolean;

export default OButton;
export * from './src/props';
export * from './src/button';
export * from './src/constants';

@@ -6,4 +6,4 @@ export declare const OCheckbox: import("../../utils/types").SFCWithInstall<{

$props: Partial<{
size: "md" | "lg";
icon: string;
size: "md" | "lg";
disabled: boolean;

@@ -26,3 +26,3 @@ modelValue: boolean;

"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "icon" | "size" | "disabled" | "modelValue">;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "icon" | "disabled" | "modelValue">;
$attrs: {

@@ -57,4 +57,4 @@ [x: string]: unknown;

}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], string, {
size: "md" | "lg";
icon: string;
size: "md" | "lg";
disabled: boolean;

@@ -117,4 +117,4 @@ modelValue: boolean;

}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", {
size: "md" | "lg";
icon: string;
size: "md" | "lg";
disabled: boolean;

@@ -121,0 +121,0 @@ modelValue: boolean;

@@ -29,4 +29,4 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{

}, {
size: "md" | "lg";
icon: string;
size: "md" | "lg";
disabled: boolean;

@@ -33,0 +33,0 @@ modelValue: boolean;

@@ -129,3 +129,3 @@ export declare const OCollapse: import("../../utils/types").SFCWithInstall<{

disabled: boolean;
arrowPlacement: "right" | "left";
arrowPlacement: "left" | "right";
}> & Omit<Readonly<import("vue").ExtractPropTypes<{

@@ -145,3 +145,3 @@ disabled: {

arrowPlacement: {
type: import("vue").PropType<"right" | "left">;
type: import("vue").PropType<"left" | "right">;
default: string;

@@ -181,3 +181,3 @@ };

arrowPlacement: {
type: import("vue").PropType<"right" | "left">;
type: import("vue").PropType<"left" | "right">;
default: string;

@@ -196,3 +196,3 @@ };

disabled: boolean;
arrowPlacement: "right" | "left";
arrowPlacement: "left" | "right";
}, {}, string> & {

@@ -232,3 +232,3 @@ beforeCreate?: ((() => void) | (() => void)[]) | undefined;

arrowPlacement: {
type: import("vue").PropType<"right" | "left">;
type: import("vue").PropType<"left" | "right">;
default: string;

@@ -260,3 +260,3 @@ };

arrowPlacement: {
type: import("vue").PropType<"right" | "left">;
type: import("vue").PropType<"left" | "right">;
default: string;

@@ -275,3 +275,3 @@ };

disabled: boolean;
arrowPlacement: "right" | "left";
arrowPlacement: "left" | "right";
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

@@ -278,0 +278,0 @@ $slots: {

@@ -15,3 +15,3 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{

arrowPlacement: {
type: import("vue").PropType<"right" | "left">;
type: import("vue").PropType<"left" | "right">;
default: string;

@@ -39,3 +39,3 @@ };

arrowPlacement: {
type: import("vue").PropType<"right" | "left">;
type: import("vue").PropType<"left" | "right">;
default: string;

@@ -52,3 +52,3 @@ };

disabled: boolean;
arrowPlacement: "right" | "left";
arrowPlacement: "left" | "right";
}>, {

@@ -55,0 +55,0 @@ icon: (_: {}) => any;

@@ -39,3 +39,3 @@ import type { ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue';

arrowPlacement: {
type: PropType<"right" | "left">;
type: PropType<"left" | "right">;
default: string;

@@ -42,0 +42,0 @@ };

import 'uno.css';
export * from './avatar';
export * from './button';
export * from './button-group';
export * from './icon';

@@ -20,1 +21,6 @@ export * from './card';

export * from './link';
export * from './radio';
export * from './radio-group';
export * from './affix';
export * from './text';
export * from './progress';

@@ -6,3 +6,3 @@ export declare const OLink: import("../../utils/types").SFCWithInstall<{

$props: Partial<{
readonly type: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "info";
readonly type: "default" | "error" | "primary" | "secondary" | "success" | "warning" | "info";
readonly disabled: boolean;

@@ -13,3 +13,3 @@ readonly href: string;

readonly type: {
readonly type: import("vue").PropType<"default" | "primary" | "secondary" | "success" | "warning" | "error" | "info">;
readonly type: import("vue").PropType<"default" | "error" | "primary" | "secondary" | "success" | "warning" | "info">;
readonly default: "default";

@@ -50,3 +50,3 @@ };

readonly type: {
readonly type: import("vue").PropType<"default" | "primary" | "secondary" | "success" | "warning" | "error" | "info">;
readonly type: import("vue").PropType<"default" | "error" | "primary" | "secondary" | "success" | "warning" | "info">;
readonly default: "default";

@@ -74,3 +74,3 @@ };

}, string, {
readonly type: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "info";
readonly type: "default" | "error" | "primary" | "secondary" | "success" | "warning" | "info";
readonly disabled: boolean;

@@ -101,3 +101,3 @@ readonly href: string;

readonly type: {
readonly type: import("vue").PropType<"default" | "primary" | "secondary" | "success" | "warning" | "error" | "info">;
readonly type: import("vue").PropType<"default" | "error" | "primary" | "secondary" | "success" | "warning" | "info">;
readonly default: "default";

@@ -128,3 +128,3 @@ };

readonly type: {
readonly type: import("vue").PropType<"default" | "primary" | "secondary" | "success" | "warning" | "error" | "info">;
readonly type: import("vue").PropType<"default" | "error" | "primary" | "secondary" | "success" | "warning" | "info">;
readonly default: "default";

@@ -152,3 +152,3 @@ };

}, string, {
readonly type: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "info";
readonly type: "default" | "error" | "primary" | "secondary" | "success" | "warning" | "info";
readonly disabled: boolean;

@@ -155,0 +155,0 @@ readonly href: string;

import type { ExtractPropTypes, PropType } from 'vue';
export declare const linkProps: {
readonly type: {
readonly type: PropType<"default" | "primary" | "secondary" | "success" | "warning" | "error" | "info">;
readonly type: PropType<"default" | "error" | "primary" | "secondary" | "success" | "warning" | "info">;
readonly default: "default";

@@ -6,0 +6,0 @@ };

declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
readonly type: {
readonly type: import("vue").PropType<"default" | "primary" | "secondary" | "success" | "warning" | "error" | "info">;
readonly type: import("vue").PropType<"default" | "error" | "primary" | "secondary" | "success" | "warning" | "info">;
readonly default: "default";

@@ -25,3 +25,3 @@ };

readonly type: {
readonly type: import("vue").PropType<"default" | "primary" | "secondary" | "success" | "warning" | "error" | "info">;
readonly type: import("vue").PropType<"default" | "error" | "primary" | "secondary" | "success" | "warning" | "info">;
readonly default: "default";

@@ -47,3 +47,3 @@ };

}, {
readonly type: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "info";
readonly type: "default" | "error" | "primary" | "secondary" | "success" | "warning" | "info";
readonly disabled: boolean;

@@ -50,0 +50,0 @@ readonly href: string;

@@ -7,3 +7,3 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{

type: {
type: import("vue").PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
type: import("vue").PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
default: "primary";

@@ -60,3 +60,3 @@ };

type: {
type: import("vue").PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
type: import("vue").PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
default: "primary";

@@ -104,6 +104,2 @@ };

}, {
type: "primary" | "secondary" | "success" | "warning" | "error" | "info";
icon: string;
closable: boolean;
zIndex: number;
content: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

@@ -114,6 +110,10 @@ [key: string]: any;

}>);
zIndex: number;
offset: number;
type: "error" | "primary" | "secondary" | "success" | "warning" | "info";
icon: string;
closable: boolean;
id: string;
duration: number;
parseHtml: boolean;
offset: number;
}>, {

@@ -120,0 +120,0 @@ default: (_: {}) => any;

@@ -23,3 +23,3 @@ import type { AppContext, ComponentInternalInstance, ExtractPropTypes, PropType, VNode } from 'vue';

type: {
type: PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
type: PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
default: "primary";

@@ -26,0 +26,0 @@ };

@@ -6,6 +6,6 @@ export declare const OPopup: import("../../utils/types").SFCWithInstall<{

$props: Partial<{
position: "bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
popupVisible: boolean;
defaultPopupVisible: boolean;
trigger: "hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[];
position: "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
trigger: "click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[];
}> & Omit<Readonly<import("vue").ExtractPropTypes<{

@@ -23,7 +23,7 @@ popupVisible: {

trigger: {
type: import("vue").PropType<"hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[]>;
type: import("vue").PropType<"click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[]>;
default: string;
};
position: {
type: import("vue").PropType<"top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
default: string;

@@ -49,3 +49,3 @@ };

onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "popupVisible" | "defaultPopupVisible" | "trigger" | "position">;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "position" | "popupVisible" | "defaultPopupVisible" | "trigger">;
$attrs: {

@@ -76,7 +76,7 @@ [x: string]: unknown;

trigger: {
type: import("vue").PropType<"hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[]>;
type: import("vue").PropType<"click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[]>;
default: string;
};
position: {
type: import("vue").PropType<"top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
default: string;

@@ -106,6 +106,6 @@ };

}, string, {
position: "bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
popupVisible: boolean;
defaultPopupVisible: boolean;
trigger: "hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[];
position: "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
trigger: "click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[];
}, {}, string> & {

@@ -143,7 +143,7 @@ beforeCreate?: ((() => void) | (() => void)[]) | undefined;

trigger: {
type: import("vue").PropType<"hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[]>;
type: import("vue").PropType<"click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[]>;
default: string;
};
position: {
type: import("vue").PropType<"top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
default: string;

@@ -185,7 +185,7 @@ };

trigger: {
type: import("vue").PropType<"hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[]>;
type: import("vue").PropType<"click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[]>;
default: string;
};
position: {
type: import("vue").PropType<"top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
default: string;

@@ -215,6 +215,6 @@ };

}, string, {
position: "bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
popupVisible: boolean;
defaultPopupVisible: boolean;
trigger: "hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[];
position: "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
trigger: "click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[];
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

@@ -221,0 +221,0 @@ $slots: {

@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{

trigger: {
type: import("vue").PropType<"hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[]>;
type: import("vue").PropType<"click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[]>;
default: string;
};
position: {
type: import("vue").PropType<"top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
default: string;

@@ -51,7 +51,7 @@ };

trigger: {
type: import("vue").PropType<"hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[]>;
type: import("vue").PropType<"click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[]>;
default: string;
};
position: {
type: import("vue").PropType<"top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
default: string;

@@ -78,6 +78,6 @@ };

}, {
position: "bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
popupVisible: boolean;
defaultPopupVisible: boolean;
trigger: "hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[];
position: "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
trigger: "click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[];
}>, {

@@ -84,0 +84,0 @@ default: (_: {}) => any;

@@ -17,3 +17,3 @@ import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';

trigger: {
type: PropType<"hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[]>;
type: PropType<"click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[]>;
default: string;

@@ -39,3 +39,3 @@ };

position: {
type: PropType<"top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
type: PropType<"bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
default: string;

@@ -42,0 +42,0 @@ };

@@ -61,5 +61,5 @@ export declare const ORate: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{

readonly text: string;
readonly color: string;
readonly max: number;
readonly modelValue: number;
readonly color: string;
readonly readonly: boolean;

@@ -66,0 +66,0 @@ readonly voidColor: string;

@@ -63,5 +63,5 @@ declare const _default: import("vue").DefineComponent<{

readonly text: string;
readonly color: string;
readonly max: number;
readonly modelValue: number;
readonly color: string;
readonly readonly: boolean;

@@ -68,0 +68,0 @@ readonly voidColor: string;

@@ -43,9 +43,9 @@ export declare const OSwitch: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{

}, {
readonly backgroundColor: string;
readonly size: "sm" | "md" | "lg";
readonly light: boolean;
readonly size: "sm" | "md" | "lg";
readonly disabled: boolean;
readonly modelValue: boolean;
readonly backgroundColor: string;
}>> & Record<string, any>;
export default OSwitch;
export * from './src/props';

@@ -43,8 +43,8 @@ declare const _default: import("vue").DefineComponent<{

}, {
readonly backgroundColor: string;
readonly size: "sm" | "md" | "lg";
readonly light: boolean;
readonly size: "sm" | "md" | "lg";
readonly disabled: boolean;
readonly modelValue: boolean;
readonly backgroundColor: string;
}>;
export default _default;

@@ -6,6 +6,6 @@ export declare const OTag: import("../../utils/types").SFCWithInstall<{

$props: Partial<{
readonly type: "primary" | "secondary" | "success" | "warning" | "error" | "info";
readonly size: "xs" | "sm" | "md" | "lg";
readonly type: "error" | "primary" | "secondary" | "success" | "warning" | "info";
readonly closable: boolean;
readonly light: boolean;
readonly size: "xs" | "sm" | "md" | "lg";
readonly disabled: boolean;

@@ -16,3 +16,3 @@ readonly bgColor: string;

readonly type: {
readonly type: import("vue").PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
readonly type: import("vue").PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
readonly default: "primary";

@@ -48,3 +48,3 @@ };

onClose?: ((evt: MouseEvent) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "closable" | "light" | "size" | "disabled" | "bgColor" | "rounded">;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "type" | "closable" | "light" | "disabled" | "bgColor" | "rounded">;
$attrs: {

@@ -65,3 +65,3 @@ [x: string]: unknown;

readonly type: {
readonly type: import("vue").PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
readonly type: import("vue").PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
readonly default: "primary";

@@ -101,6 +101,6 @@ };

}, string, {
readonly type: "primary" | "secondary" | "success" | "warning" | "error" | "info";
readonly size: "xs" | "sm" | "md" | "lg";
readonly type: "error" | "primary" | "secondary" | "success" | "warning" | "info";
readonly closable: boolean;
readonly light: boolean;
readonly size: "xs" | "sm" | "md" | "lg";
readonly disabled: boolean;

@@ -131,3 +131,3 @@ readonly bgColor: string;

readonly type: {
readonly type: import("vue").PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
readonly type: import("vue").PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
readonly default: "primary";

@@ -169,3 +169,3 @@ };

readonly type: {
readonly type: import("vue").PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
readonly type: import("vue").PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
readonly default: "primary";

@@ -205,6 +205,6 @@ };

}, string, {
readonly type: "primary" | "secondary" | "success" | "warning" | "error" | "info";
readonly size: "xs" | "sm" | "md" | "lg";
readonly type: "error" | "primary" | "secondary" | "success" | "warning" | "info";
readonly closable: boolean;
readonly light: boolean;
readonly size: "xs" | "sm" | "md" | "lg";
readonly disabled: boolean;

@@ -211,0 +211,0 @@ readonly bgColor: string;

declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
readonly type: {
readonly type: import("vue").PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
readonly type: import("vue").PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
readonly default: "primary";

@@ -36,3 +36,3 @@ };

readonly type: {
readonly type: import("vue").PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
readonly type: import("vue").PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
readonly default: "primary";

@@ -69,6 +69,6 @@ };

}, {
readonly type: "primary" | "secondary" | "success" | "warning" | "error" | "info";
readonly size: "xs" | "sm" | "md" | "lg";
readonly type: "error" | "primary" | "secondary" | "success" | "warning" | "info";
readonly closable: boolean;
readonly light: boolean;
readonly size: "xs" | "sm" | "md" | "lg";
readonly disabled: boolean;

@@ -75,0 +75,0 @@ readonly bgColor: string;

@@ -5,3 +5,3 @@ import type { ExtractPropTypes, PropType } from 'vue';

readonly type: {
readonly type: PropType<"primary" | "secondary" | "success" | "warning" | "error" | "info">;
readonly type: PropType<"error" | "primary" | "secondary" | "success" | "warning" | "info">;
readonly default: "primary";

@@ -8,0 +8,0 @@ };

@@ -11,7 +11,7 @@ export declare const OTrigger: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{

trigger: {
type: import("vue").PropType<"hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[]>;
type: import("vue").PropType<"click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[]>;
default: string;
};
position: {
type: import("vue").PropType<"top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
default: string;

@@ -29,6 +29,6 @@ };

type: import("vue").PropType<[number, number] | {
top?: [number, number] | undefined;
right?: [number, number] | undefined;
bottom?: [number, number] | undefined;
left?: [number, number] | undefined;
right?: [number, number] | undefined;
top?: [number, number] | undefined;
"top-left"?: [number, number] | undefined;

@@ -56,3 +56,3 @@ "top-right"?: [number, number] | undefined;

contentClass: {
type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
};

@@ -63,3 +63,3 @@ arrowStyle: {

arrowClass: {
type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
};

@@ -126,7 +126,7 @@ popupStyle: {

trigger: {
type: import("vue").PropType<"hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[]>;
type: import("vue").PropType<"click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[]>;
default: string;
};
position: {
type: import("vue").PropType<"top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
default: string;

@@ -144,6 +144,6 @@ };

type: import("vue").PropType<[number, number] | {
top?: [number, number] | undefined;
right?: [number, number] | undefined;
bottom?: [number, number] | undefined;
left?: [number, number] | undefined;
right?: [number, number] | undefined;
top?: [number, number] | undefined;
"top-left"?: [number, number] | undefined;

@@ -171,3 +171,3 @@ "top-right"?: [number, number] | undefined;

contentClass: {
type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
};

@@ -178,3 +178,3 @@ arrowStyle: {

arrowClass: {
type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
};

@@ -232,11 +232,11 @@ popupStyle: {

}, {
animationName: string;
position: "bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
disabled: boolean;
popupVisible: boolean;
defaultPopupVisible: boolean;
trigger: "hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[];
position: "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
trigger: "click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[];
popupOffset: number;
showArrow: boolean;
alignPoint: boolean;
animationName: string;
mouseEnterDelay: number;

@@ -243,0 +243,0 @@ mouseLeaveDelay: number;

@@ -13,7 +13,7 @@ import type { CSSProperties } from 'vue';

trigger: {
type: import("vue").PropType<"hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[]>;
type: import("vue").PropType<"click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[]>;
default: string;
};
position: {
type: import("vue").PropType<"top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
default: string;

@@ -31,6 +31,6 @@ };

type: import("vue").PropType<[number, number] | {
top?: [number, number] | undefined;
right?: [number, number] | undefined;
bottom?: [number, number] | undefined;
left?: [number, number] | undefined;
right?: [number, number] | undefined;
top?: [number, number] | undefined;
"top-left"?: [number, number] | undefined;

@@ -58,3 +58,3 @@ "top-right"?: [number, number] | undefined;

contentClass: {
type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
};

@@ -65,3 +65,3 @@ arrowStyle: {

arrowClass: {
type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
};

@@ -128,7 +128,7 @@ popupStyle: {

trigger: {
type: import("vue").PropType<"hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[]>;
type: import("vue").PropType<"click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[]>;
default: string;
};
position: {
type: import("vue").PropType<"top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
default: string;

@@ -146,6 +146,6 @@ };

type: import("vue").PropType<[number, number] | {
top?: [number, number] | undefined;
right?: [number, number] | undefined;
bottom?: [number, number] | undefined;
left?: [number, number] | undefined;
right?: [number, number] | undefined;
top?: [number, number] | undefined;
"top-left"?: [number, number] | undefined;

@@ -173,3 +173,3 @@ "top-right"?: [number, number] | undefined;

contentClass: {
type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
};

@@ -180,3 +180,3 @@ arrowStyle: {

arrowClass: {
type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
};

@@ -234,11 +234,11 @@ popupStyle: {

}, {
animationName: string;
position: "bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
disabled: boolean;
popupVisible: boolean;
defaultPopupVisible: boolean;
trigger: "hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[];
position: "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
trigger: "click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[];
popupOffset: number;
showArrow: boolean;
alignPoint: boolean;
animationName: string;
mouseEnterDelay: number;

@@ -245,0 +245,0 @@ mouseLeaveDelay: number;

@@ -15,3 +15,3 @@ import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';

trigger: {
type: PropType<"hover" | "click" | "focus" | "context-menu" | ("hover" | "click" | "focus" | "context-menu")[]>;
type: PropType<"click" | "focus" | "hover" | "context-menu" | ("click" | "focus" | "hover" | "context-menu")[]>;
default: string;

@@ -36,3 +36,3 @@ };

position: {
type: PropType<"top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
type: PropType<"bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
default: string;

@@ -59,6 +59,6 @@ };

type: PropType<[number, number] | {
top?: [number, number] | undefined;
right?: [number, number] | undefined;
bottom?: [number, number] | undefined;
left?: [number, number] | undefined;
right?: [number, number] | undefined;
top?: [number, number] | undefined;
"top-left"?: [number, number] | undefined;

@@ -98,3 +98,3 @@ "top-right"?: [number, number] | undefined;

contentClass: {
type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
};

@@ -111,3 +111,3 @@ /**

arrowClass: {
type: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
};

@@ -114,0 +114,0 @@ /**

@@ -5,1 +5,3 @@ export * from './common';

export * from './dom';
export * from './scroll';
export * from './style';
{
"name": "@onu-ui/components",
"type": "module",
"version": "1.0.13",
"version": "1.0.14-beta.0",
"description": "Onu-UI components for use on demand",
"author": "chris-zhu <https://github.com/chris-zhu>",
"author": "Chris <https://github.com/zyyv>",
"license": "MIT",

@@ -38,4 +38,4 @@ "homepage": "https://github.com/onu-ui/onu-ui/blob/main/packages/components/README.md",

"@vueuse/core": "^9.1.0",
"@onu-ui/preset": "1.0.13",
"@onu-ui/utils": "1.0.13"
"@onu-ui/preset": "1.0.14-beta.0",
"@onu-ui/utils": "1.0.14-beta.0"
},

@@ -42,0 +42,0 @@ "devDependencies": {

@@ -10,4 +10,4 @@ <p align="center">

```bash
npm i onu-ui
npm i unocss -D
pnpm i onu-ui
pnpm i unocss -D
```

@@ -44,3 +44,3 @@ Add `onu-ui` in your main entry file.

```bash
npm run build
pnpm run build
```

@@ -51,3 +51,3 @@

```bash
npm run play
pnpm run play
```

@@ -58,3 +58,3 @@

```bash
npm run dev
pnpm run dev
```

@@ -71,2 +71,2 @@

[MIT](../../LICENSE) License © 2022 [chris-zhu](https://github.com/chris-zhu)
[MIT](../../LICENSE) License © 2022 [Chris](https://github.com/zyyv)

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc