@privyid/persona 0.10.0 → 0.12.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/avatar/Avatar.vue +1 -0
- package/dist/components/avatar/Avatar.vue.d.ts +13 -13
- package/dist/components/avatar/index.d.ts +2 -2
- package/dist/components/badge/Badge.vue +48 -8
- package/dist/components/badge/Badge.vue.d.ts +3 -2
- package/dist/components/badge/index.d.ts +1 -2
- package/dist/components/banner/Banner.vue +19 -7
- package/dist/components/banner/Banner.vue.d.ts +1 -1
- package/dist/components/banner/index.d.ts +1 -1
- package/dist/components/breadcrumbs/BreadcrumbItem.vue +1 -0
- package/dist/components/breadcrumbs/BreadcrumbItem.vue.d.ts +1 -1
- package/dist/components/breadcrumbs/BreadcrumbItemDropdown.vue +3 -0
- package/dist/components/breadcrumbs/index.d.ts +1 -1
- package/dist/components/button/Button.vue +69 -11
- package/dist/components/button/Button.vue.d.ts +4 -4
- package/dist/components/button/index.d.ts +4 -4
- package/dist/components/button-group/ButtonGroup.vue +11 -18
- package/dist/components/button-group/index.d.ts +6 -0
- package/dist/components/button-group/index.mjs +1 -0
- package/dist/components/calendar/Calendar.vue +8 -3
- package/dist/components/calendar/Calendar.vue.d.ts +31 -31
- package/dist/components/calendar/adapter/adapter.d.ts +1 -1
- package/dist/components/calendar/adapter/date.mjs +1 -1
- package/dist/components/camera/Camera.vue +7 -3
- package/dist/components/camera/Camera.vue.d.ts +19 -19
- package/dist/components/camera/adapter/adapter.d.ts +2 -2
- package/dist/components/camera/adapter/liveness.mjs +1 -1
- package/dist/components/caption/Caption.vue +1 -0
- package/dist/components/caption/index.d.ts +1 -1
- package/dist/components/card/Card.vue +9 -3
- package/dist/components/card/Card.vue.d.ts +5 -5
- package/dist/components/card/CardSection.vue.d.ts +2 -2
- package/dist/components/card/index.d.ts +1 -1
- package/dist/components/chart/Chart.vue +1 -0
- package/dist/components/chart/ChartVal.vue.d.ts +2 -2
- package/dist/components/chart/adapter/index.d.ts +1 -1
- package/dist/components/chart/index.d.ts +1 -1
- package/dist/components/checkbox/Checkbox.vue +15 -6
- package/dist/components/checkbox/Checkbox.vue.d.ts +13 -13
- package/dist/components/collapse/Collapse.vue +2 -1
- package/dist/components/collapse/Collapse.vue.d.ts +1 -1
- package/dist/components/contextual-bar/ContextualBar.vue +15 -3
- package/dist/components/contextual-bar/ContextualBar.vue.d.ts +11 -11
- package/dist/components/contextual-bar/index.d.ts +1 -1
- package/dist/components/cropper/Cropper.vue +3 -2
- package/dist/components/cropper/Cropper.vue.d.ts +20 -20
- package/dist/components/cropper/utils/use-pinch.mjs +10 -2
- package/dist/components/datepicker/Datepicker.vue +2 -1
- package/dist/components/datepicker/Datepicker.vue.d.ts +16 -16
- package/dist/components/dialog/Dialog.vue.d.ts +2 -2
- package/dist/components/dialog/DialogFooter.vue +2 -2
- package/dist/components/dialog/DialogFooter.vue.d.ts +7 -7
- package/dist/components/dialog/index.d.ts +11 -16
- package/dist/components/divider/Divider.vue +8 -2
- package/dist/components/dot/Dot.vue +12 -2
- package/dist/components/dot/Dot.vue.d.ts +3 -2
- package/dist/components/dot/index.d.ts +1 -2
- package/dist/components/dropdown/Dropdown.vue +2 -0
- package/dist/components/dropdown/Dropdown.vue.d.ts +8 -8
- package/dist/components/dropdown/DropdownItem.vue +5 -1
- package/dist/components/dropdown/DropdownItem.vue.d.ts +3 -3
- package/dist/components/dropdown-subitem/DropdownSubitem.vue.d.ts +3 -3
- package/dist/components/dropzone/Dropzone.vue.d.ts +12 -12
- package/dist/components/dropzone/index.d.ts +1 -1
- package/dist/components/filterbar/Filterbar.vue +7 -6
- package/dist/components/filterbar/Filterbar.vue.d.ts +3 -3
- package/dist/components/filterbar/index.d.ts +1 -1
- package/dist/components/filterbar/pinned/{Date.vue.d.ts → PinnedDate.vue.d.ts} +8 -8
- package/dist/components/filterbar/pinned/{Multiselect.vue.d.ts → PinnedMultiselect.vue.d.ts} +5 -5
- package/dist/components/filterbar/pinned/{Select.vue.d.ts → PinnedSelect.vue.d.ts} +10 -10
- package/dist/components/filterbar/pinned/{Toggle.vue.d.ts → PinnedToggle.vue.d.ts} +11 -11
- package/dist/components/form-group/FormGroup.vue +9 -4
- package/dist/components/form-group/FormGroup.vue.d.ts +2 -2
- package/dist/components/global/context.d.ts +1 -1
- package/dist/components/global/use-singleton.d.ts +2 -2
- package/dist/components/global/utils/queue.d.ts +2 -2
- package/dist/components/heading/Heading.vue +6 -0
- package/dist/components/heading/index.d.ts +3 -3
- package/dist/components/input/Input.vue +68 -19
- package/dist/components/input/Input.vue.d.ts +3 -3
- package/dist/components/input-file/InputFile.vue +13 -2
- package/dist/components/input-file/InputFile.vue.d.ts +12 -12
- package/dist/components/input-group/InputGroup.vue +55 -41
- package/dist/components/input-group/InputGroupAddon.vue +10 -11
- package/dist/components/input-group/index.d.ts +6 -0
- package/dist/components/input-group/index.mjs +1 -0
- package/dist/components/input-password/InputPassword.vue +3 -1
- package/dist/components/input-pin/InputPin.vue +3 -3
- package/dist/components/input-pin/InputPin.vue.d.ts +4 -4
- package/dist/components/input-range/InputRange.vue +8 -5
- package/dist/components/input-range/InputRange.vue.d.ts +11 -11
- package/dist/components/input-range/utils/use-drag.mjs +5 -1
- package/dist/components/label/Label.vue +34 -7
- package/dist/components/label/Label.vue.d.ts +4 -5
- package/dist/components/label/index.d.ts +1 -0
- package/dist/components/label/index.mjs +0 -0
- package/dist/components/main/Main.vue +18 -3
- package/dist/components/modal/Modal.vue +19 -6
- package/dist/components/modal/Modal.vue.d.ts +9 -9
- package/dist/components/nav/Nav.vue +24 -8
- package/dist/components/nav/Nav.vue.d.ts +2 -2
- package/dist/components/nav/NavForm.vue +1 -1
- package/dist/components/nav/NavItem.vue +2 -0
- package/dist/components/nav/NavItem.vue.d.ts +6 -6
- package/dist/components/nav/NavItemDropdown.vue +20 -2
- package/dist/components/nav/NavItemDropdown.vue.d.ts +26 -3
- package/dist/components/nav/NavSubItem.vue +4 -0
- package/dist/components/nav/NavSubItem.vue.d.ts +2 -2
- package/dist/components/nav/index.d.ts +2 -2
- package/dist/components/navbar/Navbar.vue +5 -2
- package/dist/components/navbar/Navbar.vue.d.ts +5 -5
- package/dist/components/navbar/NavbarBrand.vue +2 -1
- package/dist/components/navbar/NavbarBrand.vue.d.ts +2 -2
- package/dist/components/navbar/NavbarNav.vue +10 -5
- package/dist/components/navbar/NavbarNav.vue.d.ts +2 -2
- package/dist/components/navbar/NavbarToggle.vue +2 -1
- package/dist/components/navbar/index.d.ts +1 -1
- package/dist/components/overlay/Overlay.vue +2 -1
- package/dist/components/page/Page.vue +13 -9
- package/dist/components/page/Page.vue.d.ts +3 -3
- package/dist/components/pagination/Pagination.vue +16 -9
- package/dist/components/pagination/Pagination.vue.d.ts +5 -5
- package/dist/components/pagination/index.d.ts +1 -1
- package/dist/components/pagination/index.mjs +1 -1
- package/dist/components/pagination/utils/calculate-page.d.ts +1 -1
- package/dist/components/pdf-helipad/PdfHelipad.vue +0 -2
- package/dist/components/pdf-helipad/PdfHelipad.vue.d.ts +1 -1
- package/dist/components/pdf-object/PdfObject.vue +3 -1
- package/dist/components/pdf-object/PdfObject.vue.d.ts +20 -20
- package/dist/components/pdf-object/PdfObjectAddon.vue +1 -0
- package/dist/components/pdf-object/PdfObjectDebugger.vue +4 -1
- package/dist/components/pdf-object/PdfObjectDebugger.vue.d.ts +5 -5
- package/dist/components/pdf-object/index.d.ts +5 -5
- package/dist/components/pdf-object/utils/overlap.d.ts +1 -1
- package/dist/components/pdf-object/utils/position.d.ts +2 -2
- package/dist/components/pdf-text/PdfText.vue.d.ts +5 -5
- package/dist/components/pdf-viewer/PdfError.vue +20 -3
- package/dist/components/pdf-viewer/PdfLoading.vue +1 -1
- package/dist/components/pdf-viewer/PdfNavigation.vue +9 -5
- package/dist/components/pdf-viewer/PdfViewer.vue +7 -1
- package/dist/components/pdf-viewer/PdfViewer.vue.d.ts +12 -12
- package/dist/components/pdf-viewer/index.d.ts +1 -1
- package/dist/components/pdf-viewer/utils/use-viewer.d.ts +7 -7
- package/dist/components/progress/Progress.vue +15 -7
- package/dist/components/progress/Progress.vue.d.ts +2 -2
- package/dist/components/radio/Radio.vue +17 -6
- package/dist/components/radio/Radio.vue.d.ts +9 -9
- package/dist/components/radio/index.d.ts +1 -1
- package/dist/components/select/Select.vue +10 -1
- package/dist/components/select/Select.vue.d.ts +11 -11
- package/dist/components/select/adapter/async-adapter.d.ts +2 -2
- package/dist/components/sidebar/Sidebar.vue +10 -4
- package/dist/components/sidebar/Sidebar.vue.d.ts +3 -3
- package/dist/components/sidebar/SidebarBrand.vue +2 -1
- package/dist/components/sidebar/SidebarBrand.vue.d.ts +2 -2
- package/dist/components/sidebar/SidebarNav.vue +5 -17
- package/dist/components/sidebar/SidebarNav.vue.d.ts +4 -4
- package/dist/components/sidebar/index.d.ts +1 -1
- package/dist/components/sidebar-menu/SidebarMenu.vue +1 -1
- package/dist/components/sidebar-menu/SidebarMenu.vue.d.ts +4 -4
- package/dist/components/signature-draw/SignatureDraw.vue.d.ts +3 -3
- package/dist/components/signature-draw/SignatureDrawDesktop.vue +4 -1
- package/dist/components/signature-draw/SignatureDrawDesktop.vue.d.ts +3 -3
- package/dist/components/signature-draw/SignatureDrawMobile.vue +5 -0
- package/dist/components/signature-draw/SignatureDrawMobile.vue.d.ts +3 -3
- package/dist/components/signature-draw/utils/canvas.d.ts +1 -1
- package/dist/components/signature-draw/utils/smooth-line.mjs +15 -0
- package/dist/components/signature-draw/utils/use-draw.mjs +5 -1
- package/dist/components/signature-text/SignatureText.vue +9 -4
- package/dist/components/signature-text/SignatureText.vue.d.ts +16 -7
- package/dist/components/steps/Step.vue.d.ts +5 -5
- package/dist/components/steps/Steps.vue.d.ts +1 -1
- package/dist/components/steps/index.d.ts +9 -9
- package/dist/components/steps/utils/hook.d.ts +1 -1
- package/dist/components/strengthbar/Strengthbar.vue +4 -0
- package/dist/components/subheading/Subheading.vue +1 -1
- package/dist/components/subheading/Subheading.vue.d.ts +2 -2
- package/dist/components/subheading/index.d.ts +1 -1
- package/dist/components/table/Table.vue +69 -1
- package/dist/components/table/Table.vue.d.ts +18 -9
- package/dist/components/tabs/Tabs.vue +4 -1
- package/dist/components/tabs/Tabs.vue.d.ts +2 -2
- package/dist/components/text/Text.vue.d.ts +2 -2
- package/dist/components/text/index.d.ts +1 -1
- package/dist/components/textarea/Textarea.vue +8 -7
- package/dist/components/textarea/Textarea.vue.d.ts +5 -5
- package/dist/components/toast/Toast.vue +17 -3
- package/dist/components/toast/Toast.vue.d.ts +1 -1
- package/dist/components/toast/ToastContainer.vue.d.ts +4 -4
- package/dist/components/toast/index.d.ts +2 -2
- package/dist/components/toggle/Toggle.vue +17 -7
- package/dist/components/toggle/Toggle.vue.d.ts +12 -12
- package/dist/components/tooltip/Tooltip.vue +6 -2
- package/dist/components/tooltip/Tooltip.vue.d.ts +7 -7
- package/dist/components/tooltip/index.d.ts +1 -1
- package/dist/components/tooltip/index.mjs +1 -1
- package/dist/components/tooltip/utils/create-handler.d.ts +1 -1
- package/dist/components/tour/Tour.vue.d.ts +3 -3
- package/dist/components/tour/TourDialog.vue +11 -3
- package/dist/components/tour/TourDialog.vue.d.ts +8 -8
- package/dist/components/tour/TourHighlight.vue.d.ts +2 -2
- package/dist/components/tour/core/base.d.ts +1 -1
- package/dist/components/tour/core/base.mjs +15 -0
- package/dist/components/tour/core/step/action.d.ts +4 -4
- package/dist/components/tour/core/step.d.ts +3 -3
- package/dist/components/tour/core/step.mjs +19 -0
- package/dist/components/tour/core/story.d.ts +1 -1
- package/dist/components/tour/core/story.mjs +81 -0
- package/dist/components/tour/core/tour.d.ts +1 -1
- package/dist/components/tour/core/tour.mjs +56 -2
- package/dist/components/truncate/Truncate.vue +8 -0
- package/dist/components/utils/base64.mjs +1 -1
- package/dist/components/utils/value.d.ts +4 -4
- package/dist/components/wizard/Wizard.vue.d.ts +6 -6
- package/dist/components/wizard/WizardBody.vue.d.ts +1 -1
- package/dist/components/wizard/WizardStep.vue.d.ts +4 -4
- package/dist/module.json +1 -1
- package/dist/types.d.ts +1 -1
- package/package.json +16 -14
- package/dist/components/badge/assets/images/img-guide-badge.svg +0 -1
- package/dist/components/card/assets/images/img-card-callout-01.svg +0 -1
- package/dist/components/contextual-bar/assets/images/img-background-contextualbar.svg +0 -14
- package/dist/components/contextual-bar/assets/images/img-bg-contextualbar.svg +0 -19
- package/dist/components/cropper/assets/sample-1.jpg +0 -0
- package/dist/components/modal/assets/images/img-modal-banner-sheet.jpg +0 -0
- package/dist/components/pdf-helipad/assets/helicopter.svg +0 -1
- package/dist/components/pdf-object-text/PdfObjectText.vue +0 -170
- package/dist/components/pdf-object-text/PdfObjectText.vue.d.ts +0 -140
- package/dist/components/pdf-object-text/utils/text-to-image.d.ts +0 -51
- package/dist/components/pdf-object-text/utils/text-to-image.mjs +0 -77
- package/dist/components/pdf-viewer/assets/Calibrator-v3.pdf +8 -99519
- package/dist/components/pdf-viewer/assets/Calibrator-v3_protected.pdf +0 -0
- package/dist/components/pdf-viewer/assets/fixed-vs-fit.svg +0 -186
- package/dist/components/pdf-viewer/assets/sample-3.pdf +0 -0
- package/dist/components/pdf-viewer/assets/sample-with-sign.pdf +0 -0
- package/dist/components/pdf-viewer/assets/sample.pdf +0 -18304
- package/dist/components/sidebar/assets/images/icon-flag.svg +0 -1
- package/dist/components/sidebar/assets/images/logo-privy-icon.svg +0 -1
- package/dist/components/sidebar/assets/images/logo-privy.svg +0 -1
- package/dist/components/sidebar-menu/assets/images/img-flag.svg +0 -1
- package/dist/components/signature-draw/assets/empty-img.png +0 -0
- package/dist/components/signature-text/sample/sample-signature.png +0 -0
- /package/dist/components/filterbar/pinned/{Date.vue → PinnedDate.vue} +0 -0
- /package/dist/components/filterbar/pinned/{Multiselect.vue → PinnedMultiselect.vue} +0 -0
- /package/dist/components/filterbar/pinned/{Select.vue → PinnedSelect.vue} +0 -0
- /package/dist/components/filterbar/pinned/{Toggle.vue → PinnedToggle.vue} +0 -0
|
@@ -23,7 +23,7 @@ export interface PdfObjectSize {
|
|
|
23
23
|
maxWidth?: number;
|
|
24
24
|
maxHeight?: number;
|
|
25
25
|
}
|
|
26
|
-
export
|
|
26
|
+
export type PdfObjectProp = PdfObjectSize & Omit<PdfObject, 'id'>;
|
|
27
27
|
export declare const PDF_OBJECTS_CONTEXT: InjectionKey<PdfObjects>;
|
|
28
28
|
export declare const PDF_OBJECT_CONTEXT: InjectionKey<ReturnType<typeof useObjectModel>>;
|
|
29
29
|
export declare function useSizeModel(props: PdfObjectSize): {
|
|
@@ -41,9 +41,9 @@ export declare function useSizeModel(props: PdfObjectSize): {
|
|
|
41
41
|
*/
|
|
42
42
|
export declare function useObjectModel(props: PdfObjectProp): {
|
|
43
43
|
id: symbol;
|
|
44
|
-
x: Ref<number>;
|
|
45
|
-
y: Ref<number>;
|
|
46
|
-
page:
|
|
44
|
+
x: Ref<number | undefined>;
|
|
45
|
+
y: Ref<number | undefined>;
|
|
46
|
+
page: any;
|
|
47
47
|
width: Ref<number>;
|
|
48
48
|
height: Ref<number>;
|
|
49
49
|
minWidth: Ref<number>;
|
|
@@ -54,4 +54,4 @@ export declare function useObjectModel(props: PdfObjectProp): {
|
|
|
54
54
|
};
|
|
55
55
|
export declare function usePage(page: MaybeRef<number>): Readonly<Ref<HTMLElement>>;
|
|
56
56
|
export declare const focus: import("lodash").DebouncedFunc<typeof focus_>;
|
|
57
|
-
export
|
|
57
|
+
export type AddonPositionVariant = 'top' | 'left' | 'right' | 'bottom';
|
|
@@ -6,7 +6,7 @@ export interface ObjectPosition {
|
|
|
6
6
|
x: number;
|
|
7
7
|
y: number;
|
|
8
8
|
}
|
|
9
|
-
export
|
|
9
|
+
export type CheckOverlapFn = (object: ObjectPosition, objects: Iterable<ObjectPosition>) => boolean;
|
|
10
10
|
export interface GetEmptyPositionOptions {
|
|
11
11
|
/**
|
|
12
12
|
* Other objects position
|
|
@@ -24,7 +24,7 @@ interface GetPosition {
|
|
|
24
24
|
/**
|
|
25
25
|
* Root container element
|
|
26
26
|
*/
|
|
27
|
-
container
|
|
27
|
+
container?: HTMLElement;
|
|
28
28
|
/**
|
|
29
29
|
* Reference element where the object should be placed
|
|
30
30
|
*/
|
|
@@ -43,7 +43,7 @@ interface GetPosition {
|
|
|
43
43
|
* @param element Element to search
|
|
44
44
|
* @param container Maximum search element
|
|
45
45
|
*/
|
|
46
|
-
export declare function findRelativeParent(element: HTMLElement, container?: HTMLElement): HTMLElement;
|
|
46
|
+
export declare function findRelativeParent(element: HTMLElement, container?: HTMLElement): HTMLElement | null;
|
|
47
47
|
/**
|
|
48
48
|
* Computed X, Y position to Top, Left position
|
|
49
49
|
* @param context
|
|
@@ -3,7 +3,7 @@ import { ModelModifier } from '../dropzone';
|
|
|
3
3
|
declare const _default: import("vue-demi").DefineComponent<{
|
|
4
4
|
modelValue: {
|
|
5
5
|
type: (StringConstructor | {
|
|
6
|
-
new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
|
|
6
|
+
new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
|
|
7
7
|
prototype: File;
|
|
8
8
|
})[];
|
|
9
9
|
default: string;
|
|
@@ -66,7 +66,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
66
66
|
};
|
|
67
67
|
labelFont: {
|
|
68
68
|
type: StringConstructor;
|
|
69
|
-
default:
|
|
69
|
+
default: undefined;
|
|
70
70
|
};
|
|
71
71
|
labelSize: {
|
|
72
72
|
type: NumberConstructor;
|
|
@@ -77,7 +77,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
77
77
|
}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
|
|
78
78
|
modelValue: {
|
|
79
79
|
type: (StringConstructor | {
|
|
80
|
-
new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
|
|
80
|
+
new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
|
|
81
81
|
prototype: File;
|
|
82
82
|
})[];
|
|
83
83
|
default: string;
|
|
@@ -140,15 +140,15 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
140
140
|
};
|
|
141
141
|
labelFont: {
|
|
142
142
|
type: StringConstructor;
|
|
143
|
-
default:
|
|
143
|
+
default: undefined;
|
|
144
144
|
};
|
|
145
145
|
labelSize: {
|
|
146
146
|
type: NumberConstructor;
|
|
147
147
|
default: number;
|
|
148
148
|
};
|
|
149
149
|
}>>, {
|
|
150
|
-
size: number;
|
|
151
150
|
color: string;
|
|
151
|
+
size: number;
|
|
152
152
|
text: string;
|
|
153
153
|
modelValue: string | File;
|
|
154
154
|
label: string;
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
v-p-aspect-ratio="1122/793"
|
|
4
4
|
data-testid="pdf-error"
|
|
5
5
|
class="pdf__error">
|
|
6
|
-
<
|
|
6
|
+
<Heading element="h3">
|
|
7
7
|
Failed to load PDF
|
|
8
|
-
</
|
|
8
|
+
</Heading>
|
|
9
9
|
<dl class="mt-7">
|
|
10
10
|
<dt>URL:</dt>
|
|
11
11
|
<dd class="truncate">
|
|
@@ -30,8 +30,10 @@
|
|
|
30
30
|
<script>
|
|
31
31
|
import { pAspectRatio } from "../aspect-ratio";
|
|
32
32
|
import { defineComponent } from "vue-demi";
|
|
33
|
+
import Heading from "../heading/Heading.vue";
|
|
33
34
|
export default defineComponent({
|
|
34
35
|
directives: { pAspectRatio },
|
|
36
|
+
components: { Heading },
|
|
35
37
|
props: {
|
|
36
38
|
url: {
|
|
37
39
|
type: String,
|
|
@@ -54,6 +56,21 @@ export default defineComponent({
|
|
|
54
56
|
|
|
55
57
|
<style lang="postcss">
|
|
56
58
|
.pdf__error {
|
|
57
|
-
@apply shadow-lg mb-4 p-6 bg-danger w-full h-full max-w-[
|
|
59
|
+
@apply shadow-lg mb-4 p-6 bg-danger w-full h-full max-w-[var(--p-pdf-container-width)] mx-auto text-default;
|
|
60
|
+
@apply dark:bg-dark-danger-emphasis dark:text-dark-default;
|
|
61
|
+
|
|
62
|
+
a {
|
|
63
|
+
&,
|
|
64
|
+
&:hover {
|
|
65
|
+
> code {
|
|
66
|
+
@apply text-danger;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
:not(pre) code {
|
|
72
|
+
@apply bg-subtle-alpha text-danger;
|
|
73
|
+
@apply dark:bg-dark-danger dark:text-dark-danger;
|
|
74
|
+
}
|
|
58
75
|
}
|
|
59
76
|
</style>
|
|
@@ -21,7 +21,7 @@ export default defineComponent({
|
|
|
21
21
|
|
|
22
22
|
<style lang="postcss">
|
|
23
23
|
.pdf__loading {
|
|
24
|
-
@apply shadow-lg mb-4 p-4 bg-
|
|
24
|
+
@apply shadow-lg mb-4 p-4 bg-default max-w-[var(--p-pdf-container-width)] mx-auto;
|
|
25
25
|
|
|
26
26
|
> img {
|
|
27
27
|
@apply max-w-full object-contain h-auto;
|
|
@@ -119,26 +119,30 @@ export default defineComponent({
|
|
|
119
119
|
@apply absolute bottom-4 inset-x-0 justify-center items-center flex w-80 mx-auto z-10;
|
|
120
120
|
|
|
121
121
|
&-container {
|
|
122
|
-
@apply flex bg-
|
|
122
|
+
@apply flex bg-inverse text-subtlest rounded p-2 space-x-1 items-center;
|
|
123
|
+
@apply dark:text-dark-default;
|
|
123
124
|
|
|
124
125
|
> .btn {
|
|
125
|
-
@apply text-
|
|
126
|
+
@apply text-subtlest hover:text-muted;
|
|
127
|
+
@apply dark:text-dark-subtle hover:dark:text-dark-default;
|
|
126
128
|
}
|
|
127
129
|
|
|
128
130
|
> .select {
|
|
129
131
|
@apply w-16;
|
|
130
132
|
|
|
131
133
|
> .input {
|
|
132
|
-
@apply bg-
|
|
134
|
+
@apply bg-default-alpha;
|
|
135
|
+
@apply dark:bg-dark-default-alpha;
|
|
133
136
|
|
|
134
137
|
> .input__form {
|
|
135
|
-
@apply border-
|
|
138
|
+
@apply border-subtle-alpha bg-default-alpha text-state-emphasis;
|
|
139
|
+
@apply dark:border-dark-subtle-alpha dark:bg-dark-default-alpha dark:text-dark-state-emphasis;
|
|
136
140
|
}
|
|
137
141
|
}
|
|
138
142
|
}
|
|
139
143
|
|
|
140
144
|
> .divider {
|
|
141
|
-
@apply border-none bg-
|
|
145
|
+
@apply border-none bg-dark-subtle-alpha;
|
|
142
146
|
}
|
|
143
147
|
}
|
|
144
148
|
|
|
@@ -218,7 +218,10 @@ export default defineComponent({
|
|
|
218
218
|
|
|
219
219
|
<style lang="postcss">
|
|
220
220
|
.pdf {
|
|
221
|
+
--p-pdf-container-width: 793px;
|
|
222
|
+
|
|
221
223
|
@apply relative overflow-hidden w-full flex flex-col bg-subtle z-1;
|
|
224
|
+
@apply dark:bg-dark-subtle;
|
|
222
225
|
|
|
223
226
|
&__wrapper {
|
|
224
227
|
@apply relative h-full w-full flex-grow;
|
|
@@ -237,17 +240,20 @@ export default defineComponent({
|
|
|
237
240
|
@apply shadow-lg mb-4 mt-0 border;
|
|
238
241
|
|
|
239
242
|
&.hover {
|
|
240
|
-
@apply ring-
|
|
243
|
+
@apply ring-info ring;
|
|
244
|
+
@apply dark:ring-dark-info;
|
|
241
245
|
}
|
|
242
246
|
}
|
|
243
247
|
}
|
|
244
248
|
|
|
245
249
|
&__header {
|
|
246
250
|
@apply z-1 bg-default shadow-lg;
|
|
251
|
+
@apply dark:bg-dark-default;
|
|
247
252
|
}
|
|
248
253
|
|
|
249
254
|
&__footer {
|
|
250
255
|
@apply z-1 bg-default shadow-lg-top;
|
|
256
|
+
@apply dark:bg-dark-default;
|
|
251
257
|
}
|
|
252
258
|
}
|
|
253
259
|
</style>
|
|
@@ -15,7 +15,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
15
15
|
};
|
|
16
16
|
password: {
|
|
17
17
|
type: StringConstructor;
|
|
18
|
-
default:
|
|
18
|
+
default: undefined;
|
|
19
19
|
};
|
|
20
20
|
layout: {
|
|
21
21
|
type: PropType<LayoutVariant>;
|
|
@@ -34,13 +34,13 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
34
34
|
pdfScale: import("vue-demi").Ref<number>;
|
|
35
35
|
classNames: import("vue-demi").ComputedRef<string[]>;
|
|
36
36
|
totalPage: import("vue-demi").ComputedRef<number>;
|
|
37
|
-
openDoc: (url: string, password?: string) => Promise<void>;
|
|
37
|
+
openDoc: (url: string, password?: string | undefined) => Promise<void>;
|
|
38
38
|
closeDoc: () => Promise<void>;
|
|
39
|
-
pdfDoc: import("vue-demi").ShallowRef<import("pdfjs-dist/types/src/display/api").PDFDocumentProxy>;
|
|
40
|
-
pdfJS: import("vue-demi").ShallowRef<typeof import("pdfjs-dist")>;
|
|
39
|
+
pdfDoc: import("vue-demi").ShallowRef<import("pdfjs-dist/types/src/display/api").PDFDocumentProxy | undefined>;
|
|
40
|
+
pdfJS: import("vue-demi").ShallowRef<typeof import("pdfjs-dist") | undefined>;
|
|
41
41
|
idle: import("vue-demi").Ref<boolean>;
|
|
42
42
|
loading: import("vue-demi").WritableComputedRef<boolean>;
|
|
43
|
-
error: import("vue-demi").ShallowRef<Error>;
|
|
43
|
+
error: import("vue-demi").ShallowRef<Error | undefined>;
|
|
44
44
|
}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("error" | "update:page" | "ready" | "loaded" | "error-password" | "update:scale")[], "error" | "update:page" | "ready" | "loaded" | "error-password" | "update:scale", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
|
|
45
45
|
src: {
|
|
46
46
|
type: StringConstructor;
|
|
@@ -56,7 +56,7 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
56
56
|
};
|
|
57
57
|
password: {
|
|
58
58
|
type: StringConstructor;
|
|
59
|
-
default:
|
|
59
|
+
default: undefined;
|
|
60
60
|
};
|
|
61
61
|
layout: {
|
|
62
62
|
type: PropType<LayoutVariant>;
|
|
@@ -71,12 +71,12 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
71
71
|
default: number;
|
|
72
72
|
};
|
|
73
73
|
}>> & {
|
|
74
|
-
onError?: (...args: any[]) => any;
|
|
75
|
-
"onUpdate:page"?: (...args: any[]) => any;
|
|
76
|
-
onReady?: (...args: any[]) => any;
|
|
77
|
-
onLoaded?: (...args: any[]) => any;
|
|
78
|
-
"onError-password"?: (...args: any[]) => any;
|
|
79
|
-
"onUpdate:scale"?: (...args: any[]) => any;
|
|
74
|
+
onError?: ((...args: any[]) => any) | undefined;
|
|
75
|
+
"onUpdate:page"?: ((...args: any[]) => any) | undefined;
|
|
76
|
+
onReady?: ((...args: any[]) => any) | undefined;
|
|
77
|
+
onLoaded?: ((...args: any[]) => any) | undefined;
|
|
78
|
+
"onError-password"?: ((...args: any[]) => any) | undefined;
|
|
79
|
+
"onUpdate:scale"?: ((...args: any[]) => any) | undefined;
|
|
80
80
|
}, {
|
|
81
81
|
src: string;
|
|
82
82
|
layout: LayoutVariant;
|
|
@@ -7,16 +7,16 @@ export declare function useViewer(container: Ref<HTMLDivElement>, viewer: Ref<HT
|
|
|
7
7
|
scale: Ref<number>;
|
|
8
8
|
totalPage: import("vue-demi").ComputedRef<number>;
|
|
9
9
|
loading: import("vue-demi").WritableComputedRef<boolean>;
|
|
10
|
-
error: import("vue-demi").ShallowRef<Error>;
|
|
10
|
+
error: import("vue-demi").ShallowRef<Error | undefined>;
|
|
11
11
|
ready: import("vue-demi").ShallowRef<boolean>;
|
|
12
12
|
openDoc: (url: string, password?: string) => Promise<void>;
|
|
13
13
|
closeDoc: () => Promise<void>;
|
|
14
|
-
pdfDoc: import("vue-demi").ShallowRef<import("pdfjs-dist/types/src/display/api").PDFDocumentProxy>;
|
|
15
|
-
pdfEventBus: import("vue-demi").ShallowRef<EventBus>;
|
|
16
|
-
pdfViewer: import("vue-demi").ShallowRef<PDFViewer>;
|
|
17
|
-
pdfLoadingTask: import("vue-demi").ShallowRef<import("pdfjs-dist/types/src/display/api").PDFDocumentLoadingTask>;
|
|
18
|
-
pdfLinkService: import("vue-demi").ShallowRef<PDFLinkService>;
|
|
19
|
-
pdfJS: import("vue-demi").ShallowRef<typeof PDFJS>;
|
|
14
|
+
pdfDoc: import("vue-demi").ShallowRef<import("pdfjs-dist/types/src/display/api").PDFDocumentProxy | undefined>;
|
|
15
|
+
pdfEventBus: import("vue-demi").ShallowRef<EventBus | undefined>;
|
|
16
|
+
pdfViewer: import("vue-demi").ShallowRef<PDFViewer | undefined>;
|
|
17
|
+
pdfLoadingTask: import("vue-demi").ShallowRef<import("pdfjs-dist/types/src/display/api").PDFDocumentLoadingTask | undefined>;
|
|
18
|
+
pdfLinkService: import("vue-demi").ShallowRef<PDFLinkService | undefined>;
|
|
19
|
+
pdfJS: import("vue-demi").ShallowRef<typeof PDFJS | undefined>;
|
|
20
20
|
onLoaded: import("@vueuse/shared").EventHookOn<import("pdfjs-dist/types/src/display/api").PDFDocumentProxy>;
|
|
21
21
|
onError: import("@vueuse/shared").EventHookOn<Error>;
|
|
22
22
|
onReady: import("@vueuse/shared").EventHookOn<PDFViewer>;
|
|
@@ -76,6 +76,11 @@ export default defineComponent({
|
|
|
76
76
|
|
|
77
77
|
<style lang="postcss">
|
|
78
78
|
.progress {
|
|
79
|
+
--p-bg-bar-active-state: theme(backgroundColor.info.emphasis);
|
|
80
|
+
--p-bg-bar-normal-state: theme(backgroundColor.subtle.DEFAULT);
|
|
81
|
+
--p-bg-dark-bar-active-state: theme(backgroundColor.dark.info.emphasis);
|
|
82
|
+
--p-bg-dark-bar-normal-state: theme(backgroundColor.dark.subtle.DEFAULT);
|
|
83
|
+
|
|
79
84
|
&__items {
|
|
80
85
|
@apply flex overflow-hidden;
|
|
81
86
|
}
|
|
@@ -93,16 +98,19 @@ export default defineComponent({
|
|
|
93
98
|
}
|
|
94
99
|
|
|
95
100
|
&__point {
|
|
96
|
-
@apply w-7 h-7 rounded-full bg-
|
|
101
|
+
@apply w-7 h-7 rounded-full bg-subtle flex items-center justify-center text-default;
|
|
102
|
+
@apply dark:bg-dark-subtle dark:text-dark-default;
|
|
97
103
|
}
|
|
98
104
|
|
|
99
105
|
&__bar {
|
|
100
106
|
@apply absolute rounded-full transition-[background-position] ease-linear duration-150;
|
|
101
|
-
@apply from-[
|
|
107
|
+
@apply from-[var(--p-bg-bar-active-state)_50%] to-[var(--p-bg-bar-normal-state)_50%];
|
|
108
|
+
@apply dark:from-[var(--p-bg-dark-bar-active-state)_50%] dark:to-[var(--p-bg-dark-bar-normal-state)_50%];
|
|
102
109
|
}
|
|
103
110
|
|
|
104
111
|
&__title {
|
|
105
112
|
@apply truncate text-sm text-center w-full text-default;
|
|
113
|
+
@apply dark:text-dark-default;
|
|
106
114
|
}
|
|
107
115
|
|
|
108
116
|
& > .progress__title {
|
|
@@ -111,7 +119,8 @@ export default defineComponent({
|
|
|
111
119
|
|
|
112
120
|
&--active {
|
|
113
121
|
.progress__point {
|
|
114
|
-
@apply bg-
|
|
122
|
+
@apply bg-info-emphasis text-state-emphasis;
|
|
123
|
+
@apply dark:bg-dark-info-emphasis dark:text-dark-state-emphasis;
|
|
115
124
|
}
|
|
116
125
|
}
|
|
117
126
|
|
|
@@ -127,8 +136,7 @@ export default defineComponent({
|
|
|
127
136
|
}
|
|
128
137
|
|
|
129
138
|
.progress__bar {
|
|
130
|
-
@apply w-[calc(100%_-_3rem)] h-1 top-5 right-[calc(50%_+_1.5rem)];
|
|
131
|
-
@apply bg-gradient-to-r bg-[length:210%_100%] bg-right;
|
|
139
|
+
@apply w-[calc(100%_-_3rem)] h-1 top-5 right-[calc(50%_+_1.5rem)] bg-gradient-to-r bg-[length:210%_100%] bg-right;
|
|
132
140
|
}
|
|
133
141
|
|
|
134
142
|
.progress--active + .progress--active {
|
|
@@ -154,8 +162,7 @@ export default defineComponent({
|
|
|
154
162
|
}
|
|
155
163
|
|
|
156
164
|
.progress__bar {
|
|
157
|
-
@apply h-[calc(100%_-_4.25rem)] w-1 bottom-[calc(50%_+_2.25rem)] left-1/2 -translate-x-1/2;
|
|
158
|
-
@apply bg-gradient-to-b bg-bottom bg-[length:100%_210%];
|
|
165
|
+
@apply h-[calc(100%_-_4.25rem)] w-1 bottom-[calc(50%_+_2.25rem)] left-1/2 -translate-x-1/2 bg-gradient-to-b bg-bottom bg-[length:100%_210%];
|
|
159
166
|
}
|
|
160
167
|
|
|
161
168
|
.progress--active + .progress--active {
|
|
@@ -168,6 +175,7 @@ export default defineComponent({
|
|
|
168
175
|
&--dot {
|
|
169
176
|
.progress__point-item {
|
|
170
177
|
@apply w-3 h-3 rounded-full bg-default;
|
|
178
|
+
@apply dark:bg-dark-default;
|
|
171
179
|
}
|
|
172
180
|
}
|
|
173
181
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PropType, Slots } from 'vue-demi';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export type IconVariant = 'dot' | 'counter';
|
|
3
|
+
export type TitleVariant = 'specific' | 'general';
|
|
4
4
|
interface ProgressLabel {
|
|
5
5
|
title: string;
|
|
6
6
|
slots: Slots;
|
|
@@ -146,9 +146,11 @@ export default defineComponent({
|
|
|
146
146
|
*/
|
|
147
147
|
&__icon {
|
|
148
148
|
@apply w-5 h-5 border rounded-full border-subtle inline-flex items-center justify-center bg-default;
|
|
149
|
+
@apply dark:border-dark-subtle dark:bg-dark-default;
|
|
149
150
|
|
|
150
151
|
> svg {
|
|
151
152
|
@apply w-3 fill-default;
|
|
153
|
+
@apply dark:fill-dark-default;
|
|
152
154
|
}
|
|
153
155
|
}
|
|
154
156
|
|
|
@@ -157,6 +159,7 @@ export default defineComponent({
|
|
|
157
159
|
*/
|
|
158
160
|
&__label {
|
|
159
161
|
@apply text-default;
|
|
162
|
+
@apply dark:text-dark-default;
|
|
160
163
|
}
|
|
161
164
|
|
|
162
165
|
/**
|
|
@@ -167,28 +170,32 @@ export default defineComponent({
|
|
|
167
170
|
|
|
168
171
|
&:not(.radio--checked) {
|
|
169
172
|
.radio__icon {
|
|
170
|
-
@apply bg-
|
|
173
|
+
@apply bg-subtle border-subtle;
|
|
174
|
+
@apply dark:bg-dark-subtle dark:border-dark-subtle;
|
|
171
175
|
|
|
172
176
|
> svg {
|
|
173
|
-
@apply fill-
|
|
177
|
+
@apply fill-subtle;
|
|
178
|
+
@apply dark:fill-dark-subtle;
|
|
174
179
|
}
|
|
175
180
|
}
|
|
176
181
|
}
|
|
177
182
|
}
|
|
178
183
|
|
|
179
184
|
/**
|
|
180
|
-
* give
|
|
185
|
+
* give info background and
|
|
181
186
|
* white checked icon
|
|
182
187
|
*/
|
|
183
188
|
&&--checked {
|
|
184
189
|
.radio__icon {
|
|
185
|
-
@apply bg-
|
|
190
|
+
@apply bg-info-emphasis border-info-emphasis;
|
|
191
|
+
@apply dark:bg-dark-info-emphasis dark:border-dark-info-emphasis;
|
|
186
192
|
}
|
|
187
193
|
|
|
188
194
|
&.radio--checkbox {
|
|
189
195
|
.radio__icon {
|
|
190
196
|
> svg {
|
|
191
197
|
@apply fill-default;
|
|
198
|
+
@apply dark:fill-dark-inverse;
|
|
192
199
|
}
|
|
193
200
|
}
|
|
194
201
|
}
|
|
@@ -227,10 +234,12 @@ export default defineComponent({
|
|
|
227
234
|
|
|
228
235
|
&.radio--checked {
|
|
229
236
|
.radio__icon {
|
|
230
|
-
@apply text-
|
|
237
|
+
@apply text-info visible;
|
|
238
|
+
@apply dark:text-dark-info;
|
|
231
239
|
|
|
232
240
|
> svg {
|
|
233
|
-
@apply fill-
|
|
241
|
+
@apply fill-info-emphasis;
|
|
242
|
+
@apply dark:fill-dark-info-emphasis;
|
|
234
243
|
}
|
|
235
244
|
}
|
|
236
245
|
}
|
|
@@ -251,6 +260,7 @@ export default defineComponent({
|
|
|
251
260
|
&.radio--disabled {
|
|
252
261
|
.card {
|
|
253
262
|
@apply bg-subtle hover:shadow-none hover:cursor-default;
|
|
263
|
+
@apply dark:bg-dark-subtle;
|
|
254
264
|
}
|
|
255
265
|
}
|
|
256
266
|
}
|
|
@@ -279,6 +289,7 @@ export default defineComponent({
|
|
|
279
289
|
&:hover,
|
|
280
290
|
&:focus-visible {
|
|
281
291
|
@apply bg-subtle;
|
|
292
|
+
@apply dark:bg-dark-subtle;
|
|
282
293
|
}
|
|
283
294
|
}
|
|
284
295
|
}
|
|
@@ -3,18 +3,18 @@ export interface ChangedInteface {
|
|
|
3
3
|
value: any;
|
|
4
4
|
state: boolean;
|
|
5
5
|
}
|
|
6
|
-
|
|
6
|
+
type AppearanceType = 'radio' | 'checkbox' | 'option' | 'none';
|
|
7
7
|
declare const _default: import("vue-demi").DefineComponent<{
|
|
8
8
|
name: {
|
|
9
9
|
type: StringConstructor;
|
|
10
10
|
default: string;
|
|
11
11
|
};
|
|
12
12
|
modelValue: {
|
|
13
|
-
type: (NumberConstructor |
|
|
13
|
+
type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
|
|
14
14
|
default: boolean;
|
|
15
15
|
};
|
|
16
16
|
value: {
|
|
17
|
-
type: (NumberConstructor |
|
|
17
|
+
type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
|
|
18
18
|
default: boolean;
|
|
19
19
|
};
|
|
20
20
|
checked: {
|
|
@@ -43,11 +43,11 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
43
43
|
default: string;
|
|
44
44
|
};
|
|
45
45
|
modelValue: {
|
|
46
|
-
type: (NumberConstructor |
|
|
46
|
+
type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
|
|
47
47
|
default: boolean;
|
|
48
48
|
};
|
|
49
49
|
value: {
|
|
50
|
-
type: (NumberConstructor |
|
|
50
|
+
type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
|
|
51
51
|
default: boolean;
|
|
52
52
|
};
|
|
53
53
|
checked: {
|
|
@@ -67,13 +67,13 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
67
67
|
default: string;
|
|
68
68
|
};
|
|
69
69
|
}>> & {
|
|
70
|
-
onChange?: (...args: any[]) => any;
|
|
71
|
-
"onUpdate:modelValue"?: (...args: any[]) => any;
|
|
70
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
71
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
72
72
|
}, {
|
|
73
|
-
value: string | number | boolean | unknown[] | Record<string, any
|
|
73
|
+
value: string | number | boolean | unknown[] | Date | Record<string, any>;
|
|
74
74
|
name: string;
|
|
75
|
+
modelValue: string | number | boolean | unknown[] | Date | Record<string, any>;
|
|
75
76
|
disabled: boolean;
|
|
76
|
-
modelValue: string | number | boolean | unknown[] | Record<string, any> | Date;
|
|
77
77
|
readonly: boolean;
|
|
78
78
|
checked: boolean;
|
|
79
79
|
appearance: AppearanceType;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { CheckboxProps } from '../checkbox';
|
|
2
|
-
export
|
|
2
|
+
export type RadioProps = Omit<CheckboxProps, 'uncheckedValue'>;
|
|
3
3
|
export declare function useVModel(props: RadioProps): import("vue-demi").WritableComputedRef<boolean>;
|
|
@@ -253,10 +253,17 @@ export default defineComponent({
|
|
|
253
253
|
.select {
|
|
254
254
|
&__search {
|
|
255
255
|
@apply pr-8 truncate hover:cursor-default focus:cursor-text;
|
|
256
|
+
|
|
257
|
+
.state--error &,
|
|
258
|
+
.select--error & {
|
|
259
|
+
@apply border-danger-emphasis hover:border-danger-emphasis focus:ring-danger focus:border-danger-emphasis;
|
|
260
|
+
@apply dark:border-dark-danger-emphasis hover:dark:border-dark-danger-emphasis focus:dark:ring-dark-danger focus:dark:border-dark-danger-emphasis;
|
|
261
|
+
}
|
|
256
262
|
}
|
|
257
263
|
|
|
258
264
|
&__caret {
|
|
259
265
|
@apply absolute right-3 top-0 bottom-0 my-auto transition-transform duration-150 text-subtle pointer-events-none;
|
|
266
|
+
@apply dark:text-dark-subtle;
|
|
260
267
|
}
|
|
261
268
|
|
|
262
269
|
&__option {
|
|
@@ -267,7 +274,8 @@ export default defineComponent({
|
|
|
267
274
|
}
|
|
268
275
|
|
|
269
276
|
&-checked {
|
|
270
|
-
@apply flex-shrink-0 text-
|
|
277
|
+
@apply flex-shrink-0 text-info invisible;
|
|
278
|
+
@apply dark:text-dark-info;
|
|
271
279
|
|
|
272
280
|
.selected & {
|
|
273
281
|
@apply visible;
|
|
@@ -278,6 +286,7 @@ export default defineComponent({
|
|
|
278
286
|
&__empty,
|
|
279
287
|
&__loading {
|
|
280
288
|
@apply px-3 py-2 text-default text-center;
|
|
289
|
+
@apply dark:text-dark-default;
|
|
281
290
|
}
|
|
282
291
|
|
|
283
292
|
&__loading {
|
|
@@ -4,19 +4,19 @@ import { Adapter } from './adapter/adapter';
|
|
|
4
4
|
import { SizeVariant } from '../button';
|
|
5
5
|
declare const _default: import("vue-demi").DefineComponent<{
|
|
6
6
|
modelValue: {
|
|
7
|
-
type: (NumberConstructor |
|
|
7
|
+
type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
|
|
8
8
|
default: string;
|
|
9
9
|
};
|
|
10
10
|
selected: {
|
|
11
11
|
type: PropType<SelectItem>;
|
|
12
12
|
default: () => {
|
|
13
13
|
text: string;
|
|
14
|
-
value:
|
|
14
|
+
value: undefined;
|
|
15
15
|
};
|
|
16
16
|
};
|
|
17
17
|
options: {
|
|
18
18
|
type: PropType<string[] | SelectItem[]>;
|
|
19
|
-
default: () =>
|
|
19
|
+
default: () => never[];
|
|
20
20
|
};
|
|
21
21
|
placeholder: {
|
|
22
22
|
type: StringConstructor;
|
|
@@ -62,19 +62,19 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
62
62
|
isSelected: (item: SelectItem) => boolean;
|
|
63
63
|
}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:selected" | "userInput")[], "change" | "update:modelValue" | "update:selected" | "userInput", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
|
|
64
64
|
modelValue: {
|
|
65
|
-
type: (NumberConstructor |
|
|
65
|
+
type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
|
|
66
66
|
default: string;
|
|
67
67
|
};
|
|
68
68
|
selected: {
|
|
69
69
|
type: PropType<SelectItem>;
|
|
70
70
|
default: () => {
|
|
71
71
|
text: string;
|
|
72
|
-
value:
|
|
72
|
+
value: undefined;
|
|
73
73
|
};
|
|
74
74
|
};
|
|
75
75
|
options: {
|
|
76
76
|
type: PropType<string[] | SelectItem[]>;
|
|
77
|
-
default: () =>
|
|
77
|
+
default: () => never[];
|
|
78
78
|
};
|
|
79
79
|
placeholder: {
|
|
80
80
|
type: StringConstructor;
|
|
@@ -109,15 +109,15 @@ declare const _default: import("vue-demi").DefineComponent<{
|
|
|
109
109
|
default: string;
|
|
110
110
|
};
|
|
111
111
|
}>> & {
|
|
112
|
-
onChange?: (...args: any[]) => any;
|
|
113
|
-
"onUpdate:modelValue"?: (...args: any[]) => any;
|
|
114
|
-
"onUpdate:selected"?: (...args: any[]) => any;
|
|
115
|
-
onUserInput?: (...args: any[]) => any;
|
|
112
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
113
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
114
|
+
"onUpdate:selected"?: ((...args: any[]) => any) | undefined;
|
|
115
|
+
onUserInput?: ((...args: any[]) => any) | undefined;
|
|
116
116
|
}, {
|
|
117
117
|
error: boolean;
|
|
118
118
|
size: SizeVariant;
|
|
119
|
+
modelValue: string | number | boolean | unknown[] | Date | Record<string, any>;
|
|
119
120
|
disabled: boolean;
|
|
120
|
-
modelValue: string | number | boolean | unknown[] | Record<string, any> | Date;
|
|
121
121
|
readonly: boolean;
|
|
122
122
|
adapter: Adapter;
|
|
123
123
|
options: string[] | SelectItem[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SelectItem } from '..';
|
|
2
2
|
import { watch } from 'vue-demi';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type LoadFn = (keyword: string, page: number, perPage: number) => Promise<SelectItem[]>;
|
|
4
|
+
export type WatchDeps = Parameters<typeof watch>[0];
|
|
5
5
|
export default function defineAsyncAdapter(loadFn: LoadFn, deps?: WatchDeps): import("./adapter").Adapter;
|