yswk-ui 0.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/dist/component/base/btn/BtnLink/index.vue.d.ts +43 -0
- package/dist/component/base/btn/BtnRule/index.vue.d.ts +74 -0
- package/dist/component/base/media/AudioPlayer/index.vue.d.ts +35 -0
- package/dist/component/base/media/ColorBackground/index.vue.d.ts +22 -0
- package/dist/component/base/media/ImgCommon/index.vue.d.ts +24 -0
- package/dist/component/base/media/PageBackground/index.vue.d.ts +17 -0
- package/dist/component/base/media/UserImg/index.vue.d.ts +31 -0
- package/dist/component/base/media/UserName/index.vue.d.ts +30 -0
- package/dist/component/base/media/VideoPlayer/index.vue.d.ts +35 -0
- package/dist/component/base/text/TextCommon/index.vue.d.ts +33 -0
- package/dist/component/base/time/Countdown/index.vue.d.ts +35 -0
- package/dist/component/index.d.ts +34 -0
- package/dist/component/lucky/plate/RotatePlate/index.d.ts +6 -0
- package/dist/component/lucky/plate/RotatePlate/index.vue.d.ts +56 -0
- package/dist/component/lucky/plate/RotatePlate/subCompent/validate.d.ts +19 -0
- package/dist/component/lucky/plate/RotatePlate/validate.d.ts +11 -0
- package/dist/component/register.d.ts +8 -0
- package/dist/component/scan/ScanTobaInput/index.vue.d.ts +18 -0
- package/dist/component/scan/ScanTobaInput/type.d.ts +127 -0
- package/dist/component/scan/ScanTobaResult/index.vue.d.ts +12 -0
- package/dist/component/scan/ScanTobaResult/type.d.ts +123 -0
- package/dist/component/shared/PopupWrapper/index.vue.d.ts +36 -0
- package/dist/component/test/CaptchaInput/index.vue.d.ts +38 -0
- package/dist/constants.d.ts +61 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.es.js +7667 -0
- package/dist/types/component.d.ts +126 -0
- package/dist/utils/index.d.ts +12 -0
- package/dist/utils/libraryManager.d.ts +161 -0
- package/dist/utils/request.d.ts +24 -0
- package/dist/utils/sessionHelper.d.ts +38 -0
- package/dist/utils/styleHelper.d.ts +21 -0
- package/dist/vite.config.d.ts +2 -0
- package/package.json +40 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { IProps } from './type';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
3
|
+
pageChange: (...args: any[]) => void;
|
|
4
|
+
closeWindow: (...args: any[]) => void;
|
|
5
|
+
}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{
|
|
6
|
+
onPageChange?: ((...args: any[]) => any) | undefined;
|
|
7
|
+
onCloseWindow?: ((...args: any[]) => any) | undefined;
|
|
8
|
+
}>, {
|
|
9
|
+
styleSchema: import('./type').StyleSchema;
|
|
10
|
+
businessSchema: import('./type').BusinessSchema;
|
|
11
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { IApiConfig } from '../../../types/component';
|
|
2
|
+
export interface StyleSchema {
|
|
3
|
+
overlay: {
|
|
4
|
+
openEditView: boolean;
|
|
5
|
+
maskColor: string;
|
|
6
|
+
backgroundImage: string;
|
|
7
|
+
};
|
|
8
|
+
contentPosition: {
|
|
9
|
+
left: number;
|
|
10
|
+
top: number;
|
|
11
|
+
width: number;
|
|
12
|
+
height: number;
|
|
13
|
+
};
|
|
14
|
+
animation: {
|
|
15
|
+
enterAnimation: string;
|
|
16
|
+
exitAnimation: string;
|
|
17
|
+
};
|
|
18
|
+
resultTextContent: {
|
|
19
|
+
openEditType: string;
|
|
20
|
+
marginTop: number;
|
|
21
|
+
'1': {
|
|
22
|
+
text: string;
|
|
23
|
+
marginLeft: number;
|
|
24
|
+
fontSize: number;
|
|
25
|
+
color: string;
|
|
26
|
+
fontWeight: number;
|
|
27
|
+
};
|
|
28
|
+
'2': {
|
|
29
|
+
text: string;
|
|
30
|
+
marginLeft: number;
|
|
31
|
+
fontSize: number;
|
|
32
|
+
color: string;
|
|
33
|
+
fontWeight: number;
|
|
34
|
+
};
|
|
35
|
+
'3': {
|
|
36
|
+
text: string;
|
|
37
|
+
marginLeft: number;
|
|
38
|
+
fontSize: number;
|
|
39
|
+
color: string;
|
|
40
|
+
fontWeight: number;
|
|
41
|
+
};
|
|
42
|
+
'4': {
|
|
43
|
+
text: string;
|
|
44
|
+
marginLeft: number;
|
|
45
|
+
fontSize: number;
|
|
46
|
+
color: string;
|
|
47
|
+
fontWeight: number;
|
|
48
|
+
};
|
|
49
|
+
'5': {
|
|
50
|
+
text: string;
|
|
51
|
+
marginLeft: number;
|
|
52
|
+
fontSize: number;
|
|
53
|
+
color: string;
|
|
54
|
+
fontWeight: number;
|
|
55
|
+
};
|
|
56
|
+
'6': {
|
|
57
|
+
text: string;
|
|
58
|
+
marginLeft: number;
|
|
59
|
+
fontSize: number;
|
|
60
|
+
color: string;
|
|
61
|
+
fontWeight: number;
|
|
62
|
+
};
|
|
63
|
+
'7': {
|
|
64
|
+
text: string;
|
|
65
|
+
marginLeft: number;
|
|
66
|
+
fontSize: number;
|
|
67
|
+
color: string;
|
|
68
|
+
fontWeight: number;
|
|
69
|
+
};
|
|
70
|
+
'8': {
|
|
71
|
+
text: string;
|
|
72
|
+
marginLeft: number;
|
|
73
|
+
fontSize: number;
|
|
74
|
+
color: string;
|
|
75
|
+
fontWeight: number;
|
|
76
|
+
};
|
|
77
|
+
'9': {
|
|
78
|
+
text: string;
|
|
79
|
+
marginLeft: number;
|
|
80
|
+
fontSize: number;
|
|
81
|
+
color: string;
|
|
82
|
+
fontWeight: number;
|
|
83
|
+
};
|
|
84
|
+
other: {
|
|
85
|
+
text: string;
|
|
86
|
+
marginLeft: number;
|
|
87
|
+
fontSize: number;
|
|
88
|
+
color: string;
|
|
89
|
+
fontWeight: number;
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
validateTime: {
|
|
93
|
+
show: boolean;
|
|
94
|
+
marginTop: number;
|
|
95
|
+
marginLeft: number;
|
|
96
|
+
leftLabel: string;
|
|
97
|
+
timeFormat: string;
|
|
98
|
+
titleColor: string;
|
|
99
|
+
titleFontSize: number;
|
|
100
|
+
};
|
|
101
|
+
confirmButton: {
|
|
102
|
+
marginTop: number;
|
|
103
|
+
marginLeft: number;
|
|
104
|
+
backgroundImage: string;
|
|
105
|
+
width: number;
|
|
106
|
+
height: number;
|
|
107
|
+
input: string;
|
|
108
|
+
};
|
|
109
|
+
}
|
|
110
|
+
export interface BusinessSchema {
|
|
111
|
+
}
|
|
112
|
+
export interface IProps {
|
|
113
|
+
styleSchema?: StyleSchema;
|
|
114
|
+
businessSchema?: BusinessSchema;
|
|
115
|
+
previewConfig?: Record<string, IApiConfig>;
|
|
116
|
+
pageParams: {
|
|
117
|
+
checkStatus: number;
|
|
118
|
+
qrCodeMd5: string;
|
|
119
|
+
tobaId: string;
|
|
120
|
+
isFirst: 0 | 1;
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
export declare const defaultPageProps: IProps;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
visible: boolean;
|
|
3
|
+
maskColor?: string;
|
|
4
|
+
animation?: string;
|
|
5
|
+
zIndex?: number;
|
|
6
|
+
closeOnMaskClick?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
close?(_: {}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {};
|
|
15
|
+
rootEl: any;
|
|
16
|
+
};
|
|
17
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
19
|
+
"update:visible": (value: boolean) => any;
|
|
20
|
+
maskClick: () => any;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
22
|
+
"onUpdate:visible"?: ((value: boolean) => any) | undefined;
|
|
23
|
+
onMaskClick?: (() => any) | undefined;
|
|
24
|
+
}>, {
|
|
25
|
+
zIndex: number;
|
|
26
|
+
maskColor: string;
|
|
27
|
+
animation: string;
|
|
28
|
+
closeOnMaskClick: boolean;
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
30
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
interface StyleSchema {
|
|
2
|
+
position: {
|
|
3
|
+
left: number;
|
|
4
|
+
width: number;
|
|
5
|
+
height: number;
|
|
6
|
+
top: number;
|
|
7
|
+
zIndex: number;
|
|
8
|
+
centerHorizontal?: boolean;
|
|
9
|
+
};
|
|
10
|
+
input: {
|
|
11
|
+
placeholder: string;
|
|
12
|
+
textColor: string;
|
|
13
|
+
fontSize: number;
|
|
14
|
+
borderColor: string;
|
|
15
|
+
borderWidth: number;
|
|
16
|
+
borderRadius: string;
|
|
17
|
+
};
|
|
18
|
+
captcha: {
|
|
19
|
+
imageWidth: number;
|
|
20
|
+
imageHeight: number;
|
|
21
|
+
imageRadius: string;
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
interface BusinessSchema {
|
|
25
|
+
apiConfig: {
|
|
26
|
+
captchaUrl: string;
|
|
27
|
+
refreshInterval: number;
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
interface Props {
|
|
31
|
+
styleSchema?: StyleSchema;
|
|
32
|
+
businessSchema?: BusinessSchema;
|
|
33
|
+
}
|
|
34
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
35
|
+
styleSchema: StyleSchema;
|
|
36
|
+
businessSchema: BusinessSchema;
|
|
37
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
38
|
+
export default _default;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 组件JSON数据格式定义
|
|
3
|
+
* 低代码平台组件配置数据结构
|
|
4
|
+
*/
|
|
5
|
+
/** 组件分组 */
|
|
6
|
+
export declare enum ComponentGroup {
|
|
7
|
+
BASE = "base",// 基础组件
|
|
8
|
+
SCAN = "scan",// 扫码组件
|
|
9
|
+
LUCKY = "lucky",// 抽奖组件
|
|
10
|
+
POP = "pop",// 弹窗组件
|
|
11
|
+
TEST = "test",// 测试组件:用于开发测试使用
|
|
12
|
+
OTHER = "other"
|
|
13
|
+
}
|
|
14
|
+
/** 动画类型 */
|
|
15
|
+
export declare enum AnimationType {
|
|
16
|
+
FADE_IN = "fadeIn",
|
|
17
|
+
SLIDE_IN = "slideIn",
|
|
18
|
+
ZOOM_IN = "zoomIn",
|
|
19
|
+
BOUNCE_IN = "bounceIn"
|
|
20
|
+
}
|
|
21
|
+
/** 活动状态 */
|
|
22
|
+
export declare enum ActivityStatus {
|
|
23
|
+
NOT_STARTED = "notStarted",// 未开始
|
|
24
|
+
IN_PROGRESS = "inProgress",// 进行中
|
|
25
|
+
ENDED = "ended"
|
|
26
|
+
}
|
|
27
|
+
export declare const PROP_MAP: {
|
|
28
|
+
value: string;
|
|
29
|
+
label: string;
|
|
30
|
+
}[];
|
|
31
|
+
export declare enum FormItemEditType {
|
|
32
|
+
INPUT = "input",// 输入框
|
|
33
|
+
SELECT = "select",// 下拉框
|
|
34
|
+
RADIO = "radio",// 单选框
|
|
35
|
+
CHECKBOX = "checkbox",// 多选框
|
|
36
|
+
SWITCH = "switch",// 开关
|
|
37
|
+
COLOR = "color",// 颜色选择器
|
|
38
|
+
NUMBER = "number",// 数字输入框
|
|
39
|
+
SLIDER = "slider",
|
|
40
|
+
TEXTAREA = "textarea",// 多行输入框
|
|
41
|
+
MATERIAL = "material",// 素材选择
|
|
42
|
+
GOODS = "goods"
|
|
43
|
+
}
|
|
44
|
+
export declare enum ConfigArrType {
|
|
45
|
+
PREVIEW = "preview",//
|
|
46
|
+
STYLE = "style",// 样式配置
|
|
47
|
+
BUSINESS = "business",// 业务属性配置
|
|
48
|
+
SUB_COMPONENT = "subComponent"
|
|
49
|
+
}
|
|
50
|
+
export declare const ComponentGroupLabels: Record<string, string>;
|
|
51
|
+
export declare const COM_IS_EDITING = "wkc-com-is-editing";
|
|
52
|
+
export declare const COM_IS_PREVIEW = "wkc-is-preview";
|
|
53
|
+
export declare const COM_IS_WRAPPER = "wkc-com-is-wrapper";
|
|
54
|
+
export declare const COM_API_TOKEN = "wkc-apiToken";
|
|
55
|
+
export declare const COM_API_BASE = "wkc-api-pre";
|
|
56
|
+
export declare const POP_PORT_MOBILE_ID = "h5-pop-tport";
|
|
57
|
+
export declare const PAGE_ROUTE_QUERY_KEY = "wkc-session-key-routeQuery";
|
|
58
|
+
export declare const LOCATION_INFO_KEY = "wkc-session-key-locationInfo";
|
|
59
|
+
export declare const USER_INFO_KEY = "wkc-session-key-userInfo";
|
|
60
|
+
export declare const RETAIL_INFO_KEY = "wkc-session-key-retailerInfo";
|
|
61
|
+
export declare const ACT_REDIRECT_URL = "/service/activity/act/access/redirect?noAuth=1";
|
package/dist/index.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.wkc-link-button{display:flex;align-items:center;justify-content:center;cursor:pointer;background-size:100% 100%;background-position:center;background-repeat:no-repeat;overflow:hidden;transition:all .3s;-webkit-user-select:none;user-select:none;text-decoration:none}.wkc-link-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.wkc-link-button:active{opacity:.8;transform:translateY(0);box-shadow:0 2px 4px #0000001a}.wkc-link-button{border:none;outline:none}.wkc-rule-button{display:flex;align-items:center;justify-content:center;cursor:pointer;background-size:cover;background-position:center;transition:opacity .3s;-webkit-user-select:none;user-select:none}.wkc-rule-button:hover{opacity:.9}.wkc-rule-button:active{opacity:.8}.wkc-rule-popup-content{position:relative;background-size:100% 100%;background-position:center;overflow:hidden}.wkc-rule-popup-content .wkc-close-button{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;z-index:1}.wkc-rule-popup-content .wkc-close-button img{width:100%;height:100%;object-fit:contain}.wkc-rule-popup-content .wkc-close-icon{font-size:24px;color:#666;font-weight:700}.wkc-rule-popup-content .wkc-popup-text-content{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.wkc-rule-popup-content .wkc-popup-text-content::-webkit-scrollbar{width:0}.wkc-rule-popup-content .wkc-popup-text-content h2{margin:0 0 16px;font-size:20px;font-weight:700;color:#333;text-align:center}.wkc-rule-popup-content .wkc-popup-text-content p{margin:8px 0;font-size:14px;line-height:1.6;color:#666}.wkc-img-common{display:block;object-fit:fill;-webkit-user-select:none;user-select:none}.wkc-page-background{position:absolute;left:0;height:100%;width:100%;z-index:1;top:0;pointer-events:none}.wkc-page-background__color{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.wkc-page-background>*{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:1}.wkc-page-background__top{z-index:2;background-size:100% auto;background-position:center top}.wkc-page-background__bottom{z-index:3;background-size:100% auto;background-position:center bottom}.wkc-color-background{display:block}.wkc-user-img{display:flex;flex-direction:column;align-items:center}.wkc-user-img__avatar-wrapper{display:block;overflow:hidden;box-shadow:0 2px 8px #0000001a}.wkc-user-img__avatar{width:100%;height:100%;display:block;object-fit:cover}.wkc-user-img__avatar-placeholder{width:100%;height:100%}.wkc-user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;-webkit-user-select:none;user-select:none}.wkc-audio-player{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.wkc-audio-player audio{display:none}.wkc-audio-player .audio-icon-mode{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.wkc-audio-player .audio-icon-mode .audio-icon{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.wkc-audio-player .audio-icon-mode .audio-icon.rotating{animation:rotate 3s linear infinite}.wkc-audio-player .audio-icon-mode .audio-icon-placeholder{width:60%;height:60%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:32px;transition:transform .3s ease}.wkc-audio-player .audio-icon-mode .audio-icon-placeholder.rotating{animation:rotate 3s linear infinite}.wkc-audio-player .audio-controls{display:flex;align-items:center;gap:12px;width:100%;height:100%;padding:8px 12px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.wkc-audio-player .audio-controls .control-btn{width:32px;height:32px;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.wkc-audio-player .audio-controls .control-btn:hover{opacity:.8}.wkc-audio-player .audio-controls .control-btn:active{opacity:.6}.wkc-audio-player .audio-controls .progress-bar{flex:1;height:6px;background-color:#0000001a;border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.wkc-audio-player .audio-controls .progress-bar .progress-fill{height:100%;border-radius:3px;transition:width .1s}.wkc-audio-player .audio-controls .time-display{font-size:12px;white-space:nowrap;opacity:.8}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wkc-video-player{display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.wkc-video-player .video-element{width:100%;height:100%;display:block}.wkc-text-common{display:flex;align-items:center;word-break:break-word;overflow:hidden;-webkit-user-select:none;user-select:none}.wkc-countdown{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.wkc-countdown .countdown-content{display:flex;align-items:center;gap:8px}.wkc-countdown .countdown-content .countdown-text{font-weight:inherit}.wkc-countdown .countdown-content .time-block{display:flex;flex-direction:column;align-items:center;padding:4px 8px;background-color:var(--ef904392);border-radius:4px}.wkc-countdown .countdown-content .time-block .time-value{font-weight:inherit;line-height:1}.wkc-countdown .countdown-content .time-block .time-label{font-size:.6em;margin-top:2px;opacity:.8}.wkc-countdown .countdown-content .time-separator{font-weight:700;opacity:.8}.wkc-scan-toba-input{display:flex;flex-direction:column;background-size:100% 100%;box-sizing:border-box;overflow:hidden;position:absolute}.wkc-scan-toba-input .wkc-scan-title{text-align:left}.wkc-scan-toba-input .wkc-scan-input-item{outline:none;border:none;background-size:100% 100%;background-position:center;background-color:transparent}.wkc-scan-toba-input .wkc-scan-checkbox{display:flex;align-items:center;gap:8px}.wkc-scan-toba-input .wkc-scan-notice .wkc-scan-notice-title{text-align:center;margin-bottom:3px}.wkc-scan-toba-input .wkc-scan-notice .wkc-scan-notice-content{line-height:1.6;white-space:pre-line}.wkc-scan-toba-input .wkc-scan-button{background-size:100% 100%;background-color:transparent}.wkc-scan-toba-keyboard{position:absolute;left:0;bottom:0;width:100%;display:flex;flex-direction:column;z-index:1000;transition:all .3s linear}.wkc-scan-toba-keyboard .wkc-keyboard-row{display:flex;flex:1}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-style:solid;background-color:transparent;transition:background-color .2s}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key:empty{cursor:default;pointer-events:none}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .delete-btn{color:red}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .delete-btn,.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .hide-btn{font-size:.7em;background-color:#00000008}.wkc-scan-toba-keyboard .wkc-keyboard-row .wkc-keyboard-key .hiden-btn{font-size:.75em}.wkc-scan-toba-result{display:flex;flex-direction:column;background-size:100% 100%;box-sizing:border-box;overflow:hidden;position:absolute}.wkc-scan-toba-result .wkc-result-text{text-align:left;word-wrap:break-word;white-space:pre-wrap}.wkc-scan-toba-result .wkc-validate-time{display:flex;align-items:center}.wkc-scan-toba-result .wkc-confirm-button{background-size:100% 100%;cursor:pointer}.wkc-rotate-plate-wrapper{-webkit-user-select:none;user-select:none;overflow:hidden}.wkc-style1-container,.wkc-style2-container{width:100%;height:100%;position:relative}.wkc-wheel-bg,.wkc-wheel-content{position:relative}.wkc-prize-grid{display:flex;align-items:center;justify-content:center;overflow:hidden}.wkc-prize-grid .wkc-prize-content{position:absolute;top:20%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;text-align:center}.wkc-prize-grid .wkc-prize-content .wkc-prize-image{width:40px;height:40px;object-fit:contain;margin-bottom:4px}.wkc-prize-grid .wkc-prize-content .wkc-prize-name{font-size:12px;color:#333;font-weight:700;word-break:break-all}.wkc-lights-container{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.wkc-lights-container .wkc-light{box-shadow:0 0 10px #ffd70080}.wkc-lights-container .wkc-light.active{background-color:var(--v1e2d551f)!important;box-shadow:0 0 15px var(--v1e2d551f)}.wkc-pointer-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;display:flex;align-items:center;justify-content:center}.wkc-pointer-container .wkc-pointer-image{position:absolute;width:100%;height:auto;pointer-events:none}.wkc-pointer-container .wkc-center-button{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.wkc-pointer-container .wkc-center-button:hover{transform:scale(1.05)}.wkc-pointer-container .wkc-center-button:active{transform:scale(.95)}.wkc-pointer-container .wkc-center-button.preview{background-color:#ff00004d;border:2px dashed red}.wkc-pointer-container .wkc-center-button .wkc-center-button-image,.wkc-base-area .wkc-base-image{width:100%;height:100%;object-fit:contain}.wkc-captcha-input[data-v-f0341808]{display:flex;align-items:center;gap:0;background-color:#fff}.wkc-captcha-input__field[data-v-f0341808]{outline:none;box-sizing:border-box;transition:border-color .3s}.wkc-captcha-input__field[data-v-f0341808]:focus{border-color:#409eff}.wkc-captcha-input__field[data-v-f0341808]::placeholder{color:#c0c4cc}.wkc-captcha-input__image[data-v-f0341808]{position:relative;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:opacity .3s}.wkc-captcha-input__image[data-v-f0341808]:hover{opacity:.8}.wkc-captcha-input__image[data-v-f0341808]:active{opacity:.6}.wkc-captcha-image[data-v-f0341808]{width:100%;height:100%;object-fit:cover}.wkc-captcha-placeholder[data-v-f0341808]{font-size:12px;color:#909399;text-align:center}.wkc-captcha-loading[data-v-f0341808]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.wkc-captcha-countdown[data-v-f0341808]{position:absolute;top:2px;right:2px;background-color:#0009;color:#fff;padding:2px 6px;border-radius:2px;font-size:10px}@keyframes wkc-zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wkc-zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes wkc-bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes wkc-bounceOut{0%{transform:scale(1);opacity:1}to{transform:scale(.3);opacity:0}}@keyframes wkc-slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wkc-slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.wkc-fadeIn-enter-active{animation:wkc-fadeIn .3s ease-out}.wkc-fadeIn-leave-active{animation:wkc-fadeOut .3s ease-out}@keyframes wkc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes wkc-fadeOut{0%{opacity:1}to{opacity:0}}.wkc-slideIn-enter-active{animation:wkc-slideIn .3s ease-out}.wkc-slideIn-leave-active{animation:wkc-slideOut .3s ease-out}.wkc-zoomIn-enter-active{animation:wkc-zoomIn .3s ease-out}.wkc-zoomIn-leave-active{animation:wkc-zoomOut .3s ease-out}.wkc-bounceIn-enter-active{animation:wkc-bounceIn .5s ease-out}.wkc-bounceIn-leave-active{animation:wkc-bounceOut .3s ease-out}.wkc-popup-mask{position:absolute;left:0;top:0;width:100%;height:100%}.wkc-popup-container{left:0;top:0;width:100%;height:100%}
|
package/dist/index.d.ts
ADDED