@uzum-tech/ui 1.10.0 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1269 -207
- package/dist/index.prod.js +3 -3
- package/es/_internal/index.d.ts +2 -0
- package/es/_internal/index.js +1 -0
- package/es/_internal/safe-top-scrollbar/index.d.ts +2 -0
- package/es/_internal/safe-top-scrollbar/index.js +1 -0
- package/es/_internal/safe-top-scrollbar/src/SafeTopScrollbar.d.ts +356 -0
- package/es/_internal/safe-top-scrollbar/src/SafeTopScrollbar.js +708 -0
- package/es/_internal/safe-top-scrollbar/src/styles/index.cssr.d.ts +2 -0
- package/es/_internal/safe-top-scrollbar/src/styles/index.cssr.js +80 -0
- package/es/_internal/safe-top-scrollbar/src/styles/rtl.cssr.d.ts +2 -0
- package/es/_internal/safe-top-scrollbar/src/styles/rtl.cssr.js +10 -0
- package/es/_internal/safe-top-scrollbar/styles/common.d.ts +7 -0
- package/es/_internal/safe-top-scrollbar/styles/common.js +7 -0
- package/es/_internal/safe-top-scrollbar/styles/dark.d.ts +3 -0
- package/es/_internal/safe-top-scrollbar/styles/dark.js +8 -0
- package/es/_internal/safe-top-scrollbar/styles/index.d.ts +4 -0
- package/es/_internal/safe-top-scrollbar/styles/index.js +3 -0
- package/es/_internal/safe-top-scrollbar/styles/light.d.ts +18 -0
- package/es/_internal/safe-top-scrollbar/styles/light.js +12 -0
- package/es/_internal/safe-top-scrollbar/styles/rtl.d.ts +3 -0
- package/es/_internal/safe-top-scrollbar/styles/rtl.js +6 -0
- package/es/chat/src/Chat.d.ts +14 -1
- package/es/chat/src/Chat.js +5 -0
- package/es/chat/src/ChatListItems.js +16 -1
- package/es/chat/src/ChatParts/ChatAttachment.js +31 -3
- package/es/chat/src/ChatParts/MainArea.js +68 -62
- package/es/chat/src/interface.d.ts +6 -2
- package/es/components.d.ts +1 -0
- package/es/components.js +1 -0
- package/es/config-provider/src/internal-interface.d.ts +2 -0
- package/es/drawer/src/Drawer.d.ts +18 -0
- package/es/drawer/src/Drawer.js +28 -26
- package/es/drawer/src/DrawerBodyWrapper.d.ts +8 -0
- package/es/drawer/src/DrawerBodyWrapper.js +36 -8
- package/es/infinite-scroll/src/InfiniteScroll.d.ts +16 -0
- package/es/infinite-scroll/src/InfiniteScroll.js +48 -12
- package/es/safe-top-scrollbar/index.d.ts +2 -0
- package/es/safe-top-scrollbar/index.js +1 -0
- package/es/safe-top-scrollbar/src/SafeTopScrollbar.d.ts +177 -0
- package/es/safe-top-scrollbar/src/SafeTopScrollbar.js +38 -0
- package/es/themes/dark.js +2 -0
- package/es/themes/light.js +2 -0
- package/es/version.d.ts +1 -1
- package/es/version.js +1 -1
- package/lib/_internal/index.d.ts +2 -0
- package/lib/_internal/index.js +4 -1
- package/lib/_internal/safe-top-scrollbar/index.d.ts +2 -0
- package/lib/_internal/safe-top-scrollbar/index.js +9 -0
- package/lib/_internal/safe-top-scrollbar/src/SafeTopScrollbar.d.ts +356 -0
- package/lib/_internal/safe-top-scrollbar/src/SafeTopScrollbar.js +714 -0
- package/lib/_internal/safe-top-scrollbar/src/styles/index.cssr.d.ts +2 -0
- package/lib/_internal/safe-top-scrollbar/src/styles/index.cssr.js +85 -0
- package/lib/_internal/safe-top-scrollbar/src/styles/rtl.cssr.d.ts +2 -0
- package/lib/_internal/safe-top-scrollbar/src/styles/rtl.cssr.js +15 -0
- package/lib/_internal/safe-top-scrollbar/styles/common.d.ts +7 -0
- package/lib/_internal/safe-top-scrollbar/styles/common.js +10 -0
- package/lib/_internal/safe-top-scrollbar/styles/dark.d.ts +3 -0
- package/lib/_internal/safe-top-scrollbar/styles/dark.js +10 -0
- package/lib/_internal/safe-top-scrollbar/styles/index.d.ts +4 -0
- package/lib/_internal/safe-top-scrollbar/styles/index.js +12 -0
- package/lib/_internal/safe-top-scrollbar/styles/light.d.ts +18 -0
- package/lib/_internal/safe-top-scrollbar/styles/light.js +16 -0
- package/lib/_internal/safe-top-scrollbar/styles/rtl.d.ts +3 -0
- package/lib/_internal/safe-top-scrollbar/styles/rtl.js +12 -0
- package/lib/chat/src/Chat.d.ts +14 -1
- package/lib/chat/src/Chat.js +5 -0
- package/lib/chat/src/ChatListItems.js +16 -1
- package/lib/chat/src/ChatParts/ChatAttachment.js +30 -2
- package/lib/chat/src/ChatParts/MainArea.js +68 -62
- package/lib/chat/src/interface.d.ts +6 -2
- package/lib/components.d.ts +1 -0
- package/lib/components.js +1 -0
- package/lib/config-provider/src/internal-interface.d.ts +2 -0
- package/lib/drawer/src/Drawer.d.ts +18 -0
- package/lib/drawer/src/Drawer.js +28 -26
- package/lib/drawer/src/DrawerBodyWrapper.d.ts +8 -0
- package/lib/drawer/src/DrawerBodyWrapper.js +36 -8
- package/lib/infinite-scroll/src/InfiniteScroll.d.ts +16 -0
- package/lib/infinite-scroll/src/InfiniteScroll.js +47 -11
- package/lib/safe-top-scrollbar/index.d.ts +2 -0
- package/lib/safe-top-scrollbar/index.js +9 -0
- package/lib/safe-top-scrollbar/src/SafeTopScrollbar.d.ts +177 -0
- package/lib/safe-top-scrollbar/src/SafeTopScrollbar.js +41 -0
- package/lib/themes/dark.js +5 -0
- package/lib/themes/light.js +5 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +6 -6
- package/volar.d.ts +1 -0
- package/web-types.json +67 -2
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.safeTopScrollbarProps = void 0;
|
|
4
|
+
const vue_1 = require("vue");
|
|
5
|
+
const _internal_1 = require("../../_internal");
|
|
6
|
+
const _mixins_1 = require("../../_mixins");
|
|
7
|
+
exports.safeTopScrollbarProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { trigger: String, xScrollable: Boolean, onScroll: Function, size: Number });
|
|
8
|
+
const SafeTopScrollbar = (0, vue_1.defineComponent)({
|
|
9
|
+
name: 'SafeTopScrollbar',
|
|
10
|
+
props: exports.safeTopScrollbarProps,
|
|
11
|
+
setup() {
|
|
12
|
+
const scrollbarInstRef = (0, vue_1.ref)(null);
|
|
13
|
+
const exposedMethods = {
|
|
14
|
+
scrollTo: (...args) => {
|
|
15
|
+
var _a;
|
|
16
|
+
(_a = scrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(args[0], args[1]);
|
|
17
|
+
},
|
|
18
|
+
scrollBy: (...args) => {
|
|
19
|
+
var _a;
|
|
20
|
+
(_a = scrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollBy(args[0], args[1]);
|
|
21
|
+
},
|
|
22
|
+
getScrollState: () => {
|
|
23
|
+
var _a;
|
|
24
|
+
return (((_a = scrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.getScrollState()) || {
|
|
25
|
+
scrollHeight: 0,
|
|
26
|
+
scrollTop: 0,
|
|
27
|
+
clientHeight: 0
|
|
28
|
+
});
|
|
29
|
+
},
|
|
30
|
+
adjustScrollTop: (heightDiff) => {
|
|
31
|
+
var _a;
|
|
32
|
+
(_a = scrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.adjustScrollTop(heightDiff);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
return Object.assign(Object.assign({}, exposedMethods), { scrollbarInstRef });
|
|
36
|
+
},
|
|
37
|
+
render() {
|
|
38
|
+
return ((0, vue_1.h)(_internal_1.USafeTopScrollbar, Object.assign({ ref: "scrollbarInstRef" }, this.$props), this.$slots));
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
exports.default = SafeTopScrollbar;
|
package/lib/themes/dark.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.darkTheme = void 0;
|
|
4
7
|
const common_1 = require("../_styles/common");
|
|
@@ -93,6 +96,7 @@ const styles_88 = require("../styles");
|
|
|
93
96
|
const styles_89 = require("../chat/styles");
|
|
94
97
|
const styles_90 = require("../modal-fullscreen/styles");
|
|
95
98
|
const styles_91 = require("../crop/styles");
|
|
99
|
+
const dark_1 = __importDefault(require("../_internal/safe-top-scrollbar/styles/dark"));
|
|
96
100
|
exports.darkTheme = {
|
|
97
101
|
name: 'dark',
|
|
98
102
|
common: common_1.commonDark,
|
|
@@ -160,6 +164,7 @@ exports.darkTheme = {
|
|
|
160
164
|
Result: styles_59.resultDark,
|
|
161
165
|
Row: styles_60.rowDark,
|
|
162
166
|
Scrollbar: styles_61.scrollbarDark,
|
|
167
|
+
SafeTopScrollbar: dark_1.default,
|
|
163
168
|
Select: styles_62.selectDark,
|
|
164
169
|
Skeleton: styles_63.skeletonDark,
|
|
165
170
|
Slider: styles_64.sliderDark,
|
package/lib/themes/light.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.lightTheme = void 0;
|
|
4
7
|
// The file is for internal usage, do not export it, since all the components
|
|
@@ -95,6 +98,7 @@ const styles_88 = require("../input-otp/styles");
|
|
|
95
98
|
const styles_89 = require("../chat/styles");
|
|
96
99
|
const styles_90 = require("../modal-fullscreen/styles");
|
|
97
100
|
const styles_91 = require("../crop/styles");
|
|
101
|
+
const light_1 = __importDefault(require("../_internal/safe-top-scrollbar/styles/light"));
|
|
98
102
|
exports.lightTheme = {
|
|
99
103
|
name: 'light',
|
|
100
104
|
common: common_1.commonLight,
|
|
@@ -162,6 +166,7 @@ exports.lightTheme = {
|
|
|
162
166
|
Row: styles_60.rowLight,
|
|
163
167
|
Result: styles_59.resultLight,
|
|
164
168
|
Scrollbar: styles_61.scrollbarLight,
|
|
169
|
+
SafeTopScrollbar: light_1.default,
|
|
165
170
|
Skeleton: styles_63.skeletonLight,
|
|
166
171
|
Select: styles_62.selectLight,
|
|
167
172
|
Slider: styles_64.sliderLight,
|
package/lib/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "1.
|
|
1
|
+
declare const _default: "1.11.0";
|
|
2
2
|
export default _default;
|
package/lib/version.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uzum-tech/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.11.0",
|
|
4
4
|
"description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -24,12 +24,12 @@
|
|
|
24
24
|
"format": "pnpm run format:code && pnpm run format:md && pnpm run lint:fix",
|
|
25
25
|
"format:code": "prettier --write \"(src|demo)/**/*.(vue|js)\"",
|
|
26
26
|
"format:md": "prettier --write --parser markdown --prose-wrap never \"(src|demo)/**/*.md\"",
|
|
27
|
-
"test": "cross-env NODE_ENV=test jest
|
|
28
|
-
"test:single": "cross-env NODE_ENV=test jest --
|
|
29
|
-
"test:update": "cross-env NODE_ENV=test jest -u
|
|
30
|
-
"test:cov": "cross-env NODE_ENV=test NODE_OPTIONS=--unhandled-rejections=warn jest",
|
|
27
|
+
"test": "cross-env NODE_ENV=test jest",
|
|
28
|
+
"test:single": "cross-env NODE_ENV=test jest --testMatch=\"<rootDir>/src/list/tests/**.*\"",
|
|
29
|
+
"test:update": "cross-env NODE_ENV=test jest -u",
|
|
30
|
+
"test:cov": "cross-env NODE_ENV=test NODE_OPTIONS=--unhandled-rejections=warn jest --collectCoverage=true",
|
|
31
31
|
"test:watch": "cross-env NODE_ENV=test jest ---watch --verbose --coverage",
|
|
32
|
-
"test:umd": "jest --
|
|
32
|
+
"test:umd": "jest --testMatch=\"<rootDir>/umd-test/index.spec.js\"",
|
|
33
33
|
"gen-version": "node scripts/gen-version",
|
|
34
34
|
"gen-volar-dts": "esbuild scripts/gen-component-declaration.js --bundle --platform=node --tsconfig=tsconfig.esbuild.json | node",
|
|
35
35
|
"build:site:ts": "./scripts/pre-build-site/pre-build-site.sh && cross-env TUSIMPLE=true NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 vite build && ./scripts/post-build-site/post-build-site.sh",
|
package/volar.d.ts
CHANGED
|
@@ -154,6 +154,7 @@ declare module 'vue' {
|
|
|
154
154
|
UModalFullscreen: typeof import('@uzum-tech/ui')['UModalFullscreen']
|
|
155
155
|
UCrop: typeof import('@uzum-tech/ui')['UCrop']
|
|
156
156
|
UTagGroup: typeof import('@uzum-tech/ui')['UTagGroup']
|
|
157
|
+
USafeTopScrollbar: typeof import('@uzum-tech/ui')['USafeTopScrollbar']
|
|
157
158
|
}
|
|
158
159
|
}
|
|
159
160
|
export {}
|
package/web-types.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"framework": "vue",
|
|
4
4
|
"name": "@uzum-tech/ui",
|
|
5
|
-
"version": "1.
|
|
5
|
+
"version": "1.11.0",
|
|
6
6
|
"js-types-syntax": "typescript",
|
|
7
7
|
"contributions": {
|
|
8
8
|
"html": {
|
|
@@ -2231,7 +2231,14 @@
|
|
|
2231
2231
|
"name": "attachment-upload",
|
|
2232
2232
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
|
|
2233
2233
|
"type": "(file: File) => Promise<ChatAttachment>",
|
|
2234
|
-
"description": "Callback when a file is uploaded.",
|
|
2234
|
+
"description": "Callback when a file is uploaded. Allows you to upload files to your storage and return the file ID and URL. Invoked automatically when user selects files.",
|
|
2235
|
+
"default": "undefined"
|
|
2236
|
+
},
|
|
2237
|
+
{
|
|
2238
|
+
"name": "attachment-download",
|
|
2239
|
+
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
|
|
2240
|
+
"type": "(attachment: ChatAttachment) => Promise<void>",
|
|
2241
|
+
"description": "Callback when a file download button is clicked. Allows you to download files with custom headers (e.g., authorization). Prevents default download behavior when defined.",
|
|
2235
2242
|
"default": "undefined"
|
|
2236
2243
|
},
|
|
2237
2244
|
{
|
|
@@ -5268,6 +5275,21 @@
|
|
|
5268
5275
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/drawer",
|
|
5269
5276
|
"type": "boolean"
|
|
5270
5277
|
},
|
|
5278
|
+
{
|
|
5279
|
+
"name": "default-width",
|
|
5280
|
+
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/drawer",
|
|
5281
|
+
"type": "number | string",
|
|
5282
|
+
"description": "Default width of the drawer, works when placement is `left` and `right`.",
|
|
5283
|
+
"default": "616",
|
|
5284
|
+
"description-sections": {
|
|
5285
|
+
"since": "1.8.3"
|
|
5286
|
+
}
|
|
5287
|
+
},
|
|
5288
|
+
{
|
|
5289
|
+
"name": "default-height",
|
|
5290
|
+
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/drawer",
|
|
5291
|
+
"type": "number | string"
|
|
5292
|
+
},
|
|
5271
5293
|
{
|
|
5272
5294
|
"name": "drawer-style",
|
|
5273
5295
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/drawer",
|
|
@@ -7875,6 +7897,11 @@
|
|
|
7875
7897
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/infinite-scroll",
|
|
7876
7898
|
"type": "number"
|
|
7877
7899
|
},
|
|
7900
|
+
{
|
|
7901
|
+
"name": "top-distance",
|
|
7902
|
+
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/infinite-scroll",
|
|
7903
|
+
"type": "number"
|
|
7904
|
+
},
|
|
7878
7905
|
{
|
|
7879
7906
|
"name": "scrollbar-props",
|
|
7880
7907
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/infinite-scroll",
|
|
@@ -7886,6 +7913,10 @@
|
|
|
7886
7913
|
{
|
|
7887
7914
|
"name": "load",
|
|
7888
7915
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/infinite-scroll"
|
|
7916
|
+
},
|
|
7917
|
+
{
|
|
7918
|
+
"name": "load-top",
|
|
7919
|
+
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/infinite-scroll"
|
|
7889
7920
|
}
|
|
7890
7921
|
]
|
|
7891
7922
|
}
|
|
@@ -12559,6 +12590,40 @@
|
|
|
12559
12590
|
]
|
|
12560
12591
|
}
|
|
12561
12592
|
},
|
|
12593
|
+
{
|
|
12594
|
+
"name": "USafeTopScrollbar",
|
|
12595
|
+
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/safe-top-scrollbar",
|
|
12596
|
+
"source": {
|
|
12597
|
+
"symbol": "USafeTopScrollbar"
|
|
12598
|
+
},
|
|
12599
|
+
"slots": [],
|
|
12600
|
+
"attributes": [],
|
|
12601
|
+
"props": [
|
|
12602
|
+
{
|
|
12603
|
+
"name": "trigger",
|
|
12604
|
+
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/safe-top-scrollbar",
|
|
12605
|
+
"type": "string"
|
|
12606
|
+
},
|
|
12607
|
+
{
|
|
12608
|
+
"name": "x-scrollable",
|
|
12609
|
+
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/safe-top-scrollbar",
|
|
12610
|
+
"type": "boolean"
|
|
12611
|
+
},
|
|
12612
|
+
{
|
|
12613
|
+
"name": "size",
|
|
12614
|
+
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/safe-top-scrollbar",
|
|
12615
|
+
"type": "number"
|
|
12616
|
+
}
|
|
12617
|
+
],
|
|
12618
|
+
"js": {
|
|
12619
|
+
"events": [
|
|
12620
|
+
{
|
|
12621
|
+
"name": "scroll",
|
|
12622
|
+
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/safe-top-scrollbar"
|
|
12623
|
+
}
|
|
12624
|
+
]
|
|
12625
|
+
}
|
|
12626
|
+
},
|
|
12562
12627
|
{
|
|
12563
12628
|
"name": "USelect",
|
|
12564
12629
|
"doc-url": "https://www.naiveui.com/en-US/os-theme/components/select",
|