@polyv/vue-components 1.0.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/font/din-pro/index.scss +26 -0
- package/font/youshe/index.scss +8 -0
- package/index.es.js +5574 -0
- package/package.json +22 -0
- package/src/components/basic-countdown/basic-countdown.vue.d.ts +71 -0
- package/src/components/basic-countdown/index.d.ts +2 -0
- package/src/components/basic-countdown/use-basic-countdown.d.ts +44 -0
- package/src/components/exports.d.ts +7 -0
- package/src/components/form/form-area-picker/form-area-picker.vue.d.ts +39 -0
- package/src/components/form/form-area-picker/index.d.ts +2 -0
- package/src/components/form/form-area-picker/use-form-area-picker.d.ts +50 -0
- package/src/components/form/form-checkbox/form-checkbox-group.vue.d.ts +27 -0
- package/src/components/form/form-checkbox/form-checkbox.vue.d.ts +67 -0
- package/src/components/form/form-checkbox/index.d.ts +4 -0
- package/src/components/form/form-checkbox/type.d.ts +8 -0
- package/src/components/form/form-checkbox/use-form-checkbox.d.ts +38 -0
- package/src/components/form/form-input/form-input.vue.d.ts +117 -0
- package/src/components/form/form-input/index.d.ts +2 -0
- package/src/components/form/form-input/use-form-input.d.ts +88 -0
- package/src/components/form/form-item/form-item.vue.d.ts +54 -0
- package/src/components/form/form-item/index.d.ts +2 -0
- package/src/components/form/form-item/use-form-item.d.ts +71 -0
- package/src/components/form/form-protocol/form-protocol.vue.d.ts +19 -0
- package/src/components/form/form-protocol/index.d.ts +2 -0
- package/src/components/form/form-protocol/use-form-protocol.d.ts +19 -0
- package/src/components/form/form-radio/form-radio-group.vue.d.ts +21 -0
- package/src/components/form/form-radio/form-radio.vue.d.ts +56 -0
- package/src/components/form/form-radio/index.d.ts +3 -0
- package/src/components/form/form-radio/type.d.ts +7 -0
- package/src/components/form/form-submit-button/form-submit-button.vue.d.ts +61 -0
- package/src/components/form/form-submit-button/index.d.ts +2 -0
- package/src/components/form/form-submit-button/use-form-submit-button.d.ts +35 -0
- package/src/components/form/form-wrap/form-wrap.vue.d.ts +74 -0
- package/src/components/form/form-wrap/index.d.ts +2 -0
- package/src/components/form/form-wrap/use-form-wrap.d.ts +64 -0
- package/src/components/form/hooks/use-form-common.d.ts +25 -0
- package/src/components/form/index.d.ts +9 -0
- package/src/components/form/types/index.d.ts +19 -0
- package/src/components/icons/icons/arrow-down/index.d.ts +6 -0
- package/src/components/icons/icons/arrow-left/index.d.ts +6 -0
- package/src/components/icons/icons/arrow-right/index.d.ts +6 -0
- package/src/components/icons/icons/arrow-up/index.d.ts +6 -0
- package/src/components/icons/icons/check/index.d.ts +6 -0
- package/src/components/icons/icons/close/index.d.ts +6 -0
- package/src/components/icons/icons/close-round-fill/index.d.ts +6 -0
- package/src/components/icons/icons/empty-prize/index.d.ts +6 -0
- package/src/components/icons/icons/error-round/index.d.ts +6 -0
- package/src/components/icons/icons/info-round-filled/index.d.ts +6 -0
- package/src/components/icons/icons/list/index.d.ts +6 -0
- package/src/components/icons/icons/question-round/index.d.ts +6 -0
- package/src/components/icons/icons/success-round/index.d.ts +6 -0
- package/src/components/icons/map.d.ts +17 -0
- package/src/components/normal-button/index.d.ts +3 -0
- package/src/components/normal-button/normal-button.vue.d.ts +64 -0
- package/src/components/normal-button/type.d.ts +28 -0
- package/src/components/normal-button/use-normal-button.d.ts +37 -0
- package/src/components/normal-pendant/index.d.ts +1 -0
- package/src/components/normal-pendant/normal-pendant.vue.d.ts +43 -0
- package/src/components/popup/hooks/popup-props.d.ts +114 -0
- package/src/components/popup/hooks/use-popup-append.d.ts +13 -0
- package/src/components/popup/hooks/use-popup-back.d.ts +13 -0
- package/src/components/popup/hooks/use-popup-config.d.ts +13 -0
- package/src/components/popup/hooks/use-popup-draggable.d.ts +15 -0
- package/src/components/popup/hooks/use-popup-height.d.ts +25 -0
- package/src/components/popup/hooks/use-popup-position.d.ts +11 -0
- package/src/components/popup/hooks/use-popup-scroll.d.ts +8 -0
- package/src/components/popup/hooks/use-popup-visible.d.ts +14 -0
- package/src/components/popup/hooks/use-popup-width.d.ts +10 -0
- package/src/components/popup/index.d.ts +4 -0
- package/src/components/popup/popup.vue.d.ts +205 -0
- package/src/components/popup/types.d.ts +17 -0
- package/src/components/reward-receive/entrance/reward-receive.vue.d.ts +31 -0
- package/src/components/reward-receive/hooks/use-reward-receive.d.ts +82 -0
- package/src/components/reward-receive/index.d.ts +3 -0
- package/src/components/reward-receive/types/index.d.ts +66 -0
- package/src/hooks/business/use-app-element/index.d.ts +4 -0
- package/src/hooks/business/use-config-provider/index.d.ts +22 -0
- package/src/hooks/business/use-track-event/index.d.ts +21 -0
- package/src/hooks/components/use-action-sheet/_component/action-sheet.vue.d.ts +20 -0
- package/src/hooks/components/use-action-sheet/_component/use-action-sheet-comp.d.ts +13 -0
- package/src/hooks/components/use-action-sheet/hook.d.ts +4 -0
- package/src/hooks/components/use-action-sheet/index.d.ts +3 -0
- package/src/hooks/components/use-action-sheet/types.d.ts +15 -0
- package/src/hooks/components/use-auto-topmost/index.d.ts +13 -0
- package/src/hooks/components/use-message-box/_component/message-box-element.vue.d.ts +64 -0
- package/src/hooks/components/use-message-box/_component/use-message-box-element.d.ts +46 -0
- package/src/hooks/components/use-message-box/index.d.ts +9 -0
- package/src/hooks/components/use-message-box/types.d.ts +24 -0
- package/src/hooks/components/use-popper/_hooks/use-popper-arrow.d.ts +2 -0
- package/src/hooks/components/use-popper/_hooks/use-popper-core.d.ts +15 -0
- package/src/hooks/components/use-popper/_hooks/use-popper-interactive.d.ts +5 -0
- package/src/hooks/components/use-popper/_hooks/use-popper-visible.d.ts +6 -0
- package/src/hooks/components/use-popper/_popper-type.d.ts +75 -0
- package/src/hooks/components/use-popper/index.d.ts +32 -0
- package/src/hooks/components/use-toast/_component/toast-element.vue.d.ts +34 -0
- package/src/hooks/components/use-toast/_component/use-toast-element.d.ts +32 -0
- package/src/hooks/components/use-toast/index.d.ts +11 -0
- package/src/hooks/components/use-toast/types.d.ts +21 -0
- package/src/hooks/exports.d.ts +34 -0
- package/src/hooks/interactive/use-click-outside/index.d.ts +14 -0
- package/src/hooks/interactive/use-fullscreen/index.d.ts +29 -0
- package/src/hooks/interactive/use-hover-visible/index.d.ts +16 -0
- package/src/hooks/interactive/use-page-fullscreen/index.d.ts +6 -0
- package/src/hooks/interactive/use-screen-orientation/index.d.ts +25 -0
- package/src/hooks/interactive/use-scroll/index.d.ts +20 -0
- package/src/hooks/interactive/use-sound-effect/index.d.ts +6 -0
- package/src/hooks/pagination/types.d.ts +60 -0
- package/src/hooks/pagination/use-scroll-pagintaion/index.d.ts +17 -0
- package/src/hooks/pagination/use-static-pagination/index.d.ts +24 -0
- package/src/hooks/plugin/use-resize-observer/index.d.ts +13 -0
- package/src/hooks/plugin/use-svga-animation/index.d.ts +25 -0
- package/src/hooks/plugin/use-svga-player/index.d.ts +24 -0
- package/src/hooks/tools/use-append-to/index.d.ts +7 -0
- package/src/hooks/tools/use-body-locked/index.d.ts +10 -0
- package/src/hooks/tools/use-browser/index.d.ts +14 -0
- package/src/hooks/tools/use-copy-text/index.d.ts +9 -0
- package/src/hooks/tools/use-count-down/index.d.ts +39 -0
- package/src/hooks/tools/use-event-bus/index.d.ts +19 -0
- package/src/hooks/tools/use-event-listener/index.d.ts +2 -0
- package/src/hooks/tools/use-link-open/index.d.ts +3 -0
- package/src/hooks/tools/use-set-interval/index.d.ts +9 -0
- package/src/hooks/tools/use-set-timeout/index.d.ts +9 -0
- package/src/hooks/tools/use-simple-visible/index.d.ts +41 -0
- package/src/hooks/tools/use-target-event-emitter/index.d.ts +10 -0
- package/src/hooks/tools/use-window-resize-listener/index.d.ts +34 -0
- package/src/hooks/vue/use-model-value/index.d.ts +13 -0
- package/src/hooks/vue/use-vue/index.d.ts +15 -0
- package/src/index.d.ts +6 -0
- package/src/interface/index.d.ts +4 -0
- package/src/lang/common/en.json.d.ts +14 -0
- package/src/lang/common/index.d.ts +4 -0
- package/src/lang/common/ja.json.d.ts +13 -0
- package/src/lang/common/ko.json.d.ts +13 -0
- package/src/lang/common/ru.json.d.ts +13 -0
- package/src/lang/common/zh-CN.json.d.ts +14 -0
- package/src/lang/common/zh-TW.json.d.ts +13 -0
- package/src/lang/exports.d.ts +2 -0
- package/src/lang/hook.d.ts +12 -0
- package/src/lang/internal/en.json.d.ts +21 -0
- package/src/lang/internal/index.d.ts +34 -0
- package/src/lang/internal/ja.json.d.ts +21 -0
- package/src/lang/internal/ko.json.d.ts +21 -0
- package/src/lang/internal/ru.json.d.ts +21 -0
- package/src/lang/internal/zh-CN.json.d.ts +21 -0
- package/src/lang/internal/zh-TW.json.d.ts +21 -0
- package/src/lang/types.d.ts +12 -0
- package/src/lang/utils.d.ts +1 -0
- package/src/plugins/async-validator/index.d.ts +3 -0
- package/src/plugins/exports.d.ts +2 -0
- package/src/plugins/polyv-ui/area-utils.d.ts +13 -0
- package/src/plugins/polyv-ui/mobile-import.d.ts +1 -0
- package/src/plugins/polyv-ui/types.d.ts +19 -0
- package/src/plugins/svgaplayerweb/load-svga-player.d.ts +15 -0
- package/src/utils/dom.d.ts +5 -0
- package/src/vue-utils/emit-utils.d.ts +12 -0
- package/src/vue-utils/index.d.ts +18 -0
- package/src/vue-utils/props-utils.d.ts +61 -0
- package/styles/animation.scss +24 -0
- package/styles/mixins.scss +123 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file All Icon Exporter
|
|
3
|
+
* @author Auto Generated by @polyv/icons-cli
|
|
4
|
+
*/
|
|
5
|
+
export { default as PwcIconArrowDown } from './icons/arrow-down';
|
|
6
|
+
export { default as PwcIconArrowLeft } from './icons/arrow-left';
|
|
7
|
+
export { default as PwcIconArrowRight } from './icons/arrow-right';
|
|
8
|
+
export { default as PwcIconArrowUp } from './icons/arrow-up';
|
|
9
|
+
export { default as PwcIconCheck } from './icons/check';
|
|
10
|
+
export { default as PwcIconClose } from './icons/close';
|
|
11
|
+
export { default as PwcIconCloseRoundFill } from './icons/close-round-fill';
|
|
12
|
+
export { default as PwcIconEmptyPrize } from './icons/empty-prize';
|
|
13
|
+
export { default as PwcIconErrorRound } from './icons/error-round';
|
|
14
|
+
export { default as PwcIconInfoRoundFilled } from './icons/info-round-filled';
|
|
15
|
+
export { default as PwcIconList } from './icons/list';
|
|
16
|
+
export { default as PwcIconQuestionRound } from './icons/question-round';
|
|
17
|
+
export { default as PwcIconSuccessRound } from './icons/success-round';
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
declare function __VLS_template(): {
|
|
2
|
+
attrs: Partial<{}>;
|
|
3
|
+
slots: {
|
|
4
|
+
default?(_: {}): any;
|
|
5
|
+
};
|
|
6
|
+
refs: {};
|
|
7
|
+
rootEl: HTMLButtonElement;
|
|
8
|
+
};
|
|
9
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
10
|
+
declare const __VLS_component: import('vue').DefineComponent<{
|
|
11
|
+
type: import('vue-types').VueTypeValidableDef<import('./type').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('./type').ButtonType>> & {
|
|
12
|
+
default: import('./type').ButtonType;
|
|
13
|
+
};
|
|
14
|
+
disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
15
|
+
default: boolean;
|
|
16
|
+
};
|
|
17
|
+
size: import('vue-types').VueTypeValidableDef<import('./type').ButtonSize, import('vue-types/dist/types').ValidatorFunction<import('./type').ButtonSize>> & {
|
|
18
|
+
default: import('./type').ButtonSize;
|
|
19
|
+
};
|
|
20
|
+
outline: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
23
|
+
block: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
24
|
+
default: boolean;
|
|
25
|
+
};
|
|
26
|
+
square: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
27
|
+
default: boolean;
|
|
28
|
+
};
|
|
29
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
30
|
+
click: (arg: MouseEvent) => void;
|
|
31
|
+
}, string, Readonly<import('vue').ExtractPropTypes<{
|
|
32
|
+
type: import('vue-types').VueTypeValidableDef<import('./type').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('./type').ButtonType>> & {
|
|
33
|
+
default: import('./type').ButtonType;
|
|
34
|
+
};
|
|
35
|
+
disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
36
|
+
default: boolean;
|
|
37
|
+
};
|
|
38
|
+
size: import('vue-types').VueTypeValidableDef<import('./type').ButtonSize, import('vue-types/dist/types').ValidatorFunction<import('./type').ButtonSize>> & {
|
|
39
|
+
default: import('./type').ButtonSize;
|
|
40
|
+
};
|
|
41
|
+
outline: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
42
|
+
default: boolean;
|
|
43
|
+
};
|
|
44
|
+
block: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
45
|
+
default: boolean;
|
|
46
|
+
};
|
|
47
|
+
square: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
48
|
+
default: boolean;
|
|
49
|
+
};
|
|
50
|
+
}>>, {
|
|
51
|
+
type: import('./type').ButtonType;
|
|
52
|
+
square: boolean;
|
|
53
|
+
block: boolean;
|
|
54
|
+
size: import('./type').ButtonSize;
|
|
55
|
+
outline: boolean;
|
|
56
|
+
disabled: boolean;
|
|
57
|
+
}>;
|
|
58
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
59
|
+
export default _default;
|
|
60
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
61
|
+
new (): {
|
|
62
|
+
$scopedSlots: S;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 按钮类型
|
|
3
|
+
*/
|
|
4
|
+
export declare enum ButtonType {
|
|
5
|
+
Primary = "primary",
|
|
6
|
+
Info = "info",
|
|
7
|
+
Danger = "danger",
|
|
8
|
+
Outline = "outline",
|
|
9
|
+
Multicolour = "multicolour",
|
|
10
|
+
MulticolourOutline = "multicolour-outline",
|
|
11
|
+
/** 橙色 */
|
|
12
|
+
Orange = "orange",
|
|
13
|
+
/** 橙色线性 */
|
|
14
|
+
OrangeOutline = "orange-outline"
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* 按钮尺寸
|
|
18
|
+
*/
|
|
19
|
+
export declare enum ButtonSize {
|
|
20
|
+
/** height: 40px */
|
|
21
|
+
Default = "",
|
|
22
|
+
/** height: 48px */
|
|
23
|
+
Middle = "middle",
|
|
24
|
+
/** height: 32px */
|
|
25
|
+
Small = "small",
|
|
26
|
+
/** height: 28px */
|
|
27
|
+
Mini = "mini"
|
|
28
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { VueEmit, VueProps } from '../../vue-utils';
|
|
2
|
+
import { ButtonSize, ButtonType } from './type';
|
|
3
|
+
export declare const normalButtonProps: () => {
|
|
4
|
+
/** 按钮类型 */
|
|
5
|
+
type: import('vue-types').VueTypeValidableDef<ButtonType, import('vue-types/dist/types').ValidatorFunction<ButtonType>> & {
|
|
6
|
+
default: ButtonType;
|
|
7
|
+
};
|
|
8
|
+
/** 是否禁用 */
|
|
9
|
+
disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
10
|
+
default: boolean;
|
|
11
|
+
};
|
|
12
|
+
/** 按钮大小 */
|
|
13
|
+
size: import('vue-types').VueTypeValidableDef<ButtonSize, import('vue-types/dist/types').ValidatorFunction<ButtonSize>> & {
|
|
14
|
+
default: ButtonSize;
|
|
15
|
+
};
|
|
16
|
+
/** 是否为描边按钮 */
|
|
17
|
+
outline: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
18
|
+
default: boolean;
|
|
19
|
+
};
|
|
20
|
+
/** 是否为块级按钮 */
|
|
21
|
+
block: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
24
|
+
/** 是否为方形按钮 */
|
|
25
|
+
square: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
26
|
+
default: boolean;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export declare const normalButtonEmits: () => {
|
|
30
|
+
click: import('../../vue-utils').EmitFuncType<MouseEvent>;
|
|
31
|
+
};
|
|
32
|
+
export declare const useNormalButton: (options: {
|
|
33
|
+
props: VueProps<typeof normalButtonProps>;
|
|
34
|
+
emit: VueEmit<typeof normalButtonEmits>;
|
|
35
|
+
}) => {
|
|
36
|
+
onClick: (event: MouseEvent) => void;
|
|
37
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PwcNormalPendant } from './normal-pendant.vue';
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{
|
|
2
|
+
/** 挂件图片 */
|
|
3
|
+
iconUrl: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
/** 挂件文案 */
|
|
7
|
+
text: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
/** 倒计时秒数 */
|
|
11
|
+
countdownSecond: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
|
|
12
|
+
default: number;
|
|
13
|
+
};
|
|
14
|
+
/** 倒计时时间戳 */
|
|
15
|
+
countdownTimestamp: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
|
|
16
|
+
default: number;
|
|
17
|
+
};
|
|
18
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
19
|
+
"click-pendant": (arg?: void | undefined) => void;
|
|
20
|
+
}, string, Readonly<import('vue').ExtractPropTypes<{
|
|
21
|
+
/** 挂件图片 */
|
|
22
|
+
iconUrl: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
|
|
23
|
+
default: string;
|
|
24
|
+
};
|
|
25
|
+
/** 挂件文案 */
|
|
26
|
+
text: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
|
|
27
|
+
default: string;
|
|
28
|
+
};
|
|
29
|
+
/** 倒计时秒数 */
|
|
30
|
+
countdownSecond: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
|
|
31
|
+
default: number;
|
|
32
|
+
};
|
|
33
|
+
/** 倒计时时间戳 */
|
|
34
|
+
countdownTimestamp: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
|
|
35
|
+
default: number;
|
|
36
|
+
};
|
|
37
|
+
}>>, {
|
|
38
|
+
text: string;
|
|
39
|
+
iconUrl: string;
|
|
40
|
+
countdownSecond: number;
|
|
41
|
+
countdownTimestamp: number;
|
|
42
|
+
}>;
|
|
43
|
+
export default _default;
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { PopupConfig, CustomClosePopup } from '../types';
|
|
2
|
+
export declare const popupProps: () => {
|
|
3
|
+
value: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
4
|
+
default: boolean;
|
|
5
|
+
};
|
|
6
|
+
/** 标题 */
|
|
7
|
+
title: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
/** 标题样式 */
|
|
11
|
+
titleStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
|
|
12
|
+
default: () => import('vue').CSSProperties;
|
|
13
|
+
};
|
|
14
|
+
/** 背景模式 */
|
|
15
|
+
backgroundMode: import('vue-types').VueTypeDef<"bg1">;
|
|
16
|
+
/** 背景 */
|
|
17
|
+
background: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
|
|
18
|
+
default: string;
|
|
19
|
+
};
|
|
20
|
+
/** 是否可以关闭 */
|
|
21
|
+
closeable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
24
|
+
/** 是否显示返回按钮 */
|
|
25
|
+
backable: import('vue-types').VueTypeDef<boolean | undefined> & {
|
|
26
|
+
default: boolean | undefined;
|
|
27
|
+
};
|
|
28
|
+
/** 是否显示头部 */
|
|
29
|
+
showHeader: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
30
|
+
default: boolean;
|
|
31
|
+
};
|
|
32
|
+
/** 头部样式 */
|
|
33
|
+
headerStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
|
|
34
|
+
default: () => import('vue').CSSProperties;
|
|
35
|
+
};
|
|
36
|
+
/** 打开事件 */
|
|
37
|
+
openEvent: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
|
|
38
|
+
/** 位置 */
|
|
39
|
+
position: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "center">;
|
|
40
|
+
/** 在屏幕横屏时,强制使用的位置 */
|
|
41
|
+
horizontalScreenPosition: import('vue-types').VueTypeDef<"bottom" | "left" | "right" | "center"> & {
|
|
42
|
+
default: "bottom" | "left" | "right" | "center";
|
|
43
|
+
};
|
|
44
|
+
/** 在屏幕横屏时,弹层 className */
|
|
45
|
+
horizontalScreenClassName: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
|
|
46
|
+
default: string;
|
|
47
|
+
};
|
|
48
|
+
/** 宽度 */
|
|
49
|
+
width: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
|
|
50
|
+
/** 高度 */
|
|
51
|
+
height: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
|
|
52
|
+
/** 主体最大高度 */
|
|
53
|
+
bodyMaxHeight: import('vue-types').VueTypeDef<string | number> & {
|
|
54
|
+
default: string | number;
|
|
55
|
+
};
|
|
56
|
+
/** 主体高度百分比 */
|
|
57
|
+
bodyHeightPercent: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
|
|
58
|
+
/**
|
|
59
|
+
* 是否使用动态高度
|
|
60
|
+
* 需要传入 bodyHeightPercent 后才生效
|
|
61
|
+
* 需要传入 bodyMaxHeight 且为 0~1 的数字后才生效
|
|
62
|
+
*/
|
|
63
|
+
dynamicHeight: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
64
|
+
default: boolean;
|
|
65
|
+
};
|
|
66
|
+
/** 填充 */
|
|
67
|
+
fillBody: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
68
|
+
default: boolean;
|
|
69
|
+
};
|
|
70
|
+
/** 主体样式 */
|
|
71
|
+
bodyStyle: import('vue-types').VueTypeValidableDef<import('vue').CSSProperties, import('vue-types/dist/types').ValidatorFunction<import('vue').CSSProperties>> & {
|
|
72
|
+
default: () => import('vue').CSSProperties;
|
|
73
|
+
};
|
|
74
|
+
/** 插入到的节点 */
|
|
75
|
+
appendTo: import('vue-types').VueTypeDef<HTMLElement | undefined> & {
|
|
76
|
+
default: (() => HTMLElement) | undefined;
|
|
77
|
+
};
|
|
78
|
+
/** 是否显示遮罩层,开启 draggable 时,强制关闭 */
|
|
79
|
+
showModal: import('vue-types').VueTypeDef<boolean | undefined> & {
|
|
80
|
+
default: boolean | undefined;
|
|
81
|
+
};
|
|
82
|
+
/** 点击遮罩是否关闭 */
|
|
83
|
+
closeOnMask: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
84
|
+
default: boolean;
|
|
85
|
+
};
|
|
86
|
+
/** 配置 */
|
|
87
|
+
popupConfig: import('vue-types').VueTypeValidableDef<PopupConfig, import('vue-types/dist/types').ValidatorFunction<PopupConfig>>;
|
|
88
|
+
/** 是否显示滚动条 */
|
|
89
|
+
showScrollbar: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
90
|
+
default: boolean;
|
|
91
|
+
};
|
|
92
|
+
/** 自定义关闭弹层 */
|
|
93
|
+
customClose: import('vue-types').VueTypeValidableDef<CustomClosePopup, import('vue-types/dist/types').ValidatorFunction<CustomClosePopup>>;
|
|
94
|
+
/** 窗口是否可以拖拽,仅 PC 端在 position 为 center 时有效 */
|
|
95
|
+
draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
96
|
+
default: boolean;
|
|
97
|
+
};
|
|
98
|
+
/** 用于计算定位的元素 */
|
|
99
|
+
positionComputedElem: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
|
|
100
|
+
default: string;
|
|
101
|
+
};
|
|
102
|
+
/** 禁止 body 滚动 */
|
|
103
|
+
bodyLocked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
104
|
+
default: boolean;
|
|
105
|
+
};
|
|
106
|
+
/** 隐藏弹层阴影 */
|
|
107
|
+
hiddenShadow: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
|
|
108
|
+
default: boolean;
|
|
109
|
+
};
|
|
110
|
+
};
|
|
111
|
+
export declare const popupEmits: () => {
|
|
112
|
+
'after-leave': import('../../../vue-utils').EmitFuncType<void>;
|
|
113
|
+
'click-back': import('../../../vue-utils').EmitFuncType<void>;
|
|
114
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { VueProps } from '../../../vue-utils';
|
|
2
|
+
import { Ref } from 'vue';
|
|
3
|
+
import { popupProps } from './popup-props';
|
|
4
|
+
/**
|
|
5
|
+
* 弹层渲染节点 hook
|
|
6
|
+
*/
|
|
7
|
+
export declare const usePopupAppend: (options: {
|
|
8
|
+
props: VueProps<typeof popupProps>;
|
|
9
|
+
wrapRef: Ref<HTMLDivElement | undefined>;
|
|
10
|
+
}) => {
|
|
11
|
+
popupAppendTo: import('vue').ComputedRef<HTMLElement | undefined>;
|
|
12
|
+
appendStyle: import('vue').ComputedRef<Record<string, string>>;
|
|
13
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { VueEmit, VueProps } from '../../../vue-utils';
|
|
2
|
+
import { popupEmits, popupProps } from './popup-props';
|
|
3
|
+
import { PopupBackActionData } from '../types';
|
|
4
|
+
export declare const usePopupBack: (options: {
|
|
5
|
+
props: VueProps<typeof popupProps>;
|
|
6
|
+
emit: VueEmit<typeof popupEmits>;
|
|
7
|
+
/** 调用关闭弹层 */
|
|
8
|
+
callbackCloseBody: () => void;
|
|
9
|
+
}) => {
|
|
10
|
+
onClickBack: () => void;
|
|
11
|
+
showBack: import('vue').ComputedRef<boolean>;
|
|
12
|
+
setupBackAction: (data?: PopupBackActionData) => void;
|
|
13
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { VueProps } from '../../../vue-utils';
|
|
2
|
+
import { ComputedRef } from 'vue';
|
|
3
|
+
import { PopupConfig } from '../types';
|
|
4
|
+
export declare const popupConfigProps: () => {
|
|
5
|
+
popupConfig: import('vue-types').VueTypeValidableDef<PopupConfig, import('vue-types/dist/types').ValidatorFunction<PopupConfig>>;
|
|
6
|
+
};
|
|
7
|
+
export interface PopupConfigInjectData {
|
|
8
|
+
popupConfig?: ComputedRef<PopupConfig | undefined>;
|
|
9
|
+
}
|
|
10
|
+
export declare const usePopupConfigProvide: (options: {
|
|
11
|
+
props: VueProps<typeof popupConfigProps>;
|
|
12
|
+
}) => void;
|
|
13
|
+
export declare const usePopupConfigInject: () => PopupConfigInjectData;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { VueProps } from '../../../vue-utils';
|
|
2
|
+
import { ComputedRef, Ref } from 'vue';
|
|
3
|
+
import { popupProps } from './popup-props';
|
|
4
|
+
import { PopupPosition } from '../types';
|
|
5
|
+
export declare const usePopupDraggable: (options: {
|
|
6
|
+
props: VueProps<typeof popupProps>;
|
|
7
|
+
bodyRef: Ref<HTMLDivElement | undefined>;
|
|
8
|
+
headerRef: Ref<HTMLDivElement | undefined>;
|
|
9
|
+
bodyVisible: Ref<boolean>;
|
|
10
|
+
popupPosition: ComputedRef<PopupPosition>;
|
|
11
|
+
}) => {
|
|
12
|
+
canDraggable: ComputedRef<boolean>;
|
|
13
|
+
draggableStyle: ComputedRef<Record<string, string>>;
|
|
14
|
+
resetPosition: () => void;
|
|
15
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { VueProps } from '../../../vue-utils';
|
|
2
|
+
import { popupProps } from './popup-props';
|
|
3
|
+
import { ComputedRef, Ref } from 'vue';
|
|
4
|
+
import { PopupPosition } from '../types';
|
|
5
|
+
export declare const usePopupDynamicHeight: (options: {
|
|
6
|
+
props: VueProps<typeof popupProps>;
|
|
7
|
+
scrollRef: Ref<HTMLDivElement | undefined>;
|
|
8
|
+
popupPosition: ComputedRef<PopupPosition>;
|
|
9
|
+
wrapVisible: Ref<boolean>;
|
|
10
|
+
}) => {
|
|
11
|
+
canDynamicHeight: ComputedRef<boolean | 0 | undefined>;
|
|
12
|
+
dynamicBodyHeightPercent: ComputedRef<number>;
|
|
13
|
+
reset: () => void;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* 弹层高度 hook
|
|
17
|
+
*/
|
|
18
|
+
export declare const usePopupHeight: (options: {
|
|
19
|
+
props: VueProps<typeof popupProps>;
|
|
20
|
+
scrollRef: Ref<HTMLDivElement | undefined>;
|
|
21
|
+
popupPosition: ComputedRef<PopupPosition>;
|
|
22
|
+
wrapVisible: Ref<boolean>;
|
|
23
|
+
}) => {
|
|
24
|
+
bodyHeightStyle: ComputedRef<Record<string, string>>;
|
|
25
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { VueProps } from '../../../vue-utils';
|
|
2
|
+
import { popupProps } from './popup-props';
|
|
3
|
+
/**
|
|
4
|
+
* 弹层位置 hook
|
|
5
|
+
*/
|
|
6
|
+
export declare const usePopupPosition: (options: {
|
|
7
|
+
props: VueProps<typeof popupProps>;
|
|
8
|
+
}) => {
|
|
9
|
+
popupPosition: import('vue').ComputedRef<"bottom" | "left" | "right" | "center">;
|
|
10
|
+
positionClass: import('vue').ComputedRef<string>;
|
|
11
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { VueProps } from '../../../vue-utils';
|
|
2
|
+
import { popupProps } from './popup-props';
|
|
3
|
+
export declare const usePopupScroll: (options: {
|
|
4
|
+
props: VueProps<typeof popupProps>;
|
|
5
|
+
}) => {
|
|
6
|
+
scrollRef: import('vue').Ref<HTMLDivElement | undefined>;
|
|
7
|
+
resetScroll: () => Promise<void>;
|
|
8
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { VueEmit, VueProps } from '../../../vue-utils';
|
|
2
|
+
import { popupEmits, popupProps } from './popup-props';
|
|
3
|
+
export declare const usePopupVisible: (options: {
|
|
4
|
+
props: VueProps<typeof popupProps>;
|
|
5
|
+
emit: VueEmit<typeof popupEmits>;
|
|
6
|
+
}) => {
|
|
7
|
+
wrapVisible: import('vue').Ref<boolean>;
|
|
8
|
+
bodyVisible: import('vue').Ref<boolean>;
|
|
9
|
+
onAfterLeave: () => void;
|
|
10
|
+
openPopup: () => void;
|
|
11
|
+
closePopup: () => void;
|
|
12
|
+
closeBody: () => void;
|
|
13
|
+
onClickMask: () => void;
|
|
14
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { VueProps } from '../../../vue-utils';
|
|
2
|
+
import { popupProps } from './popup-props';
|
|
3
|
+
import { PopupPosition } from '../types';
|
|
4
|
+
import { ComputedRef } from 'vue';
|
|
5
|
+
export declare const usePopupWidth: (options: {
|
|
6
|
+
props: VueProps<typeof popupProps>;
|
|
7
|
+
popupPosition: ComputedRef<PopupPosition>;
|
|
8
|
+
}) => {
|
|
9
|
+
bodyWidthStyle: ComputedRef<Record<string, string>>;
|
|
10
|
+
};
|