@polyv/watch-identify-sdk-ui-default 0.1.0-rc.1
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 +1 -0
- package/lib/demo.html +1 -0
- package/lib/entranceMobile/demo.html +1 -0
- package/lib/entranceMobile/entranceMobile.common.js +23792 -0
- package/lib/entranceMobile/entranceMobile.common.js.map +1 -0
- package/lib/entranceMobile/entranceMobile.umd.js +23819 -0
- package/lib/entranceMobile/entranceMobile.umd.js.map +1 -0
- package/lib/entranceMobile/entranceMobile.umd.min.js +16 -0
- package/lib/entranceMobile/entranceMobile.umd.min.js.map +1 -0
- package/lib/entrancePc/demo.html +1 -0
- package/lib/entrancePc/entrancePc.common.js +27390 -0
- package/lib/entrancePc/entrancePc.common.js.map +1 -0
- package/lib/entrancePc/entrancePc.umd.js +27417 -0
- package/lib/entrancePc/entrancePc.umd.js.map +1 -0
- package/lib/entrancePc/entrancePc.umd.min.js +16 -0
- package/lib/entrancePc/entrancePc.umd.min.js.map +1 -0
- package/lib/polyv-watch-identify-sdk-ui-default.common.js +30474 -0
- package/lib/polyv-watch-identify-sdk-ui-default.common.js.map +1 -0
- package/lib/polyv-watch-identify-sdk-ui-default.umd.js +30501 -0
- package/lib/polyv-watch-identify-sdk-ui-default.umd.js.map +1 -0
- package/lib/polyv-watch-identify-sdk-ui-default.umd.min.js +16 -0
- package/lib/polyv-watch-identify-sdk-ui-default.umd.min.js.map +1 -0
- package/package.json +23 -0
- package/types/assets/lang/i18ns/china.d.ts +124 -0
- package/types/assets/lang/i18ns/english.d.ts +5 -0
- package/types/assets/lang/i18ns/index.d.ts +3 -0
- package/types/assets/lang/index.d.ts +8 -0
- package/types/assets/lang/lang-enum.d.ts +7 -0
- package/types/assets/lang/types.d.ts +8 -0
- package/types/assets/utils/browser.d.ts +6 -0
- package/types/assets/utils/copy.d.ts +9 -0
- package/types/assets/utils/dom.d.ts +11 -0
- package/types/assets/utils/utils.d.ts +5 -0
- package/types/assets/utils/validate.d.ts +35 -0
- package/types/assets/utils/vue-utils/emit-utils.d.ts +10 -0
- package/types/assets/utils/vue-utils/index.d.ts +7 -0
- package/types/assets/utils/vue-utils/props-utils.d.ts +53 -0
- package/types/components/bind-identity-info/mobile-bind-identity-info.vue.d.ts +2 -0
- package/types/components/bind-identity-info/pc-bind-identity-info.vue.d.ts +2 -0
- package/types/components/bind-identity-info/use-bind-identity-info.d.ts +14 -0
- package/types/components/bind-identity-info/use-identity-info-input.d.ts +26 -0
- package/types/components/common-base/dialog/mobile-dialog/index.d.ts +2 -0
- package/types/components/common-base/dialog/mobile-dialog/mobile-dialog.vue.d.ts +100 -0
- package/types/components/common-base/dialog/pc-dialog/index.d.ts +3 -0
- package/types/components/common-base/dialog/pc-dialog/pc-dialog.vue.d.ts +113 -0
- package/types/components/common-base/dialog/pc-dialog/types.d.ts +6 -0
- package/types/components/common-base/dialog/use-dialog-tips.d.ts +20 -0
- package/types/components/common-base/dialog/use-dialog.d.ts +125 -0
- package/types/components/common-base/form/form-checkbox/mobile-form-checkbox.vue.d.ts +29 -0
- package/types/components/common-base/form/form-checkbox/pc-form-checkbox.vue.d.ts +29 -0
- package/types/components/common-base/form/form-checkbox/use-form-checkbox.d.ts +23 -0
- package/types/components/common-base/form/form-image-verify-input/mobile-form-image-verify-input.vue.d.ts +24 -0
- package/types/components/common-base/form/form-image-verify-input/pc-form-image-verify-input.vue.d.ts +24 -0
- package/types/components/common-base/form/form-image-verify-input/type.d.ts +4 -0
- package/types/components/common-base/form/form-image-verify-input/use-image-verify-input.d.ts +26 -0
- package/types/components/common-base/form/form-input/hooks/use-form-input.d.ts +79 -0
- package/types/components/common-base/form/form-input/mobile-form-input.vue.d.ts +103 -0
- package/types/components/common-base/form/form-input/pc-form-input.vue.d.ts +103 -0
- package/types/components/common-base/form/form-input/types/form-input-types.d.ts +11 -0
- package/types/components/common-base/form/form-item.vue.d.ts +46 -0
- package/types/components/common-base/form/form-phone-input/mobile-form-phone-input.vue.d.ts +48 -0
- package/types/components/common-base/form/form-phone-input/pc-form-phone-input.vue.d.ts +48 -0
- package/types/components/common-base/form/form-phone-input/use-form-phone-input.d.ts +43 -0
- package/types/components/common-base/form/form-protocol/mobile-form-protocol.vue.d.ts +30 -0
- package/types/components/common-base/form/form-protocol/pc-form-protocol.vue.d.ts +30 -0
- package/types/components/common-base/form/form-protocol/use-form-protocol.d.ts +29 -0
- package/types/components/common-base/form/form-slide-verify/mobile-form-slide-verify.vue.d.ts +11 -0
- package/types/components/common-base/form/form-slide-verify/pc-form-slide-verify.vue.d.ts +11 -0
- package/types/components/common-base/form/form-slide-verify/use-slide-verify.d.ts +28 -0
- package/types/components/common-base/form/form-sms-verify-input/mobile-form-sms-verify-input.vue.d.ts +57 -0
- package/types/components/common-base/form/form-sms-verify-input/pc-form-sms-verify-input.vue.d.ts +57 -0
- package/types/components/common-base/form/form-sms-verify-input/use-sms-verify-input.d.ts +65 -0
- package/types/components/common-base/form/form-submit-button.vue.d.ts +70 -0
- package/types/components/common-base/form/form-wrap.vue.d.ts +74 -0
- package/types/components/common-base/form/hooks/use-form-common.d.ts +27 -0
- package/types/components/common-base/form/hooks/use-form-item.d.ts +57 -0
- package/types/components/common-base/form/hooks/use-form-submit-button.d.ts +41 -0
- package/types/components/common-base/form/hooks/use-form.d.ts +69 -0
- package/types/components/common-base/form/types/enums.d.ts +18 -0
- package/types/components/common-base/form/types/form-types.d.ts +25 -0
- package/types/components/common-base/loading/loading-animation.vue.d.ts +2 -0
- package/types/components/common-base/message-box/index.d.ts +7 -0
- package/types/components/common-base/message-box/mobile-message-box.vue.d.ts +78 -0
- package/types/components/common-base/message-box/pc-message-box.vue.d.ts +141 -0
- package/types/components/common-base/message-box/use-message-box.d.ts +174 -0
- package/types/components/common-base/normal-button/index.d.ts +3 -0
- package/types/components/common-base/normal-button/normal-button.vue.d.ts +73 -0
- package/types/components/common-base/normal-button/types.d.ts +47 -0
- package/types/components/common-base/normal-button/use-normal-button.d.ts +41 -0
- package/types/components/common-base/phone-code/mobile-phone-code.vue.d.ts +14 -0
- package/types/components/common-base/phone-code/pc-phone-code.vue.d.ts +14 -0
- package/types/components/common-base/phone-code/phone-code-data-en.d.ts +10 -0
- package/types/components/common-base/phone-code/phone-code-data.d.ts +10 -0
- package/types/components/common-base/phone-code/use-phone-code.d.ts +45 -0
- package/types/components/common-base/popup/index.d.ts +4 -0
- package/types/components/common-base/popup/mobile-popup.vue.d.ts +213 -0
- package/types/components/common-base/popup/types.d.ts +25 -0
- package/types/components/common-base/popup/use-popup.d.ts +160 -0
- package/types/components/component-icons/mobile/icons/arrow-down/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/arrow-left/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/arrow-right/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/arrow-up/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/ask/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/barrage-setting/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/booking/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/chat/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/check/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/check-round-fill/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/close/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/close-round/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/close-round-fill/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/danmu-switch/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/delete/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/emotion/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/forbid/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/heart/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/highlight/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/keyboard/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/like/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/me/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/media/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/message/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/news/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/pack-up/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/page-view/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/people/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/play-round/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/product/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/search/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/share/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/smiling-face/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/translate/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/video-call/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/voice-call/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/warning-round-fill/index.d.ts +6 -0
- package/types/components/component-icons/mobile/icons/watch-duration/index.d.ts +6 -0
- package/types/components/component-icons/mobile/map.d.ts +5 -0
- package/types/components/component-icons/pc/icons/apply-video-call/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/arrow-down/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/arrow-left/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/arrow-right/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/arrow-up/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/barrage-local-bottom/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/barrage-local-full/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/barrage-local-half/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/barrage-local-top/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/barrage-setting/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/bind-mobile/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/booking/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/bulletin/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/caret-down/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/caret-left/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/caret-right/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/caret-up/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/chat-error/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/chat-loading/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/chat-loading2/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/chat-msg-loading/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/check/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/check-round-fill/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/close/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/close-round/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/close-round-fill/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/copy/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/device-setting/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/emotion/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/feedback/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/forbid/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/hang-up/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/highlight/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/lang/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/media/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/page-view/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/people/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/pic/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/picture/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/play-round/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/reply/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/screenshare-setting/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/screenshare-start/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/screenshare-stop/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/search/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/set-nick/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/share/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/tips/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/translate/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/video-call/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/voice-call/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/warning-round-fill/index.d.ts +6 -0
- package/types/components/component-icons/pc/icons/watch-duration/index.d.ts +6 -0
- package/types/components/component-icons/pc/map.d.ts +4 -0
- package/types/components/direct-login-page/direct-login-page.vue.d.ts +2 -0
- package/types/components/direct-login-page/use-direct-login-page.d.ts +1 -0
- package/types/components/identify-login-page/mobile-identify-login-page.vue.d.ts +11 -0
- package/types/components/identify-login-page/pc-identify-login-page.vue.d.ts +11 -0
- package/types/components/identify-login-page/use-identify-login-page.d.ts +3 -0
- package/types/components/login-method-switch/index.d.ts +3 -0
- package/types/components/login-method-switch/mobile-login-method-switch.vue.d.ts +14 -0
- package/types/components/login-method-switch/pc-login-method-switch.vue.d.ts +14 -0
- package/types/components/login-method-switch/types.d.ts +7 -0
- package/types/components/login-method-switch/use-login-method-switch.d.ts +20 -0
- package/types/components/wx-login-page/components/wx-scan-login/pc-wx-scan-login.vue.d.ts +2 -0
- package/types/components/wx-login-page/components/wx-scan-login/use-wx-scan-login.d.ts +7 -0
- package/types/components/wx-login-page/mobile-wx-login-page.vue.d.ts +9 -0
- package/types/components/wx-login-page/pc-wx-login-page.vue.d.ts +9 -0
- package/types/components/wx-login-page/use-wx-login-page.d.ts +23 -0
- package/types/exports/index.d.ts +5 -0
- package/types/exports/lib/mobile.d.ts +65 -0
- package/types/exports/lib/pc.d.ts +45 -0
- package/types/exports/lib/watch-identify-login-page/mobile-watch-identify-login-page.vue.d.ts +40 -0
- package/types/exports/lib/watch-identify-login-page/pc-watch-identify-login-page.vue.d.ts +40 -0
- package/types/exports/lib/watch-identify-scan-login-result/watch-identify-scan-login-result.vue.d.ts +20 -0
- package/types/exports/mobile-index.d.ts +5 -0
- package/types/exports/pc-index.d.ts +5 -0
- package/types/hooks/behaviors/use-append-to/index.d.ts +7 -0
- package/types/hooks/behaviors/use-click-outside/index.d.ts +19 -0
- package/types/hooks/business/use-login-config/index.d.ts +25 -0
- package/types/hooks/components/use-popper/_components/popper-arrow.vue.d.ts +23 -0
- package/types/hooks/components/use-popper/_hooks/use-popper-arrow.d.ts +15 -0
- package/types/hooks/components/use-popper/_hooks/use-popper-core.d.ts +241 -0
- package/types/hooks/components/use-popper/_hooks/use-popper-interactive.d.ts +5 -0
- package/types/hooks/components/use-popper/_hooks/use-popper-visible.d.ts +9 -0
- package/types/hooks/components/use-popper/_popper-type.d.ts +70 -0
- package/types/hooks/components/use-popper/index.d.ts +31 -0
- package/types/hooks/components/use-popper/use-auto-topmost-show.d.ts +7 -0
- package/types/hooks/components/use-toast/_components/mobile-toast.vue.d.ts +42 -0
- package/types/hooks/components/use-toast/_components/pc-toast.vue.d.ts +42 -0
- package/types/hooks/components/use-toast/_hooks/use-toast-comp.d.ts +53 -0
- package/types/hooks/components/use-toast/_toast_type.d.ts +28 -0
- package/types/hooks/components/use-toast/index.d.ts +59 -0
- package/types/hooks/core/use-page-size/index.d.ts +4 -0
- package/types/hooks/core/use-root-inject/index.d.ts +11 -0
- package/types/hooks/core/use-root-provide/index.d.ts +58 -0
- package/types/hooks/core/use-screen-orient/index.d.ts +25 -0
- package/types/hooks/core/use-vue/index.d.ts +11 -0
- package/types/hooks/core/use-window-resize-listener/index.d.ts +7 -0
- package/types/hooks/platform/use-weixin/use-weixin-authorize.d.ts +4 -0
- package/types/hooks/tools/use-count-down/index.d.ts +29 -0
- package/types/main.d.ts +7 -0
- package/types/plugins/async-validator/index.d.ts +3 -0
- package/types/plugins/external-lib-loaders/load-ali-awsc.d.ts +4 -0
- package/types/plugins/polyv-ui/admin-import.d.ts +3 -0
- package/types/plugins/polyv-ui/types.d.ts +63 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file popper 箭头 hook
|
|
3
|
+
*/
|
|
4
|
+
import Vue, { ComponentOptions } from 'vue';
|
|
5
|
+
import { ExtendedVue } from 'vue/types/vue';
|
|
6
|
+
import { PopperOptions } from '../_popper-type';
|
|
7
|
+
export interface PopperArrowOptions {
|
|
8
|
+
/** 颜色,默认:#fff */
|
|
9
|
+
color?: string;
|
|
10
|
+
/** 尺寸,默认:6 */
|
|
11
|
+
size?: number;
|
|
12
|
+
}
|
|
13
|
+
export type PopperArrowComponentOptions = ComponentOptions<Vue>;
|
|
14
|
+
export type PopperArrowCtorType = ExtendedVue<Vue, Record<string, never>, Record<string, never>, Record<string, never>, PopperArrowOptions, Record<string, never>>;
|
|
15
|
+
export declare const usePopperArrow: (popperOptions: PopperOptions) => void;
|
|
@@ -0,0 +1,241 @@
|
|
|
1
|
+
import { Instance as PopperInstance, OptionsGeneric, Modifier } from '@popperjs/core';
|
|
2
|
+
import { PopperOptions } from '../_popper-type';
|
|
3
|
+
/**
|
|
4
|
+
* 构建 popperjs 的配置
|
|
5
|
+
*/
|
|
6
|
+
export declare const usePopperCoreOptions: (popperOptions: PopperOptions, getPopperCtx: () => PopperInstance | undefined) => {
|
|
7
|
+
/** 弹层选项 */
|
|
8
|
+
popperCoreOptions: import("vue").ComputedRef<OptionsGeneric<Modifier<unknown, unknown>>>;
|
|
9
|
+
};
|
|
10
|
+
export declare const usePopperCore: (popperOptions: PopperOptions) => {
|
|
11
|
+
popperCtx: import("vue").Ref<{
|
|
12
|
+
state: {
|
|
13
|
+
elements: {
|
|
14
|
+
reference: Element | {
|
|
15
|
+
getBoundingClientRect: () => DOMRect | ClientRect;
|
|
16
|
+
contextElement?: Element | undefined;
|
|
17
|
+
};
|
|
18
|
+
popper: HTMLElement;
|
|
19
|
+
arrow?: HTMLElement | undefined;
|
|
20
|
+
};
|
|
21
|
+
options: {
|
|
22
|
+
placement: import("@popperjs/core").Placement;
|
|
23
|
+
modifiers: any[];
|
|
24
|
+
strategy: import("@popperjs/core").PositioningStrategy;
|
|
25
|
+
onFirstUpdate?: ((arg0: Partial<import("@popperjs/core").State>) => void) | undefined;
|
|
26
|
+
};
|
|
27
|
+
placement: import("@popperjs/core").Placement;
|
|
28
|
+
strategy: import("@popperjs/core").PositioningStrategy;
|
|
29
|
+
orderedModifiers: {
|
|
30
|
+
name: any;
|
|
31
|
+
enabled: boolean;
|
|
32
|
+
phase: import("@popperjs/core").ModifierPhases;
|
|
33
|
+
requires?: string[] | undefined;
|
|
34
|
+
requiresIfExists?: string[] | undefined;
|
|
35
|
+
fn: (arg0: import("@popperjs/core").ModifierArguments<any>) => void | import("@popperjs/core").State;
|
|
36
|
+
effect?: ((arg0: import("@popperjs/core").ModifierArguments<any>) => void | (() => void)) | undefined;
|
|
37
|
+
options?: Partial<any> | undefined;
|
|
38
|
+
data?: import("@popperjs/core").Obj | undefined;
|
|
39
|
+
}[];
|
|
40
|
+
rects: {
|
|
41
|
+
reference: {
|
|
42
|
+
width: number;
|
|
43
|
+
height: number;
|
|
44
|
+
x: number;
|
|
45
|
+
y: number;
|
|
46
|
+
};
|
|
47
|
+
popper: {
|
|
48
|
+
width: number;
|
|
49
|
+
height: number;
|
|
50
|
+
x: number;
|
|
51
|
+
y: number;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
scrollParents: {
|
|
55
|
+
reference: (Element | {
|
|
56
|
+
innerHeight: number;
|
|
57
|
+
offsetHeight: number;
|
|
58
|
+
innerWidth: number;
|
|
59
|
+
offsetWidth: number;
|
|
60
|
+
pageXOffset: number;
|
|
61
|
+
pageYOffset: number;
|
|
62
|
+
getComputedStyle: typeof getComputedStyle;
|
|
63
|
+
addEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
|
|
64
|
+
removeEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
|
|
65
|
+
Element: Element;
|
|
66
|
+
HTMLElement: HTMLElement;
|
|
67
|
+
Node: Node;
|
|
68
|
+
toString: () => "[object Window]";
|
|
69
|
+
devicePixelRatio: number;
|
|
70
|
+
visualViewport?: {
|
|
71
|
+
addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
|
|
72
|
+
dispatchEvent: (event: Event) => boolean;
|
|
73
|
+
removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
|
|
74
|
+
width: number;
|
|
75
|
+
height: number;
|
|
76
|
+
offsetLeft: number;
|
|
77
|
+
offsetTop: number;
|
|
78
|
+
scale: number;
|
|
79
|
+
} | undefined;
|
|
80
|
+
ShadowRoot: ShadowRoot;
|
|
81
|
+
} | {
|
|
82
|
+
addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
|
|
83
|
+
dispatchEvent: (event: Event) => boolean;
|
|
84
|
+
removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
|
|
85
|
+
width: number;
|
|
86
|
+
height: number;
|
|
87
|
+
offsetLeft: number;
|
|
88
|
+
offsetTop: number;
|
|
89
|
+
scale: number;
|
|
90
|
+
})[];
|
|
91
|
+
popper: (Element | {
|
|
92
|
+
innerHeight: number;
|
|
93
|
+
offsetHeight: number;
|
|
94
|
+
innerWidth: number;
|
|
95
|
+
offsetWidth: number;
|
|
96
|
+
pageXOffset: number;
|
|
97
|
+
pageYOffset: number;
|
|
98
|
+
getComputedStyle: typeof getComputedStyle;
|
|
99
|
+
addEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
|
|
100
|
+
removeEventListener: (type: any, listener: any, optionsOrUseCapture?: any) => void;
|
|
101
|
+
Element: Element;
|
|
102
|
+
HTMLElement: HTMLElement;
|
|
103
|
+
Node: Node;
|
|
104
|
+
toString: () => "[object Window]";
|
|
105
|
+
devicePixelRatio: number;
|
|
106
|
+
visualViewport?: {
|
|
107
|
+
addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
|
|
108
|
+
dispatchEvent: (event: Event) => boolean;
|
|
109
|
+
removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
|
|
110
|
+
width: number;
|
|
111
|
+
height: number;
|
|
112
|
+
offsetLeft: number;
|
|
113
|
+
offsetTop: number;
|
|
114
|
+
scale: number;
|
|
115
|
+
} | undefined;
|
|
116
|
+
ShadowRoot: ShadowRoot;
|
|
117
|
+
} | {
|
|
118
|
+
addEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions | undefined) => void;
|
|
119
|
+
dispatchEvent: (event: Event) => boolean;
|
|
120
|
+
removeEventListener: (type: string, callback: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions | undefined) => void;
|
|
121
|
+
width: number;
|
|
122
|
+
height: number;
|
|
123
|
+
offsetLeft: number;
|
|
124
|
+
offsetTop: number;
|
|
125
|
+
scale: number;
|
|
126
|
+
})[];
|
|
127
|
+
};
|
|
128
|
+
styles: {
|
|
129
|
+
[key: string]: Partial<CSSStyleDeclaration>;
|
|
130
|
+
};
|
|
131
|
+
attributes: {
|
|
132
|
+
[key: string]: {
|
|
133
|
+
[key: string]: string | boolean;
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
modifiersData: {
|
|
137
|
+
[x: string]: any;
|
|
138
|
+
arrow?: {
|
|
139
|
+
x?: number | undefined;
|
|
140
|
+
y?: number | undefined;
|
|
141
|
+
centerOffset: number;
|
|
142
|
+
} | undefined;
|
|
143
|
+
hide?: {
|
|
144
|
+
isReferenceHidden: boolean;
|
|
145
|
+
hasPopperEscaped: boolean;
|
|
146
|
+
referenceClippingOffsets: {
|
|
147
|
+
top: number;
|
|
148
|
+
left: number;
|
|
149
|
+
right: number;
|
|
150
|
+
bottom: number;
|
|
151
|
+
};
|
|
152
|
+
popperEscapeOffsets: {
|
|
153
|
+
top: number;
|
|
154
|
+
left: number;
|
|
155
|
+
right: number;
|
|
156
|
+
bottom: number;
|
|
157
|
+
};
|
|
158
|
+
} | undefined;
|
|
159
|
+
offset?: {
|
|
160
|
+
auto?: {
|
|
161
|
+
y: number;
|
|
162
|
+
x: number;
|
|
163
|
+
} | undefined;
|
|
164
|
+
left?: {
|
|
165
|
+
y: number;
|
|
166
|
+
x: number;
|
|
167
|
+
} | undefined;
|
|
168
|
+
right?: {
|
|
169
|
+
y: number;
|
|
170
|
+
x: number;
|
|
171
|
+
} | undefined;
|
|
172
|
+
bottom?: {
|
|
173
|
+
y: number;
|
|
174
|
+
x: number;
|
|
175
|
+
} | undefined;
|
|
176
|
+
top?: {
|
|
177
|
+
y: number;
|
|
178
|
+
x: number;
|
|
179
|
+
} | undefined;
|
|
180
|
+
"auto-start"?: {
|
|
181
|
+
y: number;
|
|
182
|
+
x: number;
|
|
183
|
+
} | undefined;
|
|
184
|
+
"auto-end"?: {
|
|
185
|
+
y: number;
|
|
186
|
+
x: number;
|
|
187
|
+
} | undefined;
|
|
188
|
+
"top-start"?: {
|
|
189
|
+
y: number;
|
|
190
|
+
x: number;
|
|
191
|
+
} | undefined;
|
|
192
|
+
"top-end"?: {
|
|
193
|
+
y: number;
|
|
194
|
+
x: number;
|
|
195
|
+
} | undefined;
|
|
196
|
+
"bottom-start"?: {
|
|
197
|
+
y: number;
|
|
198
|
+
x: number;
|
|
199
|
+
} | undefined;
|
|
200
|
+
"bottom-end"?: {
|
|
201
|
+
y: number;
|
|
202
|
+
x: number;
|
|
203
|
+
} | undefined;
|
|
204
|
+
"right-start"?: {
|
|
205
|
+
y: number;
|
|
206
|
+
x: number;
|
|
207
|
+
} | undefined;
|
|
208
|
+
"right-end"?: {
|
|
209
|
+
y: number;
|
|
210
|
+
x: number;
|
|
211
|
+
} | undefined;
|
|
212
|
+
"left-start"?: {
|
|
213
|
+
y: number;
|
|
214
|
+
x: number;
|
|
215
|
+
} | undefined;
|
|
216
|
+
"left-end"?: {
|
|
217
|
+
y: number;
|
|
218
|
+
x: number;
|
|
219
|
+
} | undefined;
|
|
220
|
+
} | undefined;
|
|
221
|
+
preventOverflow?: {
|
|
222
|
+
y: number;
|
|
223
|
+
x: number;
|
|
224
|
+
} | undefined;
|
|
225
|
+
popperOffsets?: {
|
|
226
|
+
y: number;
|
|
227
|
+
x: number;
|
|
228
|
+
} | undefined;
|
|
229
|
+
};
|
|
230
|
+
reset: boolean;
|
|
231
|
+
};
|
|
232
|
+
destroy: () => void;
|
|
233
|
+
forceUpdate: () => void;
|
|
234
|
+
update: () => Promise<Partial<import("@popperjs/core").State>>;
|
|
235
|
+
setOptions: (setOptionsAction: Partial<OptionsGeneric<any>> | ((prev: Partial<OptionsGeneric<any>>) => Partial<OptionsGeneric<any>>)) => Promise<Partial<import("@popperjs/core").State>>;
|
|
236
|
+
} | undefined>;
|
|
237
|
+
getPopperCtx: () => PopperInstance | undefined;
|
|
238
|
+
updatePopper: () => Promise<void>;
|
|
239
|
+
createPopperCore: () => void;
|
|
240
|
+
destroyPopperCore: () => void;
|
|
241
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file popper 弹层显示状态 hook
|
|
3
|
+
*/
|
|
4
|
+
import { Ref } from 'vue';
|
|
5
|
+
import { PopperVisibleResult } from '../_popper-type';
|
|
6
|
+
export type UsePopperVisibleOptions = {
|
|
7
|
+
popperVisible?: boolean | Ref<boolean>;
|
|
8
|
+
};
|
|
9
|
+
export declare const usePopperVisible: (options?: UsePopperVisibleOptions) => PopperVisibleResult;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import type { Placement } from '@popperjs/core';
|
|
3
|
+
import { PopperArrowOptions } from './_hooks/use-popper-arrow';
|
|
4
|
+
export type PopperOffset = [number, number];
|
|
5
|
+
/** 弹层触发方式 */
|
|
6
|
+
export type PopperTrigger = 'click' | 'hover' | 'focus' | 'long-press' | 'custom';
|
|
7
|
+
export interface UsePopperOptions {
|
|
8
|
+
popperVisible?: boolean | Ref<boolean>;
|
|
9
|
+
/** 触发节点 ref */
|
|
10
|
+
referenceRef?: HTMLElement | Ref<HTMLElement | undefined>;
|
|
11
|
+
/** 弹层节点 ref */
|
|
12
|
+
popperRef?: HTMLElement | Ref<HTMLElement | undefined>;
|
|
13
|
+
/** 输入框节点 ref,用于聚焦显示的交互 */
|
|
14
|
+
inputRef?: HTMLInputElement | Ref<HTMLInputElement | undefined>;
|
|
15
|
+
/** 弹层是否禁用 */
|
|
16
|
+
popperDisabled?: boolean | Ref<boolean>;
|
|
17
|
+
/** 触发方式 */
|
|
18
|
+
trigger?: PopperTrigger | Ref<PopperTrigger>;
|
|
19
|
+
/** 鼠标移入延迟显示时间 */
|
|
20
|
+
mouseEnterDelay?: number | Ref<number>;
|
|
21
|
+
/** 鼠标移出延迟隐藏时间 */
|
|
22
|
+
mouseLeaveDelay?: number | Ref<number>;
|
|
23
|
+
/** 弹层位置 */
|
|
24
|
+
placement?: Placement | Ref<Placement>;
|
|
25
|
+
/** 弹层偏移量 */
|
|
26
|
+
popperOffset?: PopperOffset | Ref<PopperOffset>;
|
|
27
|
+
/** 是否显示箭头,默认:false */
|
|
28
|
+
arrow?: boolean | PopperArrowOptions | Ref<boolean | PopperArrowOptions>;
|
|
29
|
+
/** 强制 outSideClick 关闭,默认:false */
|
|
30
|
+
forceOutSideClickHide?: boolean | Ref<boolean>;
|
|
31
|
+
/** outSideClick 关闭时是否延迟,默认:false */
|
|
32
|
+
outSideClickDelayHide?: boolean | Ref<boolean>;
|
|
33
|
+
/** 弹层宽度跟随触发节点,默认:false */
|
|
34
|
+
followReferenceWidth?: boolean | Ref<boolean>;
|
|
35
|
+
/** 是否插入到 body 中,默认:true */
|
|
36
|
+
appendToBody?: boolean;
|
|
37
|
+
/** 渲染到某个元素中(Dom节点选择器) */
|
|
38
|
+
mountEl?: string;
|
|
39
|
+
/** 强制 zIndex,默认 null */
|
|
40
|
+
forceZIndex?: number | null;
|
|
41
|
+
}
|
|
42
|
+
export interface PopperVisibleResult {
|
|
43
|
+
/** 弹层显示状态 */
|
|
44
|
+
popperVisible: Ref<boolean>;
|
|
45
|
+
/** 显示弹层 */
|
|
46
|
+
showPopper: () => void;
|
|
47
|
+
/** 隐藏弹窗 */
|
|
48
|
+
hidePopper: () => void;
|
|
49
|
+
/** 切换弹层显示状态 */
|
|
50
|
+
togglePopper: () => void;
|
|
51
|
+
/** 延迟显示弹层 */
|
|
52
|
+
delayShowPopper: (delay?: number) => void;
|
|
53
|
+
/** 延迟隐藏弹层 */
|
|
54
|
+
delayHidePopper: (delay?: number) => void;
|
|
55
|
+
}
|
|
56
|
+
export interface PopperElements {
|
|
57
|
+
referenceElem: HTMLElement | undefined;
|
|
58
|
+
popperElem: HTMLElement | undefined;
|
|
59
|
+
inputElem: HTMLElement | undefined;
|
|
60
|
+
}
|
|
61
|
+
export interface OnPopperEventParams {
|
|
62
|
+
/** 触发节点是否已隐藏 */
|
|
63
|
+
isReferenceHidden: boolean;
|
|
64
|
+
}
|
|
65
|
+
export interface PopperOptions extends Required<Omit<UsePopperOptions, 'popperVisible'>>, PopperVisibleResult {
|
|
66
|
+
/** 获取相关 dom 节点 */
|
|
67
|
+
getElement: () => PopperElements;
|
|
68
|
+
/** 处理弹层事件 */
|
|
69
|
+
onPopperEvent: (params: OnPopperEventParams) => void;
|
|
70
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { OnPopperEventParams, PopperOffset, UsePopperOptions } from './_popper-type';
|
|
2
|
+
/**
|
|
3
|
+
* @hook 弹出层 hook
|
|
4
|
+
*/
|
|
5
|
+
export declare const usePopper: (options?: UsePopperOptions) => {
|
|
6
|
+
updatePopper: () => Promise<void>;
|
|
7
|
+
getElement: () => import("./_popper-type").PopperElements;
|
|
8
|
+
onPopperEvent: (params: OnPopperEventParams) => void;
|
|
9
|
+
inputRef: HTMLInputElement | import("vue").Ref<HTMLInputElement | undefined>;
|
|
10
|
+
appendToBody: boolean;
|
|
11
|
+
mountEl: string;
|
|
12
|
+
referenceRef: HTMLElement | import("vue").Ref<HTMLElement | undefined>;
|
|
13
|
+
popperRef: HTMLElement | import("vue").Ref<HTMLElement | undefined>;
|
|
14
|
+
popperDisabled: boolean | import("vue").Ref<boolean>;
|
|
15
|
+
trigger: import("./_popper-type").PopperTrigger | import("vue").Ref<import("./_popper-type").PopperTrigger>;
|
|
16
|
+
mouseEnterDelay: number | import("vue").Ref<number>;
|
|
17
|
+
mouseLeaveDelay: number | import("vue").Ref<number>;
|
|
18
|
+
placement: import("@popperjs/core").Placement | import("vue").Ref<import("@popperjs/core").Placement>;
|
|
19
|
+
popperOffset: PopperOffset | import("vue").Ref<PopperOffset>;
|
|
20
|
+
arrow: boolean | import("./_hooks/use-popper-arrow").PopperArrowOptions | import("vue").Ref<boolean | import("./_hooks/use-popper-arrow").PopperArrowOptions>;
|
|
21
|
+
forceOutSideClickHide: boolean | import("vue").Ref<boolean>;
|
|
22
|
+
outSideClickDelayHide: boolean | import("vue").Ref<boolean>;
|
|
23
|
+
followReferenceWidth: boolean | import("vue").Ref<boolean>;
|
|
24
|
+
forceZIndex: number | null;
|
|
25
|
+
popperVisible: import("vue").Ref<boolean>;
|
|
26
|
+
showPopper: () => void;
|
|
27
|
+
hidePopper: () => void;
|
|
28
|
+
togglePopper: () => void;
|
|
29
|
+
delayShowPopper: (delay?: number | undefined) => void;
|
|
30
|
+
delayHidePopper: (delay?: number | undefined) => void;
|
|
31
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
msg: import("vue-types").VueTypeValidableDef<string> & {
|
|
3
|
+
default: string;
|
|
4
|
+
};
|
|
5
|
+
type: import("vue-types").VueTypeValidableDef<import("../_toast_type").ToastType> & {
|
|
6
|
+
default: import("../_toast_type").ToastType;
|
|
7
|
+
};
|
|
8
|
+
duration: import("vue-types").VueTypeValidableDef<number> & {
|
|
9
|
+
default: number;
|
|
10
|
+
};
|
|
11
|
+
mountEl: import("vue-types").VueTypeDef<string | HTMLElement> & {
|
|
12
|
+
default: string | (() => HTMLElement);
|
|
13
|
+
};
|
|
14
|
+
}, {
|
|
15
|
+
openToast(): void;
|
|
16
|
+
closeToast(): void;
|
|
17
|
+
setToastTop(top: number): void;
|
|
18
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
|
|
19
|
+
close: (arg?: void | undefined) => void;
|
|
20
|
+
"after-enter": (arg?: void | undefined) => void;
|
|
21
|
+
"after-leave": (arg?: void | undefined) => void;
|
|
22
|
+
open: (arg?: void | undefined) => void;
|
|
23
|
+
}, string, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
msg: import("vue-types").VueTypeValidableDef<string> & {
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
27
|
+
type: import("vue-types").VueTypeValidableDef<import("../_toast_type").ToastType> & {
|
|
28
|
+
default: import("../_toast_type").ToastType;
|
|
29
|
+
};
|
|
30
|
+
duration: import("vue-types").VueTypeValidableDef<number> & {
|
|
31
|
+
default: number;
|
|
32
|
+
};
|
|
33
|
+
mountEl: import("vue-types").VueTypeDef<string | HTMLElement> & {
|
|
34
|
+
default: string | (() => HTMLElement);
|
|
35
|
+
};
|
|
36
|
+
}>>, {
|
|
37
|
+
type: import("../_toast_type").ToastType;
|
|
38
|
+
msg: string;
|
|
39
|
+
duration: number;
|
|
40
|
+
mountEl: string | HTMLElement;
|
|
41
|
+
}>;
|
|
42
|
+
export default _default;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
msg: import("vue-types").VueTypeValidableDef<string> & {
|
|
3
|
+
default: string;
|
|
4
|
+
};
|
|
5
|
+
type: import("vue-types").VueTypeValidableDef<import("../_toast_type").ToastType> & {
|
|
6
|
+
default: import("../_toast_type").ToastType;
|
|
7
|
+
};
|
|
8
|
+
duration: import("vue-types").VueTypeValidableDef<number> & {
|
|
9
|
+
default: number;
|
|
10
|
+
};
|
|
11
|
+
mountEl: import("vue-types").VueTypeDef<string | HTMLElement> & {
|
|
12
|
+
default: string | (() => HTMLElement);
|
|
13
|
+
};
|
|
14
|
+
}, {
|
|
15
|
+
openToast(): void;
|
|
16
|
+
closeToast(): void;
|
|
17
|
+
setToastTop(top: number): void;
|
|
18
|
+
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
|
|
19
|
+
close: (arg?: void | undefined) => void;
|
|
20
|
+
"after-enter": (arg?: void | undefined) => void;
|
|
21
|
+
"after-leave": (arg?: void | undefined) => void;
|
|
22
|
+
open: (arg?: void | undefined) => void;
|
|
23
|
+
}, string, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
msg: import("vue-types").VueTypeValidableDef<string> & {
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
27
|
+
type: import("vue-types").VueTypeValidableDef<import("../_toast_type").ToastType> & {
|
|
28
|
+
default: import("../_toast_type").ToastType;
|
|
29
|
+
};
|
|
30
|
+
duration: import("vue-types").VueTypeValidableDef<number> & {
|
|
31
|
+
default: number;
|
|
32
|
+
};
|
|
33
|
+
mountEl: import("vue-types").VueTypeDef<string | HTMLElement> & {
|
|
34
|
+
default: string | (() => HTMLElement);
|
|
35
|
+
};
|
|
36
|
+
}>>, {
|
|
37
|
+
type: import("../_toast_type").ToastType;
|
|
38
|
+
msg: string;
|
|
39
|
+
duration: number;
|
|
40
|
+
mountEl: string | HTMLElement;
|
|
41
|
+
}>;
|
|
42
|
+
export default _default;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { VueEmit } from '../../../../assets/utils/vue-utils/emit-utils';
|
|
2
|
+
import { FormatProps, VueProps } from '../../../../assets/utils/vue-utils/props-utils';
|
|
3
|
+
import { ToastInstance, ToastType } from '../_toast_type';
|
|
4
|
+
export declare const toastProps: () => {
|
|
5
|
+
/** 提示内容 */
|
|
6
|
+
msg: import("vue-types").VueTypeValidableDef<string> & {
|
|
7
|
+
default: string;
|
|
8
|
+
};
|
|
9
|
+
/** 提示类型,默认:info */
|
|
10
|
+
type: import("vue-types").VueTypeValidableDef<ToastType> & {
|
|
11
|
+
default: ToastType;
|
|
12
|
+
};
|
|
13
|
+
/** 关闭时间,默认:3000 */
|
|
14
|
+
duration: import("vue-types").VueTypeValidableDef<number> & {
|
|
15
|
+
default: number;
|
|
16
|
+
};
|
|
17
|
+
/** 渲染的父容器节点,默认:document.body */
|
|
18
|
+
mountEl: import("vue-types").VueTypeDef<string | HTMLElement> & {
|
|
19
|
+
default: string | (() => HTMLElement);
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
export type ToastPropsType = FormatProps<typeof toastProps>;
|
|
23
|
+
export declare const toastEmits: () => {
|
|
24
|
+
/** toast 打开 */
|
|
25
|
+
open: (arg: void) => void;
|
|
26
|
+
/** toast 关闭 */
|
|
27
|
+
close: (arg: void) => void;
|
|
28
|
+
/** 进入之后 */
|
|
29
|
+
'after-enter': (arg: void) => void;
|
|
30
|
+
/** 离开之后 */
|
|
31
|
+
'after-leave': (arg: void) => void;
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* @hook Toast 组件 hook
|
|
35
|
+
*/
|
|
36
|
+
export declare const useToastComp: (options: {
|
|
37
|
+
props: VueProps<typeof toastProps>;
|
|
38
|
+
emit: VueEmit<typeof toastEmits>;
|
|
39
|
+
/** class 前缀 */
|
|
40
|
+
prefixCls: string;
|
|
41
|
+
}) => {
|
|
42
|
+
toastRef: import("vue").Ref<HTMLDivElement | undefined>;
|
|
43
|
+
toastVisible: import("vue").Ref<boolean>;
|
|
44
|
+
toastClasses: import("vue").ComputedRef<string[]>;
|
|
45
|
+
toastStyle: import("vue").ComputedRef<{
|
|
46
|
+
top: string;
|
|
47
|
+
}>;
|
|
48
|
+
openToast: () => void;
|
|
49
|
+
closeToast: () => void;
|
|
50
|
+
onAfterEnter: () => void;
|
|
51
|
+
onAfterLeave: () => void;
|
|
52
|
+
toastInstance: ToastInstance;
|
|
53
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 提示类型
|
|
3
|
+
*/
|
|
4
|
+
export declare enum ToastType {
|
|
5
|
+
/** 信息类提示 */
|
|
6
|
+
Info = "info",
|
|
7
|
+
/** 成功类提示 */
|
|
8
|
+
Success = "success",
|
|
9
|
+
/** 警告类提示 */
|
|
10
|
+
Warning = "warning",
|
|
11
|
+
/** 异常类提示 */
|
|
12
|
+
Error = "error",
|
|
13
|
+
/** 帮助类提示 */
|
|
14
|
+
Help = "help",
|
|
15
|
+
/** 加载中提示 */
|
|
16
|
+
Loading = "loading"
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* toast 提示实例
|
|
20
|
+
*/
|
|
21
|
+
export interface ToastInstance {
|
|
22
|
+
/** 打开提示 */
|
|
23
|
+
openToast(): void;
|
|
24
|
+
/** 关闭提示 */
|
|
25
|
+
closeToast(): void;
|
|
26
|
+
/** 设置提示 top 样式 */
|
|
27
|
+
setToastTop(top: number): void;
|
|
28
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import Vue from 'vue';
|
|
2
|
+
import { ExtendedVue } from 'vue/types/vue';
|
|
3
|
+
import { ToastPropsType } from './_hooks/use-toast-comp';
|
|
4
|
+
import { ToastInstance } from './_toast_type';
|
|
5
|
+
type ToastPropPickOptions = Pick<ToastPropsType, 'duration'>;
|
|
6
|
+
type ToastConstructorCtorType = ExtendedVue<Vue, Record<string, never>, ToastInstance, Record<string, never>, Record<string, never>, Record<string, never>>;
|
|
7
|
+
type ToastManagerOptions = {
|
|
8
|
+
/** 提示组件构造器 */
|
|
9
|
+
ToastConstructor: ToastConstructorCtorType;
|
|
10
|
+
/** 最大显示数量,默认:5 */
|
|
11
|
+
maxCount?: number;
|
|
12
|
+
/** 渲染的父容器 */
|
|
13
|
+
mountEl?: string;
|
|
14
|
+
};
|
|
15
|
+
/** 提示管理器 */
|
|
16
|
+
declare class ToastManager {
|
|
17
|
+
/** 用于创建的组件 */
|
|
18
|
+
private __ToastConstructor;
|
|
19
|
+
/** 提示队列 */
|
|
20
|
+
private __toastQueue;
|
|
21
|
+
/** 当前正在显示的 toast 实例 */
|
|
22
|
+
private __toasts;
|
|
23
|
+
/** 第一个 toast 的 top */
|
|
24
|
+
private __startTop;
|
|
25
|
+
/** 两个 toast 之间的距离 */
|
|
26
|
+
private __instanceSpacing;
|
|
27
|
+
/** 最大显示数量 */
|
|
28
|
+
private __maxCount;
|
|
29
|
+
/** 渲染的父容器 */
|
|
30
|
+
private _mountEl?;
|
|
31
|
+
constructor(options: ToastManagerOptions);
|
|
32
|
+
/** 插入一个提示 */
|
|
33
|
+
private __push;
|
|
34
|
+
/** 检查队列 */
|
|
35
|
+
private __checkQueue;
|
|
36
|
+
/**
|
|
37
|
+
* 提示列表
|
|
38
|
+
*/
|
|
39
|
+
private __toastList;
|
|
40
|
+
/** 移除提示实例 */
|
|
41
|
+
private __remove;
|
|
42
|
+
/** 重置提示实例的 top 定位 */
|
|
43
|
+
private __resetTop;
|
|
44
|
+
/** 信息类提示 */
|
|
45
|
+
info(msg: string, opts?: ToastPropPickOptions): void;
|
|
46
|
+
/** 成功类提示 */
|
|
47
|
+
success(msg: string, opts?: ToastPropPickOptions): void;
|
|
48
|
+
/** 警告类提示 */
|
|
49
|
+
warning(msg: string, opts?: ToastPropPickOptions): void;
|
|
50
|
+
/** 异常类提示 */
|
|
51
|
+
error(msg: string, opts?: ToastPropPickOptions): void;
|
|
52
|
+
/** 帮助类提示 */
|
|
53
|
+
help(msg: string, opts?: ToastPropPickOptions): void;
|
|
54
|
+
/** 加载中提示 */
|
|
55
|
+
loading(msg: string, opts?: ToastPropPickOptions): void;
|
|
56
|
+
}
|
|
57
|
+
/** 主屏消息提示对象 */
|
|
58
|
+
export declare const toast: ToastManager;
|
|
59
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { translate } from '../../../assets/lang';
|
|
2
|
+
import { RootInjectContext } from '../use-root-provide';
|
|
3
|
+
import { IdentifyLoginMethod } from '@polyv/watch-identify-sdk-core';
|
|
4
|
+
export declare const useRootInject: () => {
|
|
5
|
+
getRootCtx: () => RootInjectContext;
|
|
6
|
+
currentLang: import("vue").ComputedRef<import("@polyv/watch-identify-sdk-core").LangType>;
|
|
7
|
+
$lang: typeof translate;
|
|
8
|
+
limitedLoginMethods: import("vue").ComputedRef<IdentifyLoginMethod[]>;
|
|
9
|
+
wxAuthEnabled: import("vue").ComputedRef<boolean>;
|
|
10
|
+
getIdentifyCore: () => import("@polyv/watch-identify-sdk-core").IdentifyCore;
|
|
11
|
+
};
|