@wikicasa-dev/components 2.1.25-alpha.2 → 2.1.25-alpha.3
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/dist/UIKit/AccessibleSelect.d.ts +7 -7
- package/dist/UIKit/BaseComplexToggle.d.ts +25 -29
- package/dist/UIKit/BaseComplexToggle.js +3 -3
- package/dist/UIKit/Checkbox/CheckboxGroup.d.ts +33 -42
- package/dist/assets/packages/components/lib/UIKit/BaseComplexToggle.css +1 -1
- package/dist/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { Optional } from '@wikicasa-dev/types';
|
|
2
2
|
import { ClassTypeProp, IconItem, LabelItem } from './types';
|
|
3
|
-
export type AccessibleSelectOptions<
|
|
3
|
+
export type AccessibleSelectOptions<TPayload = unknown, TID = string | number | undefined> = IconItem & LabelItem<TID> & {
|
|
4
4
|
visibleLabel?: string;
|
|
5
|
-
} &
|
|
6
|
-
declare const _default: <
|
|
5
|
+
} & TPayload;
|
|
6
|
+
declare const _default: <TID, TLabel extends string | number | undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
7
7
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
8
8
|
readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
|
|
9
|
-
readonly "onUpdate:modelValue"?: ((value: Optional<AccessibleSelectOptions<
|
|
9
|
+
readonly "onUpdate:modelValue"?: ((value: Optional<AccessibleSelectOptions<TID, TLabel>>) => any) | undefined;
|
|
10
10
|
readonly "onUpdate:toggleDropdown"?: ((value: Optional<boolean>) => any) | undefined;
|
|
11
11
|
readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
|
|
12
12
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onUpdate:modelValue" | "onUpdate:toggleDropdown" | "onUpdate:dropdownState"> & ({
|
|
13
|
-
modelValue?: Optional<AccessibleSelectOptions<
|
|
13
|
+
modelValue?: Optional<AccessibleSelectOptions<TID, TLabel>>;
|
|
14
14
|
toggleDropdown?: Optional<boolean>;
|
|
15
15
|
} & {
|
|
16
16
|
label?: string;
|
|
17
17
|
dropdownPosition?: "top" | "bottom";
|
|
18
18
|
namespace?: string;
|
|
19
|
-
options: AccessibleSelectOptions<
|
|
19
|
+
options: AccessibleSelectOptions<TID, TLabel>[];
|
|
20
20
|
isValid?: boolean | null;
|
|
21
21
|
feedback?: Partial<{
|
|
22
22
|
valid: string;
|
|
@@ -48,7 +48,7 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
|
|
|
48
48
|
slots: {
|
|
49
49
|
lefticon?(_: {}): any;
|
|
50
50
|
};
|
|
51
|
-
emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "update:dropdownState", args_0: boolean) => void)) & (((evt: "update:modelValue", value: Optional<AccessibleSelectOptions<
|
|
51
|
+
emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "update:dropdownState", args_0: boolean) => void)) & (((evt: "update:modelValue", value: Optional<AccessibleSelectOptions<TID, TLabel>>) => void) & ((evt: "update:toggleDropdown", value: Optional<boolean>) => void));
|
|
52
52
|
}>) => import('vue').VNode & {
|
|
53
53
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
54
54
|
};
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { Nullable } from '@wikicasa-dev/types';
|
|
2
2
|
import { ClassTypeProp, Icon } from './types';
|
|
3
3
|
import { TwPrefix } from 'lib/types';
|
|
4
|
-
export type ToggleType<
|
|
5
|
-
id?:
|
|
4
|
+
export type ToggleType<TID = string | number, TPayload = unknown> = {
|
|
5
|
+
id?: TID;
|
|
6
6
|
label: string;
|
|
7
7
|
icon?: Icon;
|
|
8
8
|
checked?: boolean;
|
|
9
9
|
payload?: TPayload;
|
|
10
10
|
};
|
|
11
|
-
export type ComplexToggleType<
|
|
12
|
-
leftToggle: ToggleType<
|
|
13
|
-
rightToggle: ToggleType<
|
|
11
|
+
export type ComplexToggleType<TID = string | number, TPayload = unknown> = {
|
|
12
|
+
leftToggle: ToggleType<TID, TPayload>;
|
|
13
|
+
rightToggle: ToggleType<TID, TPayload>;
|
|
14
14
|
};
|
|
15
15
|
type BgPrefix = "bg-w-";
|
|
16
16
|
type BorderPrefix = "border-w-";
|
|
17
17
|
type ColorsType = "black" | "primary" | "secondary" | "dark-primary" | "carbon" | "gray" | "warning" | "danger" | "lavender";
|
|
18
18
|
type BtnBgColorType = `${TwPrefix}${BgPrefix}${ColorsType}` | "";
|
|
19
19
|
type BorderColorType = `${TwPrefix}${BorderPrefix}${ColorsType}`;
|
|
20
|
-
export type BaseComplexToggleProps = {
|
|
21
|
-
labels: ComplexToggleType
|
|
20
|
+
export type BaseComplexToggleProps<TID = string | number, TPayload = unknown> = {
|
|
21
|
+
labels: ComplexToggleType<TID, TPayload>;
|
|
22
22
|
type?: "full" | "padded";
|
|
23
23
|
mode?: "mobile" | "";
|
|
24
24
|
btnBgColor?: BtnBgColorType;
|
|
@@ -26,27 +26,23 @@ export type BaseComplexToggleProps = {
|
|
|
26
26
|
borderContainerColor?: BorderColorType;
|
|
27
27
|
size?: "" | "lg";
|
|
28
28
|
};
|
|
29
|
-
declare const _default:
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
mode: "mobile" | "";
|
|
41
|
-
btnBgColor: BtnBgColorType;
|
|
42
|
-
borderContainerColor: BorderColorType;
|
|
43
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
|
|
44
|
-
left_icon?(_: {}): any;
|
|
45
|
-
right_icon?(_: {}): any;
|
|
46
|
-
}>;
|
|
47
|
-
export default _default;
|
|
48
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
49
|
-
new (): {
|
|
50
|
-
$slots: S;
|
|
29
|
+
declare const _default: <TID extends string | number, TPayload>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
30
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
31
|
+
readonly "onUpdate:modelValue"?: ((value: Nullable<ToggleType<string | number, unknown>> | undefined) => any) | undefined;
|
|
32
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
|
|
33
|
+
modelValue?: Nullable<ToggleType> | undefined;
|
|
34
|
+
} & BaseComplexToggleProps<TID, TPayload>) & Partial<{}>> & import('vue').PublicProps;
|
|
35
|
+
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
36
|
+
attrs: any;
|
|
37
|
+
slots: {
|
|
38
|
+
left_icon?(_: {}): any;
|
|
39
|
+
right_icon?(_: {}): any;
|
|
51
40
|
};
|
|
41
|
+
emit: (evt: "update:modelValue", value: Nullable<ToggleType<string | number, unknown>> | undefined) => void;
|
|
42
|
+
}>) => import('vue').VNode & {
|
|
43
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
52
44
|
};
|
|
45
|
+
export default _default;
|
|
46
|
+
type __VLS_PrettifyLocal<T> = {
|
|
47
|
+
[K in keyof T]: T[K];
|
|
48
|
+
} & {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "../packages/components/lib/UIKit/BaseComplexToggle.vue.js";
|
|
2
2
|
import '../assets/packages/components/lib/UIKit/BaseComplexToggle.css';/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import t from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c48c03df"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
r as default
|
|
7
7
|
};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { ClassTypeProp } from '../types';
|
|
2
|
-
export type CheckboxButtonType<
|
|
3
|
-
id:
|
|
4
|
-
label:
|
|
2
|
+
export type CheckboxButtonType<TID = string | number, TLabel = string | number, TPayload = unknown> = {
|
|
3
|
+
id: TID;
|
|
4
|
+
label: TLabel;
|
|
5
5
|
checked?: boolean;
|
|
6
6
|
reset?: boolean;
|
|
7
|
-
payload?:
|
|
7
|
+
payload?: TPayload;
|
|
8
8
|
dataCy?: string;
|
|
9
9
|
};
|
|
10
10
|
export type CheckboxButtonTypeObj = Omit<CheckboxButtonType, "checked"> & {
|
|
11
11
|
checked: boolean;
|
|
12
12
|
};
|
|
13
13
|
export type GetterIdType<T = CheckboxButtonType | string | number> = (checkboxBtn: T) => string;
|
|
14
|
-
export type CheckboxGroupProps = {
|
|
15
|
-
checkboxData?: CheckboxButtonType[];
|
|
14
|
+
export type CheckboxGroupProps<TID = string | number, TLabel = string | number, TPayload = unknown> = {
|
|
15
|
+
checkboxData?: CheckboxButtonType<TID, TLabel, TPayload>[];
|
|
16
16
|
formCheckInline?: boolean;
|
|
17
17
|
reset?: boolean;
|
|
18
18
|
checkboxContainerClasses?: ClassTypeProp;
|
|
@@ -34,41 +34,32 @@ export type CheckboxGroupProps = {
|
|
|
34
34
|
groupId?: string;
|
|
35
35
|
dataCy?: string;
|
|
36
36
|
};
|
|
37
|
-
declare const _default:
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
"onUpdate:modelValue"
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
57
|
-
default?(_: {
|
|
58
|
-
isActive: (elem: CheckboxButtonType | string | number) => boolean;
|
|
59
|
-
handleChange: (checkboxValue: CheckboxButtonType) => void;
|
|
60
|
-
checkboxesData: CheckboxButtonType<string | number, string | number, unknown>[];
|
|
61
|
-
}): any;
|
|
62
|
-
checkbox_elements?(_: {
|
|
63
|
-
isActive: (elem: CheckboxButtonType | string | number) => boolean;
|
|
64
|
-
handleChange: (checkboxValue: CheckboxButtonType) => void;
|
|
65
|
-
checkboxesData: CheckboxButtonType<string | number, string | number, unknown>[];
|
|
66
|
-
reset: () => void;
|
|
67
|
-
}): any;
|
|
68
|
-
}>;
|
|
69
|
-
export default _default;
|
|
70
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
71
|
-
new (): {
|
|
72
|
-
$slots: S;
|
|
37
|
+
declare const _default: <TID extends string | number, TLabel extends string | number, TPayload>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
38
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
39
|
+
readonly "onUpdate:modelValue"?: ((args_0: CheckboxButtonType<string | number, string | number, unknown>[]) => any) | undefined;
|
|
40
|
+
readonly onResetted?: (() => any) | undefined;
|
|
41
|
+
readonly onCheckedGroup?: ((args_0: string) => any) | undefined;
|
|
42
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onResetted" | "onCheckedGroup"> & CheckboxGroupProps<TID, TLabel, TPayload> & Partial<{}>> & import('vue').PublicProps;
|
|
43
|
+
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
44
|
+
attrs: any;
|
|
45
|
+
slots: {
|
|
46
|
+
default?(_: {
|
|
47
|
+
isActive: (elem: CheckboxButtonType | string | number) => boolean;
|
|
48
|
+
handleChange: (checkboxValue: CheckboxButtonType) => void;
|
|
49
|
+
checkboxesData: CheckboxButtonType<TID, TLabel, TPayload>[];
|
|
50
|
+
}): any;
|
|
51
|
+
checkbox_elements?(_: {
|
|
52
|
+
isActive: (elem: CheckboxButtonType | string | number) => boolean;
|
|
53
|
+
handleChange: (checkboxValue: CheckboxButtonType) => void;
|
|
54
|
+
checkboxesData: CheckboxButtonType<TID, TLabel, TPayload>[];
|
|
55
|
+
reset: () => void;
|
|
56
|
+
}): any;
|
|
73
57
|
};
|
|
58
|
+
emit: ((evt: "update:modelValue", args_0: CheckboxButtonType<string | number, string | number, unknown>[]) => void) & ((evt: "resetted") => void) & ((evt: "checkedGroup", args_0: string) => void);
|
|
59
|
+
}>) => import('vue').VNode & {
|
|
60
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
74
61
|
};
|
|
62
|
+
export default _default;
|
|
63
|
+
type __VLS_PrettifyLocal<T> = {
|
|
64
|
+
[K in keyof T]: T[K];
|
|
65
|
+
} & {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.base-complex-toggle[data-v-
|
|
1
|
+
.base-complex-toggle[data-v-c48c03df]{--base-complex-toggle-height: 42px;--base-complex-toggle-width: 230px;--base-complex-toggle-radius: 23px;--base-complex-toggle-border-width: 1px;--base-complex-toggle-border-color: #E9EFFE;--padding-x-bg: 7px;--padding-y-bg: 8px;--base-complex-toggle-bg-height: var(--base-complex-toggle-height);--base-complex-toggle-bg-width: calc(var(--base-complex-toggle-width) / 2);--base-complex-toggle-bg-padded-width: calc( var(--base-complex-toggle-bg-width) - var(--padding-x-bg) );--base-complex-toggle-bg-padded-height: calc( var(--base-complex-toggle-bg-height) - var(--padding-y-bg) );--padded-bg-dist-from-top: calc(var(--padding-y-bg) / 2);--round-interval: 1px;--translateX-value: calc(var(--base-complex-toggle-bg-width) / 2);--left-translateX: translateX(calc(var(--translateX-value) * -1));--right-translateX: translateX(var(--translateX-value));--toggle-width: var(--base-complex-toggle-width);--toggle-height: var(--base-complex-toggle-height);--toggle-border: var(--base-complex-toggle-border-width) var(--base-complex-toggle-border-color) solid;--toggle-border-radius: var(--base-complex-toggle-radius)}.base-complex-toggle.lg[data-v-c48c03df]{--base-complex-toggle-height: 56px;--base-complex-toggle-width: 342px;--base-complex-toggle-radius: 28px}@media screen and (max-width: 576px){.base-complex-toggle.mobile[data-v-c48c03df]{--base-complex-toggle-width: 342px }}.base-complex-toggle[data-v-c48c03df]{width:var(--toggle-width);height:var(--toggle-height);border:var(--toggle-border);border-radius:var(--toggle-border-radius)}.base-complex-toggle-active[data-v-c48c03df]{--base-complex-toggle-active-color: #fff;font-weight:500;cursor:default;color:var(--base-complex-toggle-active-color)}.base-complex-toggle-active[data-btn-bg-color=uikit-bg-w-warning][data-v-c48c03df],.base-complex-toggle-active[data-btn-bg-color=uikit-bg-w-lavender][data-v-c48c03df],.base-complex-toggle-active[data-btn-bg-color=uikit-bg-w-secondary][data-v-c48c03df]{--base-complex-toggle-active-color: #000}.base-complex-toggle-active-bg[data-v-c48c03df]{--toggle-bg-width: var(--base-complex-toggle-bg-width);--toggle-bg-height: calc( var(--base-complex-toggle-bg-height) - (2 * var(--base-complex-toggle-border-width)) )}@media screen and (max-width: 576px){.base-complex-toggle-active-bg .mobile[data-v-c48c03df]{--toggle-bg-width: var(--base-complex-toggle-bg-lg-width) }}.base-complex-toggle-active-bg[data-v-c48c03df]{width:var(--toggle-bg-width);height:var(--toggle-bg-height);border-radius:var(--base-complex-toggle-radius);z-index:1}.base-complex-toggle-active-padded-bg[data-v-c48c03df]{--toggle-bg-width: var(--base-complex-toggle-bg-padded-width);--toggle-bg-height: calc( var(--base-complex-toggle-bg-padded-height) - (2 * var(--base-complex-toggle-border-width)) )}@media screen and (max-width: 576px){.base-complex-toggle-active-padded-bg.mobile[data-v-c48c03df]{--toggle-bg-width: var(--base-complex-toggle-bg-padded-width) }}.base-complex-toggle-active-padded-bg[data-v-c48c03df]{border-radius:var(--base-complex-toggle-radius);z-index:1;top:var(--padded-bg-dist-from-top);width:var(--toggle-bg-width);height:var(--toggle-bg-height)}.translateX-left[data-v-c48c03df]{transform:var(--left-translateX)}@media screen and (max-width: 576px){.translateX-left.mobile[data-v-c48c03df]{transform:var(--left-translateX)}}.translateX-right[data-v-c48c03df]{transform:var(--right-translateX)}@media screen and (max-width: 576px){.translateX-right.mobile[data-v-c48c03df]{transform:var(--right-translateX)}}
|
package/dist/index.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ export { default as BaseAutocomplete } from './UIKit/BaseAutocomplete';
|
|
|
16
16
|
export { default as BaseBadge } from './UIKit/BaseBadge';
|
|
17
17
|
export { default as BaseButton, type ButtonType } from './UIKit/BaseButton';
|
|
18
18
|
export { default as BaseCard } from './UIKit/BaseCard';
|
|
19
|
-
export { default as BaseComplexToggle, type BaseComplexToggleProps, } from './UIKit/BaseComplexToggle';
|
|
19
|
+
export { default as BaseComplexToggle, type BaseComplexToggleProps, type ToggleType, } from './UIKit/BaseComplexToggle';
|
|
20
20
|
export { default as BaseDropDown } from './UIKit/BaseDropDown';
|
|
21
21
|
export { default as BaseFloatingLabel } from './UIKit/BaseFloatingLabel';
|
|
22
22
|
export { default as BaseIcon } from './UIKit/BaseIcon';
|