@uzum-tech/ui 2.0.0 → 2.0.2
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/index.js +260 -62
- package/dist/index.mjs +260 -62
- package/dist/index.prod.js +2 -2
- package/dist/index.prod.mjs +2 -2
- package/es/chat/src/ChatParts/MainArea.mjs +3 -1
- package/es/components.d.ts +51 -0
- package/es/input-number/src/InputNumber.d.ts +14 -0
- package/es/input-number/src/InputNumber.mjs +121 -48
- package/es/input-number/src/constants.d.ts +14 -0
- package/es/input-number/src/constants.mjs +15 -0
- package/es/input-number/src/interface.d.ts +4 -0
- package/es/input-number/src/utils.d.ts +12 -0
- package/es/input-number/src/utils.mjs +89 -1
- package/es/mapping-card/src/MappingCardList.d.ts +2 -0
- package/es/mapping-card/src/MappingCardList.mjs +11 -2
- package/es/mapping-card/src/interface.d.ts +3 -0
- package/es/mapping-card/src/interface.mjs +2 -1
- package/es/mapping-card/src/styles/index.cssr.mjs +8 -1
- package/es/modal/src/BodyWrapper.d.ts +39 -0
- package/es/modal/src/Modal.d.ts +56 -0
- package/es/modal/src/ModalEnvironment.d.ts +39 -0
- package/es/modal/src/presetProps.d.ts +18 -1
- package/es/modal/src/presetProps.mjs +2 -1
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/lib/chat/src/ChatParts/MainArea.js +45 -43
- package/lib/components.d.ts +51 -0
- package/lib/input-number/src/InputNumber.d.ts +14 -0
- package/lib/input-number/src/InputNumber.js +128 -51
- package/lib/input-number/src/constants.d.ts +14 -0
- package/lib/input-number/src/constants.js +18 -0
- package/lib/input-number/src/interface.d.ts +4 -0
- package/lib/input-number/src/utils.d.ts +12 -0
- package/lib/input-number/src/utils.js +112 -1
- package/lib/mapping-card/src/MappingCardList.d.ts +2 -0
- package/lib/mapping-card/src/MappingCardList.js +9 -4
- package/lib/mapping-card/src/interface.d.ts +3 -0
- package/lib/mapping-card/src/interface.js +2 -1
- package/lib/mapping-card/src/styles/index.cssr.js +8 -1
- package/lib/modal/src/BodyWrapper.d.ts +39 -0
- package/lib/modal/src/Modal.d.ts +56 -0
- package/lib/modal/src/ModalEnvironment.d.ts +39 -0
- package/lib/modal/src/presetProps.d.ts +18 -1
- package/lib/modal/src/presetProps.js +2 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/web-types.json +8 -1
|
@@ -87,6 +87,13 @@ export default c([cB('mapping-card', `
|
|
|
87
87
|
color: var(--u-arrow-color);
|
|
88
88
|
font-size: 16px;
|
|
89
89
|
flex-shrink: 0;
|
|
90
|
-
`)]), cB('mapping-card-list',
|
|
90
|
+
`)]), cB('mapping-card-list', `
|
|
91
|
+
display: flex;
|
|
92
|
+
justify-content: space-between;
|
|
93
|
+
flex-direction: column;
|
|
94
|
+
height: 100%;
|
|
95
|
+
`, [cE('pagination', `
|
|
91
96
|
margin-top: 16px;
|
|
97
|
+
`), cE('empty', `
|
|
98
|
+
margin: auto;
|
|
92
99
|
`)])]);
|
|
@@ -55,6 +55,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
55
55
|
loading: BooleanConstructor;
|
|
56
56
|
bordered: BooleanConstructor;
|
|
57
57
|
iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
|
|
58
|
+
contentClass: StringConstructor;
|
|
59
|
+
contentScrollable: BooleanConstructor;
|
|
60
|
+
contentStyle: PropType<import("vue").CSSProperties | string>;
|
|
61
|
+
headerStyle: PropType<import("vue").CSSProperties | string>;
|
|
62
|
+
headerExtraStyle: PropType<import("vue").CSSProperties | string>;
|
|
63
|
+
footerStyle: PropType<import("vue").CSSProperties | string>;
|
|
64
|
+
embedded: BooleanConstructor;
|
|
65
|
+
segmented: {
|
|
66
|
+
readonly type: PropType<boolean | import("../..").CardSegmented>;
|
|
67
|
+
readonly default: false;
|
|
68
|
+
};
|
|
69
|
+
hoverable: BooleanConstructor;
|
|
70
|
+
role: StringConstructor;
|
|
71
|
+
tag: {
|
|
72
|
+
readonly type: PropType<keyof HTMLElementTagNameMap>;
|
|
73
|
+
readonly default: "div";
|
|
74
|
+
};
|
|
58
75
|
show: {
|
|
59
76
|
type: BooleanConstructor;
|
|
60
77
|
required: true;
|
|
@@ -1283,6 +1300,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1283
1300
|
loading: BooleanConstructor;
|
|
1284
1301
|
bordered: BooleanConstructor;
|
|
1285
1302
|
iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
|
|
1303
|
+
contentClass: StringConstructor;
|
|
1304
|
+
contentScrollable: BooleanConstructor;
|
|
1305
|
+
contentStyle: PropType<import("vue").CSSProperties | string>;
|
|
1306
|
+
headerStyle: PropType<import("vue").CSSProperties | string>;
|
|
1307
|
+
headerExtraStyle: PropType<import("vue").CSSProperties | string>;
|
|
1308
|
+
footerStyle: PropType<import("vue").CSSProperties | string>;
|
|
1309
|
+
embedded: BooleanConstructor;
|
|
1310
|
+
segmented: {
|
|
1311
|
+
readonly type: PropType<boolean | import("../..").CardSegmented>;
|
|
1312
|
+
readonly default: false;
|
|
1313
|
+
};
|
|
1314
|
+
hoverable: BooleanConstructor;
|
|
1315
|
+
role: StringConstructor;
|
|
1316
|
+
tag: {
|
|
1317
|
+
readonly type: PropType<keyof HTMLElementTagNameMap>;
|
|
1318
|
+
readonly default: "div";
|
|
1319
|
+
};
|
|
1286
1320
|
show: {
|
|
1287
1321
|
type: BooleanConstructor;
|
|
1288
1322
|
required: true;
|
|
@@ -1310,8 +1344,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1310
1344
|
type: "default" | "error" | "warning" | "success" | "info";
|
|
1311
1345
|
size: "small" | "medium" | "large";
|
|
1312
1346
|
loading: boolean;
|
|
1347
|
+
tag: keyof HTMLElementTagNameMap;
|
|
1313
1348
|
showIcon: boolean;
|
|
1314
1349
|
closable: boolean;
|
|
1350
|
+
contentScrollable: boolean;
|
|
1351
|
+
embedded: boolean;
|
|
1352
|
+
segmented: boolean | import("../..").CardSegmented;
|
|
1353
|
+
hoverable: boolean;
|
|
1315
1354
|
draggable: boolean | ModalDraggableOptions;
|
|
1316
1355
|
trapFocus: boolean;
|
|
1317
1356
|
autoFocus: boolean;
|
package/es/modal/src/Modal.d.ts
CHANGED
|
@@ -51,6 +51,23 @@ export declare const modalProps: {
|
|
|
51
51
|
loading: BooleanConstructor;
|
|
52
52
|
bordered: BooleanConstructor;
|
|
53
53
|
iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
|
|
54
|
+
contentClass: StringConstructor;
|
|
55
|
+
contentScrollable: BooleanConstructor;
|
|
56
|
+
contentStyle: PropType<CSSProperties | string>;
|
|
57
|
+
headerStyle: PropType<CSSProperties | string>;
|
|
58
|
+
headerExtraStyle: PropType<CSSProperties | string>;
|
|
59
|
+
footerStyle: PropType<CSSProperties | string>;
|
|
60
|
+
embedded: BooleanConstructor;
|
|
61
|
+
segmented: {
|
|
62
|
+
readonly type: PropType<boolean | import("../..").CardSegmented>;
|
|
63
|
+
readonly default: false;
|
|
64
|
+
};
|
|
65
|
+
hoverable: BooleanConstructor;
|
|
66
|
+
role: StringConstructor;
|
|
67
|
+
tag: {
|
|
68
|
+
readonly type: PropType<keyof HTMLElementTagNameMap>;
|
|
69
|
+
readonly default: "div";
|
|
70
|
+
};
|
|
54
71
|
show: BooleanConstructor;
|
|
55
72
|
unstableShowMask: {
|
|
56
73
|
type: BooleanConstructor;
|
|
@@ -1097,6 +1114,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1097
1114
|
loading: BooleanConstructor;
|
|
1098
1115
|
bordered: BooleanConstructor;
|
|
1099
1116
|
iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
|
|
1117
|
+
contentClass: StringConstructor;
|
|
1118
|
+
contentScrollable: BooleanConstructor;
|
|
1119
|
+
contentStyle: PropType<CSSProperties | string>;
|
|
1120
|
+
headerStyle: PropType<CSSProperties | string>;
|
|
1121
|
+
headerExtraStyle: PropType<CSSProperties | string>;
|
|
1122
|
+
footerStyle: PropType<CSSProperties | string>;
|
|
1123
|
+
embedded: BooleanConstructor;
|
|
1124
|
+
segmented: {
|
|
1125
|
+
readonly type: PropType<boolean | import("../..").CardSegmented>;
|
|
1126
|
+
readonly default: false;
|
|
1127
|
+
};
|
|
1128
|
+
hoverable: BooleanConstructor;
|
|
1129
|
+
role: StringConstructor;
|
|
1130
|
+
tag: {
|
|
1131
|
+
readonly type: PropType<keyof HTMLElementTagNameMap>;
|
|
1132
|
+
readonly default: "div";
|
|
1133
|
+
};
|
|
1100
1134
|
show: BooleanConstructor;
|
|
1101
1135
|
unstableShowMask: {
|
|
1102
1136
|
type: BooleanConstructor;
|
|
@@ -2159,6 +2193,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2159
2193
|
loading: BooleanConstructor;
|
|
2160
2194
|
bordered: BooleanConstructor;
|
|
2161
2195
|
iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
|
|
2196
|
+
contentClass: StringConstructor;
|
|
2197
|
+
contentScrollable: BooleanConstructor;
|
|
2198
|
+
contentStyle: PropType<CSSProperties | string>;
|
|
2199
|
+
headerStyle: PropType<CSSProperties | string>;
|
|
2200
|
+
headerExtraStyle: PropType<CSSProperties | string>;
|
|
2201
|
+
footerStyle: PropType<CSSProperties | string>;
|
|
2202
|
+
embedded: BooleanConstructor;
|
|
2203
|
+
segmented: {
|
|
2204
|
+
readonly type: PropType<boolean | import("../..").CardSegmented>;
|
|
2205
|
+
readonly default: false;
|
|
2206
|
+
};
|
|
2207
|
+
hoverable: BooleanConstructor;
|
|
2208
|
+
role: StringConstructor;
|
|
2209
|
+
tag: {
|
|
2210
|
+
readonly type: PropType<keyof HTMLElementTagNameMap>;
|
|
2211
|
+
readonly default: "div";
|
|
2212
|
+
};
|
|
2162
2213
|
show: BooleanConstructor;
|
|
2163
2214
|
unstableShowMask: {
|
|
2164
2215
|
type: BooleanConstructor;
|
|
@@ -3155,9 +3206,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3155
3206
|
type: "default" | "error" | "warning" | "success" | "info";
|
|
3156
3207
|
size: "small" | "medium" | "large";
|
|
3157
3208
|
loading: boolean;
|
|
3209
|
+
tag: keyof HTMLElementTagNameMap;
|
|
3158
3210
|
showIcon: boolean;
|
|
3159
3211
|
closable: boolean;
|
|
3160
3212
|
show: boolean;
|
|
3213
|
+
contentScrollable: boolean;
|
|
3214
|
+
embedded: boolean;
|
|
3215
|
+
segmented: boolean | import("../..").CardSegmented;
|
|
3216
|
+
hoverable: boolean;
|
|
3161
3217
|
displayDirective: "show" | "if";
|
|
3162
3218
|
maskClosable: boolean;
|
|
3163
3219
|
trapFocus: boolean;
|
|
@@ -55,6 +55,23 @@ export declare const UModalEnvironment: import("vue").DefineComponent<import("vu
|
|
|
55
55
|
loading: BooleanConstructor;
|
|
56
56
|
bordered: BooleanConstructor;
|
|
57
57
|
iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
|
|
58
|
+
contentClass: StringConstructor;
|
|
59
|
+
contentScrollable: BooleanConstructor;
|
|
60
|
+
contentStyle: PropType<import("vue").CSSProperties | string>;
|
|
61
|
+
headerStyle: PropType<import("vue").CSSProperties | string>;
|
|
62
|
+
headerExtraStyle: PropType<import("vue").CSSProperties | string>;
|
|
63
|
+
footerStyle: PropType<import("vue").CSSProperties | string>;
|
|
64
|
+
embedded: BooleanConstructor;
|
|
65
|
+
segmented: {
|
|
66
|
+
readonly type: PropType<boolean | import("../..").CardSegmented>;
|
|
67
|
+
readonly default: false;
|
|
68
|
+
};
|
|
69
|
+
hoverable: BooleanConstructor;
|
|
70
|
+
role: StringConstructor;
|
|
71
|
+
tag: {
|
|
72
|
+
readonly type: PropType<keyof HTMLElementTagNameMap>;
|
|
73
|
+
readonly default: "div";
|
|
74
|
+
};
|
|
58
75
|
show: BooleanConstructor;
|
|
59
76
|
unstableShowMask: {
|
|
60
77
|
type: BooleanConstructor;
|
|
@@ -1112,6 +1129,23 @@ export declare const UModalEnvironment: import("vue").DefineComponent<import("vu
|
|
|
1112
1129
|
loading: BooleanConstructor;
|
|
1113
1130
|
bordered: BooleanConstructor;
|
|
1114
1131
|
iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
|
|
1132
|
+
contentClass: StringConstructor;
|
|
1133
|
+
contentScrollable: BooleanConstructor;
|
|
1134
|
+
contentStyle: PropType<import("vue").CSSProperties | string>;
|
|
1135
|
+
headerStyle: PropType<import("vue").CSSProperties | string>;
|
|
1136
|
+
headerExtraStyle: PropType<import("vue").CSSProperties | string>;
|
|
1137
|
+
footerStyle: PropType<import("vue").CSSProperties | string>;
|
|
1138
|
+
embedded: BooleanConstructor;
|
|
1139
|
+
segmented: {
|
|
1140
|
+
readonly type: PropType<boolean | import("../..").CardSegmented>;
|
|
1141
|
+
readonly default: false;
|
|
1142
|
+
};
|
|
1143
|
+
hoverable: BooleanConstructor;
|
|
1144
|
+
role: StringConstructor;
|
|
1145
|
+
tag: {
|
|
1146
|
+
readonly type: PropType<keyof HTMLElementTagNameMap>;
|
|
1147
|
+
readonly default: "div";
|
|
1148
|
+
};
|
|
1115
1149
|
show: BooleanConstructor;
|
|
1116
1150
|
unstableShowMask: {
|
|
1117
1151
|
type: BooleanConstructor;
|
|
@@ -2108,9 +2142,14 @@ export declare const UModalEnvironment: import("vue").DefineComponent<import("vu
|
|
|
2108
2142
|
type: "default" | "error" | "warning" | "success" | "info";
|
|
2109
2143
|
size: "small" | "medium" | "large";
|
|
2110
2144
|
loading: boolean;
|
|
2145
|
+
tag: keyof HTMLElementTagNameMap;
|
|
2111
2146
|
showIcon: boolean;
|
|
2112
2147
|
closable: boolean;
|
|
2113
2148
|
show: boolean;
|
|
2149
|
+
contentScrollable: boolean;
|
|
2150
|
+
embedded: boolean;
|
|
2151
|
+
segmented: boolean | import("../..").CardSegmented;
|
|
2152
|
+
hoverable: boolean;
|
|
2114
2153
|
displayDirective: "show" | "if";
|
|
2115
2154
|
maskClosable: boolean;
|
|
2116
2155
|
trapFocus: boolean;
|
|
@@ -31,6 +31,23 @@ declare const presetProps: {
|
|
|
31
31
|
onPositiveClick: PropType<(e: MouseEvent) => void>;
|
|
32
32
|
onNegativeClick: PropType<(e: MouseEvent) => void>;
|
|
33
33
|
onClose: PropType<() => void>;
|
|
34
|
+
contentClass: StringConstructor;
|
|
35
|
+
contentScrollable: BooleanConstructor;
|
|
36
|
+
contentStyle: PropType<import("vue").CSSProperties | string>;
|
|
37
|
+
headerStyle: PropType<import("vue").CSSProperties | string>;
|
|
38
|
+
headerExtraStyle: PropType<import("vue").CSSProperties | string>;
|
|
39
|
+
footerStyle: PropType<import("vue").CSSProperties | string>;
|
|
40
|
+
embedded: BooleanConstructor;
|
|
41
|
+
segmented: {
|
|
42
|
+
readonly type: PropType<boolean | import("../..").CardSegmented>;
|
|
43
|
+
readonly default: false;
|
|
44
|
+
};
|
|
45
|
+
hoverable: BooleanConstructor;
|
|
46
|
+
role: StringConstructor;
|
|
47
|
+
tag: {
|
|
48
|
+
readonly type: PropType<keyof HTMLElementTagNameMap>;
|
|
49
|
+
readonly default: "div";
|
|
50
|
+
};
|
|
34
51
|
};
|
|
35
|
-
declare const presetPropsKeys: ("bordered" | "icon" | "type" | "content" | "body" | "title" | "size" | "positiveText" | "negativeText" | "loading" | "showIcon" | "closable" | "onClose" | "iconPlacement" | "positiveButtonProps" | "negativeButtonProps" | "action" | "onPositiveClick" | "onNegativeClick")[];
|
|
52
|
+
declare const presetPropsKeys: ("bordered" | "icon" | "type" | "content" | "body" | "title" | "size" | "positiveText" | "negativeText" | "loading" | "tag" | "showIcon" | "closable" | "onClose" | "contentClass" | "contentStyle" | "iconPlacement" | "contentScrollable" | "headerStyle" | "headerExtraStyle" | "footerStyle" | "embedded" | "segmented" | "hoverable" | "role" | "positiveButtonProps" | "negativeButtonProps" | "action" | "onPositiveClick" | "onNegativeClick")[];
|
|
36
53
|
export { presetProps, presetPropsKeys };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { keysOf } from "../../_utils/index.mjs";
|
|
2
|
+
import { cardBaseProps } from "../../card/src/Card.mjs";
|
|
2
3
|
import { dialogProps } from "../../dialog/src/dialogProps.mjs";
|
|
3
|
-
const presetProps = Object.assign(Object.assign({}, dialogProps), {
|
|
4
|
+
const presetProps = Object.assign(Object.assign(Object.assign({}, cardBaseProps), dialogProps), {
|
|
4
5
|
size: {
|
|
5
6
|
type: String,
|
|
6
7
|
default: 'medium'
|
package/es/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "2.0.
|
|
1
|
+
declare const _default: "2.0.2";
|
|
2
2
|
export default _default;
|
package/es/version.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default '2.0.
|
|
1
|
+
export default '2.0.2';
|
|
@@ -187,49 +187,51 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
187
187
|
const chat = selectedChatRef.value;
|
|
188
188
|
const keyId = toKeyString(chat === null || chat === void 0 ? void 0 : chat.id);
|
|
189
189
|
const keyTitle = toKeyString(chat === null || chat === void 0 ? void 0 : chat.title);
|
|
190
|
-
return ((0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-chat-main__header
|
|
191
|
-
(0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-chat-main__header-
|
|
192
|
-
(0, vue_1.h)(
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
190
|
+
return ((0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-chat-main__header` },
|
|
191
|
+
(0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-chat-main__header-inner` },
|
|
192
|
+
(0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-chat-main__header-title-wrap` },
|
|
193
|
+
(0, vue_1.h)(typography_1.UText, { key: `${keyId}-${keyTitle}`, variant: "heading-s-bold", class: `${mergedClsPrefixRef.value}-chat-main__header-title`, theme: mergedThemeRef.value.peers.Typography, themeOverrides: mergedThemeRef.value.peerOverrides.Typography }, {
|
|
194
|
+
default: () => { var _a, _b; return (_b = (_a = selectedChatRef.value) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : ''; }
|
|
195
|
+
}),
|
|
196
|
+
isTyping.value && ((0, vue_1.h)(typography_1.UText, { class: [
|
|
197
|
+
`${mergedClsPrefixRef.value}-chat-main__header-subtitle`,
|
|
198
|
+
'typing'
|
|
199
|
+
], variant: "body-m-medium" }, {
|
|
200
|
+
default: () => { var _a; return (_a = typingTextRef.value) !== null && _a !== void 0 ? _a : ''; }
|
|
201
|
+
}))),
|
|
202
|
+
(0, vue_1.h)(flex_1.UFlex, { align: "center", size: "small", class: `${mergedClsPrefixRef.value}-chat-main__header-actions` }, {
|
|
203
|
+
default: () => (0, _utils_1.resolveSlot)(slots.headerActions, () => {
|
|
204
|
+
const shareButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerShareButtonPropsRef.value);
|
|
205
|
+
const profileButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerProfileButtonPropsRef.value);
|
|
206
|
+
const closeButtonProps = Object.assign(Object.assign({}, headerButtonPropsRef.value), headerCloseButtonPropsRef.value);
|
|
207
|
+
const shareIconProps = Object.assign(Object.assign({}, headerIconPropsRef.value), headerShareIconPropsRef.value);
|
|
208
|
+
const profileIconProps = Object.assign(Object.assign({}, headerIconPropsRef.value), headerProfileIconPropsRef.value);
|
|
209
|
+
const buttons = [];
|
|
210
|
+
buttons.push((0, vue_1.h)(tooltip_1.UTooltip, null, {
|
|
211
|
+
trigger: () => ((0, vue_1.h)(button_1.UButton, Object.assign({ secondary: true, circle: true, size: "large" }, shareButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides.Button, onClick: () => { var _a; return (_a = onChatShare === null || onChatShare === void 0 ? void 0 : onChatShare.value) === null || _a === void 0 ? void 0 : _a.call(onChatShare); } }), {
|
|
212
|
+
default: () => ((0, vue_1.h)(icon_1.UIcon, Object.assign({ size: 20 }, shareIconProps, { theme: mergedThemeRef.value.peers.HeaderShareIcon, themeOverrides: mergedThemeRef.value.peerOverrides
|
|
213
|
+
.HeaderShareIcon }), {
|
|
214
|
+
default: () => (0, vue_1.h)(icons_1.ArrowHookUpRight, null)
|
|
215
|
+
}))
|
|
216
|
+
})),
|
|
217
|
+
default: () => shareButtonTooltipRef.value
|
|
218
|
+
}));
|
|
219
|
+
buttons.push((0, vue_1.h)(tooltip_1.UTooltip, null, {
|
|
220
|
+
trigger: () => ((0, vue_1.h)(button_1.UButton, Object.assign({ secondary: true, circle: true, size: "large" }, profileButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides.Button, onClick: () => { var _a; return (_a = onUserProfile === null || onUserProfile === void 0 ? void 0 : onUserProfile.value) === null || _a === void 0 ? void 0 : _a.call(onUserProfile); } }), {
|
|
221
|
+
default: () => ((0, vue_1.h)(icon_1.UIcon, Object.assign({ size: 20 }, profileIconProps, { theme: mergedThemeRef.value.peers
|
|
222
|
+
.HeaderProfileIcon, themeOverrides: mergedThemeRef.value.peerOverrides
|
|
223
|
+
.HeaderProfileIcon }), {
|
|
224
|
+
default: () => (0, vue_1.h)(icons_1.PersonNote, null)
|
|
225
|
+
}))
|
|
226
|
+
})),
|
|
227
|
+
default: () => profileButtonTooltipRef.value
|
|
228
|
+
}));
|
|
229
|
+
buttons.push((0, vue_1.h)(button_1.UButton, Object.assign({ type: "primary", size: "large", round: true }, closeButtonProps, { theme: mergedThemeRef.value.peers.Button, themeOverrides: mergedThemeRef.value.peerOverrides.Button, onClick: () => { var _a; return (_a = onChatClose === null || onChatClose === void 0 ? void 0 : onChatClose.value) === null || _a === void 0 ? void 0 : _a.call(onChatClose); } }), {
|
|
230
|
+
default: () => closeButtonTextRef.value
|
|
231
|
+
}));
|
|
232
|
+
return buttons;
|
|
233
|
+
})
|
|
234
|
+
}))));
|
|
233
235
|
};
|
|
234
236
|
const renderMessages = () => {
|
|
235
237
|
var _a;
|
package/lib/components.d.ts
CHANGED
|
@@ -68399,6 +68399,10 @@ export declare const UInputNumber: import("vue").DefineComponent<import("vue").E
|
|
|
68399
68399
|
type: BooleanConstructor;
|
|
68400
68400
|
default: boolean;
|
|
68401
68401
|
};
|
|
68402
|
+
type: {
|
|
68403
|
+
type: import("vue").PropType<"default" | "amount">;
|
|
68404
|
+
default: string;
|
|
68405
|
+
};
|
|
68402
68406
|
parse: import("vue").PropType<(input: string) => number | null>;
|
|
68403
68407
|
format: import("vue").PropType<(value: number | null) => string>;
|
|
68404
68408
|
precision: NumberConstructor;
|
|
@@ -69355,6 +69359,7 @@ export declare const UInputNumber: import("vue").DefineComponent<import("vue").E
|
|
|
69355
69359
|
displayedValue: import("vue").Ref<string, string>;
|
|
69356
69360
|
addable: import("vue").ComputedRef<boolean>;
|
|
69357
69361
|
minusable: import("vue").ComputedRef<boolean>;
|
|
69362
|
+
showButton: import("vue").ComputedRef<boolean>;
|
|
69358
69363
|
mergedStatus: import("vue").ComputedRef<import("./form/src/interface").FormValidationStatus | undefined>;
|
|
69359
69364
|
handleFocus: (e: FocusEvent) => void;
|
|
69360
69365
|
handleBlur: (e: FocusEvent) => void;
|
|
@@ -69733,6 +69738,10 @@ export declare const UInputNumber: import("vue").DefineComponent<import("vue").E
|
|
|
69733
69738
|
type: BooleanConstructor;
|
|
69734
69739
|
default: boolean;
|
|
69735
69740
|
};
|
|
69741
|
+
type: {
|
|
69742
|
+
type: import("vue").PropType<"default" | "amount">;
|
|
69743
|
+
default: string;
|
|
69744
|
+
};
|
|
69736
69745
|
parse: import("vue").PropType<(input: string) => number | null>;
|
|
69737
69746
|
format: import("vue").PropType<(value: number | null) => string>;
|
|
69738
69747
|
precision: NumberConstructor;
|
|
@@ -70628,6 +70637,7 @@ export declare const UInputNumber: import("vue").DefineComponent<import("vue").E
|
|
|
70628
70637
|
}>> & Readonly<{}>, {
|
|
70629
70638
|
bordered: boolean | undefined;
|
|
70630
70639
|
disabled: boolean | undefined;
|
|
70640
|
+
type: "default" | "amount";
|
|
70631
70641
|
loading: boolean;
|
|
70632
70642
|
clearable: boolean;
|
|
70633
70643
|
defaultValue: number | null;
|
|
@@ -79156,6 +79166,7 @@ export declare const UMappingCardList: import("vue").DefineComponent<import("vue
|
|
|
79156
79166
|
readonly type: NumberConstructor;
|
|
79157
79167
|
readonly default: 16;
|
|
79158
79168
|
};
|
|
79169
|
+
readonly emptyProps: import("vue").PropType<Partial<import("./empty").EmptyProps>>;
|
|
79159
79170
|
}>, {
|
|
79160
79171
|
mergedClsPrefix: import("vue").Ref<string, string>;
|
|
79161
79172
|
mergedPagination: import("vue").ComputedRef<import("./pagination").PaginationProps | null>;
|
|
@@ -79172,6 +79183,7 @@ export declare const UMappingCardList: import("vue").DefineComponent<import("vue
|
|
|
79172
79183
|
readonly type: NumberConstructor;
|
|
79173
79184
|
readonly default: 16;
|
|
79174
79185
|
};
|
|
79186
|
+
readonly emptyProps: import("vue").PropType<Partial<import("./empty").EmptyProps>>;
|
|
79175
79187
|
}>> & Readonly<{}>, {
|
|
79176
79188
|
readonly gap: number;
|
|
79177
79189
|
readonly items: import("./mapping-card").MappingCardProps[];
|
|
@@ -82082,6 +82094,23 @@ export declare const UModal: import("vue").DefineComponent<import("vue").Extract
|
|
|
82082
82094
|
loading: BooleanConstructor;
|
|
82083
82095
|
bordered: BooleanConstructor;
|
|
82084
82096
|
iconPlacement: import("vue").PropType<import("./dialog/src/interface").IconPlacement>;
|
|
82097
|
+
contentClass: StringConstructor;
|
|
82098
|
+
contentScrollable: BooleanConstructor;
|
|
82099
|
+
contentStyle: import("vue").PropType<import("vue").CSSProperties | string>;
|
|
82100
|
+
headerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
|
|
82101
|
+
headerExtraStyle: import("vue").PropType<import("vue").CSSProperties | string>;
|
|
82102
|
+
footerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
|
|
82103
|
+
embedded: BooleanConstructor;
|
|
82104
|
+
segmented: {
|
|
82105
|
+
readonly type: import("vue").PropType<boolean | import("./card").CardSegmented>;
|
|
82106
|
+
readonly default: false;
|
|
82107
|
+
};
|
|
82108
|
+
hoverable: BooleanConstructor;
|
|
82109
|
+
role: StringConstructor;
|
|
82110
|
+
tag: {
|
|
82111
|
+
readonly type: import("vue").PropType<keyof HTMLElementTagNameMap>;
|
|
82112
|
+
readonly default: "div";
|
|
82113
|
+
};
|
|
82085
82114
|
show: BooleanConstructor;
|
|
82086
82115
|
unstableShowMask: {
|
|
82087
82116
|
type: BooleanConstructor;
|
|
@@ -83144,6 +83173,23 @@ export declare const UModal: import("vue").DefineComponent<import("vue").Extract
|
|
|
83144
83173
|
loading: BooleanConstructor;
|
|
83145
83174
|
bordered: BooleanConstructor;
|
|
83146
83175
|
iconPlacement: import("vue").PropType<import("./dialog/src/interface").IconPlacement>;
|
|
83176
|
+
contentClass: StringConstructor;
|
|
83177
|
+
contentScrollable: BooleanConstructor;
|
|
83178
|
+
contentStyle: import("vue").PropType<import("vue").CSSProperties | string>;
|
|
83179
|
+
headerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
|
|
83180
|
+
headerExtraStyle: import("vue").PropType<import("vue").CSSProperties | string>;
|
|
83181
|
+
footerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
|
|
83182
|
+
embedded: BooleanConstructor;
|
|
83183
|
+
segmented: {
|
|
83184
|
+
readonly type: import("vue").PropType<boolean | import("./card").CardSegmented>;
|
|
83185
|
+
readonly default: false;
|
|
83186
|
+
};
|
|
83187
|
+
hoverable: BooleanConstructor;
|
|
83188
|
+
role: StringConstructor;
|
|
83189
|
+
tag: {
|
|
83190
|
+
readonly type: import("vue").PropType<keyof HTMLElementTagNameMap>;
|
|
83191
|
+
readonly default: "div";
|
|
83192
|
+
};
|
|
83147
83193
|
show: BooleanConstructor;
|
|
83148
83194
|
unstableShowMask: {
|
|
83149
83195
|
type: BooleanConstructor;
|
|
@@ -84140,9 +84186,14 @@ export declare const UModal: import("vue").DefineComponent<import("vue").Extract
|
|
|
84140
84186
|
type: "default" | "error" | "warning" | "success" | "info";
|
|
84141
84187
|
size: "small" | "medium" | "large";
|
|
84142
84188
|
loading: boolean;
|
|
84189
|
+
tag: keyof HTMLElementTagNameMap;
|
|
84143
84190
|
showIcon: boolean;
|
|
84144
84191
|
closable: boolean;
|
|
84145
84192
|
show: boolean;
|
|
84193
|
+
contentScrollable: boolean;
|
|
84194
|
+
embedded: boolean;
|
|
84195
|
+
segmented: boolean | import("./card").CardSegmented;
|
|
84196
|
+
hoverable: boolean;
|
|
84146
84197
|
displayDirective: "show" | "if";
|
|
84147
84198
|
maskClosable: boolean;
|
|
84148
84199
|
trapFocus: boolean;
|
|
@@ -52,6 +52,10 @@ export declare const inputNumberProps: {
|
|
|
52
52
|
type: BooleanConstructor;
|
|
53
53
|
default: boolean;
|
|
54
54
|
};
|
|
55
|
+
type: {
|
|
56
|
+
type: PropType<"default" | "amount">;
|
|
57
|
+
default: string;
|
|
58
|
+
};
|
|
55
59
|
parse: PropType<(input: string) => number | null>;
|
|
56
60
|
format: PropType<(value: number | null) => string>;
|
|
57
61
|
precision: NumberConstructor;
|
|
@@ -1001,6 +1005,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1001
1005
|
type: BooleanConstructor;
|
|
1002
1006
|
default: boolean;
|
|
1003
1007
|
};
|
|
1008
|
+
type: {
|
|
1009
|
+
type: PropType<"default" | "amount">;
|
|
1010
|
+
default: string;
|
|
1011
|
+
};
|
|
1004
1012
|
parse: PropType<(input: string) => number | null>;
|
|
1005
1013
|
format: PropType<(value: number | null) => string>;
|
|
1006
1014
|
precision: NumberConstructor;
|
|
@@ -1957,6 +1965,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1957
1965
|
displayedValue: import("vue").Ref<string, string>;
|
|
1958
1966
|
addable: import("vue").ComputedRef<boolean>;
|
|
1959
1967
|
minusable: import("vue").ComputedRef<boolean>;
|
|
1968
|
+
showButton: import("vue").ComputedRef<boolean>;
|
|
1960
1969
|
mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
|
|
1961
1970
|
handleFocus: (e: FocusEvent) => void;
|
|
1962
1971
|
handleBlur: (e: FocusEvent) => void;
|
|
@@ -2335,6 +2344,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2335
2344
|
type: BooleanConstructor;
|
|
2336
2345
|
default: boolean;
|
|
2337
2346
|
};
|
|
2347
|
+
type: {
|
|
2348
|
+
type: PropType<"default" | "amount">;
|
|
2349
|
+
default: string;
|
|
2350
|
+
};
|
|
2338
2351
|
parse: PropType<(input: string) => number | null>;
|
|
2339
2352
|
format: PropType<(value: number | null) => string>;
|
|
2340
2353
|
precision: NumberConstructor;
|
|
@@ -3230,6 +3243,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3230
3243
|
}>> & Readonly<{}>, {
|
|
3231
3244
|
bordered: boolean | undefined;
|
|
3232
3245
|
disabled: boolean | undefined;
|
|
3246
|
+
type: "default" | "amount";
|
|
3233
3247
|
loading: boolean;
|
|
3234
3248
|
clearable: boolean;
|
|
3235
3249
|
defaultValue: number | null;
|