@snolui/vue 1.0.0
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/README.md +23 -0
- package/dist/App.vue.d.ts +3 -0
- package/dist/components/avatar/Avatar.vue.d.ts +9 -0
- package/dist/components/avatar/type.d.ts +9 -0
- package/dist/components/button/Button.vue.d.ts +23 -0
- package/dist/components/button/type.d.ts +13 -0
- package/dist/components/card/Card.vue.d.ts +24 -0
- package/dist/components/card/type.d.ts +1 -0
- package/dist/components/chip/Chip.vue.d.ts +22 -0
- package/dist/components/chip/type.d.ts +10 -0
- package/dist/components/date-picker/DatePicker.vue.d.ts +8 -0
- package/dist/components/date-picker/type.d.ts +13 -0
- package/dist/components/icons/Icon.vue.d.ts +17 -0
- package/dist/components/icons/type.d.ts +8 -0
- package/dist/components/index.d.ts +19 -0
- package/dist/components/input-number/InputNumber.vue.d.ts +20 -0
- package/dist/components/input-number/type.d.ts +15 -0
- package/dist/components/input-number-group/InputNumberGroup.vue.d.ts +20 -0
- package/dist/components/input-number-group/type.d.ts +14 -0
- package/dist/components/input-text/InputText.vue.d.ts +7 -0
- package/dist/components/input-text/type.d.ts +15 -0
- package/dist/components/input-text-group/InputTextGroup.vue.d.ts +33 -0
- package/dist/components/loading/Loading.vue.d.ts +8 -0
- package/dist/components/loading/type.d.ts +7 -0
- package/dist/components/multi-select/MultiSelect.vue.d.ts +8 -0
- package/dist/components/multi-select/type.d.ts +16 -0
- package/dist/components/otp/OTP.vue.d.ts +9 -0
- package/dist/components/otp/type.d.ts +8 -0
- package/dist/components/popover/Popover.vue.d.ts +22 -0
- package/dist/components/progress/Progress.vue.d.ts +3 -0
- package/dist/components/progress/type.d.ts +1 -0
- package/dist/components/select/Select.vue.d.ts +9 -0
- package/dist/components/select/type.d.ts +17 -0
- package/dist/components/tag/Tag.vue.d.ts +17 -0
- package/dist/components/textarea/Textarea.vue.d.ts +6 -0
- package/dist/components/textarea/type.d.ts +11 -0
- package/dist/components/typography/Typography.vue.d.ts +11 -0
- package/dist/components/typography/type.d.ts +17 -0
- package/dist/composables/index.d.ts +4 -0
- package/dist/composables/use-filter/useTableFilter.d.ts +45 -0
- package/dist/composables/use-index-db/index.d.ts +5 -0
- package/dist/composables/use-row-manager/useRowManager.d.ts +14 -0
- package/dist/composables/use-zero/useZeroField.d.ts +6 -0
- package/dist/favicon.svg +1 -0
- package/dist/icons.svg +24 -0
- package/dist/index.d.ts +36 -0
- package/dist/lib/ApiAxios.d.ts +3 -0
- package/dist/lib/config.d.ts +6 -0
- package/dist/main.d.ts +0 -0
- package/dist/plugin.d.ts +30 -0
- package/dist/snol-ui.css +3 -0
- package/dist/snol-ui.js +28326 -0
- package/dist/snol-ui.umd.cjs +3559 -0
- package/package.json +64 -0
package/README.md
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
# Vue 3 + TypeScript + Vite
|
|
2
|
+
|
|
3
|
+
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
|
4
|
+
|
|
5
|
+
Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
|
|
6
|
+
|
|
7
|
+
# bug fixes
|
|
8
|
+
|
|
9
|
+
npm version patch
|
|
10
|
+
|
|
11
|
+
# 1.0.2 -> 1.0.3
|
|
12
|
+
|
|
13
|
+
# new component/features
|
|
14
|
+
|
|
15
|
+
npm version minor
|
|
16
|
+
|
|
17
|
+
# 1.0.3 -> 1.1.0
|
|
18
|
+
|
|
19
|
+
# breaking API changes
|
|
20
|
+
|
|
21
|
+
npm version major
|
|
22
|
+
|
|
23
|
+
# 1.1.0 -> 2.0.0
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
declare const _default: typeof __VLS_export;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { AvatarProps } from './type.ts';
|
|
2
|
+
declare const __VLS_export: import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
|
|
3
|
+
radius: "none" | "sm" | "md" | "lg" | "full";
|
|
4
|
+
size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
|
|
5
|
+
color: "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "error";
|
|
6
|
+
bordered: boolean;
|
|
7
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface AvatarProps {
|
|
2
|
+
src: string;
|
|
3
|
+
alt: string;
|
|
4
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
|
|
5
|
+
bordered?: boolean;
|
|
6
|
+
color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'error';
|
|
7
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
8
|
+
class?: string;
|
|
9
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { SnolButtonProps } from './type.ts';
|
|
2
|
+
declare var __VLS_1: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
default?: (props: typeof __VLS_1) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_base: import('vue').DefineComponent<SnolButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SnolButtonProps> & Readonly<{}>, {
|
|
7
|
+
radius: "none" | "sm" | "md" | "lg" | "full";
|
|
8
|
+
size: "xs" | "sm" | "md" | "lg";
|
|
9
|
+
variant: "solid" | "outlined" | "flat";
|
|
10
|
+
class: string;
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
color: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "error";
|
|
13
|
+
iconOnly: boolean;
|
|
14
|
+
iconPosition: "left" | "right";
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
17
|
+
declare const _default: typeof __VLS_export;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { PrimeIcon } from '../icons/type.ts';
|
|
2
|
+
export interface SnolButtonProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
5
|
+
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
6
|
+
color?: "primary" | "secondary" | "success" | "danger" | "warning" | 'info' | 'error';
|
|
7
|
+
variant?: 'solid' | 'outlined' | 'flat';
|
|
8
|
+
iconOnly?: boolean;
|
|
9
|
+
icon?: PrimeIcon;
|
|
10
|
+
iconPosition?: 'left' | 'right';
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
class?: string;
|
|
13
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { CardProps } from 'primevue';
|
|
2
|
+
import { SnolCardRadius } from './type';
|
|
3
|
+
interface SnolCardProps extends CardProps {
|
|
4
|
+
radius?: SnolCardRadius;
|
|
5
|
+
}
|
|
6
|
+
declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
header?: (props: typeof __VLS_1) => any;
|
|
9
|
+
} & {
|
|
10
|
+
body?: (props: typeof __VLS_3) => any;
|
|
11
|
+
} & {
|
|
12
|
+
footer?: (props: typeof __VLS_5) => any;
|
|
13
|
+
};
|
|
14
|
+
declare const __VLS_base: import('vue').DefineComponent<SnolCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SnolCardProps> & Readonly<{}>, {
|
|
15
|
+
radius: SnolCardRadius;
|
|
16
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
18
|
+
declare const _default: typeof __VLS_export;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type SnolCardRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { SnolChipProps } from './type';
|
|
2
|
+
declare var __VLS_9: {
|
|
3
|
+
removeCallback: (event: Event) => void;
|
|
4
|
+
keydownCallback: (event: Event) => void;
|
|
5
|
+
};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
removeicon?: (props: typeof __VLS_9) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_base: import('vue').DefineComponent<SnolChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SnolChipProps> & Readonly<{}>, {
|
|
10
|
+
radius: "none" | "sm" | "md" | "lg" | "full";
|
|
11
|
+
size: "sm" | "md" | "lg";
|
|
12
|
+
color: "primary" | "secondary" | "success" | "info" | "warning" | "danger" | "error";
|
|
13
|
+
removable: boolean;
|
|
14
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
16
|
+
declare const _default: typeof __VLS_export;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ChipProps } from 'primevue';
|
|
2
|
+
export interface SnolChipProps extends Omit<ChipProps, 'size' | 'severity' | 'rounded'> {
|
|
3
|
+
color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'error';
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
6
|
+
label?: string;
|
|
7
|
+
removable?: boolean;
|
|
8
|
+
image?: string;
|
|
9
|
+
icon?: string;
|
|
10
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SnolDatePickerProps } from './type.ts';
|
|
2
|
+
declare const __VLS_export: import('vue').DefineComponent<SnolDatePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SnolDatePickerProps> & Readonly<{}>, {
|
|
3
|
+
radius: "none" | "sm" | "md" | "lg" | "full";
|
|
4
|
+
size: "sm" | "md" | "lg";
|
|
5
|
+
color: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "error";
|
|
6
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const _default: typeof __VLS_export;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { DatePickerProps } from 'primevue';
|
|
2
|
+
export interface SnolDatePickerProps extends /* @vue-ignore */ Omit<DatePickerProps, 'size'> {
|
|
3
|
+
label?: string;
|
|
4
|
+
value?: string;
|
|
5
|
+
required?: boolean;
|
|
6
|
+
invalid?: boolean;
|
|
7
|
+
description?: string;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
errorMessage?: string;
|
|
10
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
11
|
+
size?: 'sm' | 'md' | 'lg';
|
|
12
|
+
color?: "primary" | "secondary" | "success" | "danger" | "warning" | 'info' | 'error';
|
|
13
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { SnolIconProps } from './type.ts';
|
|
2
|
+
declare var __VLS_1: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
icon?: (props: typeof __VLS_1) => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_base: import('vue').DefineComponent<SnolIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SnolIconProps> & Readonly<{}>, {
|
|
7
|
+
size: import('./type.ts').SizeIcon;
|
|
8
|
+
color: import('./type.ts').ColorIcon;
|
|
9
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
|
+
declare const _default: typeof __VLS_export;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
14
|
+
new (): {
|
|
15
|
+
$slots: S;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface SnolIconProps {
|
|
2
|
+
name: PrimeIcon;
|
|
3
|
+
size?: SizeIcon;
|
|
4
|
+
color?: ColorIcon;
|
|
5
|
+
}
|
|
6
|
+
export type PrimeIcon = '' | "address-book" | "align-center" | "align-justify" | "align-left" | "align-right" | "amazon" | "android" | "angle-double-down" | "angle-double-left" | "angle-double-right" | "angle-double-up" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "apple" | "arrow-circle-down" | "arrow-circle-left" | "arrow-circle-right" | "arrow-circle-up" | "arrow-down" | "arrow-down-left" | "arrow-down-left-and-arrow-up-right-to-center" | "arrow-down-right" | "arrow-left" | "arrow-right" | "arrow-right-arrow-left" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "arrow-up-right-and-arrow-down-left-from-center" | "arrows-alt" | "arrows-h" | "arrows-v" | "asterisk" | "at" | "backward" | "ban" | "barcode" | "bars" | "bell" | "bell-slash" | "bitcoin" | "bolt" | "book" | "bookmark" | "bookmark-fill" | "box" | "briefcase" | "building" | "building-columns" | "bullseye" | "calculator" | "calendar" | "calendar-clock" | "calendar-minus" | "calendar-plus" | "calendar-times" | "camera" | "car" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "cart-arrow-down" | "cart-minus" | "cart-plus" | "chart-bar" | "chart-line" | "chart-pie" | "chart-scatter" | "check" | "check-circle" | "check-square" | "chevron-circle-down" | "chevron-circle-left" | "chevron-circle-right" | "chevron-circle-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "circle" | "circle-fill" | "clipboard" | "clock" | "clone" | "cloud" | "cloud-download" | "cloud-upload" | "code" | "cog" | "comment" | "comments" | "compass" | "copy" | "credit-card" | "crown" | "database" | "delete-left" | "desktop" | "directions" | "directions-alt" | "discord" | "dollar" | "download" | "eject" | "ellipsis-h" | "ellipsis-v" | "envelope" | "equals" | "eraser" | "ethereum" | "euro" | "exclamation-circle" | "exclamation-triangle" | "expand" | "external-link" | "eye" | "eye-slash" | "face-smile" | "facebook" | "fast-backward" | "fast-forward" | "file" | "file-arrow-up" | "file-check" | "file-edit" | "file-excel" | "file-export" | "file-import" | "file-pdf" | "file-plus" | "file-word" | "filter" | "filter-fill" | "filter-slash" | "flag" | "flag-fill" | "folder" | "folder-open" | "folder-plus" | "forward" | "gauge" | "gift" | "github" | "globe" | "google" | "graduation-cap" | "hammer" | "hashtag" | "headphones" | "heart" | "heart-fill" | "history" | "home" | "hourglass" | "id-card" | "image" | "images" | "inbox" | "indian-rupee" | "info" | "info-circle" | "instagram" | "key" | "language" | "lightbulb" | "link" | "linkedin" | "list" | "list-check" | "lock" | "lock-open" | "map" | "map-marker" | "mars" | "megaphone" | "microchip" | "microchip-ai" | "microphone" | "microsoft" | "minus" | "minus-circle" | "mobile" | "money-bill" | "moon" | "objects-column" | "palette" | "paperclip" | "pause" | "pause-circle" | "paypal" | "pen-to-square" | "pencil" | "percentage" | "phone" | "pinterest" | "play" | "play-circle" | "plus" | "plus-circle" | "pound" | "power-off" | "prime" | "print" | "qrcode" | "question" | "question-circle" | "receipt" | "reddit" | "refresh" | "replay" | "reply" | "save" | "search" | "search-minus" | "search-plus" | "send" | "server" | "share-alt" | "shield" | "shop" | "shopping-bag" | "shopping-cart" | "sign-in" | "sign-out" | "sitemap" | "slack" | "sliders-h" | "sliders-v" | "sort" | "sort-alpha-down" | "sort-alpha-down-alt" | "sort-alpha-up" | "sort-alpha-up-alt" | "sort-alt" | "sort-alt-slash" | "sort-amount-down" | "sort-amount-down-alt" | "sort-amount-up" | "sort-amount-up-alt" | "sort-down" | "sort-down-fill" | "sort-numeric-down" | "sort-numeric-down-alt" | "sort-numeric-up" | "sort-numeric-up-alt" | "sort-up" | "sort-up-fill" | "sparkles" | "spinner" | "spinner-dotted" | "star" | "star-fill" | "star-half" | "star-half-fill" | "step-backward" | "step-backward-alt" | "step-forward" | "step-forward-alt" | "stop" | "stop-circle" | "stopwatch" | "sun" | "sync" | "table" | "tablet" | "tag" | "tags" | "telegram" | "th-large" | "thumbs-down" | "thumbs-down-fill" | "thumbs-up" | "thumbs-up-fill" | "thumbtack" | "ticket" | "tiktok" | "times" | "times-circle" | "trash" | "trophy" | "truck" | "turkish-lira" | "twitch" | "twitter" | "undo" | "unlock" | "upload" | "user" | "user-edit" | "user-minus" | "user-plus" | "users" | "venus" | "verified" | "video" | "vimeo" | "volume-down" | "volume-off" | "volume-up" | "wallet" | "warehouse" | "wave-pulse" | "whatsapp" | "wifi" | "window-maximize" | "window-minimize" | "wrench";
|
|
7
|
+
export type SizeIcon = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl';
|
|
8
|
+
export type ColorIcon = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'light' | 'dark' | 'white';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export { default as InputText } from './input-text/InputText.vue';
|
|
2
|
+
export { default as InputNumber } from './input-number/InputNumber.vue';
|
|
3
|
+
export { default as Textarea } from './textarea/Textarea.vue';
|
|
4
|
+
export { default as Select } from './select/Select.vue';
|
|
5
|
+
export { default as InputTextGroup } from './input-text-group/InputTextGroup.vue';
|
|
6
|
+
export { default as InputNumberGroup } from './input-number-group/InputNumberGroup.vue';
|
|
7
|
+
export { default as MultiSelect } from './multi-select/MultiSelect.vue';
|
|
8
|
+
export { default as Button } from './button/Button.vue';
|
|
9
|
+
export { default as Tag } from './tag/Tag.vue';
|
|
10
|
+
export { default as Chip } from './chip/Chip.vue';
|
|
11
|
+
export { default as Icon } from './icons/Icon.vue';
|
|
12
|
+
export { default as Typography } from './typography/Typography.vue';
|
|
13
|
+
export { default as Card } from './card/Card.vue';
|
|
14
|
+
export { default as Otp } from './otp/OTP.vue';
|
|
15
|
+
export { default as DatePicker } from './date-picker/DatePicker.vue';
|
|
16
|
+
export { default as Popover } from './popover/Popover.vue';
|
|
17
|
+
export { default as Avatar } from './avatar/Avatar.vue';
|
|
18
|
+
export { default as Loading } from './loading/Loading.vue';
|
|
19
|
+
export { default as Progress } from './progress/Progress.vue';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { SnolInputNumberProps } from './type.ts';
|
|
2
|
+
declare var __VLS_19: {}, __VLS_22: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
incrementbutton?: (props: typeof __VLS_19) => any;
|
|
5
|
+
} & {
|
|
6
|
+
decrementbutton?: (props: typeof __VLS_22) => any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_base: import('vue').DefineComponent<SnolInputNumberProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SnolInputNumberProps> & Readonly<{}>, {
|
|
9
|
+
radius: "none" | "sm" | "md" | "lg" | "full";
|
|
10
|
+
size: "sm" | "md" | "lg";
|
|
11
|
+
align: "left" | "center" | "right";
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { InputNumberProps } from 'primevue/inputnumber';
|
|
2
|
+
export interface SnolInputNumberProps extends /* @vue-ignore */ Omit<InputNumberProps, 'size'> {
|
|
3
|
+
label?: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
invalid?: boolean;
|
|
6
|
+
description?: string;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
errorMessage?: string;
|
|
9
|
+
field?: any;
|
|
10
|
+
startIcon?: string;
|
|
11
|
+
endIcon?: string;
|
|
12
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
13
|
+
size?: 'sm' | 'md' | 'lg';
|
|
14
|
+
align?: 'left' | 'center' | 'right';
|
|
15
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { SnolInputNumberProps } from './type.ts';
|
|
2
|
+
declare var __VLS_13: {}, __VLS_26: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
startContent?: (props: typeof __VLS_13) => any;
|
|
5
|
+
} & {
|
|
6
|
+
endContent?: (props: typeof __VLS_26) => any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_base: import('vue').DefineComponent<SnolInputNumberProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SnolInputNumberProps> & Readonly<{}>, {
|
|
9
|
+
radius: "none" | "sm" | "md" | "lg" | "full";
|
|
10
|
+
size: "sm" | "md" | "lg";
|
|
11
|
+
color: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "error" | "transparent";
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { InputNumberProps } from 'primevue/inputnumber';
|
|
2
|
+
export interface SnolInputNumberProps extends /* @vue-ignore */ InputNumberProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
invalid?: boolean;
|
|
6
|
+
description?: string;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
errorMessage?: string;
|
|
9
|
+
contentVariant?: 'solid' | 'outline';
|
|
10
|
+
contentType?: 'text' | 'button';
|
|
11
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
12
|
+
size?: 'sm' | 'md' | 'lg';
|
|
13
|
+
color?: "primary" | "secondary" | "success" | "danger" | "warning" | 'info' | 'error' | 'transparent';
|
|
14
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SnolInputTextProps } from './type.ts';
|
|
2
|
+
declare const __VLS_export: import('vue').DefineComponent<SnolInputTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SnolInputTextProps> & Readonly<{}>, {
|
|
3
|
+
radius: "none" | "sm" | "md" | "lg" | "full";
|
|
4
|
+
size: "sm" | "md" | "lg";
|
|
5
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
6
|
+
declare const _default: typeof __VLS_export;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { PrimeIcon } from '../icons/type.ts';
|
|
2
|
+
export interface SnolInputTextProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
invalid?: boolean;
|
|
6
|
+
description?: string;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
errorMessage?: string;
|
|
9
|
+
startIcon?: PrimeIcon;
|
|
10
|
+
endIcon?: PrimeIcon;
|
|
11
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
12
|
+
size?: 'sm' | 'md' | 'lg';
|
|
13
|
+
isFloatingLabel?: boolean;
|
|
14
|
+
floatLabelVariant?: 'on';
|
|
15
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { InputGroupProps } from 'primevue';
|
|
2
|
+
interface Props extends /* @vue-ignore */ InputGroupProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
invalid?: boolean;
|
|
6
|
+
description?: string;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
errorMessage?: string;
|
|
9
|
+
contentVariant?: 'solid' | 'outline';
|
|
10
|
+
contentType?: 'text' | 'button';
|
|
11
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
12
|
+
size?: 'sm' | 'md' | 'lg';
|
|
13
|
+
color?: "primary" | "secondary" | "success" | "danger" | "warning" | 'info' | 'error' | 'transparent';
|
|
14
|
+
}
|
|
15
|
+
declare var __VLS_13: {}, __VLS_26: {};
|
|
16
|
+
type __VLS_Slots = {} & {
|
|
17
|
+
startContent?: (props: typeof __VLS_13) => any;
|
|
18
|
+
} & {
|
|
19
|
+
endContent?: (props: typeof __VLS_26) => any;
|
|
20
|
+
};
|
|
21
|
+
declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
22
|
+
radius: "none" | "sm" | "md" | "lg" | "full";
|
|
23
|
+
size: "sm" | "md" | "lg";
|
|
24
|
+
color: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "error" | "transparent";
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
26
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
27
|
+
declare const _default: typeof __VLS_export;
|
|
28
|
+
export default _default;
|
|
29
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
30
|
+
new (): {
|
|
31
|
+
$slots: S;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { LoadingProps } from './type.ts';
|
|
2
|
+
declare const __VLS_export: import('vue').DefineComponent<LoadingProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
|
|
3
|
+
size: "sm" | "md" | "lg";
|
|
4
|
+
variant: "spinner" | "wave" | "dots";
|
|
5
|
+
color: "primary" | "secondary" | "success" | "warning" | "danger" | "black" | "white";
|
|
6
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const _default: typeof __VLS_export;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SnolMultiSelectProps } from './type.ts';
|
|
2
|
+
declare const __VLS_export: import('vue').DefineComponent<SnolMultiSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SnolMultiSelectProps> & Readonly<{}>, {
|
|
3
|
+
radius: "none" | "sm" | "md" | "lg" | "full";
|
|
4
|
+
size: "sm" | "md" | "lg";
|
|
5
|
+
showClear: boolean;
|
|
6
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const _default: typeof __VLS_export;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { MultiSelectProps } from 'primevue';
|
|
2
|
+
export interface SnolMultiSelectProps extends Omit<MultiSelectProps, 'size' | 'label'> {
|
|
3
|
+
label?: string;
|
|
4
|
+
options: any[];
|
|
5
|
+
optionLabel?: string;
|
|
6
|
+
optionValue?: string;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
invalid?: boolean;
|
|
10
|
+
description?: string;
|
|
11
|
+
errorMessage?: string;
|
|
12
|
+
startIcon?: string;
|
|
13
|
+
endIcon?: string;
|
|
14
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
15
|
+
size?: 'sm' | 'md' | 'lg';
|
|
16
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { SnolOtpProps } from './type';
|
|
2
|
+
declare const __VLS_export: import('vue').DefineComponent<SnolOtpProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SnolOtpProps> & Readonly<{}>, {
|
|
3
|
+
required: boolean;
|
|
4
|
+
radius: "none" | "sm" | "md" | "lg" | "full";
|
|
5
|
+
size: "sm" | "md" | "lg";
|
|
6
|
+
color: "primary" | "secondary" | "success" | "info" | "warning" | "danger" | "error";
|
|
7
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { InputOtpProps } from 'primevue';
|
|
2
|
+
export interface SnolOtpProps extends /* @vue-ignore */ InputOtpProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'error';
|
|
5
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
6
|
+
size?: 'sm' | 'md' | 'lg';
|
|
7
|
+
required?: boolean;
|
|
8
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
backdrop?: "transparent" | "opaque" | "blurred";
|
|
3
|
+
}
|
|
4
|
+
declare var __VLS_1: {}, __VLS_11: {
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
trigger?: (props: typeof __VLS_1) => any;
|
|
9
|
+
} & {
|
|
10
|
+
content?: (props: typeof __VLS_11) => any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
+
backdrop: "transparent" | "opaque" | "blurred";
|
|
14
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
16
|
+
declare const _default: typeof __VLS_export;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
declare const _default: typeof __VLS_export;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { SnolSelectProps } from './type.ts';
|
|
2
|
+
declare const __VLS_export: import('vue').DefineComponent<SnolSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SnolSelectProps> & Readonly<{}>, {
|
|
3
|
+
radius: "none" | "sm" | "md" | "lg" | "full";
|
|
4
|
+
size: "sm" | "md" | "lg";
|
|
5
|
+
showClear: boolean;
|
|
6
|
+
isAsyncScroll: boolean;
|
|
7
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface SnolSelectProps {
|
|
2
|
+
label?: string;
|
|
3
|
+
options: any[];
|
|
4
|
+
optionLabel?: string;
|
|
5
|
+
optionValue?: string;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
invalid?: boolean;
|
|
9
|
+
description?: string;
|
|
10
|
+
errorMessage?: string;
|
|
11
|
+
startIcon?: string;
|
|
12
|
+
endIcon?: string;
|
|
13
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
14
|
+
size?: 'sm' | 'md' | 'lg';
|
|
15
|
+
isAsyncScroll?: boolean;
|
|
16
|
+
showClear?: boolean;
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { TagProps } from 'primevue';
|
|
2
|
+
interface Props extends TagProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
value?: string | number;
|
|
5
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
6
|
+
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
7
|
+
color?: "primary" | "secondary" | "success" | "danger" | "warning" | 'info' | 'error';
|
|
8
|
+
variant?: 'bordered' | 'flat' | 'solid';
|
|
9
|
+
}
|
|
10
|
+
declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
11
|
+
radius: "none" | "sm" | "md" | "lg" | "full";
|
|
12
|
+
size: "xs" | "sm" | "md" | "lg";
|
|
13
|
+
variant: "bordered" | "flat" | "solid";
|
|
14
|
+
color: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "error";
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: typeof __VLS_export;
|
|
17
|
+
export default _default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { SnolTextareaProps } from './type.ts';
|
|
2
|
+
declare const __VLS_export: import('vue').DefineComponent<SnolTextareaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SnolTextareaProps> & Readonly<{}>, {
|
|
3
|
+
radius: "none" | "sm" | "md" | "lg" | "full";
|
|
4
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
5
|
+
declare const _default: typeof __VLS_export;
|
|
6
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TextareaProps } from 'primevue';
|
|
2
|
+
export interface SnolTextareaProps extends /* @vue-ignore */ TextareaProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
value?: string;
|
|
5
|
+
required?: boolean;
|
|
6
|
+
invalid?: boolean;
|
|
7
|
+
description?: string;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
errorMessage?: string;
|
|
10
|
+
radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
11
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { SnolTypographyProps } from './type.ts';
|
|
2
|
+
declare const __VLS_export: import('vue').DefineComponent<SnolTypographyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SnolTypographyProps> & Readonly<{}>, {
|
|
3
|
+
tag: string;
|
|
4
|
+
variant: import('./type.ts').SnolTypographyVariant;
|
|
5
|
+
color: import('./type.ts').SnolTypographyColor;
|
|
6
|
+
align: import('./type.ts').SnolTypographyAlign;
|
|
7
|
+
weight: import('./type.ts').SnolTypographyWeight;
|
|
8
|
+
truncate: boolean;
|
|
9
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const _default: typeof __VLS_export;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export type SnolTypographyVariant = "display" | "h1" | "h2" | "h3" | "h4" | "body" | "body-sm" | "caption";
|
|
2
|
+
export type SnolTypographyWeight = "light" | "normal" | "medium" | "semibold" | "bold";
|
|
3
|
+
export type SnolTypographyAlign = "left" | "center" | "right";
|
|
4
|
+
export type SnolTypographyColor = "default" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "white" | "black";
|
|
5
|
+
export type NestedKeyOf<T extends object> = {
|
|
6
|
+
[K in keyof T & string]: T[K] extends object ? K | `${K}.${NestedKeyOf<T[K]>}` : K;
|
|
7
|
+
}[keyof T & string];
|
|
8
|
+
export interface SnolTypographyProps {
|
|
9
|
+
text?: string;
|
|
10
|
+
variant?: SnolTypographyVariant;
|
|
11
|
+
tag?: string;
|
|
12
|
+
weight?: SnolTypographyWeight;
|
|
13
|
+
align?: SnolTypographyAlign;
|
|
14
|
+
color?: SnolTypographyColor;
|
|
15
|
+
truncate?: boolean;
|
|
16
|
+
class?: string;
|
|
17
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { useZeroField } from './use-zero/useZeroField';
|
|
2
|
+
export { useTableFilter } from './use-filter/useTableFilter';
|
|
3
|
+
export type { SelectFilterField, DateFilterConfig, NumberFilterField, TextFilterField, FilterOptions } from './use-filter/useTableFilter';
|
|
4
|
+
export { useRowManager, type UseRowManager } from './use-row-manager/useRowManager';
|