@qn-pandora/pandora-component 4.3.1 → 4.3.3

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/CHANGELOG.json CHANGED
@@ -1,6 +1,43 @@
1
1
  {
2
2
  "name": "@qn-pandora/pandora-component",
3
3
  "entries": [
4
+ {
5
+ "version": "4.3.3",
6
+ "tag": "@qn-pandora/pandora-component_v4.3.3",
7
+ "date": "Tue, 28 Nov 2023 12:13:32 GMT",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "comment": "2023-11-28发包"
12
+ }
13
+ ],
14
+ "dependency": [
15
+ {
16
+ "comment": "Updating dependency \"@qn-pandora/pandora-component-icons\" from `^3.3.1` to `^3.3.2`"
17
+ },
18
+ {
19
+ "comment": "Updating dependency \"@qn-pandora/app-sdk\" from `^3.3.2` to `^3.3.3`"
20
+ }
21
+ ]
22
+ }
23
+ },
24
+ {
25
+ "version": "4.3.2",
26
+ "tag": "@qn-pandora/pandora-component_v4.3.2",
27
+ "date": "Thu, 16 Nov 2023 11:14:33 GMT",
28
+ "comments": {
29
+ "patch": [
30
+ {
31
+ "comment": "2023-11-16发包"
32
+ }
33
+ ],
34
+ "dependency": [
35
+ {
36
+ "comment": "Updating dependency \"@qn-pandora/app-sdk\" from `^3.3.1` to `^3.3.2`"
37
+ }
38
+ ]
39
+ }
40
+ },
4
41
  {
5
42
  "version": "4.3.1",
6
43
  "tag": "@qn-pandora/pandora-component_v4.3.1",
package/CHANGELOG.md CHANGED
@@ -1,6 +1,20 @@
1
1
  # Change Log - @qn-pandora/pandora-component
2
2
 
3
- This log was last generated on Mon, 30 Oct 2023 08:56:57 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 28 Nov 2023 12:13:32 GMT and should not be manually modified.
4
+
5
+ ## 4.3.3
6
+ Tue, 28 Nov 2023 12:13:32 GMT
7
+
8
+ ### Patches
9
+
10
+ - 2023-11-28发包
11
+
12
+ ## 4.3.2
13
+ Thu, 16 Nov 2023 11:14:33 GMT
14
+
15
+ ### Patches
16
+
17
+ - 2023-11-16发包
4
18
 
5
19
  ## 4.3.1
6
20
  Mon, 30 Oct 2023 08:56:57 GMT
@@ -30,4 +30,5 @@ export interface IFileResumableProps {
30
30
  uploadDesc?: string;
31
31
  disabled?: boolean;
32
32
  defaultImageUrl?: string;
33
+ multiple?: boolean;
33
34
  }
@@ -261,7 +261,7 @@ export default function FileResumable(props) {
261
261
  onError
262
262
  ]);
263
263
  var handleStart = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
264
- var params, realFile_1, reader;
264
+ var params, realFile_1, reader, extension_1;
265
265
  var _this = this;
266
266
  return __generator(this, function (_a) {
267
267
  params = __assign({}, query);
@@ -271,6 +271,7 @@ export default function FileResumable(props) {
271
271
  reader.readAsText(realFile_1.size > 50 * 1024 * 1024
272
272
  ? realFile_1.slice(0, 2 * 1024 * 1024)
273
273
  : realFile_1);
274
+ extension_1 = realFile_1.name.split('.').pop().toLowerCase();
274
275
  reader.onloadend = function (e) { return __awaiter(_this, void 0, void 0, function () {
275
276
  var md5Str, id, fileId, error_1;
276
277
  var _a, _b, _c;
@@ -286,7 +287,7 @@ export default function FileResumable(props) {
286
287
  return [4 /*yield*/, fileIsExit({
287
288
  resumableModifyTime: realFile_1.lastModified,
288
289
  resumableFilename: realFile_1.name,
289
- resumableType: realFile_1.type,
290
+ resumableType: realFile_1.type || "application/" + extension_1,
290
291
  resumableFileMd5: md5Str,
291
292
  resumableTotalSize: realFile_1.size
292
293
  })];
@@ -303,6 +304,7 @@ export default function FileResumable(props) {
303
304
  params.resumableFileMd5 = md5Str;
304
305
  params.resumableModifyTime = realFile_1.lastModified;
305
306
  params.resumableIdentifier = uuid();
307
+ params.resumableType = realFile_1.type || "application/" + extension_1;
306
308
  (_a = resumable.current) === null || _a === void 0 ? void 0 : _a.updateQuery(params);
307
309
  (_b = resumable.current) === null || _b === void 0 ? void 0 : _b.upload();
308
310
  }
@@ -1,11 +1,14 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
+ import type { TooltipPlacement } from 'antd/es/tooltip';
2
3
  /**
3
4
  * 对于超出容器宽度的名称进行省略,使用Tooltip展示。
4
5
  */
5
6
  export interface INameLimiterProps {
6
7
  /** 资源名称 */
7
- name: string;
8
+ name: React.ReactNode;
8
9
  /** 用于显示Tooltip的title */
9
- title?: string;
10
+ title?: React.ReactNode;
11
+ placement?: TooltipPlacement;
12
+ getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
10
13
  }
11
- export default function NameLimiter({ name, title }: INameLimiterProps): JSX.Element;
14
+ export default function NameLimiter({ name, title, placement, getPopupContainer }: INameLimiterProps): JSX.Element;
@@ -18,7 +18,7 @@ import React, { useLayoutEffect, useRef, useState } from 'react';
18
18
  import { Tooltip } from 'antd';
19
19
  import { SDK_PREFIX } from '../../constants/style';
20
20
  export default function NameLimiter(_a) {
21
- var name = _a.name, title = _a.title;
21
+ var name = _a.name, title = _a.title, placement = _a.placement, getPopupContainer = _a.getPopupContainer;
22
22
  var _b = __read(useState(false), 2), ellipsis = _b[0], setEllipsis = _b[1];
23
23
  var _c = __read(useState(false), 2), visible = _c[0], setVisible = _c[1];
24
24
  var ref = useRef(null);
@@ -29,6 +29,6 @@ export default function NameLimiter(_a) {
29
29
  }
30
30
  setEllipsis(ref.current.clientWidth < ref.current.scrollWidth);
31
31
  });
32
- return (React.createElement(Tooltip, { overlayClassName: SDK_PREFIX + "-name-limit-tooltip", placement: "top", title: title || name, visible: (!!title || ellipsis) && visible, onVisibleChange: setVisible },
32
+ return (React.createElement(Tooltip, { getPopupContainer: getPopupContainer, overlayClassName: SDK_PREFIX + "-name-limit-tooltip", placement: placement || 'top', title: title || name, visible: (!!title || ellipsis) && visible, onVisibleChange: setVisible },
33
33
  React.createElement("span", { className: SDK_PREFIX + "-name-limit", ref: ref }, name)));
34
34
  }
package/es/index.css CHANGED
@@ -13202,12 +13202,6 @@ textarea.ant-pagination-options-quick-jumper input {
13202
13202
  .pandora-sdk-tree-select-dropdown .ant-empty {
13203
13203
  text-align: center;
13204
13204
  }
13205
- .pandora-sdk-card-search-input {
13206
- min-width: 200px;
13207
- }
13208
- .pandora-sdk-card-search-input i {
13209
- color: #bfbfbf;
13210
- }
13211
13205
  .ant-row {
13212
13206
  display: -webkit-box;
13213
13207
  display: -ms-flexbox;
@@ -19097,6 +19091,12 @@ textarea.ant-pagination-options-quick-jumper input {
19097
19091
  .pandora-sdk-card-row-extra button {
19098
19092
  min-width: 80px;
19099
19093
  }
19094
+ .pandora-sdk-card-search-input {
19095
+ min-width: 200px;
19096
+ }
19097
+ .pandora-sdk-card-search-input i {
19098
+ color: #bfbfbf;
19099
+ }
19100
19100
  .ant-picker {
19101
19101
  -webkit-box-sizing: border-box;
19102
19102
  box-sizing: border-box;
@@ -20413,18 +20413,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20413
20413
  .pandora-sdk-modal-close-icon:hover {
20414
20414
  background: #f4f5f6;
20415
20415
  }
20416
- .pandora-sdk-popover-inline-list {
20417
- display: inline-block;
20418
- vertical-align: middle;
20419
- }
20420
- .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
20421
- display: inline-block;
20422
- height: 100%;
20423
- margin-right: 12px;
20424
- }
20425
- .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
20426
- color: #2c6dd2;
20427
- }
20428
20416
  .pandora-sdk-item {
20429
20417
  color: #2c6dd2;
20430
20418
  cursor: pointer;
@@ -20447,6 +20435,18 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20447
20435
  color: inherit;
20448
20436
  cursor: inherit;
20449
20437
  }
20438
+ .pandora-sdk-popover-inline-list {
20439
+ display: inline-block;
20440
+ vertical-align: middle;
20441
+ }
20442
+ .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
20443
+ display: inline-block;
20444
+ height: 100%;
20445
+ margin-right: 12px;
20446
+ }
20447
+ .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
20448
+ color: #2c6dd2;
20449
+ }
20450
20450
  .pandora-sdk-popover-item {
20451
20451
  display: inline-block;
20452
20452
  line-height: 18px;
package/es/index.less CHANGED
@@ -32,14 +32,14 @@
32
32
  @import './components/Timeline/style.less';
33
33
  @import './components/Transfer/style.less';
34
34
  @import './components/TreeSelector/style.less';
35
- @import './components/Card/SearchInput/style.less';
36
35
  @import './components/Card/RowExtra/style.less';
36
+ @import './components/Card/SearchInput/style.less';
37
37
  @import './components/DateTimePicker/Base/style.less';
38
38
  @import './components/DateTimePicker/BaseMobile/style.less';
39
39
  @import './components/DateTimePicker/DisplayInput/style.less';
40
40
  @import './components/Drawer/CloseIcon/style.less';
41
- @import './components/OptionList/InlineOptionList/style.less';
42
41
  @import './components/OptionList/OptionItem/style.less';
42
+ @import './components/OptionList/InlineOptionList/style.less';
43
43
  @import './components/OptionList/PopoverOptionList/style.less';
44
44
  @import './components/Steps/ControlButton/style.less';
45
45
  @import './components/Table/ColumnSetting/style.less';
@@ -390,7 +390,9 @@
390
390
  @agent-session-title-color: #595959;
391
391
  @close-icon-hover-color: #f4f5f6;
392
392
 
393
- @agent-markdown-scorll-bar-color: #c9cdd4;
393
+ @scroll-bar-color: #c9cdd4;
394
+ @scroll-bar-hover-color: #86909c;
395
+
394
396
  @agent-scene-icon-color: #c9cdd4;
395
397
  @agent-markdown-header-background-color: rgb(52, 53, 65);
396
398
  @agent-box-shadow-color: rgba(53, 53, 53, 0.07);
@@ -30,4 +30,5 @@ export interface IFileResumableProps {
30
30
  uploadDesc?: string;
31
31
  disabled?: boolean;
32
32
  defaultImageUrl?: string;
33
+ multiple?: boolean;
33
34
  }
@@ -273,7 +273,7 @@ function FileResumable(props) {
273
273
  onError
274
274
  ]);
275
275
  var handleStart = react_1.useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
276
- var params, realFile_1, reader;
276
+ var params, realFile_1, reader, extension_1;
277
277
  var _this = this;
278
278
  return __generator(this, function (_a) {
279
279
  params = __assign({}, query);
@@ -283,6 +283,7 @@ function FileResumable(props) {
283
283
  reader.readAsText(realFile_1.size > 50 * 1024 * 1024
284
284
  ? realFile_1.slice(0, 2 * 1024 * 1024)
285
285
  : realFile_1);
286
+ extension_1 = realFile_1.name.split('.').pop().toLowerCase();
286
287
  reader.onloadend = function (e) { return __awaiter(_this, void 0, void 0, function () {
287
288
  var md5Str, id, fileId, error_1;
288
289
  var _a, _b, _c;
@@ -298,7 +299,7 @@ function FileResumable(props) {
298
299
  return [4 /*yield*/, app_sdk_1.fileIsExit({
299
300
  resumableModifyTime: realFile_1.lastModified,
300
301
  resumableFilename: realFile_1.name,
301
- resumableType: realFile_1.type,
302
+ resumableType: realFile_1.type || "application/" + extension_1,
302
303
  resumableFileMd5: md5Str,
303
304
  resumableTotalSize: realFile_1.size
304
305
  })];
@@ -315,6 +316,7 @@ function FileResumable(props) {
315
316
  params.resumableFileMd5 = md5Str;
316
317
  params.resumableModifyTime = realFile_1.lastModified;
317
318
  params.resumableIdentifier = uuid_1.default();
319
+ params.resumableType = realFile_1.type || "application/" + extension_1;
318
320
  (_a = resumable.current) === null || _a === void 0 ? void 0 : _a.updateQuery(params);
319
321
  (_b = resumable.current) === null || _b === void 0 ? void 0 : _b.upload();
320
322
  }
@@ -1,11 +1,14 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
+ import type { TooltipPlacement } from 'antd/es/tooltip';
2
3
  /**
3
4
  * 对于超出容器宽度的名称进行省略,使用Tooltip展示。
4
5
  */
5
6
  export interface INameLimiterProps {
6
7
  /** 资源名称 */
7
- name: string;
8
+ name: React.ReactNode;
8
9
  /** 用于显示Tooltip的title */
9
- title?: string;
10
+ title?: React.ReactNode;
11
+ placement?: TooltipPlacement;
12
+ getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
10
13
  }
11
- export default function NameLimiter({ name, title }: INameLimiterProps): JSX.Element;
14
+ export default function NameLimiter({ name, title, placement, getPopupContainer }: INameLimiterProps): JSX.Element;
@@ -27,7 +27,7 @@ var react_1 = __importStar(require("react"));
27
27
  var antd_1 = require("antd");
28
28
  var style_1 = require("../../constants/style");
29
29
  function NameLimiter(_a) {
30
- var name = _a.name, title = _a.title;
30
+ var name = _a.name, title = _a.title, placement = _a.placement, getPopupContainer = _a.getPopupContainer;
31
31
  var _b = __read(react_1.useState(false), 2), ellipsis = _b[0], setEllipsis = _b[1];
32
32
  var _c = __read(react_1.useState(false), 2), visible = _c[0], setVisible = _c[1];
33
33
  var ref = react_1.useRef(null);
@@ -38,7 +38,7 @@ function NameLimiter(_a) {
38
38
  }
39
39
  setEllipsis(ref.current.clientWidth < ref.current.scrollWidth);
40
40
  });
41
- return (react_1.default.createElement(antd_1.Tooltip, { overlayClassName: style_1.SDK_PREFIX + "-name-limit-tooltip", placement: "top", title: title || name, visible: (!!title || ellipsis) && visible, onVisibleChange: setVisible },
41
+ return (react_1.default.createElement(antd_1.Tooltip, { getPopupContainer: getPopupContainer, overlayClassName: style_1.SDK_PREFIX + "-name-limit-tooltip", placement: placement || 'top', title: title || name, visible: (!!title || ellipsis) && visible, onVisibleChange: setVisible },
42
42
  react_1.default.createElement("span", { className: style_1.SDK_PREFIX + "-name-limit", ref: ref }, name)));
43
43
  }
44
44
  exports.default = NameLimiter;