@unicom-cloud/ui 0.8.96 → 0.8.98
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/Affix.js +1 -1
- package/Carousel.js +1 -1
- package/LiquidFill.js +4 -0
- package/OverflowEllipsis.js +1 -1
- package/PageHeader.js +1 -1
- package/QrCode.js +57 -0
- package/Tour.js +63 -0
- package/Trigger.js +1 -1
- package/_virtual/_commonjsHelpers.js +6 -0
- package/_virtual/index.js +7 -0
- package/_virtual/index2.js +4 -0
- package/affix/index.js +70 -72
- package/alert/index.js +56 -56
- package/anchor/Anchor.js +55 -55
- package/anchor/Link.js +34 -34
- package/anchor/util.js +5 -5
- package/auto-complete/index.js +116 -122
- package/avatar/Avatar.js +33 -33
- package/avatar/Group.js +26 -26
- package/back-top/index.js +58 -61
- package/badge/index.js +46 -46
- package/breadcrumb/Item.js +42 -43
- package/breadcrumb/index.js +47 -47
- package/button/Group.js +6 -6
- package/button/index.js +91 -91
- package/calendar/Month.js +75 -75
- package/calendar/Year.js +35 -35
- package/calendar/header/index.js +25 -25
- package/calendar/index.js +103 -103
- package/card/Grid.js +8 -8
- package/card/Meta.js +16 -16
- package/card/index.js +49 -49
- package/carousel/Arrow.js +19 -19
- package/carousel/Indicator.js +26 -26
- package/carousel/index.js +108 -108
- package/cascader/Cascader.js +178 -191
- package/cascader/base/node.js +133 -136
- package/cascader/base/store.js +82 -85
- package/cascader/panel/List.js +125 -129
- package/cascader/panel/Search.js +79 -81
- package/cascader/util.js +13 -13
- package/checkbox/Checkbox.js +94 -96
- package/checkbox/Group.js +54 -56
- package/checkbox/GroupBlock.js +28 -29
- package/collapse/Collapse.js +45 -45
- package/collapse/Item.js +53 -55
- package/color-picker/ControlBar.js +43 -43
- package/color-picker/InputAlpha.js +12 -12
- package/color-picker/InputHex.js +30 -31
- package/color-picker/InputRgb.js +24 -24
- package/color-picker/Palette.js +18 -18
- package/color-picker/Panel.js +122 -125
- package/color-picker/hooks/useColorPicker.js +85 -88
- package/color-picker/hooks/useControlBlock.js +38 -40
- package/color-picker/index.js +47 -47
- package/comment/index.js +29 -29
- package/components/common/higher-order/with-speech-synthesis/index.js +37 -40
- package/components/common/hooks/useId.js +8 -8
- package/components/common/hooks/useInView.js +16 -16
- package/components/common/hooks/useIntersectionObserver.js +1 -1
- package/components/common/hooks/useKeyboardEvent.js +9 -10
- package/components/common/hooks/useOverflowHidden.js +1 -4
- package/components/common/hooks/usePersistCallback.js +7 -7
- package/components/common/hooks/useStateCallback.js +9 -10
- package/components/common/hooks/useWindowSize.js +8 -8
- package/components/common/space/index.js +9 -7
- package/components/common/utils/convertToDurationBasedOnTimeUnits.js +6 -0
- package/components/common/utils/dom.js +27 -29
- package/components/common/utils/findScrollParent.js +17 -0
- package/components/common/utils/intersectionObserver.js +21 -0
- package/components/common/utils/is.js +99 -109
- package/components/common/utils/mutationObserver.js +19 -0
- package/components/common/utils/reactDOM.js +34 -34
- package/components/common/utils/resizeObserver.js +21 -0
- package/copy/index.js +38 -40
- package/date-picker/Picker.js +290 -295
- package/date-picker/RangePicker.js +367 -372
- package/date-picker/index.js +33 -35
- package/date-picker/panel/Body.js +46 -47
- package/date-picker/panel/Header.js +33 -33
- package/date-picker/panel/Shortcut.js +31 -31
- package/date-picker/panel/date/index.js +85 -85
- package/date-picker/panel/month/index.js +59 -59
- package/date-picker/panel/quarter/index.js +67 -70
- package/date-picker/panel/range/index.js +101 -101
- package/date-picker/panel/year/index.js +39 -39
- package/date-picker/util.js +17 -18
- package/descriptions/index.js +62 -62
- package/details/index.js +53 -55
- package/development/index.js +9 -9
- package/dist/tinycolor/chunk/BOzCVdr0.js +1 -1
- package/dist/validate/src/index.js +5 -5
- package/dist/validate/src/util.js +1 -1
- package/divider/index.js +21 -21
- package/draggable/Item.js +35 -35
- package/draggable/index.js +22 -22
- package/drawer/Drawer.js +142 -147
- package/dropdown/Button.js +48 -48
- package/dropdown/index.js +88 -92
- package/empty/index.js +16 -16
- package/form/Control.js +211 -225
- package/form/Form.js +109 -113
- package/form/FormItem.js +118 -120
- package/form/FormList.js +60 -66
- package/form/FormProvider.js +31 -34
- package/form/hook/useContext.js +17 -19
- package/form/hook/useState.js +22 -23
- package/form/hook/useWatch.js +26 -27
- package/form/promisify.js +14 -18
- package/form/store.js +304 -316
- package/form/util.js +14 -15
- package/grid/Col.js +64 -64
- package/grid/Grid.js +51 -51
- package/grid/GridItem.js +48 -48
- package/grid/Row.js +39 -39
- package/hooks/useVerificationCode.js +41 -43
- package/hooks/useWatermark.js +89 -92
- package/icon/index.js +23 -24
- package/icon-hover/index.js +16 -16
- package/icons/file.js +11 -11
- package/image/Image.js +140 -141
- package/image/ImagePreview.js +252 -255
- package/image/ImagePreviewArrow.js +25 -25
- package/image/ImagePreviewGroup.js +62 -62
- package/image/util/getScale.js +25 -28
- package/index.js +684 -675
- package/input/Button.js +48 -50
- package/input/Group.js +9 -9
- package/input/Input.js +145 -154
- package/input/InputElement.js +108 -115
- package/input/Password.js +38 -38
- package/input/Search.js +51 -55
- package/input/Textarea.js +80 -81
- package/input/useComposition.js +23 -23
- package/input-number/decimal.js +59 -62
- package/input-number/index.js +139 -141
- package/input-tag/InputTag.js +222 -230
- package/layout/Content.js +6 -6
- package/layout/Footer.js +8 -8
- package/layout/Header.js +7 -7
- package/layout/Sider.js +88 -90
- package/layout/index.js +30 -30
- package/link/index.js +45 -46
- package/liquid-fill/LiquidFill.js +226 -0
- package/liquid-fill/LiquidFill2.js +3 -0
- package/liquid-fill/index.js +4 -0
- package/list/Item.js +28 -28
- package/list/Meta.js +12 -12
- package/list/index.js +146 -148
- package/mentions/index.js +75 -76
- package/menu/Item.js +58 -58
- package/menu/Menu.js +125 -127
- package/menu/OverflowWrap.js +39 -40
- package/menu/sub-menu/Inline.js +45 -45
- package/menu/util.js +26 -28
- package/message/index.js +96 -99
- package/message/useMessage.js +26 -27
- package/modal/Confirm.js +47 -49
- package/modal/Modal.js +250 -257
- package/modal/use-modal/Hook.js +26 -28
- package/modal/use-modal/index.js +46 -49
- package/notice/index.js +89 -90
- package/notification/index.js +60 -65
- package/notification/withNotification.js +35 -35
- package/overflow-ellipsis/OverflowItem.js +19 -20
- package/overflow-ellipsis/index.js +45 -46
- package/package.json +1 -1
- package/page-header/index.js +45 -45
- package/pagination/PageItem.js +87 -91
- package/pagination/PageJumper.js +40 -41
- package/pagination/PageOption.js +31 -35
- package/pagination/Pagination.js +162 -163
- package/picker/Input.js +90 -96
- package/picker/InputRange.js +115 -122
- package/popconfirm/index.js +98 -100
- package/popover/index.js +28 -28
- package/portal/Portal.js +10 -11
- package/progress/index.js +36 -36
- package/qr-code/index.js +99 -0
- package/qr-code/interface.js +1 -0
- package/radio/Group.js +48 -48
- package/radio/GroupBlock.js +32 -33
- package/radio/Radio.js +62 -64
- package/rate/index.js +88 -88
- package/resize-box/ResizeTrigger.js +39 -39
- package/resize-box/Split.js +92 -96
- package/resize-box/SplitGroup.js +116 -122
- package/resize-box/index.js +112 -115
- package/result/index.js +44 -44
- package/select/Option.js +53 -56
- package/select/Select.js +365 -381
- package/select/util.js +95 -99
- package/select-view/Core.js +159 -160
- package/skeleton/index.js +23 -23
- package/slider/Button.js +84 -92
- package/slider/Input.js +47 -49
- package/slider/Tick.js +28 -31
- package/slider/index.js +107 -107
- package/space/index.js +26 -26
- package/space-/index.js +51 -51
- package/spin/DotLoading.js +8 -8
- package/spin/index.js +47 -47
- package/statistic/Countdown.js +37 -37
- package/statistic/index.js +58 -58
- package/steps/Step.js +42 -42
- package/steps/index.js +54 -54
- package/style.css +1 -1
- package/switch/index.js +77 -78
- package/table/ColGroup.js +36 -37
- package/table/Table.js +447 -450
- package/table/hook/useExpand.js +24 -24
- package/table/hook/useRowSelection.js +62 -62
- package/table/summary/Row.js +16 -17
- package/table/tbody/Td.js +119 -118
- package/table/tbody/Tr.js +119 -121
- package/table/tbody/index.js +62 -63
- package/table/th-resizable/index.js +30 -30
- package/table/thead/Column.js +148 -148
- package/table/thead/index.js +87 -88
- package/tabs/Tab.js +55 -55
- package/tabs/TabContent.js +8 -8
- package/tabs/TabPane.js +15 -15
- package/tabs/hook/useHeaderScroll.js +36 -36
- package/tabs/tab-header/TabInk.js +31 -33
- package/tabs/tab-header/TabNavIcon.js +34 -35
- package/tabs/tab-header/index.js +192 -195
- package/tag/index.js +94 -97
- package/time-picker/Picker.js +167 -172
- package/time-picker/RangePicker.js +28 -28
- package/time-picker/TimePicker.js +146 -146
- package/timeline/Item.js +46 -46
- package/timeline/Timeline.js +52 -52
- package/tooltip/index.js +89 -95
- package/tour/index.js +289 -0
- package/transfer/Item.js +54 -54
- package/transfer/List.js +134 -136
- package/transfer/index.js +91 -91
- package/tree/Animation.js +49 -52
- package/tree/Node.js +114 -122
- package/tree/NodeList.js +51 -51
- package/tree/Tree.js +386 -393
- package/tree-select/List.js +71 -72
- package/tree-select/Select.js +135 -143
- package/tree-select/hook/useKeyCache.js +39 -39
- package/tree-select/hook/useStateValue.js +12 -12
- package/trigger/getPopupStyle.js +60 -61
- package/trigger/index.js +337 -346
- package/types/common/space/interface.d.ts +1 -1
- package/types/common/utils/convertToDurationBasedOnTimeUnits.d.ts +3 -0
- package/types/common/utils/findScrollParent.d.ts +2 -0
- package/types/common/utils/index.d.ts +5 -0
- package/types/common/utils/intersectionObserver.d.ts +2 -0
- package/types/common/utils/mutationObserver.d.ts +2 -0
- package/types/common/utils/resizeObserver.d.ts +2 -0
- package/types/pc/config-provider/interface.d.ts +6 -0
- package/types/pc/index.d.ts +3 -0
- package/types/pc/liquid-fill/LiquidFill.d.ts +115 -0
- package/types/pc/liquid-fill/LiquidFill2.d.ts +1 -0
- package/types/pc/liquid-fill/index.d.ts +2 -0
- package/types/pc/qr-code/index.d.ts +34 -0
- package/types/pc/qr-code/interface.d.ts +39 -0
- package/types/pc/table/interface.d.ts +2 -2
- package/types/pc/tour/index.d.ts +42 -0
- package/types/pc/utils/convertToDurationBasedOnTimeUnits.d.ts +3 -0
- package/types/pc/utils/findScrollParent.d.ts +2 -0
- package/types/pc/utils/index.d.ts +5 -0
- package/types/pc/utils/intersectionObserver.d.ts +2 -0
- package/types/pc/utils/mutationObserver.d.ts +2 -0
- package/types/pc/utils/names.d.ts +18 -0
- package/types/pc/utils/resizeObserver.d.ts +2 -0
- package/typography/Base.js +79 -81
- package/typography/EditContent.js +30 -33
- package/typography/Ellipsis.js +77 -73
- package/typography/Operations.js +50 -52
- package/typography/Paragraph.js +7 -7
- package/typography/Typography.js +7 -7
- package/typography/useEllipsis.js +105 -106
- package/upload/TriggerNode.js +69 -76
- package/upload/Upload.js +84 -87
- package/upload/Uploader.js +115 -118
- package/upload/list/PictureItem.js +61 -71
- package/upload/list/TextItem.js +61 -67
- package/upload/list/UploadProgress.js +42 -49
- package/upload/list/index.js +48 -49
- package/upload/request_.js +37 -38
- package/upload/util.js +39 -39
- package/utils/convertToDurationBasedOnTimeUnits.js +6 -0
- package/utils/findScrollParent.js +4 -0
- package/utils/index.js +281 -278
- package/utils/intersectionObserver.js +4 -0
- package/utils/mutationObserver.js +4 -0
- package/utils/names.js +12 -0
- package/utils/resizeObserver.js +4 -0
- package/verification-code/VerificationCode.js +50 -51
- package/version/index.js +1 -1
- package/virtual-list/VirtualList.js +243 -244
- package/virtual-list/util/item.js +3 -4
- package/watermark/Watermark.js +27 -31
- package/components/common/utils/resizeObserverEffect.js +0 -23
- package/types/common/utils/resizeObserverEffect.d.ts +0 -2
- package/types/pc/utils/resizeObserverEffect.d.ts +0 -2
- package/utils/resizeObserverEffect.js +0 -4
|
@@ -1,119 +1,109 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { fileToURL as
|
|
7
|
-
import
|
|
8
|
-
import { forwardRef as
|
|
9
|
-
import
|
|
10
|
-
import { STATUS as
|
|
1
|
+
import { jsx as r, jsxs as m, Fragment as U } from "react/jsx-runtime";
|
|
2
|
+
import h from "@unicom-cloud/icons/IconUiDelete";
|
|
3
|
+
import P from "@unicom-cloud/icons/IconUiEye";
|
|
4
|
+
import R from "@unicom-cloud/icons/IconUiImageClose";
|
|
5
|
+
import $ from "@unicom-cloud/icons/IconUiUpload";
|
|
6
|
+
import { fileToURL as w } from "@unicom-cloud/utils/file";
|
|
7
|
+
import x from "lodash/isFunction";
|
|
8
|
+
import { forwardRef as C, useState as N, useEffect as v } from "react";
|
|
9
|
+
import y from "../../components/common/hooks/useKeyboardEvent.js";
|
|
10
|
+
import { STATUS as a } from "../constant.js";
|
|
11
11
|
import "../../components/common/utils/is.js";
|
|
12
|
-
import
|
|
13
|
-
import { isPlainObject as
|
|
14
|
-
const
|
|
15
|
-
const { disabled:
|
|
16
|
-
return
|
|
17
|
-
if (
|
|
18
|
-
|
|
12
|
+
import E from "./UploadProgress.js";
|
|
13
|
+
import { isPlainObject as F } from "@unicom-cloud/utils/is";
|
|
14
|
+
const k = (o, I) => {
|
|
15
|
+
const { disabled: g, prefixCls: i, file: e, showUploadList: u, locale: t } = o, s = y(), l = `${i}-list-item-picture`, { status: b, originFile: T } = e, [c, f] = N(e.url), n = F(u) ? u : {};
|
|
16
|
+
return v(() => {
|
|
17
|
+
if (e.url !== void 0)
|
|
18
|
+
f(e.url);
|
|
19
19
|
else {
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}).catch((
|
|
24
|
-
console.error(
|
|
20
|
+
const p = e.originFile;
|
|
21
|
+
p && w(p).then((d) => {
|
|
22
|
+
f(d);
|
|
23
|
+
}).catch((d) => {
|
|
24
|
+
console.error(d);
|
|
25
25
|
}).finally(() => {
|
|
26
26
|
});
|
|
27
27
|
}
|
|
28
28
|
return () => {
|
|
29
29
|
};
|
|
30
|
-
}, [
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
(a = e.onChange) == null || a.call(e, { type: "url", data: void 0 });
|
|
35
|
-
};
|
|
36
|
-
}, [u]), /* @__PURE__ */ t("div", { className: c, ref: g, children: U === d.uploading ? /* @__PURE__ */ t(
|
|
37
|
-
F,
|
|
30
|
+
}, [e.url, e.originFile]), v(() => (o.onChange?.({ type: "url", data: c }), () => {
|
|
31
|
+
o.onChange?.({ type: "url", data: void 0 });
|
|
32
|
+
}), [c]), /* @__PURE__ */ r("div", { className: l, ref: I, children: b === a.uploading ? /* @__PURE__ */ r(
|
|
33
|
+
E,
|
|
38
34
|
{
|
|
39
|
-
onReupload:
|
|
40
|
-
onUpload:
|
|
41
|
-
onAbort:
|
|
35
|
+
onReupload: o.onReupload,
|
|
36
|
+
onUpload: o.onUpload,
|
|
37
|
+
onAbort: o.onAbort,
|
|
42
38
|
listType: "picture-card",
|
|
43
|
-
file:
|
|
44
|
-
prefixCls:
|
|
45
|
-
progressProps:
|
|
46
|
-
...
|
|
39
|
+
file: e,
|
|
40
|
+
prefixCls: i,
|
|
41
|
+
progressProps: o.progressProps,
|
|
42
|
+
...n
|
|
47
43
|
}
|
|
48
|
-
) : /* @__PURE__ */
|
|
49
|
-
|
|
50
|
-
/* @__PURE__ */
|
|
51
|
-
|
|
52
|
-
/* @__PURE__ */
|
|
53
|
-
|
|
44
|
+
) : /* @__PURE__ */ m(U, { children: [
|
|
45
|
+
x(n.imageRender) ? n.imageRender(e) : /* @__PURE__ */ r("img", { src: c, alt: e.name }),
|
|
46
|
+
/* @__PURE__ */ m("div", { className: `${l}-mask`, role: "radiogroup", children: [
|
|
47
|
+
e.status === a.fail && /* @__PURE__ */ r("div", { className: `${l}-error-tip`, children: n.errorIcon !== null && /* @__PURE__ */ r("span", { className: `${i}-list-error-icon`, children: n.errorIcon || /* @__PURE__ */ r(R, {}) }) }),
|
|
48
|
+
/* @__PURE__ */ m("div", { className: `${l}-operation`, children: [
|
|
49
|
+
e.status !== a.fail && n.previewIcon !== null && /* @__PURE__ */ r(
|
|
54
50
|
"span",
|
|
55
51
|
{
|
|
56
|
-
className: `${
|
|
52
|
+
className: `${i}-list-preview-icon`,
|
|
57
53
|
tabIndex: 0,
|
|
58
54
|
role: "button",
|
|
59
|
-
"aria-label":
|
|
60
|
-
...
|
|
55
|
+
"aria-label": t?.Upload.preview,
|
|
56
|
+
...s({
|
|
61
57
|
onPressEnter: () => {
|
|
62
|
-
|
|
63
|
-
(n = e.onPreview) == null || n.call(e, i);
|
|
58
|
+
o.onPreview?.(e);
|
|
64
59
|
}
|
|
65
60
|
}),
|
|
66
61
|
onClick: () => {
|
|
67
|
-
|
|
68
|
-
(n = e.onPreview) == null || n.call(e, i);
|
|
62
|
+
o.onPreview?.(e);
|
|
69
63
|
},
|
|
70
|
-
children:
|
|
64
|
+
children: n.previewIcon || /* @__PURE__ */ r(P, {})
|
|
71
65
|
}
|
|
72
66
|
),
|
|
73
|
-
|
|
67
|
+
e.status === a.fail && n.reuploadIcon !== null && /* @__PURE__ */ r(
|
|
74
68
|
"span",
|
|
75
69
|
{
|
|
76
|
-
className: `${
|
|
70
|
+
className: `${o.prefixCls}-list-reupload-icon`,
|
|
77
71
|
onClick: () => {
|
|
78
|
-
|
|
79
|
-
(n = e.onReupload) == null || n.call(e, i);
|
|
72
|
+
o.onReupload?.(e);
|
|
80
73
|
},
|
|
81
74
|
tabIndex: 0,
|
|
82
75
|
role: "button",
|
|
83
|
-
"aria-label":
|
|
84
|
-
...
|
|
76
|
+
"aria-label": t?.Upload.reupload,
|
|
77
|
+
...s({
|
|
85
78
|
onPressEnter: () => {
|
|
86
|
-
|
|
87
|
-
(n = e.onReupload) == null || n.call(e, i);
|
|
79
|
+
o.onReupload?.(e);
|
|
88
80
|
}
|
|
89
81
|
}),
|
|
90
|
-
children:
|
|
82
|
+
children: n.reuploadIcon || /* @__PURE__ */ r($, {})
|
|
91
83
|
}
|
|
92
84
|
),
|
|
93
|
-
!
|
|
85
|
+
!g && n.removeIcon !== null && /* @__PURE__ */ r(
|
|
94
86
|
"span",
|
|
95
87
|
{
|
|
96
|
-
className: `${
|
|
88
|
+
className: `${i}-list-remove-icon`,
|
|
97
89
|
onClick: () => {
|
|
98
|
-
|
|
99
|
-
(n = e.onRemove) == null || n.call(e, i);
|
|
90
|
+
o.onRemove?.(e);
|
|
100
91
|
},
|
|
101
92
|
role: "button",
|
|
102
|
-
"aria-label":
|
|
93
|
+
"aria-label": t?.Upload.delete,
|
|
103
94
|
tabIndex: 0,
|
|
104
|
-
...
|
|
95
|
+
...s({
|
|
105
96
|
onPressEnter: () => {
|
|
106
|
-
|
|
107
|
-
(n = e.onRemove) == null || n.call(e, i);
|
|
97
|
+
o.onRemove?.(e);
|
|
108
98
|
}
|
|
109
99
|
}),
|
|
110
|
-
children:
|
|
100
|
+
children: n.removeIcon || /* @__PURE__ */ r(h, {})
|
|
111
101
|
}
|
|
112
102
|
)
|
|
113
103
|
] })
|
|
114
104
|
] })
|
|
115
105
|
] }) });
|
|
116
|
-
},
|
|
106
|
+
}, M = C(k);
|
|
117
107
|
export {
|
|
118
|
-
|
|
108
|
+
M as default
|
|
119
109
|
};
|
package/upload/list/TextItem.js
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
1
|
+
import { jsxs as m, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import b from "@unicom-cloud/icons/IconUiDelete";
|
|
3
3
|
import y from "@unicom-cloud/icons/IconUiExclamationCircleFill";
|
|
4
4
|
import T from "@unicom-cloud/icons/IconUiFile";
|
|
5
5
|
import R from "@unicom-cloud/icons/IconUiFileAudio";
|
|
6
|
-
import
|
|
6
|
+
import N from "@unicom-cloud/icons/IconUiFileImage";
|
|
7
7
|
import O from "@unicom-cloud/icons/IconUiFilePdf";
|
|
8
8
|
import C from "@unicom-cloud/icons/IconUiFileVideo";
|
|
9
9
|
import { fileToURL as E } from "@unicom-cloud/utils/file";
|
|
10
|
-
import
|
|
11
|
-
import { forwardRef as P, useState as j, useEffect as
|
|
10
|
+
import x from "lodash/isFunction";
|
|
11
|
+
import { forwardRef as P, useState as j, useEffect as I, isValidElement as w } from "react";
|
|
12
12
|
import L from "../../components/common/hooks/useKeyboardEvent.js";
|
|
13
13
|
import k from "../../icon-hover/index.js";
|
|
14
14
|
import A from "../../tooltip/index.js";
|
|
15
|
-
import { STATUS as
|
|
15
|
+
import { STATUS as f } from "../constant.js";
|
|
16
16
|
import "../../components/common/utils/is.js";
|
|
17
17
|
import S from "./UploadProgress.js";
|
|
18
|
-
import { isPlainObject as
|
|
19
|
-
const V = (
|
|
20
|
-
let
|
|
21
|
-
if (
|
|
22
|
-
|
|
18
|
+
import { isPlainObject as U } from "@unicom-cloud/utils/is";
|
|
19
|
+
const V = (i) => {
|
|
20
|
+
let n = "";
|
|
21
|
+
if (i.originFile && i.originFile.type)
|
|
22
|
+
n = i.originFile.type;
|
|
23
23
|
else {
|
|
24
|
-
const
|
|
25
|
-
|
|
24
|
+
const s = (i.name || "").split(".").pop() || "";
|
|
25
|
+
n = s, ["png", "jpg", "jpeg", "bmp", "gif"].indexOf(s) > -1 ? n = "image" : ["mp4", "m2v", "mkv"].indexOf(s) > -1 ? n = "video" : ["mp3", "wav", "wmv"].indexOf(s) > -1 && (n = "audio");
|
|
26
26
|
}
|
|
27
|
-
return
|
|
28
|
-
}, K = (
|
|
29
|
-
const { prefixCls:
|
|
30
|
-
let
|
|
31
|
-
return
|
|
27
|
+
return n.indexOf("image") > -1 ? N : n.indexOf("pdf") > -1 ? O : n.indexOf("audio") > -1 ? R : n.indexOf("video") > -1 ? C : T;
|
|
28
|
+
}, K = (i, n) => {
|
|
29
|
+
const { prefixCls: r, disabled: s, file: e, locale: p } = i, t = `${r}-list-item-text`, $ = L(), F = V(e), a = U(i.showUploadList) ? i.showUploadList : {}, l = U(a) ? a : {}, u = e.name || e.originFile && e.originFile.name, [c, g] = j(e.url);
|
|
30
|
+
let h = {};
|
|
31
|
+
return e.status !== f.fail && (h = {
|
|
32
32
|
popupVisible: !1
|
|
33
|
-
}),
|
|
34
|
-
if (
|
|
35
|
-
|
|
33
|
+
}), I(() => {
|
|
34
|
+
if (e.url !== void 0)
|
|
35
|
+
g(e.url);
|
|
36
36
|
else {
|
|
37
|
-
const
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
const v = e.originFile;
|
|
38
|
+
v && E(v).then((d) => {
|
|
39
|
+
g(d);
|
|
40
40
|
}).catch((d) => {
|
|
41
41
|
console.error(d);
|
|
42
42
|
}).finally(() => {
|
|
@@ -44,80 +44,74 @@ const V = (e) => {
|
|
|
44
44
|
}
|
|
45
45
|
return () => {
|
|
46
46
|
};
|
|
47
|
-
}, [
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
var d;
|
|
51
|
-
(d = e.onChange) == null || d.call(e, { type: "url", data: void 0 });
|
|
52
|
-
};
|
|
53
|
-
}, [u]), /* @__PURE__ */ f(
|
|
47
|
+
}, [e.url, e.originFile]), I(() => (i.onChange?.({ type: "url", data: c }), () => {
|
|
48
|
+
i.onChange?.({ type: "url", data: void 0 });
|
|
49
|
+
}), [c]), /* @__PURE__ */ m(
|
|
54
50
|
"div",
|
|
55
51
|
{
|
|
56
|
-
className: `${
|
|
57
|
-
ref:
|
|
52
|
+
className: `${r}-list-item ${r}-list-item-${e.status}`,
|
|
53
|
+
ref: n,
|
|
58
54
|
children: [
|
|
59
|
-
/* @__PURE__ */
|
|
60
|
-
|
|
61
|
-
/* @__PURE__ */
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
-
|
|
64
|
-
|
|
55
|
+
/* @__PURE__ */ m("div", { className: t, children: [
|
|
56
|
+
i.listType === "picture-list" && /* @__PURE__ */ o("div", { className: `${t}-thumbnail`, children: x(a.imageRender) ? a.imageRender(e) : /* @__PURE__ */ o("img", { src: c }) }),
|
|
57
|
+
/* @__PURE__ */ m("div", { className: `${t}-content`, children: [
|
|
58
|
+
/* @__PURE__ */ m("div", { className: `${t}-name`, children: [
|
|
59
|
+
i.listType === "text" && l.fileIcon !== null && /* @__PURE__ */ o("span", { className: `${r}-list-file-icon`, children: l.fileIcon || /* @__PURE__ */ o(F, {}) }),
|
|
60
|
+
x(a.fileName) ? /* @__PURE__ */ o("span", { className: `${t}-name-text`, children: a.fileName(e) }) : e.url ? /* @__PURE__ */ o(
|
|
65
61
|
"a",
|
|
66
62
|
{
|
|
67
|
-
href:
|
|
63
|
+
href: e.url,
|
|
68
64
|
target: "_blank",
|
|
69
65
|
rel: "noreferrer",
|
|
70
|
-
className: `${
|
|
71
|
-
children:
|
|
66
|
+
className: `${t}-name-link`,
|
|
67
|
+
children: u
|
|
72
68
|
}
|
|
73
|
-
) : /* @__PURE__ */
|
|
74
|
-
|
|
69
|
+
) : /* @__PURE__ */ o("span", { className: `${t}-name-text`, children: u }),
|
|
70
|
+
e.status === f.fail && l.errorIcon !== null && /* @__PURE__ */ o(
|
|
75
71
|
A,
|
|
76
72
|
{
|
|
77
|
-
content: (typeof
|
|
78
|
-
...
|
|
79
|
-
disabled:
|
|
80
|
-
children: /* @__PURE__ */
|
|
73
|
+
content: (typeof e.response == "object" ? w(e.response) && e.response : e.response) || p?.Upload.error,
|
|
74
|
+
...h,
|
|
75
|
+
disabled: e.status !== f.fail,
|
|
76
|
+
children: /* @__PURE__ */ o("span", { className: `${i.prefixCls}-list-error-icon`, children: l.errorIcon || (i.listType === "picture-card" ? /* @__PURE__ */ o(N, {}) : /* @__PURE__ */ o(y, {})) })
|
|
81
77
|
}
|
|
82
78
|
)
|
|
83
79
|
] }),
|
|
84
|
-
/* @__PURE__ */
|
|
80
|
+
/* @__PURE__ */ o(
|
|
85
81
|
S,
|
|
86
82
|
{
|
|
87
|
-
file:
|
|
88
|
-
prefixCls:
|
|
89
|
-
progressProps:
|
|
90
|
-
onReupload:
|
|
91
|
-
onUpload:
|
|
92
|
-
onAbort:
|
|
93
|
-
...
|
|
83
|
+
file: e,
|
|
84
|
+
prefixCls: r,
|
|
85
|
+
progressProps: i.progressProps,
|
|
86
|
+
onReupload: i.onReupload,
|
|
87
|
+
onUpload: i.onUpload,
|
|
88
|
+
onAbort: i.onAbort,
|
|
89
|
+
...l
|
|
94
90
|
}
|
|
95
91
|
)
|
|
96
92
|
] })
|
|
97
93
|
] }),
|
|
98
|
-
/* @__PURE__ */
|
|
94
|
+
/* @__PURE__ */ o("div", { className: `${r}-list-item-operation`, children: !s && l.removeIcon !== null && /* @__PURE__ */ o(
|
|
99
95
|
k,
|
|
100
96
|
{
|
|
101
|
-
className: `${
|
|
97
|
+
className: `${r}-list-remove-icon-hover`,
|
|
102
98
|
onClick: () => {
|
|
103
|
-
|
|
104
|
-
(o = e.onRemove) == null || o.call(e, i);
|
|
99
|
+
i.onRemove?.(e);
|
|
105
100
|
},
|
|
106
101
|
tabIndex: 0,
|
|
107
|
-
"aria-label":
|
|
108
|
-
|
|
102
|
+
"aria-label": p?.Upload.delete,
|
|
103
|
+
...$({
|
|
109
104
|
onPressEnter: () => {
|
|
110
|
-
|
|
111
|
-
(o = e.onRemove) == null || o.call(e, i);
|
|
105
|
+
i.onRemove?.(e);
|
|
112
106
|
}
|
|
113
107
|
}),
|
|
114
|
-
children: /* @__PURE__ */
|
|
108
|
+
children: /* @__PURE__ */ o("span", { className: `${r}-list-remove-icon`, children: l.removeIcon || /* @__PURE__ */ o(b, {}) })
|
|
115
109
|
}
|
|
116
110
|
) })
|
|
117
111
|
]
|
|
118
112
|
}
|
|
119
113
|
);
|
|
120
|
-
},
|
|
114
|
+
}, re = P(K);
|
|
121
115
|
export {
|
|
122
|
-
|
|
116
|
+
re as default
|
|
123
117
|
};
|
|
@@ -1,96 +1,89 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { useContext as
|
|
1
|
+
import { jsxs as u, Fragment as U, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import h from "@unicom-cloud/icons/IconUiCheck";
|
|
3
|
+
import b from "@unicom-cloud/icons/IconUiPause";
|
|
4
|
+
import x from "@unicom-cloud/icons/IconUiPlayArrowFill";
|
|
5
|
+
import C from "@unicom-cloud/icons/IconUiUpload";
|
|
6
|
+
import g from "lodash/isFunction";
|
|
7
|
+
import { useContext as P } from "react";
|
|
8
8
|
import "../../config-provider/ConfigProvider.js";
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import { STATUS as
|
|
13
|
-
import
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
a === o.fail && n.reuploadIcon !== null && /* @__PURE__ */ c(
|
|
9
|
+
import y from "../../components/common/hooks/useKeyboardEvent.js";
|
|
10
|
+
import $ from "../../progress/index.js";
|
|
11
|
+
import f from "../../tooltip/index.js";
|
|
12
|
+
import { STATUS as l } from "../constant.js";
|
|
13
|
+
import w from "../../config-provider/context.js";
|
|
14
|
+
const q = (o) => {
|
|
15
|
+
const r = y(), { file: n, prefixCls: c, progressProps: a, progressRender: i } = o, { locale: s } = P(w), { status: t, percent: p = 0 } = n, d = `${c}-list`, I = a && a.width ? { width: a.width } : {}, m = /* @__PURE__ */ u(U, { children: [
|
|
16
|
+
t === l.fail && o.reuploadIcon !== null && /* @__PURE__ */ e(
|
|
18
17
|
"span",
|
|
19
18
|
{
|
|
20
|
-
className: `${
|
|
19
|
+
className: `${c}-list-reupload-icon`,
|
|
21
20
|
onClick: () => {
|
|
22
|
-
|
|
23
|
-
(e = n.onReupload) == null || e.call(n, i);
|
|
21
|
+
o.onReupload?.(n);
|
|
24
22
|
},
|
|
25
23
|
tabIndex: 0,
|
|
26
24
|
role: "button",
|
|
27
|
-
"aria-label":
|
|
25
|
+
"aria-label": s?.Upload?.reupload,
|
|
28
26
|
...r({
|
|
29
27
|
onPressEnter: () => {
|
|
30
|
-
|
|
31
|
-
(e = n.onReupload) == null || e.call(n, i);
|
|
28
|
+
o.onReupload?.(n);
|
|
32
29
|
}
|
|
33
30
|
}),
|
|
34
|
-
children:
|
|
31
|
+
children: o.reuploadIcon || (o.listType === "picture-card" ? /* @__PURE__ */ e(C, {}) : s?.Upload?.reupload)
|
|
35
32
|
}
|
|
36
33
|
),
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
/* @__PURE__ */
|
|
40
|
-
|
|
34
|
+
t === l.success && o.successIcon !== null && /* @__PURE__ */ e("span", { className: `${c}-list-success-icon`, children: o.successIcon || /* @__PURE__ */ e(h, {}) }),
|
|
35
|
+
t !== l.success && /* @__PURE__ */ u("div", { className: `${d}-status`, style: I, children: [
|
|
36
|
+
/* @__PURE__ */ e(
|
|
37
|
+
$,
|
|
41
38
|
{
|
|
42
39
|
showText: !1,
|
|
43
|
-
className: `${
|
|
40
|
+
className: `${d}-progress`,
|
|
44
41
|
type: "circle",
|
|
45
|
-
status:
|
|
46
|
-
percent:
|
|
42
|
+
status: t === l.fail ? "error" : t === l.success ? "success" : "normal",
|
|
43
|
+
percent: p,
|
|
47
44
|
size: "mini",
|
|
48
|
-
...
|
|
45
|
+
...a
|
|
49
46
|
}
|
|
50
47
|
),
|
|
51
|
-
|
|
48
|
+
t === l.init && o.startIcon !== null && /* @__PURE__ */ e(
|
|
52
49
|
"span",
|
|
53
50
|
{
|
|
54
51
|
tabIndex: 0,
|
|
55
52
|
role: "button",
|
|
56
|
-
"aria-label":
|
|
57
|
-
className: `${
|
|
53
|
+
"aria-label": s?.Upload?.start,
|
|
54
|
+
className: `${c}-list-start-icon`,
|
|
58
55
|
onClick: () => {
|
|
59
|
-
|
|
60
|
-
(e = n.onUpload) == null || e.call(n, i);
|
|
56
|
+
o.onUpload?.(n);
|
|
61
57
|
},
|
|
62
58
|
...r({
|
|
63
59
|
onPressEnter: () => {
|
|
64
|
-
|
|
65
|
-
(e = n.onUpload) == null || e.call(n, i);
|
|
60
|
+
o.onUpload?.(n);
|
|
66
61
|
}
|
|
67
62
|
}),
|
|
68
|
-
children:
|
|
63
|
+
children: o.startIcon || /* @__PURE__ */ e(f, { content: s?.Upload?.start, children: /* @__PURE__ */ e(x, {}) })
|
|
69
64
|
}
|
|
70
65
|
),
|
|
71
|
-
|
|
66
|
+
t === l.uploading && o.cancelIcon !== null && /* @__PURE__ */ e(
|
|
72
67
|
"span",
|
|
73
68
|
{
|
|
74
|
-
className: `${
|
|
69
|
+
className: `${o.prefixCls}-list-cancel-icon`,
|
|
75
70
|
onClick: () => {
|
|
76
|
-
|
|
77
|
-
(e = n.onAbort) == null || e.call(n, i);
|
|
71
|
+
o.onAbort?.(n);
|
|
78
72
|
},
|
|
79
73
|
tabIndex: 0,
|
|
80
|
-
"aria-label":
|
|
74
|
+
"aria-label": s?.Upload?.cancel,
|
|
81
75
|
...r({
|
|
82
76
|
onPressEnter: () => {
|
|
83
|
-
|
|
84
|
-
(e = n.onAbort) == null || e.call(n, i);
|
|
77
|
+
o.onAbort?.(n);
|
|
85
78
|
}
|
|
86
79
|
}),
|
|
87
|
-
children:
|
|
80
|
+
children: o.cancelIcon || /* @__PURE__ */ e(f, { content: s?.Upload?.cancel, children: /* @__PURE__ */ e(b, {}) })
|
|
88
81
|
}
|
|
89
82
|
)
|
|
90
83
|
] })
|
|
91
84
|
] });
|
|
92
|
-
return
|
|
85
|
+
return g(i) ? i(n, m) : m;
|
|
93
86
|
};
|
|
94
87
|
export {
|
|
95
|
-
|
|
88
|
+
q as default
|
|
96
89
|
};
|