@privyid/persona 0.21.0 → 0.22.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/dist/components/accordion/Accordion.vue +1 -1
- package/dist/components/accordion/AccordionItem.vue +6 -6
- package/dist/components/badge/Badge.vue +21 -3
- package/dist/components/banner/Banner.vue +5 -0
- package/dist/components/banner/Banner.vue.d.ts +9 -0
- package/dist/components/button/Button.vue +18 -18
- package/dist/components/calendar/adapter/adapter.d.ts +1 -8
- package/dist/components/calendar/adapter/adapter.mjs +0 -10
- package/dist/components/calendar/adapter/date.mjs +2 -2
- package/dist/components/calendar/adapter/month.mjs +2 -2
- package/dist/components/card/CardSection.vue +1 -0
- package/dist/components/carousel/Carousel.vue.d.ts +6 -6
- package/dist/components/chart/ChartSet.vue.d.ts +2 -2
- package/dist/components/chart/ChartVal.vue.d.ts +4 -4
- package/dist/components/checkbox/Checkbox.vue +98 -112
- package/dist/components/checkbox/icon/IconCheckbox.vue +13 -0
- package/dist/components/checkbox/icon/IconInderteminate.vue +12 -0
- package/dist/components/contextual-bar/ContextualBar.vue +67 -19
- package/dist/components/contextual-bar/ContextualBar.vue.d.ts +3 -3
- package/dist/components/contextual-bar/index.d.ts +1 -1
- package/dist/components/cropper/Cropper.vue.d.ts +8 -8
- package/dist/components/datepicker/Datepicker.vue +2 -0
- package/dist/components/datepicker/Datepicker.vue.d.ts +1 -1
- package/dist/components/dialog/Dialog.vue +2 -0
- package/dist/components/dialog/index.d.ts +2 -0
- package/dist/components/divider/Divider.vue +1 -1
- package/dist/components/dropdown/Dropdown.vue +303 -222
- package/dist/components/dropzone/Dropzone.vue.d.ts +3 -3
- package/dist/components/filterbar/pinned/PinnedDate.vue +2 -0
- package/dist/components/filterbar/pinned/PinnedDate.vue.d.ts +1 -1
- package/dist/components/filterbar/pinned/PinnedMultiselect.vue +10 -6
- package/dist/components/filterbar/pinned/PinnedSelect.vue +11 -7
- package/dist/components/filterbar/pinned/PinnedSelect.vue.d.ts +3 -3
- package/dist/components/filterbar/pinned/PinnedToggle.vue.d.ts +7 -7
- package/dist/components/global/store.d.ts +2 -1
- package/dist/components/heading/Heading.vue.d.ts +1 -1
- package/dist/components/input/Input.vue +16 -5
- package/dist/components/input/Input.vue.d.ts +4 -3
- package/dist/components/input/index.d.ts +1 -1
- package/dist/components/input-file/InputFile.vue.d.ts +3 -3
- package/dist/components/input-pin/InputPin.vue.d.ts +2 -2
- package/dist/components/input-range/InputRange.vue.d.ts +6 -6
- package/dist/components/label/Label.vue +9 -8
- package/dist/components/label/Label.vue.d.ts +1 -1
- package/dist/components/main/Main.vue +4 -2
- package/dist/components/markdown/index.d.ts +6 -1
- package/dist/components/markdown/index.mjs +8 -2
- package/dist/components/meta.json +135 -0
- package/dist/components/modal/Modal.vue +215 -12
- package/dist/components/modal/Modal.vue.d.ts +55 -1
- package/dist/components/modal/index.d.ts +1 -1
- package/dist/components/nav/Nav.vue +5 -1
- package/dist/components/nav/NavItemDropdown.vue.d.ts +1 -1
- package/dist/components/nav/NavSubItem.vue +6 -6
- package/dist/components/navbar/Navbar.vue.d.ts +1 -1
- package/dist/components/navbar/NavbarBrand.vue +1 -1
- package/dist/components/pdf-helipad/PdfHelipad.vue +101 -85
- package/dist/components/pdf-helipad/utils/use-drag.d.ts +2 -7
- package/dist/components/pdf-helipad/utils/use-drag.mjs +1 -1
- package/dist/components/pdf-object/utils/use-drag.d.ts +1 -0
- package/dist/components/pdf-object/utils/use-drag.mjs +1 -1
- package/dist/components/pdf-viewer/PdfViewer.vue.d.ts +4 -4
- package/dist/components/progress-indicator/ProgressIndicator.vue.d.ts +2 -2
- package/dist/components/progressbar/Progressbar.vue.d.ts +7 -7
- package/dist/components/radio/Radio.vue.d.ts +4 -4
- package/dist/components/ringbar/Ringbar.vue.d.ts +6 -6
- package/dist/components/select/Select.vue +396 -214
- package/dist/components/select/SelectInput.vue +102 -0
- package/dist/components/select/SelectTags.vue +57 -0
- package/dist/components/select/adapter/adapter.d.ts +1 -0
- package/dist/components/select/adapter/async-adapter.d.ts +13 -1
- package/dist/components/select/adapter/async-adapter.mjs +8 -15
- package/dist/components/select/index.d.ts +2 -0
- package/dist/components/select/index.mjs +4 -1
- package/dist/components/sheet/Sheet.vue +2 -3
- package/dist/components/sidebar/Sidebar.vue +101 -116
- package/dist/components/sidebar/SidebarBrand.vue +1 -1
- package/dist/components/sidebar/SidebarContent.vue +27 -0
- package/dist/components/sidebar/SidebarNav.vue +60 -84
- package/dist/components/sidebar-menu/SidebarMenu.vue +57 -204
- package/dist/components/sidebar-menu/SidebarMenuItem.vue +70 -0
- package/dist/components/signature-text/SignatureText.vue.d.ts +4 -4
- package/dist/components/steps/StepSlider.vue +2 -2
- package/dist/components/strengthbar/Strengthbar.vue.d.ts +8 -8
- package/dist/components/table-flex/TableFlex.vue +3 -5
- package/dist/components/table-static/TableStatic.vue +118 -111
- package/dist/components/table-static/TableStaticRoot.vue +42 -0
- package/dist/components/tabs/Tab.vue +13 -15
- package/dist/components/tabs/TabContent.vue +64 -23
- package/dist/components/tabs/Tabs.vue +93 -75
- package/dist/components/text/Text.vue +15 -7
- package/dist/components/text/Text.vue.d.ts +11 -2
- package/dist/components/text/index.d.ts +1 -0
- package/dist/components/textarea/Textarea.vue.d.ts +5 -5
- package/dist/components/toggle/Toggle.vue +12 -1
- package/dist/components/toggle/Toggle.vue.d.ts +16 -7
- package/dist/components/tooltip/index.mjs +1 -1
- package/dist/components/tooltip/utils/create-handler.mjs +1 -1
- package/dist/components/tour/TourDialog.vue +6 -0
- package/dist/components/truncate/Truncate.vue +1 -1
- package/dist/components/truncate/Truncate.vue.d.ts +2 -2
- package/dist/components/utils/date.d.ts +21 -0
- package/dist/components/utils/date.mjs +15 -0
- package/dist/components/utils/vnode.mjs +1 -1
- package/dist/core/index.d.ts +1 -0
- package/dist/core/index.mjs +4 -0
- package/dist/module.json +1 -1
- package/package.json +17 -17
- package/dist/components/checkbox/Checkbox.vue.d.ts +0 -84
- package/dist/components/dropdown/Dropdown.vue.d.ts +0 -147
- package/dist/components/pdf-helipad/PdfHelipad.vue.d.ts +0 -45
- package/dist/components/select/Select.vue.d.ts +0 -157
- package/dist/components/sidebar/Sidebar.vue.d.ts +0 -80
- package/dist/components/sidebar/SidebarNav.vue.d.ts +0 -66
- package/dist/components/sidebar-menu/SidebarMenu.vue.d.ts +0 -91
- package/dist/components/tabs/Tab.vue.d.ts +0 -23
- package/dist/components/tabs/TabContent.vue.d.ts +0 -14
- package/dist/components/tabs/Tabs.vue.d.ts +0 -80
|
@@ -17,13 +17,15 @@
|
|
|
17
17
|
<template
|
|
18
18
|
v-for="(item, i) in items"
|
|
19
19
|
:key="i">
|
|
20
|
-
<
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
20
|
+
<DropdownItem>
|
|
21
|
+
<Radio
|
|
22
|
+
v-model="model"
|
|
23
|
+
appearance="option"
|
|
24
|
+
:value="item.value"
|
|
25
|
+
@click="close">
|
|
26
|
+
{{ item.text }}
|
|
27
|
+
</Radio>
|
|
28
|
+
</DropdownItem>
|
|
27
29
|
</template>
|
|
28
30
|
</Dropdown>
|
|
29
31
|
</template>
|
|
@@ -35,6 +37,7 @@ import {
|
|
|
35
37
|
ref
|
|
36
38
|
} from "vue-demi";
|
|
37
39
|
import Dropdown from "../../dropdown/Dropdown.vue";
|
|
40
|
+
import DropdownItem from "../../dropdown/DropdownItem.vue";
|
|
38
41
|
import DropdownHeader from "../../dropdown/DropdownHeader.vue";
|
|
39
42
|
import Radio from "../../radio/Radio.vue";
|
|
40
43
|
import { useOptionsProp } from "../../select/adapter/adapter";
|
|
@@ -43,6 +46,7 @@ import { isEqual } from "../../utils/value";
|
|
|
43
46
|
export default defineComponent({
|
|
44
47
|
components: {
|
|
45
48
|
Dropdown,
|
|
49
|
+
DropdownItem,
|
|
46
50
|
DropdownHeader,
|
|
47
51
|
Radio
|
|
48
52
|
},
|
|
@@ -11,11 +11,11 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
11
11
|
default: () => never[];
|
|
12
12
|
};
|
|
13
13
|
modelValue: {
|
|
14
|
-
type: (
|
|
14
|
+
type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | NumberConstructor | ArrayConstructor)[];
|
|
15
15
|
default: undefined;
|
|
16
16
|
};
|
|
17
17
|
}, {
|
|
18
|
-
model: import("vue-demi").Ref<string | number | boolean | Record<string, any> | unknown[] | Date
|
|
18
|
+
model: import("vue-demi").Ref<string | number | boolean | Record<string, any> | unknown[] | Date>;
|
|
19
19
|
items: import("vue-demi").ComputedRef<SelectItem[]>;
|
|
20
20
|
isOpen: import("vue-demi").Ref<boolean>;
|
|
21
21
|
selected: import("vue-demi").ComputedRef<SelectItem | undefined>;
|
|
@@ -30,7 +30,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
30
30
|
default: () => never[];
|
|
31
31
|
};
|
|
32
32
|
modelValue: {
|
|
33
|
-
type: (
|
|
33
|
+
type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | NumberConstructor | ArrayConstructor)[];
|
|
34
34
|
default: undefined;
|
|
35
35
|
};
|
|
36
36
|
}>> & {
|
|
@@ -6,15 +6,15 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
6
6
|
required: true;
|
|
7
7
|
};
|
|
8
8
|
modelValue: {
|
|
9
|
-
type: (
|
|
9
|
+
type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | NumberConstructor | ArrayConstructor)[];
|
|
10
10
|
default: boolean;
|
|
11
11
|
};
|
|
12
12
|
value: {
|
|
13
|
-
type: (
|
|
13
|
+
type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | NumberConstructor | ArrayConstructor)[];
|
|
14
14
|
default: boolean;
|
|
15
15
|
};
|
|
16
16
|
uncheckedValue: {
|
|
17
|
-
type: (
|
|
17
|
+
type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | NumberConstructor | ArrayConstructor)[];
|
|
18
18
|
default: boolean;
|
|
19
19
|
};
|
|
20
20
|
checked: {
|
|
@@ -30,15 +30,15 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
30
30
|
required: true;
|
|
31
31
|
};
|
|
32
32
|
modelValue: {
|
|
33
|
-
type: (
|
|
33
|
+
type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | NumberConstructor | ArrayConstructor)[];
|
|
34
34
|
default: boolean;
|
|
35
35
|
};
|
|
36
36
|
value: {
|
|
37
|
-
type: (
|
|
37
|
+
type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | NumberConstructor | ArrayConstructor)[];
|
|
38
38
|
default: boolean;
|
|
39
39
|
};
|
|
40
40
|
uncheckedValue: {
|
|
41
|
-
type: (
|
|
41
|
+
type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | NumberConstructor | ArrayConstructor)[];
|
|
42
42
|
default: boolean;
|
|
43
43
|
};
|
|
44
44
|
checked: {
|
|
@@ -51,7 +51,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
51
51
|
}, {
|
|
52
52
|
value: string | number | boolean | Record<string, any> | unknown[] | Date;
|
|
53
53
|
modelValue: string | number | boolean | Record<string, any> | unknown[] | Date;
|
|
54
|
-
uncheckedValue: string | number | boolean | Record<string, any> | unknown[] | Date;
|
|
55
54
|
checked: boolean;
|
|
55
|
+
uncheckedValue: string | number | boolean | Record<string, any> | unknown[] | Date;
|
|
56
56
|
}, {}>;
|
|
57
57
|
export default _default;
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
<slot name="prepend" />
|
|
10
10
|
</span>
|
|
11
11
|
<input
|
|
12
|
+
ref="input"
|
|
12
13
|
v-model="model"
|
|
13
14
|
class="input__form"
|
|
14
15
|
data-testid="input"
|
|
@@ -34,7 +35,8 @@
|
|
|
34
35
|
import {
|
|
35
36
|
computed,
|
|
36
37
|
defineComponent,
|
|
37
|
-
inject
|
|
38
|
+
inject,
|
|
39
|
+
ref
|
|
38
40
|
} from "vue-demi";
|
|
39
41
|
import { useVModel } from ".";
|
|
40
42
|
import IconClear from "@privyid/persona-icon/vue/close-circle-solid/20.vue";
|
|
@@ -89,6 +91,7 @@ export default defineComponent({
|
|
|
89
91
|
},
|
|
90
92
|
emits: ["update:modelValue", "clear"],
|
|
91
93
|
setup(props, { emit, slots }) {
|
|
94
|
+
const input = ref();
|
|
92
95
|
const model = useVModel(props);
|
|
93
96
|
const setting = inject(INPUTGROUP_SETTING, void 0, false);
|
|
94
97
|
const classNames = computed(() => {
|
|
@@ -117,6 +120,7 @@ export default defineComponent({
|
|
|
117
120
|
model.value = "";
|
|
118
121
|
}
|
|
119
122
|
return {
|
|
123
|
+
input,
|
|
120
124
|
classNames,
|
|
121
125
|
model,
|
|
122
126
|
clear,
|
|
@@ -132,11 +136,18 @@ export default defineComponent({
|
|
|
132
136
|
@apply dark:bg-dark-default;
|
|
133
137
|
|
|
134
138
|
&__form {
|
|
135
|
-
@apply py-[10px] px-3 text-base relative rounded border border-solid border-muted hover:border-subtle text-default
|
|
136
|
-
@apply dark:border-dark-muted hover:dark:border-dark-subtle dark:text-dark-default
|
|
139
|
+
@apply py-[10px] px-3 text-base relative rounded border border-solid border-muted hover:border-subtle text-default w-full outline-none bg-transparent;
|
|
140
|
+
@apply dark:border-dark-muted hover:dark:border-dark-subtle dark:text-dark-default dark:bg-transparent;
|
|
141
|
+
|
|
142
|
+
&::placeholder,
|
|
143
|
+
&__placeholder {
|
|
144
|
+
@apply text-muted;
|
|
145
|
+
@apply dark:text-dark-muted;
|
|
146
|
+
}
|
|
137
147
|
|
|
138
148
|
&:disabled,
|
|
139
149
|
&--disabled,
|
|
150
|
+
&[disabled="true"],
|
|
140
151
|
.state--disabled & {
|
|
141
152
|
@apply bg-subtle border-subtle pointer-events-none text-muted;
|
|
142
153
|
@apply dark:bg-dark-subtle dark:border-dark-subtle dark:text-dark-muted;
|
|
@@ -165,9 +176,9 @@ export default defineComponent({
|
|
|
165
176
|
}
|
|
166
177
|
|
|
167
178
|
.state--error,
|
|
168
|
-
.state--error & > &__form,
|
|
179
|
+
.state--error & > &__form:not(.no--error),
|
|
169
180
|
&--error,
|
|
170
|
-
&-group--error.input-group .input > .input__form {
|
|
181
|
+
&-group--error.input-group .input > .input__form:not(.no--error) {
|
|
171
182
|
@apply border-danger-emphasis hover:border-danger-emphasis focus:ring-danger focus:border-danger-emphasis;
|
|
172
183
|
@apply dark:border-dark-danger-emphasis hover:dark:border-dark-danger-emphasis focus:dark:ring-dark-danger focus:dark:border-dark-danger-emphasis;
|
|
173
184
|
}
|
|
@@ -3,7 +3,7 @@ import { SizeVariant } from '../button';
|
|
|
3
3
|
import { AcceptVariant, checkOnInput } from './utils/accept';
|
|
4
4
|
declare const _default: import("vue-demi").DefineComponent<{
|
|
5
5
|
modelValue: {
|
|
6
|
-
type: (
|
|
6
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
7
7
|
default: undefined;
|
|
8
8
|
};
|
|
9
9
|
size: {
|
|
@@ -35,13 +35,14 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
35
35
|
default: undefined;
|
|
36
36
|
};
|
|
37
37
|
}, {
|
|
38
|
+
input: import("vue-demi").Ref<HTMLInputElement | undefined>;
|
|
38
39
|
classNames: import("vue-demi").ComputedRef<string[]>;
|
|
39
|
-
model: import("vue-demi").Ref<string | number
|
|
40
|
+
model: import("vue-demi").Ref<string | number>;
|
|
40
41
|
clear: (event: MouseEvent) => void;
|
|
41
42
|
checkOnInput: typeof checkOnInput;
|
|
42
43
|
}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
|
|
43
44
|
modelValue: {
|
|
44
|
-
type: (
|
|
45
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
45
46
|
default: undefined;
|
|
46
47
|
};
|
|
47
48
|
size: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Ref } from 'vue-demi';
|
|
2
2
|
export interface InputProps<V = string> {
|
|
3
|
-
modelValue
|
|
3
|
+
modelValue?: V;
|
|
4
4
|
}
|
|
5
5
|
export declare function useVModel<V>(props: InputProps<V>): Ref<V>;
|
|
6
6
|
export { type AcceptVariant, isAccepted, removeUnaccepted, checkOnInput, } from './utils/accept';
|
|
@@ -15,7 +15,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
15
15
|
default: boolean;
|
|
16
16
|
};
|
|
17
17
|
maxlength: {
|
|
18
|
-
type: (
|
|
18
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
19
19
|
default: undefined;
|
|
20
20
|
};
|
|
21
21
|
accept: {
|
|
@@ -55,7 +55,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
55
55
|
default: string;
|
|
56
56
|
};
|
|
57
57
|
}, {
|
|
58
|
-
model: import("vue-demi").Ref<string | string[] | File | File[]
|
|
58
|
+
model: import("vue-demi").Ref<string | string[] | File | File[]>;
|
|
59
59
|
classNames: import("vue-demi").ComputedRef<string[]>;
|
|
60
60
|
getFileNames: (files: Array<globalThis.File> | globalThis.File) => string;
|
|
61
61
|
clear: () => void;
|
|
@@ -73,7 +73,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
73
73
|
default: boolean;
|
|
74
74
|
};
|
|
75
75
|
maxlength: {
|
|
76
|
-
type: (
|
|
76
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
77
77
|
default: undefined;
|
|
78
78
|
};
|
|
79
79
|
accept: {
|
|
@@ -11,7 +11,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
11
11
|
default: string;
|
|
12
12
|
};
|
|
13
13
|
length: {
|
|
14
|
-
type: (
|
|
14
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
15
15
|
default: number;
|
|
16
16
|
};
|
|
17
17
|
disabled: {
|
|
@@ -49,7 +49,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
49
49
|
default: string;
|
|
50
50
|
};
|
|
51
51
|
length: {
|
|
52
|
-
type: (
|
|
52
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
53
53
|
default: number;
|
|
54
54
|
};
|
|
55
55
|
disabled: {
|
|
@@ -13,15 +13,15 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
13
13
|
default: undefined;
|
|
14
14
|
};
|
|
15
15
|
step: {
|
|
16
|
-
type: (
|
|
16
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
17
17
|
default: number;
|
|
18
18
|
};
|
|
19
19
|
min: {
|
|
20
|
-
type: (
|
|
20
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
21
21
|
default: number;
|
|
22
22
|
};
|
|
23
23
|
max: {
|
|
24
|
-
type: (
|
|
24
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
25
25
|
default: number;
|
|
26
26
|
};
|
|
27
27
|
multiple: {
|
|
@@ -61,15 +61,15 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
61
61
|
default: undefined;
|
|
62
62
|
};
|
|
63
63
|
step: {
|
|
64
|
-
type: (
|
|
64
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
65
65
|
default: number;
|
|
66
66
|
};
|
|
67
67
|
min: {
|
|
68
|
-
type: (
|
|
68
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
69
69
|
default: number;
|
|
70
70
|
};
|
|
71
71
|
max: {
|
|
72
|
-
type: (
|
|
72
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
73
73
|
default: number;
|
|
74
74
|
};
|
|
75
75
|
multiple: {
|
|
@@ -59,9 +59,10 @@ export default defineComponent({
|
|
|
59
59
|
result.push(`label--${props.size}`);
|
|
60
60
|
return result;
|
|
61
61
|
});
|
|
62
|
-
function close() {
|
|
63
|
-
|
|
64
|
-
|
|
62
|
+
function close(event) {
|
|
63
|
+
emit("dismissed", event);
|
|
64
|
+
if (!event.defaultPrevented)
|
|
65
|
+
show.value = false;
|
|
65
66
|
}
|
|
66
67
|
return {
|
|
67
68
|
classNames,
|
|
@@ -90,7 +91,7 @@ export default defineComponent({
|
|
|
90
91
|
* Add dismiss button
|
|
91
92
|
*/
|
|
92
93
|
&__dismiss {
|
|
93
|
-
@apply border-l ml-
|
|
94
|
+
@apply border-l ml-2 pl-1.5 hover:cursor-pointer border-subtle-alpha text-default/30 hover:text-default/50;
|
|
94
95
|
@apply dark:border-dark-subtle-alpha dark:text-dark-default/30 hover:dark:text-dark-default/50;
|
|
95
96
|
}
|
|
96
97
|
|
|
@@ -100,19 +101,19 @@ export default defineComponent({
|
|
|
100
101
|
* sm and xs
|
|
101
102
|
*/
|
|
102
103
|
&--lg {
|
|
103
|
-
@apply text-base px-
|
|
104
|
+
@apply text-base px-3 py-1 rounded;
|
|
104
105
|
}
|
|
105
106
|
|
|
106
107
|
&--md {
|
|
107
|
-
@apply text-sm px-
|
|
108
|
+
@apply text-sm px-2 py-[2px] rounded-sm;
|
|
108
109
|
}
|
|
109
110
|
|
|
110
111
|
&--sm {
|
|
111
|
-
@apply text-xs px-
|
|
112
|
+
@apply text-xs px-[6px] py-[2px] rounded-xs;
|
|
112
113
|
}
|
|
113
114
|
|
|
114
115
|
&--xs {
|
|
115
|
-
@apply px-
|
|
116
|
+
@apply px-1 py-0 text-tn rounded-tn;
|
|
116
117
|
}
|
|
117
118
|
|
|
118
119
|
/**
|
|
@@ -21,7 +21,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
21
21
|
}, {
|
|
22
22
|
classNames: import("vue-demi").ComputedRef<string[]>;
|
|
23
23
|
show: import("vue-demi").Ref<boolean>;
|
|
24
|
-
close: () => void;
|
|
24
|
+
close: (event: MouseEvent) => void;
|
|
25
25
|
}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "dismissed"[], "dismissed", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
|
|
26
26
|
color: {
|
|
27
27
|
type: PropType<ColorVariant>;
|
|
@@ -12,8 +12,10 @@
|
|
|
12
12
|
* Heading
|
|
13
13
|
*/
|
|
14
14
|
h1, h2, h3, h4, h5, h6 {
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
&:not(.dropdown__header, .accordion__item__title, .card__header__title, .tour__title) {
|
|
16
|
+
--p-heading-margin-bottom: calc(var(--p-spacer) * .5);
|
|
17
|
+
@apply mb-[var(--p-heading-margin-bottom)];
|
|
18
|
+
}
|
|
17
19
|
}
|
|
18
20
|
|
|
19
21
|
/**
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Directive } from 'vue-demi';
|
|
2
|
+
import { marked } from 'marked';
|
|
2
3
|
export interface MarkdownOption {
|
|
3
4
|
/**
|
|
4
5
|
* Use inline parsing
|
|
@@ -9,12 +10,16 @@ export interface MarkdownOption {
|
|
|
9
10
|
* Disabled sanitize HTML result
|
|
10
11
|
*/
|
|
11
12
|
unsecure: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* marked options
|
|
15
|
+
*/
|
|
16
|
+
marked: marked.MarkedOptions;
|
|
12
17
|
}
|
|
13
18
|
/**
|
|
14
19
|
* Parse markdown to html string
|
|
15
20
|
* @param text markdown string
|
|
16
21
|
* @param options parsing options
|
|
17
22
|
*/
|
|
18
|
-
export declare function markdown(text
|
|
23
|
+
export declare function markdown(text: string | undefined, _option: Partial<MarkdownOption>): any;
|
|
19
24
|
export declare const pMd: Directive<HTMLElement, string>;
|
|
20
25
|
export declare const vPMd: import("vue-demi").FunctionDirective<HTMLElement, string>;
|
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
import { marked } from "marked";
|
|
2
2
|
import sanitizeHtml from "sanitize-html";
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
import defu from "defu";
|
|
4
|
+
export function markdown(text = "", _option) {
|
|
5
|
+
const options = defu(_option, {
|
|
6
|
+
inline: false,
|
|
7
|
+
unsecure: false,
|
|
8
|
+
marked: { mangle: false, headerIds: false }
|
|
9
|
+
});
|
|
10
|
+
const html = options.inline ? marked.parseInline(text, options.marked) : marked.parse(text, options.marked);
|
|
5
11
|
if (html && !options.unsecure)
|
|
6
12
|
return sanitizeHtml(html);
|
|
7
13
|
return html;
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
{
|
|
2
|
+
"PBadge": "components/badge/Badge.vue",
|
|
3
|
+
"PAccordion": "components/accordion/Accordion.vue",
|
|
4
|
+
"PAccordionItem": "components/accordion/AccordionItem.vue",
|
|
5
|
+
"PAvatar": "components/avatar/Avatar.vue",
|
|
6
|
+
"PBanner": "components/banner/Banner.vue",
|
|
7
|
+
"PButton": "components/button/Button.vue",
|
|
8
|
+
"PButtonGroup": "components/button-group/ButtonGroup.vue",
|
|
9
|
+
"PCalendar": "components/calendar/Calendar.vue",
|
|
10
|
+
"PBreadcrumb": "components/breadcrumbs/Breadcrumb.vue",
|
|
11
|
+
"PBreadcrumbItem": "components/breadcrumbs/BreadcrumbItem.vue",
|
|
12
|
+
"PBreadcrumbItemDropdown": "components/breadcrumbs/BreadcrumbItemDropdown.vue",
|
|
13
|
+
"PCamera": "components/camera/Camera.vue",
|
|
14
|
+
"PCaption": "components/caption/Caption.vue",
|
|
15
|
+
"PCard": "components/card/Card.vue",
|
|
16
|
+
"PCardSection": "components/card/CardSection.vue",
|
|
17
|
+
"PCarousel": "components/carousel/Carousel.vue",
|
|
18
|
+
"PCarouselBody": "components/carousel/CarouselBody.vue",
|
|
19
|
+
"PCarouselItem": "components/carousel/CarouselItem.vue",
|
|
20
|
+
"PChart": "components/chart/Chart.vue",
|
|
21
|
+
"PChartSet": "components/chart/ChartSet.vue",
|
|
22
|
+
"PChartVal": "components/chart/ChartVal.vue",
|
|
23
|
+
"PCollapse": "components/collapse/Collapse.vue",
|
|
24
|
+
"PCheckbox": "components/checkbox/Checkbox.vue",
|
|
25
|
+
"PCropper": "components/cropper/Cropper.vue",
|
|
26
|
+
"PDatepicker": "components/datepicker/Datepicker.vue",
|
|
27
|
+
"PDialog": "components/dialog/Dialog.vue",
|
|
28
|
+
"PDialogFooter": "components/dialog/DialogFooter.vue",
|
|
29
|
+
"PContextualBar": "components/contextual-bar/ContextualBar.vue",
|
|
30
|
+
"PDivider": "components/divider/Divider.vue",
|
|
31
|
+
"PDot": "components/dot/Dot.vue",
|
|
32
|
+
"PDropdown": "components/dropdown/Dropdown.vue",
|
|
33
|
+
"PDropdownHeader": "components/dropdown/DropdownHeader.vue",
|
|
34
|
+
"PDropdownItem": "components/dropdown/DropdownItem.vue",
|
|
35
|
+
"PDropdownSubitem": "components/dropdown-subitem/DropdownSubitem.vue",
|
|
36
|
+
"PDropzone": "components/dropzone/Dropzone.vue",
|
|
37
|
+
"PFormGroup": "components/form-group/FormGroup.vue",
|
|
38
|
+
"PHeading": "components/heading/Heading.vue",
|
|
39
|
+
"PFilterbar": "components/filterbar/Filterbar.vue",
|
|
40
|
+
"PInput": "components/input/Input.vue",
|
|
41
|
+
"PInputFile": "components/input-file/InputFile.vue",
|
|
42
|
+
"PInputGroup": "components/input-group/InputGroup.vue",
|
|
43
|
+
"PInputGroupAddon": "components/input-group/InputGroupAddon.vue",
|
|
44
|
+
"PInputPassword": "components/input-password/InputPassword.vue",
|
|
45
|
+
"PInputPin": "components/input-pin/InputPin.vue",
|
|
46
|
+
"PInputRange": "components/input-range/InputRange.vue",
|
|
47
|
+
"PLabel": "components/label/Label.vue",
|
|
48
|
+
"PListGroup": "components/list-group/ListGroup.vue",
|
|
49
|
+
"PListGroupItem": "components/list-group/ListGroupItem.vue",
|
|
50
|
+
"PMain": "components/main/Main.vue",
|
|
51
|
+
"PModal": "components/modal/Modal.vue",
|
|
52
|
+
"PNav": "components/nav/Nav.vue",
|
|
53
|
+
"PNavCollapse": "components/nav/NavCollapse.vue",
|
|
54
|
+
"PNavForm": "components/nav/NavForm.vue",
|
|
55
|
+
"PNavItem": "components/nav/NavItem.vue",
|
|
56
|
+
"PNavItemDropdown": "components/nav/NavItemDropdown.vue",
|
|
57
|
+
"PNavSubItem": "components/nav/NavSubItem.vue",
|
|
58
|
+
"PNavText": "components/nav/NavText.vue",
|
|
59
|
+
"POverlay": "components/overlay/Overlay.vue",
|
|
60
|
+
"PNavbar": "components/navbar/Navbar.vue",
|
|
61
|
+
"PNavbarBrand": "components/navbar/NavbarBrand.vue",
|
|
62
|
+
"PNavbarNav": "components/navbar/NavbarNav.vue",
|
|
63
|
+
"PNavbarToggle": "components/navbar/NavbarToggle.vue",
|
|
64
|
+
"PNavbarNavMenu": "components/navbar-menu/NavbarNavMenu.vue",
|
|
65
|
+
"PPage": "components/page/Page.vue",
|
|
66
|
+
"PPdfText": "components/pdf-text/PdfText.vue",
|
|
67
|
+
"PPagination": "components/pagination/Pagination.vue",
|
|
68
|
+
"PPdfObject": "components/pdf-object/PdfObject.vue",
|
|
69
|
+
"PPdfObjectAddon": "components/pdf-object/PdfObjectAddon.vue",
|
|
70
|
+
"PPdfObjectDebugger": "components/pdf-object/PdfObjectDebugger.vue",
|
|
71
|
+
"PPdfObjects": "components/pdf-object/PdfObjects.vue",
|
|
72
|
+
"PPdfHelipad": "components/pdf-helipad/PdfHelipad.vue",
|
|
73
|
+
"PProgress": "components/progress/Progress.vue",
|
|
74
|
+
"PProgressItem": "components/progress/ProgressItem.vue",
|
|
75
|
+
"PPdfError": "components/pdf-viewer/PdfError.vue",
|
|
76
|
+
"PPdfLoading": "components/pdf-viewer/PdfLoading.vue",
|
|
77
|
+
"PPdfNavigation": "components/pdf-viewer/PdfNavigation.vue",
|
|
78
|
+
"PPdfViewer": "components/pdf-viewer/PdfViewer.vue",
|
|
79
|
+
"PProgressbar": "components/progressbar/Progressbar.vue",
|
|
80
|
+
"PRadio": "components/radio/Radio.vue",
|
|
81
|
+
"PProgressIndicator": "components/progress-indicator/ProgressIndicator.vue",
|
|
82
|
+
"PRingbar": "components/ringbar/Ringbar.vue",
|
|
83
|
+
"PSelect": "components/select/Select.vue",
|
|
84
|
+
"PSelectInput": "components/select/SelectInput.vue",
|
|
85
|
+
"PSelectTags": "components/select/SelectTags.vue",
|
|
86
|
+
"PSheet": "components/sheet/Sheet.vue",
|
|
87
|
+
"PSidebar": "components/sidebar/Sidebar.vue",
|
|
88
|
+
"PSidebarBrand": "components/sidebar/SidebarBrand.vue",
|
|
89
|
+
"PSidebarContent": "components/sidebar/SidebarContent.vue",
|
|
90
|
+
"PSidebarNav": "components/sidebar/SidebarNav.vue",
|
|
91
|
+
"PSignatureDraw": "components/signature-draw/SignatureDraw.vue",
|
|
92
|
+
"PSignatureDrawDesktop": "components/signature-draw/SignatureDrawDesktop.vue",
|
|
93
|
+
"PSignatureDrawMobile": "components/signature-draw/SignatureDrawMobile.vue",
|
|
94
|
+
"PSignatureText": "components/signature-text/SignatureText.vue",
|
|
95
|
+
"PSidebarMenu": "components/sidebar-menu/SidebarMenu.vue",
|
|
96
|
+
"PSidebarMenuItem": "components/sidebar-menu/SidebarMenuItem.vue",
|
|
97
|
+
"PSpread": "components/spread/Spread.vue",
|
|
98
|
+
"PSpinner": "components/spinner/Spinner.vue",
|
|
99
|
+
"PSpinnerRing": "components/spinner/SpinnerRing.vue",
|
|
100
|
+
"PSpinnerRinggo": "components/spinner/SpinnerRinggo.vue",
|
|
101
|
+
"PStep": "components/steps/Step.vue",
|
|
102
|
+
"PStepSlider": "components/steps/StepSlider.vue",
|
|
103
|
+
"PSteps": "components/steps/Steps.vue",
|
|
104
|
+
"PStrengthbar": "components/strengthbar/Strengthbar.vue",
|
|
105
|
+
"PSubheading": "components/subheading/Subheading.vue",
|
|
106
|
+
"PTable": "components/table/Table.vue",
|
|
107
|
+
"PTableFlex": "components/table-flex/TableFlex.vue",
|
|
108
|
+
"PTableStatic": "components/table-static/TableStatic.vue",
|
|
109
|
+
"PTableStaticRoot": "components/table-static/TableStaticRoot.vue",
|
|
110
|
+
"PTab": "components/tabs/Tab.vue",
|
|
111
|
+
"PTabContent": "components/tabs/TabContent.vue",
|
|
112
|
+
"PTabs": "components/tabs/Tabs.vue",
|
|
113
|
+
"PTextarea": "components/textarea/Textarea.vue",
|
|
114
|
+
"PText": "components/text/Text.vue",
|
|
115
|
+
"PToast": "components/toast/Toast.vue",
|
|
116
|
+
"PToastContainer": "components/toast/ToastContainer.vue",
|
|
117
|
+
"PToastRoot": "components/toast/ToastRoot.vue",
|
|
118
|
+
"PToggle": "components/toggle/Toggle.vue",
|
|
119
|
+
"PTooltip": "components/tooltip/Tooltip.vue",
|
|
120
|
+
"PTooltipContainer": "components/tooltip/TooltipContainer.vue",
|
|
121
|
+
"PTruncate": "components/truncate/Truncate.vue",
|
|
122
|
+
"PTour": "components/tour/Tour.vue",
|
|
123
|
+
"PTourDialog": "components/tour/TourDialog.vue",
|
|
124
|
+
"PTourHighlight": "components/tour/TourHighlight.vue",
|
|
125
|
+
"PWizard": "components/wizard/Wizard.vue",
|
|
126
|
+
"PWizardBody": "components/wizard/WizardBody.vue",
|
|
127
|
+
"PWizardHeader": "components/wizard/WizardHeader.vue",
|
|
128
|
+
"PWizardStep": "components/wizard/WizardStep.vue",
|
|
129
|
+
"PIconCheckbox": "components/checkbox/icon/IconCheckbox.vue",
|
|
130
|
+
"PIconInderteminate": "components/checkbox/icon/IconInderteminate.vue",
|
|
131
|
+
"PPinnedDate": "components/filterbar/pinned/PinnedDate.vue",
|
|
132
|
+
"PPinnedMultiselect": "components/filterbar/pinned/PinnedMultiselect.vue",
|
|
133
|
+
"PPinnedSelect": "components/filterbar/pinned/PinnedSelect.vue",
|
|
134
|
+
"PPinnedToggle": "components/filterbar/pinned/PinnedToggle.vue"
|
|
135
|
+
}
|