@knockout-js/layout 0.1.2 → 0.1.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/es2017/components/_util/index.d.ts +8 -7
- package/es2017/components/_util/index.js +31 -13
- package/es2017/components/_util/index.js.map +1 -1
- package/es2017/components/aggregate-menu/index.d.ts +1 -2
- package/es2017/components/aggregate-menu/index.js +56 -39
- package/es2017/components/aggregate-menu/index.js.map +1 -1
- package/es2017/components/aggregate-menu/locale/en_US.js +1 -1
- package/es2017/components/aggregate-menu/locale/en_US.js.map +1 -1
- package/es2017/components/aggregate-menu/locale/zh_CN.js +1 -1
- package/es2017/components/aggregate-menu/locale/zh_CN.js.map +1 -1
- package/es2017/components/avatar-dropdown/index.d.ts +1 -2
- package/es2017/components/avatar-dropdown/index.js +1 -1
- package/es2017/components/avatar-dropdown/index.js.map +1 -1
- package/es2017/components/avatar-dropdown/locale/en_US.js +1 -1
- package/es2017/components/avatar-dropdown/locale/en_US.js.map +1 -1
- package/es2017/components/avatar-dropdown/locale/zh_CN.js +1 -1
- package/es2017/components/avatar-dropdown/locale/zh_CN.js.map +1 -1
- package/es2017/components/collect-providers/index.d.ts +1 -1
- package/es2017/components/collect-providers/index.js +7 -4
- package/es2017/components/collect-providers/index.js.map +1 -1
- package/es2017/components/i18n-dropdown/index.d.ts +1 -2
- package/es2017/components/i18n-dropdown/index.js +1 -1
- package/es2017/components/i18n-dropdown/index.js.map +1 -1
- package/es2017/components/icons/index.d.ts +3 -3
- package/es2017/components/icons/index.js +3 -3
- package/es2017/components/icons/index.js.map +1 -1
- package/es2017/components/index.d.ts +0 -2
- package/es2017/components/index.js +1 -3
- package/es2017/components/index.js.map +1 -1
- package/es2017/components/keep-alive/index.js +8 -4
- package/es2017/components/keep-alive/index.js.map +1 -1
- package/es2017/components/layout/index.d.ts +2 -2
- package/es2017/components/layout/index.js +15 -9
- package/es2017/components/layout/index.js.map +1 -1
- package/es2017/components/layout/logo.js +1 -1
- package/es2017/components/layout/logo.js.map +1 -1
- package/es2017/components/leave-prompt/index.d.ts +1 -1
- package/es2017/components/leave-prompt/index.js +10 -5
- package/es2017/components/leave-prompt/index.js.map +1 -1
- package/es2017/components/leave-prompt/locale/en_US.js +1 -1
- package/es2017/components/leave-prompt/locale/en_US.js.map +1 -1
- package/es2017/components/leave-prompt/locale/zh_CN.js +1 -1
- package/es2017/components/leave-prompt/locale/zh_CN.js.map +1 -1
- package/es2017/components/locale/en_US.js +1 -1
- package/es2017/components/locale/en_US.js.map +1 -1
- package/es2017/components/locale/index.js +5 -3
- package/es2017/components/locale/index.js.map +1 -1
- package/es2017/components/locale/zh_CN.js +1 -1
- package/es2017/components/locale/zh_CN.js.map +1 -1
- package/es2017/components/modal/index.d.ts +1 -1
- package/es2017/components/modal/index.js +10 -6
- package/es2017/components/modal/index.js.map +1 -1
- package/es2017/components/msg-dropdown/index.js +13 -6
- package/es2017/components/msg-dropdown/index.js.map +1 -1
- package/es2017/components/msg-dropdown/locale/en_US.js +1 -1
- package/es2017/components/msg-dropdown/locale/en_US.js.map +1 -1
- package/es2017/components/msg-dropdown/locale/zh_CN.js +1 -1
- package/es2017/components/msg-dropdown/locale/zh_CN.js.map +1 -1
- package/es2017/components/provider/index.d.ts +3 -3
- package/es2017/components/provider/index.js +3 -3
- package/es2017/components/provider/index.js.map +1 -1
- package/es2017/components/tenant-dropdown/index.d.ts +1 -2
- package/es2017/components/tenant-dropdown/index.js +9 -4
- package/es2017/components/tenant-dropdown/index.js.map +1 -1
- package/es2017/components/tenant-dropdown/locale/en_US.js +1 -1
- package/es2017/components/tenant-dropdown/locale/en_US.js.map +1 -1
- package/es2017/components/tenant-dropdown/locale/zh_CN.js +1 -1
- package/es2017/components/tenant-dropdown/locale/zh_CN.js.map +1 -1
- package/es2017/components/theme-switch/index.js +1 -1
- package/es2017/components/theme-switch/index.js.map +1 -1
- package/es2017/components/theme-switch/locale/en_US.js +1 -1
- package/es2017/components/theme-switch/locale/en_US.js.map +1 -1
- package/es2017/components/theme-switch/locale/zh_CN.js +1 -1
- package/es2017/components/theme-switch/locale/zh_CN.js.map +1 -1
- package/es2017/components/upload-file/index.js +1 -1
- package/es2017/components/upload-file/index.js.map +1 -1
- package/es2017/components/upload-file/locale/en_US.js +1 -1
- package/es2017/components/upload-file/locale/en_US.js.map +1 -1
- package/es2017/components/upload-file/locale/zh_CN.js +1 -1
- package/es2017/components/upload-file/locale/zh_CN.js.map +1 -1
- package/es2017/components/upload-file/uploadAvatar.d.ts +1 -2
- package/es2017/components/upload-file/uploadAvatar.js +34 -21
- package/es2017/components/upload-file/uploadAvatar.js.map +1 -1
- package/es2017/components/upload-file/uploadMultiple.d.ts +1 -2
- package/es2017/components/upload-file/uploadMultiple.js +35 -18
- package/es2017/components/upload-file/uploadMultiple.js.map +1 -1
- package/es2017/components/upload-file/uploadTemp.d.ts +1 -2
- package/es2017/components/upload-file/uploadTemp.js +45 -25
- package/es2017/components/upload-file/uploadTemp.js.map +1 -1
- package/es2017/index.js +1 -1
- package/es2017/index.js.map +1 -1
- package/esm/components/_util/index.d.ts +8 -7
- package/esm/components/_util/index.js +35 -17
- package/esm/components/_util/index.js.map +1 -1
- package/esm/components/aggregate-menu/index.d.ts +1 -2
- package/esm/components/aggregate-menu/index.js +66 -49
- package/esm/components/aggregate-menu/index.js.map +1 -1
- package/esm/components/aggregate-menu/locale/en_US.js +1 -1
- package/esm/components/aggregate-menu/locale/en_US.js.map +1 -1
- package/esm/components/aggregate-menu/locale/zh_CN.js +1 -1
- package/esm/components/aggregate-menu/locale/zh_CN.js.map +1 -1
- package/esm/components/avatar-dropdown/index.d.ts +1 -2
- package/esm/components/avatar-dropdown/index.js +1 -1
- package/esm/components/avatar-dropdown/index.js.map +1 -1
- package/esm/components/avatar-dropdown/locale/en_US.js +1 -1
- package/esm/components/avatar-dropdown/locale/en_US.js.map +1 -1
- package/esm/components/avatar-dropdown/locale/zh_CN.js +1 -1
- package/esm/components/avatar-dropdown/locale/zh_CN.js.map +1 -1
- package/esm/components/collect-providers/index.d.ts +1 -1
- package/esm/components/collect-providers/index.js +8 -5
- package/esm/components/collect-providers/index.js.map +1 -1
- package/esm/components/i18n-dropdown/index.d.ts +1 -2
- package/esm/components/i18n-dropdown/index.js +2 -2
- package/esm/components/i18n-dropdown/index.js.map +1 -1
- package/esm/components/icons/index.d.ts +3 -3
- package/esm/components/icons/index.js +3 -3
- package/esm/components/icons/index.js.map +1 -1
- package/esm/components/index.d.ts +0 -2
- package/esm/components/index.js +1 -3
- package/esm/components/index.js.map +1 -1
- package/esm/components/keep-alive/index.js +8 -4
- package/esm/components/keep-alive/index.js.map +1 -1
- package/esm/components/layout/index.d.ts +2 -2
- package/esm/components/layout/index.js +17 -11
- package/esm/components/layout/index.js.map +1 -1
- package/esm/components/layout/logo.js +1 -1
- package/esm/components/layout/logo.js.map +1 -1
- package/esm/components/leave-prompt/index.d.ts +1 -1
- package/esm/components/leave-prompt/index.js +10 -5
- package/esm/components/leave-prompt/index.js.map +1 -1
- package/esm/components/leave-prompt/locale/en_US.js +1 -1
- package/esm/components/leave-prompt/locale/en_US.js.map +1 -1
- package/esm/components/leave-prompt/locale/zh_CN.js +1 -1
- package/esm/components/leave-prompt/locale/zh_CN.js.map +1 -1
- package/esm/components/locale/en_US.js +1 -1
- package/esm/components/locale/en_US.js.map +1 -1
- package/esm/components/locale/index.js +5 -3
- package/esm/components/locale/index.js.map +1 -1
- package/esm/components/locale/zh_CN.js +1 -1
- package/esm/components/locale/zh_CN.js.map +1 -1
- package/esm/components/modal/index.d.ts +1 -1
- package/esm/components/modal/index.js +11 -7
- package/esm/components/modal/index.js.map +1 -1
- package/esm/components/msg-dropdown/index.js +16 -9
- package/esm/components/msg-dropdown/index.js.map +1 -1
- package/esm/components/msg-dropdown/locale/en_US.js +1 -1
- package/esm/components/msg-dropdown/locale/en_US.js.map +1 -1
- package/esm/components/msg-dropdown/locale/zh_CN.js +1 -1
- package/esm/components/msg-dropdown/locale/zh_CN.js.map +1 -1
- package/esm/components/provider/index.d.ts +3 -3
- package/esm/components/provider/index.js +3 -3
- package/esm/components/provider/index.js.map +1 -1
- package/esm/components/tenant-dropdown/index.d.ts +1 -2
- package/esm/components/tenant-dropdown/index.js +12 -7
- package/esm/components/tenant-dropdown/index.js.map +1 -1
- package/esm/components/tenant-dropdown/locale/en_US.js +1 -1
- package/esm/components/tenant-dropdown/locale/en_US.js.map +1 -1
- package/esm/components/tenant-dropdown/locale/zh_CN.js +1 -1
- package/esm/components/tenant-dropdown/locale/zh_CN.js.map +1 -1
- package/esm/components/theme-switch/index.js +1 -1
- package/esm/components/theme-switch/index.js.map +1 -1
- package/esm/components/theme-switch/locale/en_US.js +1 -1
- package/esm/components/theme-switch/locale/en_US.js.map +1 -1
- package/esm/components/theme-switch/locale/zh_CN.js +1 -1
- package/esm/components/theme-switch/locale/zh_CN.js.map +1 -1
- package/esm/components/upload-file/index.js +1 -1
- package/esm/components/upload-file/index.js.map +1 -1
- package/esm/components/upload-file/locale/en_US.js +1 -1
- package/esm/components/upload-file/locale/en_US.js.map +1 -1
- package/esm/components/upload-file/locale/zh_CN.js +1 -1
- package/esm/components/upload-file/locale/zh_CN.js.map +1 -1
- package/esm/components/upload-file/uploadAvatar.d.ts +1 -2
- package/esm/components/upload-file/uploadAvatar.js +20 -11
- package/esm/components/upload-file/uploadAvatar.js.map +1 -1
- package/esm/components/upload-file/uploadMultiple.d.ts +1 -2
- package/esm/components/upload-file/uploadMultiple.js +27 -14
- package/esm/components/upload-file/uploadMultiple.js.map +1 -1
- package/esm/components/upload-file/uploadTemp.d.ts +1 -2
- package/esm/components/upload-file/uploadTemp.js +31 -15
- package/esm/components/upload-file/uploadTemp.js.map +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/package.json +4 -6
- package/es2017/components/dictionary/index.d.ts +0 -6
- package/es2017/components/dictionary/index.js +0 -71
- package/es2017/components/dictionary/index.js.map +0 -1
- package/es2017/components/dictionary/index.module.css +0 -4
- package/es2017/components/dictionary/select.d.ts +0 -19
- package/es2017/components/dictionary/select.js +0 -51
- package/es2017/components/dictionary/select.js.map +0 -1
- package/es2017/components/dictionary/text.d.ts +0 -23
- package/es2017/components/dictionary/text.js +0 -28
- package/es2017/components/dictionary/text.js.map +0 -1
- package/esm/components/dictionary/index.d.ts +0 -6
- package/esm/components/dictionary/index.js +0 -92
- package/esm/components/dictionary/index.js.map +0 -1
- package/esm/components/dictionary/index.module.css +0 -4
- package/esm/components/dictionary/select.d.ts +0 -19
- package/esm/components/dictionary/select.js +0 -71
- package/esm/components/dictionary/select.js.map +0 -1
- package/esm/components/dictionary/text.d.ts +0 -23
- package/esm/components/dictionary/text.js +0 -31
- package/esm/components/dictionary/text.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\msg-dropdown\\locale\\en_US.ts"],"sourcesContent":["import { MsgDropdownLocale } from \"../index\";\r\n\r\nconst locale: MsgDropdownLocale = {\r\n title: \"Station message notification\",\r\n footer: \"See more\"\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","title","footer"],"mappings":"AAEA,MAAMA,SAA4B;IAChCC,OAAO;IACPC,QAAQ;AACV;AAEA,eAAeF,OAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\msg-dropdown\\locale\\zh_CN.ts"],"sourcesContent":["import { MsgDropdownLocale } from \"../index\";\r\n\r\nconst locale: MsgDropdownLocale = {\r\n title: \"站内消息通知\",\r\n footer: \"查看更多\"\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","title","footer"],"mappings":"AAEA,MAAMA,SAA4B;IAChCC,OAAO;IACPC,QAAQ;AACV;AAEA,eAAeF,OAAM"}
|
|
@@ -14,18 +14,18 @@ export declare const Context: import("react").Context<ProviderProps>;
|
|
|
14
14
|
/**
|
|
15
15
|
* 组件上使用
|
|
16
16
|
*/
|
|
17
|
-
declare const _default: (props: ProviderProps) => JSX.Element;
|
|
17
|
+
declare const _default: (props: ProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export default _default;
|
|
19
19
|
/**
|
|
20
20
|
* hook
|
|
21
21
|
* @returns
|
|
22
22
|
*/
|
|
23
|
-
export declare const useTenantId: () => string;
|
|
23
|
+
export declare const useTenantId: () => string | undefined;
|
|
24
24
|
/**
|
|
25
25
|
* hook
|
|
26
26
|
* @returns
|
|
27
27
|
*/
|
|
28
|
-
export declare const useAppCode: () => string;
|
|
28
|
+
export declare const useAppCode: () => string | undefined;
|
|
29
29
|
/**
|
|
30
30
|
* hook
|
|
31
31
|
* @returns
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import _object_spread from "@swc/helpers/
|
|
2
|
-
import _object_without_properties from "@swc/helpers/
|
|
1
|
+
import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
|
|
2
|
+
import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
|
|
3
3
|
import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
|
|
4
4
|
import { createContext, useContext } from "react";
|
|
5
5
|
export var LocaleType;
|
|
@@ -46,4 +46,4 @@ export const Context = /*#__PURE__*/ createContext({
|
|
|
46
46
|
return (_ctx_dark = ctx.dark) !== null && _ctx_dark !== void 0 ? _ctx_dark : false;
|
|
47
47
|
};
|
|
48
48
|
|
|
49
|
-
//# sourceMappingURL=
|
|
49
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\provider\\index.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\r\n\r\nexport enum LocaleType {\r\n zhCN = \"zh-CN\",\r\n enUS = \"en-US\",\r\n}\r\n\r\nexport interface ProviderProps {\r\n locale?: LocaleType;\r\n appCode?: string;\r\n tenantId?: string;\r\n dark?: boolean;\r\n children?: React.ReactNode;\r\n}\r\n\r\n// 定义上下文\r\nexport const Context = createContext<ProviderProps>({\r\n locale: LocaleType.zhCN,\r\n dark: false\r\n});\r\n\r\n/**\r\n * 组件上使用\r\n */\r\nexport default (props: ProviderProps) => {\r\n const { children, ...resProps } = props;\r\n return <Context.Provider value={{ ...resProps }}>{children}</Context.Provider>\r\n}\r\n\r\n\r\n/**\r\n * hook\r\n * @returns\r\n */\r\nexport const useTenantId = () => {\r\n const ctx = useContext<ProviderProps>(Context);\r\n return ctx.tenantId\r\n}\r\n\r\n\r\n/**\r\n * hook\r\n * @returns\r\n */\r\nexport const useAppCode = () => {\r\n const ctx = useContext<ProviderProps>(Context);\r\n return ctx.appCode\r\n}\r\n\r\n/**\r\n * hook\r\n * @returns\r\n */\r\nexport const useDark = () => {\r\n const ctx = useContext<ProviderProps>(Context);\r\n return ctx.dark ?? false\r\n}\r\n"],"names":["createContext","useContext","LocaleType","zhCN","enUS","Context","locale","dark","props","children","resProps","Provider","value","useTenantId","ctx","tenantId","useAppCode","appCode","useDark"],"mappings":";;;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;WAE3C;UAAKC,UAAU;IAAVA,WACVC,UAAO;IADGD,WAEVE,UAAO;GAFGF,eAAAA;AAaZ,QAAQ;AACR,OAAO,MAAMG,wBAAUL,cAA6B;IAClDM,QAAQJ,WAAWC,IAAI;IACvBI,MAAM,KAAK;AACb,GAAG;AAEH;;CAEC,GACD,eAAe,CAAA,CAACC,QAAyB;IACvC,MAAM,EAAEC,SAAQ,EAAe,GAAGD,OAAbE,sCAAaF;QAA1BC;;IACR,qBAAO,KAACJ,QAAQM,QAAQ;QAACC,OAAO,mBAAKF;kBAAaD;;AACpD,CAAA,EAAC;AAGD;;;CAGC,GACD,OAAO,MAAMI,cAAc,IAAM;IAC/B,MAAMC,MAAMb,WAA0BI;IACtC,OAAOS,IAAIC,QAAQ;AACrB,EAAC;AAGD;;;CAGC,GACD,OAAO,MAAMC,aAAa,IAAM;IAC9B,MAAMF,MAAMb,WAA0BI;IACtC,OAAOS,IAAIG,OAAO;AACpB,EAAC;AAED;;;CAGC,GACD,OAAO,MAAMC,UAAU,IAAM;IAC3B,MAAMJ,MAAMb,WAA0BI;QAC/BS;IAAP,OAAOA,CAAAA,YAAAA,IAAIP,IAAI,cAARO,uBAAAA,YAAY,KAAK;AAC1B,EAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { Org } from '@knockout-js/api/ucenter';
|
|
3
2
|
export interface TenantDropdownLocale {
|
|
4
3
|
switchTipTitle: string;
|
|
@@ -19,5 +18,5 @@ export interface TenantDropdownProps {
|
|
|
19
18
|
*/
|
|
20
19
|
onChange: (value: string) => void;
|
|
21
20
|
}
|
|
22
|
-
declare const _default: (props: TenantDropdownProps) => JSX.Element;
|
|
21
|
+
declare const _default: (props: TenantDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
22
|
export default _default;
|
|
@@ -50,7 +50,9 @@ export default ((props)=>{
|
|
|
50
50
|
document.title = tipStr;
|
|
51
51
|
document.body.innerHTML = `<div style="width:370px;margin:40px auto 0 auto;">${tipStr}</div>`;
|
|
52
52
|
window.close();
|
|
53
|
-
} else
|
|
53
|
+
} else {
|
|
54
|
+
setValue();
|
|
55
|
+
}
|
|
54
56
|
}, [
|
|
55
57
|
props.value
|
|
56
58
|
]);
|
|
@@ -60,8 +62,11 @@ export default ((props)=>{
|
|
|
60
62
|
list
|
|
61
63
|
]);
|
|
62
64
|
useEffect(()=>{
|
|
63
|
-
if (props.dataSource)
|
|
64
|
-
|
|
65
|
+
if (props.dataSource) {
|
|
66
|
+
setList(props.dataSource);
|
|
67
|
+
} else {
|
|
68
|
+
getRequest();
|
|
69
|
+
}
|
|
65
70
|
}, [
|
|
66
71
|
,
|
|
67
72
|
props.dataSource
|
|
@@ -78,4 +83,4 @@ export default ((props)=>{
|
|
|
78
83
|
}) : /*#__PURE__*/ _jsx(_Fragment, {});
|
|
79
84
|
});
|
|
80
85
|
|
|
81
|
-
//# sourceMappingURL=
|
|
86
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\tenant-dropdown\\index.tsx"],"sourcesContent":["import { Dropdown, MenuProps, Modal } from 'antd';\r\nimport { useCallback, useEffect, useState } from 'react';\r\nimport styles from './index.module.css';\r\nimport { useLocale } from '../locale';\r\nimport { Org, UserRootOrgsQuery, UserRootOrgsQueryVariables } from '@knockout-js/api/ucenter';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface TenantDropdownLocale {\r\n switchTipTitle: string;\r\n confirmTitle: string;\r\n confirmContent: string;\r\n}\r\n\r\nexport interface TenantDropdownProps {\r\n /**\r\n * 当前 tenantId\r\n */\r\n value: string;\r\n /**\r\n * 数据源\r\n */\r\n dataSource?: Org[];\r\n /**\r\n * value变更事件 (value: string) => void;\r\n */\r\n onChange: (value: string) => void;\r\n}\r\n\r\nconst userRootOrgListQuery = gql(/* GraphQL */`query userRootOrgs{\r\n userRootOrgs{\r\n id,parentID,kind,domain,code,name,status,path,displaySort,countryCode,timezone\r\n }\r\n}`);\r\n\r\nexport default (props: TenantDropdownProps) => {\r\n const locale = useLocale('TenantDropdown'),\r\n [list, setList] = useState<Array<Org>>([]),\r\n [info, setInfo] = useState<Org | undefined>(undefined),\r\n [menu, setMenu] = useState<MenuProps | undefined>(undefined);\r\n\r\n const\r\n getRequest = async () => {\r\n const result = await query<UserRootOrgsQuery, UserRootOrgsQueryVariables>(userRootOrgListQuery, {}, { instanceName: instanceName.UCENTER });\r\n if (result.data?.userRootOrgs.length) {\r\n const orgList = result.data.userRootOrgs as Org[]\r\n setList(orgList)\r\n }\r\n },\r\n setValue = () => {\r\n setInfo(list.find(item => item.id == props.value));\r\n setMenu({\r\n items: list.filter(item => item?.id != props.value).map(item => {\r\n return {\r\n key: item.id,\r\n label: item.name,\r\n onClick: menuItemClick\r\n };\r\n }),\r\n });\r\n },\r\n menuItemClick = useCallback(({ key }: { key: string }) => {\r\n Modal.confirm({\r\n title: locale.confirmTitle,\r\n content: locale.confirmContent,\r\n onOk: () => {\r\n props.onChange(key)\r\n },\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (document.hidden && (info && info.id != props.value)) {\r\n const tipStr = locale.switchTipTitle;\r\n document.title = tipStr;\r\n document.body.innerHTML = `<div style=\"width:370px;margin:40px auto 0 auto;\">${tipStr}</div>`;\r\n window.close();\r\n } else {\r\n setValue()\r\n }\r\n }, [props.value]);\r\n\r\n useEffect(() => {\r\n setValue()\r\n }, [list]);\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setList(props.dataSource)\r\n } else {\r\n getRequest();\r\n }\r\n }, [, props.dataSource]);\r\n\r\n return info ? <Dropdown menu={menu} disabled={menu?.items?.length === 0}>\r\n <span className={styles.action}>\r\n <span>{info.name}</span>\r\n </span>\r\n </Dropdown> : <></>;\r\n};\r\n"],"names":["Dropdown","Modal","useCallback","useEffect","useState","styles","useLocale","gql","query","instanceName","userRootOrgListQuery","props","menu","locale","list","setList","info","setInfo","undefined","setMenu","getRequest","result","UCENTER","data","userRootOrgs","length","orgList","setValue","find","item","id","value","items","filter","map","key","label","name","onClick","menuItemClick","confirm","title","confirmTitle","content","confirmContent","onOk","onChange","document","hidden","tipStr","switchTipTitle","body","innerHTML","window","close","dataSource","disabled","span","className","action"],"mappings":";AAAA,SAASA,QAAQ,EAAaC,KAAK,QAAQ,OAAO;AAClD,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACzD,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,QAAQ,kBAAY;AAEtC,SAASC,GAAG,EAAEC,KAAK,QAAQ,gCAAgC;AAC3D,SAASC,YAAY,QAAQ,mBAAmB;AAuBhD,MAAMC,uBAAuBH,IAAI,WAAW,GAAE,CAAC;;;;CAI9C,CAAC;AAEF,eAAe,CAAA,CAACI,QAA+B;QA2DCC;IA1D9C,MAAMC,SAASP,UAAU,mBACvB,CAACQ,MAAMC,QAAQ,GAAGX,SAAqB,EAAE,GACzC,CAACY,MAAMC,QAAQ,GAAGb,SAA0Bc,YAC5C,CAACN,MAAMO,QAAQ,GAAGf,SAAgCc;IAEpD,MACEE,aAAa,UAAY;YAEnBC;QADJ,MAAMA,SAAS,MAAMb,MAAqDE,sBAAsB,CAAC,GAAG;YAAED,cAAcA,aAAaa,OAAO;QAAC;QACzI,IAAID,CAAAA,eAAAA,OAAOE,IAAI,cAAXF,0BAAAA,KAAAA,IAAAA,aAAaG,aAAaC,MAAM,EAAE;YACpC,MAAMC,UAAUL,OAAOE,IAAI,CAACC,YAAY;YACxCT,QAAQW;QACV,CAAC;IACH,GACAC,WAAW,IAAM;QACfV,QAAQH,KAAKc,IAAI,CAACC,CAAAA,OAAQA,KAAKC,EAAE,IAAInB,MAAMoB,KAAK;QAChDZ,QAAQ;YACNa,OAAOlB,KAAKmB,MAAM,CAACJ,CAAAA;gBAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,EAAE,AAAD,KAAKnB,MAAMoB,KAAK;eAAEG,GAAG,CAACL,CAAAA,OAAQ;gBAC9D,OAAO;oBACLM,KAAKN,KAAKC,EAAE;oBACZM,OAAOP,KAAKQ,IAAI;oBAChBC,SAASC;gBACX;YACF;QACF;IACF,GACAA,gBAAgBrC,YAAY,CAAC,EAAEiC,IAAG,EAAmB,GAAK;QACxDlC,MAAMuC,OAAO,CAAC;YACZC,OAAO5B,OAAO6B,YAAY;YAC1BC,SAAS9B,OAAO+B,cAAc;YAC9BC,MAAM,IAAM;gBACVlC,MAAMmC,QAAQ,CAACX;YACjB;QACF;IACF,GAAG,EAAE;IAEPhC,UAAU,IAAM;QACd,IAAI4C,SAASC,MAAM,IAAKhC,QAAQA,KAAKc,EAAE,IAAInB,MAAMoB,KAAK,EAAG;YACvD,MAAMkB,SAASpC,OAAOqC,cAAc;YACpCH,SAASN,KAAK,GAAGQ;YACjBF,SAASI,IAAI,CAACC,SAAS,GAAG,CAAC,kDAAkD,EAAEH,OAAO,MAAM,CAAC;YAC7FI,OAAOC,KAAK;QACd,OAAO;YACL3B;QACF,CAAC;IACH,GAAG;QAAChB,MAAMoB,KAAK;KAAC;IAEhB5B,UAAU,IAAM;QACdwB;IACF,GAAG;QAACb;KAAK;IAETX,UAAU,IAAM;QACd,IAAIQ,MAAM4C,UAAU,EAAE;YACpBxC,QAAQJ,MAAM4C,UAAU;QAC1B,OAAO;YACLnC;QACF,CAAC;IACH,GAAG;;QAAGT,MAAM4C,UAAU;KAAC;IAEvB,OAAOvC,qBAAO,KAAChB;QAASY,MAAMA;QAAM4C,UAAU5C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMoB,KAAK,cAAXpB,yBAAAA,KAAAA,IAAAA,YAAaa,MAAF,AAAD,MAAc;kBACpE,cAAA,KAACgC;YAAKC,WAAWrD,OAAOsD,MAAM;sBAC5B,cAAA,KAACF;0BAAMzC,KAAKqB,IAAI;;;uBAEN,mBAAK;AACrB,CAAA,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\tenant-dropdown\\locale\\en_US.ts"],"sourcesContent":["import { TenantDropdownLocale } from \"../index\";\r\n\r\nconst locale: TenantDropdownLocale = {\r\n switchTipTitle: \"Your organization has been switched, please manually close or refresh the current page\",\r\n confirmTitle: \"Tenant switch reminder\",\r\n confirmContent: \"Ensure that no edit content is not saved when you switch tenants. Otherwise, the operation will be forcibly prohibited or closed on other browsing pages\"\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","switchTipTitle","confirmTitle","confirmContent"],"mappings":"AAEA,MAAMA,SAA+B;IACnCC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;AAClB;AAEA,eAAeH,OAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\tenant-dropdown\\locale\\zh_CN.ts"],"sourcesContent":["import { TenantDropdownLocale } from \"../index\";\r\n\r\nconst locale: TenantDropdownLocale = {\r\n switchTipTitle: \"您的组织已被切换,请手动关闭或者刷新当前页面\",\r\n confirmTitle: \"租户切换提醒\",\r\n confirmContent: \"切换租户时请确认已无编辑内容未保存,否则其他浏览页面将强制禁止操作或关闭\"\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","switchTipTitle","confirmTitle","confirmContent"],"mappings":"AAEA,MAAMA,SAA+B;IACnCC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;AAClB;AAEA,eAAeH,OAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\theme-switch\\index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Moon, Sun } from '../icons';\r\nimport styles from './index.module.css';\r\n\r\nexport interface ThemeSwitchLocale {\r\n bright: string;\r\n dark: string;\r\n}\r\n\r\nexport interface ThemeSwitchProps {\r\n /**\r\n * 值\r\n */\r\n value: boolean;\r\n /**\r\n * 值变更事件 (value: boolean) => void;\r\n */\r\n onChange: (value: boolean) => void;\r\n}\r\n\r\nconst ThemeSwitch: React.FC<ThemeSwitchProps> = (props: ThemeSwitchProps) => {\r\n return <span className={styles.action}>\r\n <span>{\r\n props.value ? <Moon onClick={() => {\r\n props.onChange(false)\r\n\r\n }} /> : <Sun onClick={() => {\r\n props.onChange(true)\r\n\r\n }} />}\r\n </span>\r\n </span>\r\n};\r\n\r\nexport default ThemeSwitch;\r\n"],"names":["React","Moon","Sun","styles","ThemeSwitch","props","span","className","action","value","onClick","onChange"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,EAAEC,GAAG,QAAQ,iBAAW;AACrC,OAAOC,YAAY,qBAAqB;AAkBxC,MAAMC,cAA0C,CAACC,QAA4B;IAC3E,qBAAO,KAACC;QAAKC,WAAWJ,OAAOK,MAAM;kBACnC,cAAA,KAACF;sBACCD,MAAMI,KAAK,iBAAG,KAACR;gBAAKS,SAAS,IAAM;oBACjCL,MAAMM,QAAQ,CAAC,KAAK;gBAEtB;+BAAQ,KAACT;gBAAIQ,SAAS,IAAM;oBAC1BL,MAAMM,QAAQ,CAAC,IAAI;gBAErB;cAAK;;;AAGX;AAEA,eAAeP,YAAY"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\theme-switch\\locale\\en_US.ts"],"sourcesContent":["import { ThemeSwitchLocale } from \"../index\";\r\n\r\nconst locale: ThemeSwitchLocale = {\r\n bright: 'bright',\r\n dark: 'dark'\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","bright","dark"],"mappings":"AAEA,MAAMA,SAA4B;IAChCC,QAAQ;IACRC,MAAM;AACR;AAEA,eAAeF,OAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\theme-switch\\locale\\zh_CN.ts"],"sourcesContent":["import { ThemeSwitchLocale } from \"../index\";\r\n\r\nconst locale: ThemeSwitchLocale = {\r\n bright: '亮',\r\n dark: '暗'\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","bright","dark"],"mappings":"AAEA,MAAMA,SAA4B;IAChCC,QAAQ;IACRC,MAAM;AACR;AAEA,eAAeF,OAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\upload-file\\index.ts"],"sourcesContent":["export type UploadFileLocale = {\r\n // 文件大小必须小于:\r\n fileSizeTip: string;\r\n del: string;\r\n confirmDel: string;\r\n // 点击或拖拽文件上传\r\n clickOrDragUpload: string;\r\n // 支持扩展名\r\n supportExtension: string;\r\n errSupportExtension: string;\r\n fileUpload: string;\r\n tempViewer: string;\r\n tempDown: string;\r\n}\r\n\r\nexport interface UploadFileProps<T> {\r\n /**\r\n * bucket\r\n */\r\n bucket?: string;\r\n /**\r\n * 应用code\r\n */\r\n appCode?: string;\r\n /**\r\n * tenantId\r\n */\r\n tenantId?: string;\r\n /**\r\n * 目录格式 xxx/ss\r\n */\r\n directory?: string;\r\n /**\r\n * 强制使用目录当前缀\r\n */\r\n forceDirectory?: boolean;\r\n /**\r\n * 限制文件大小\r\n */\r\n maxSize?: number;\r\n /**\r\n * 限制弹框选择\r\n */\r\n accept?: string;\r\n /**\r\n * 文件 id\r\n */\r\n value?: T;\r\n /**\r\n * 返回文件id\r\n * @param value\r\n * @returns\r\n */\r\n onChange?: (value?: T) => void;\r\n /**\r\n * 返回文件path\r\n * @param path\r\n * @returns\r\n */\r\n onChangePath?: (path?: T) => void;\r\n}\r\n"],"names":[],"mappings":"AAAA,WA4DC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\upload-file\\locale\\en_US.ts"],"sourcesContent":["import { UploadFileLocale } from \"../index\";\r\n\r\nconst locale: UploadFileLocale = {\r\n fileSizeTip: \"The file size cannot be less than\",\r\n del: \"delete\",\r\n confirmDel: \"Confirm deletion\",\r\n clickOrDragUpload: \"Click or drag the file to upload\",\r\n supportExtension: \"Support extension\",\r\n errSupportExtension: \"Only the extension name is supported\",\r\n fileUpload: \"File upload\",\r\n tempViewer: \"Template preview\",\r\n tempDown: \"Template download\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","fileSizeTip","del","confirmDel","clickOrDragUpload","supportExtension","errSupportExtension","fileUpload","tempViewer","tempDown"],"mappings":"AAEA,MAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;AACZ;AAEA,eAAeT,OAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\upload-file\\locale\\zh_CN.ts"],"sourcesContent":["import { UploadFileLocale } from \"../index\";\r\n\r\nconst locale: UploadFileLocale = {\r\n fileSizeTip: \"文件大小不能小于\",\r\n del: \"删除\",\r\n confirmDel: \"确认删除\",\r\n clickOrDragUpload: \"点击或拖拽文件上传\",\r\n supportExtension: \"支持扩展名\",\r\n errSupportExtension: \"只支持扩展名\",\r\n fileUpload: \"文件上传\",\r\n tempViewer: \"模板预览\",\r\n tempDown: \"模板下载\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","fileSizeTip","del","confirmDel","clickOrDragUpload","supportExtension","errSupportExtension","fileUpload","tempViewer","tempDown"],"mappings":"AAEA,MAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;AACZ;AAEA,eAAeT,OAAM"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { UploadFileProps } from ".";
|
|
3
|
-
declare const _default: (props: UploadFileProps<string>) => JSX.Element;
|
|
2
|
+
declare const _default: (props: UploadFileProps<string>) => import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
export default _default;
|
|
@@ -11,37 +11,50 @@ export default ((props)=>{
|
|
|
11
11
|
const bucket = (_props_bucket = props.bucket) !== null && _props_bucket !== void 0 ? _props_bucket : 'local', appCode = (_props_appCode = props.appCode) !== null && _props_appCode !== void 0 ? _props_appCode : useAppCode(), tenantId = (_props_tenantId = props.tenantId) !== null && _props_tenantId !== void 0 ? _props_tenantId : useTenantId(), locale = useLocale("UploadFile"), [messageApi] = message.useMessage(), [loading, setLoading] = useState(false), [imgsrc, setImgsrc] = useState();
|
|
12
12
|
const getUploadKey = (file)=>{
|
|
13
13
|
const suffix = file.name.split('.').pop(), keys = [];
|
|
14
|
-
if (props.forceDirectory && props.directory)
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
if (
|
|
18
|
-
|
|
14
|
+
if (props.forceDirectory && props.directory) {
|
|
15
|
+
keys.push(props.directory);
|
|
16
|
+
} else {
|
|
17
|
+
if (appCode) {
|
|
18
|
+
keys.push(appCode);
|
|
19
|
+
}
|
|
20
|
+
if (tenantId) {
|
|
21
|
+
keys.push(tenantId);
|
|
22
|
+
}
|
|
23
|
+
if (props.directory) {
|
|
24
|
+
keys.push(props.directory);
|
|
25
|
+
}
|
|
19
26
|
}
|
|
20
27
|
keys.push(`${randomId(16)}.${suffix}`);
|
|
21
28
|
return `/${keys.join('/')}`.replace('//', '/');
|
|
22
29
|
}, updateFile = async (file)=>{
|
|
23
30
|
const key = getUploadKey(file);
|
|
24
31
|
setLoading(true);
|
|
25
|
-
if (bucket === 'local')
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
32
|
+
if (bucket === 'local') {
|
|
33
|
+
try {
|
|
34
|
+
const result = await updateFiles({
|
|
35
|
+
key,
|
|
36
|
+
bucket,
|
|
37
|
+
file
|
|
38
|
+
});
|
|
39
|
+
if (result) {
|
|
40
|
+
var _props_onChange, _props_onChangePath;
|
|
41
|
+
(_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, result);
|
|
42
|
+
(_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, key);
|
|
43
|
+
}
|
|
44
|
+
} catch (error) {}
|
|
45
|
+
}
|
|
37
46
|
setLoading(false);
|
|
38
47
|
}, getValueFile = async ()=>{
|
|
39
48
|
if (props.value) {
|
|
40
49
|
if (bucket === 'local') {
|
|
41
50
|
const result = await getFilesRaw(props.value, 'url');
|
|
42
|
-
if (typeof result === 'string')
|
|
51
|
+
if (typeof result === 'string') {
|
|
52
|
+
setImgsrc(result);
|
|
53
|
+
}
|
|
43
54
|
}
|
|
44
|
-
} else
|
|
55
|
+
} else {
|
|
56
|
+
setImgsrc(undefined);
|
|
57
|
+
}
|
|
45
58
|
};
|
|
46
59
|
useEffect(()=>{
|
|
47
60
|
getValueFile();
|
|
@@ -59,7 +72,7 @@ export default ((props)=>{
|
|
|
59
72
|
listType: "picture-card",
|
|
60
73
|
showUploadList: false,
|
|
61
74
|
beforeUpload: async (file)=>{
|
|
62
|
-
const maxSize = props.maxSize ||
|
|
75
|
+
const maxSize = props.maxSize || 1024 * 1024 * 5;
|
|
63
76
|
if (file.size > maxSize) {
|
|
64
77
|
messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
|
|
65
78
|
return false;
|
|
@@ -90,4 +103,4 @@ export default ((props)=>{
|
|
|
90
103
|
});
|
|
91
104
|
});
|
|
92
105
|
|
|
93
|
-
//# sourceMappingURL=
|
|
106
|
+
//# sourceMappingURL=uploadAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\upload-file\\uploadAvatar.tsx"],"sourcesContent":["import { PlusOutlined } from \"@ant-design/icons\";\r\nimport { Spin, Upload, message } from \"antd\"\r\nimport { RcFile } from \"antd/es/upload\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { UploadFileProps } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport { formatFileSize, randomId } from \"../_util\";\r\nimport { getFilesRaw, updateFiles } from \"@knockout-js/api\";\r\n\r\nexport default (props: UploadFileProps<string>) => {\r\n const\r\n bucket = props.bucket ?? 'local',\r\n appCode = props.appCode ?? useAppCode(),\r\n tenantId = props.tenantId ?? useTenantId(),\r\n locale = useLocale(\"UploadFile\"),\r\n [messageApi] = message.useMessage(),\r\n [loading, setLoading] = useState(false),\r\n [imgsrc, setImgsrc] = useState<string>();\r\n\r\n const\r\n getUploadKey = (file: RcFile) => {\r\n const suffix = file.name.split('.').pop(),\r\n keys: string[] = [];\r\n if (props.forceDirectory && props.directory) {\r\n keys.push(props.directory)\r\n } else {\r\n if (appCode) {\r\n keys.push(appCode)\r\n }\r\n if (tenantId) {\r\n keys.push(tenantId)\r\n }\r\n if (props.directory) {\r\n keys.push(props.directory)\r\n }\r\n }\r\n keys.push(`${randomId(16)}.${suffix}`);\r\n return `/${keys.join('/')}`.replace('//', '/');\r\n },\r\n updateFile = async (file: RcFile) => {\r\n const key = getUploadKey(file);\r\n setLoading(true);\r\n if (bucket === 'local') {\r\n try {\r\n const result = await updateFiles({\r\n key,\r\n bucket,\r\n file,\r\n })\r\n if (result) {\r\n props.onChange?.(result)\r\n props.onChangePath?.(key);\r\n }\r\n } catch (error) {\r\n\r\n }\r\n }\r\n setLoading(false)\r\n },\r\n getValueFile = async () => {\r\n if (props.value) {\r\n if (bucket === 'local') {\r\n const result = await getFilesRaw(props.value, 'url');\r\n if (typeof result === 'string') {\r\n setImgsrc(result)\r\n }\r\n }\r\n } else {\r\n setImgsrc(undefined)\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getValueFile()\r\n }, [props.value])\r\n\r\n return <div style={{ display: \"inline-block\" }}>\r\n <Spin spinning={loading} >\r\n <Upload\r\n accept={props.accept}\r\n listType=\"picture-card\"\r\n showUploadList={false}\r\n beforeUpload={async (file) => {\r\n const maxSize = props.maxSize || (1024 * 1024 * 5);\r\n\r\n if (file.size > maxSize) {\r\n messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n return false;\r\n }\r\n\r\n await updateFile(file);\r\n return false;\r\n }}\r\n >\r\n {\r\n imgsrc ? <img\r\n src={imgsrc} alt=\"avatar\" style={{ width: '100%' }}\r\n /> : <>\r\n <PlusOutlined rev={undefined} />\r\n <div style={{ marginTop: 8 }}></div>\r\n </>\r\n }\r\n </Upload>\r\n </Spin>\r\n </div>\r\n}\r\n"],"names":["PlusOutlined","Spin","Upload","message","useEffect","useState","useAppCode","useTenantId","useLocale","formatFileSize","randomId","getFilesRaw","updateFiles","props","bucket","appCode","tenantId","locale","messageApi","useMessage","loading","setLoading","imgsrc","setImgsrc","getUploadKey","file","suffix","name","split","pop","keys","forceDirectory","directory","push","join","replace","updateFile","key","result","onChange","onChangePath","error","getValueFile","value","undefined","div","style","display","spinning","accept","listType","showUploadList","beforeUpload","maxSize","size","fileSizeTip","img","src","alt","width","rev","marginTop"],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { UploadFileProps } from ".";
|
|
3
|
-
declare const _default: (props: UploadFileProps<string[]>) => JSX.Element;
|
|
2
|
+
declare const _default: (props: UploadFileProps<string[]>) => import("react/jsx-runtime").JSX.Element;
|
|
4
3
|
export default _default;
|
|
@@ -14,16 +14,23 @@ export default ((props)=>{
|
|
|
14
14
|
const bucket = (_props_bucket = props.bucket) !== null && _props_bucket !== void 0 ? _props_bucket : 'local', appCode = (_props_appCode = props.appCode) !== null && _props_appCode !== void 0 ? _props_appCode : useAppCode(), tenantId = (_props_tenantId = props.tenantId) !== null && _props_tenantId !== void 0 ? _props_tenantId : useTenantId(), locale = useLocale("UploadFile"), [loading, setLoading] = useState(false), [list, setList] = useState([]);
|
|
15
15
|
const getUploadKey = (file)=>{
|
|
16
16
|
const suffix = file.name.split('.').pop(), keys = [];
|
|
17
|
-
if (props.forceDirectory && props.directory)
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
if (
|
|
21
|
-
|
|
17
|
+
if (props.forceDirectory && props.directory) {
|
|
18
|
+
keys.push(props.directory);
|
|
19
|
+
} else {
|
|
20
|
+
if (appCode) {
|
|
21
|
+
keys.push(appCode);
|
|
22
|
+
}
|
|
23
|
+
if (tenantId) {
|
|
24
|
+
keys.push(tenantId);
|
|
25
|
+
}
|
|
26
|
+
if (props.directory) {
|
|
27
|
+
keys.push(props.directory);
|
|
28
|
+
}
|
|
22
29
|
}
|
|
23
30
|
keys.push(`${randomId(16)}.${suffix}`);
|
|
24
31
|
return `/${keys.join('/')}`.replace('//', '/');
|
|
25
32
|
}, beforeUpload = async (file)=>{
|
|
26
|
-
const maxSize = props.maxSize ||
|
|
33
|
+
const maxSize = props.maxSize || 1024 * 5000;
|
|
27
34
|
if (file.size > maxSize) {
|
|
28
35
|
message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
|
|
29
36
|
return false;
|
|
@@ -41,14 +48,18 @@ export default ((props)=>{
|
|
|
41
48
|
const values = props.value || [];
|
|
42
49
|
for(let i in files){
|
|
43
50
|
const file = files[i], key = getUploadKey(file);
|
|
44
|
-
if (bucket === 'local')
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
51
|
+
if (bucket === 'local') {
|
|
52
|
+
try {
|
|
53
|
+
const result = await updateFiles({
|
|
54
|
+
key,
|
|
55
|
+
bucket,
|
|
56
|
+
file
|
|
57
|
+
});
|
|
58
|
+
if (result) {
|
|
59
|
+
values.push(result);
|
|
60
|
+
}
|
|
61
|
+
} catch (error) {}
|
|
62
|
+
}
|
|
52
63
|
}
|
|
53
64
|
await getValuesFile(values);
|
|
54
65
|
(_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, values);
|
|
@@ -76,7 +87,9 @@ export default ((props)=>{
|
|
|
76
87
|
}
|
|
77
88
|
if (bucket === 'local') {
|
|
78
89
|
const resultRaw = await getFilesRaw(data.uid, 'url');
|
|
79
|
-
if (typeof resultRaw === 'string')
|
|
90
|
+
if (typeof resultRaw === 'string') {
|
|
91
|
+
data.url = resultRaw;
|
|
92
|
+
}
|
|
80
93
|
}
|
|
81
94
|
list.push(data);
|
|
82
95
|
}
|
|
@@ -84,7 +97,9 @@ export default ((props)=>{
|
|
|
84
97
|
...list
|
|
85
98
|
]);
|
|
86
99
|
}
|
|
87
|
-
} else
|
|
100
|
+
} else {
|
|
101
|
+
setList([]);
|
|
102
|
+
}
|
|
88
103
|
};
|
|
89
104
|
useEffect(()=>{
|
|
90
105
|
getValuesFile(props.value);
|
|
@@ -95,7 +110,9 @@ export default ((props)=>{
|
|
|
95
110
|
var _props_onChangePath;
|
|
96
111
|
const paths = [];
|
|
97
112
|
list.forEach((item)=>{
|
|
98
|
-
if (item.response)
|
|
113
|
+
if (item.response) {
|
|
114
|
+
paths.push(item.response.path);
|
|
115
|
+
}
|
|
99
116
|
});
|
|
100
117
|
(_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, paths);
|
|
101
118
|
}, [
|
|
@@ -152,4 +169,4 @@ export default ((props)=>{
|
|
|
152
169
|
});
|
|
153
170
|
});
|
|
154
171
|
|
|
155
|
-
//# sourceMappingURL=
|
|
172
|
+
//# sourceMappingURL=uploadMultiple.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\uploadMultiple.tsx"],"sourcesContent":["import { UploadOutlined } from \"@ant-design/icons\";\r\nimport { Modal, Spin, Typography, Upload, message } from \"antd\"\r\nimport { RcFile, UploadFile } from \"antd/es/upload\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { UploadFileProps } from \".\";\r\nimport { Files, getFiles, getFilesRaw, updateFiles } from \"@knockout-js/api\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { useLocale } from \"../locale\";\r\nimport { formatFileSize, randomId } from \"../_util\";\r\n\r\nlet files: RcFile[] = [];\r\nlet timeoutFn: NodeJS.Timeout | undefined = undefined;\r\n\r\nexport default (props: UploadFileProps<string[]>) => {\r\n const\r\n bucket = props.bucket ?? 'local',\r\n appCode = props.appCode ?? useAppCode(),\r\n tenantId = props.tenantId ?? useTenantId(),\r\n locale = useLocale(\"UploadFile\"),\r\n [loading, setLoading] = useState(false),\r\n [list, setList] = useState<UploadFile<Files>[]>([]);\r\n\r\n const\r\n getUploadKey = (file: RcFile) => {\r\n const suffix = file.name.split('.').pop(),\r\n keys: string[] = [];\r\n if (props.forceDirectory && props.directory) {\r\n keys.push(props.directory);\r\n } else {\r\n if (appCode) {\r\n keys.push(appCode);\r\n }\r\n if (tenantId) {\r\n keys.push(tenantId);\r\n }\r\n if (props.directory) {\r\n keys.push(props.directory);\r\n }\r\n }\r\n keys.push(`${randomId(16)}.${suffix}`);\r\n return `/${keys.join('/')}`.replace('//', '/');\r\n },\r\n beforeUpload = async (file: RcFile) => {\r\n const maxSize = props.maxSize || 1024 * 5000;\r\n\r\n if (file.size > maxSize) {\r\n message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n return false;\r\n }\r\n\r\n files.push(file);\r\n clearTimeout(timeoutFn);\r\n timeoutFn = setTimeout(async () => {\r\n await updateFile();\r\n }, 500);\r\n return false;\r\n },\r\n updateFile = async () => {\r\n if (files.length) {\r\n setLoading(true);\r\n const values: string[] = props.value || [];\r\n for (let i in files) {\r\n const file = files[i],\r\n key = getUploadKey(file);\r\n\r\n if (bucket === 'local') {\r\n try {\r\n const result = await updateFiles({\r\n key,\r\n bucket,\r\n file,\r\n })\r\n if (result) {\r\n values.push(result);\r\n }\r\n } catch (error) {\r\n }\r\n }\r\n }\r\n await getValuesFile(values);\r\n props.onChange?.(values);\r\n setLoading(false);\r\n files = [];\r\n }\r\n },\r\n getValuesFile = async (values?: string[]) => {\r\n if (values && values.length) {\r\n const bucket = props.bucket ?? 'local';\r\n const oldKye = list.map(item => item.uid),\r\n addKeys = values.filter(key => !oldKye.includes(key)),\r\n addLength = addKeys.length;\r\n if (addLength) {\r\n for (let i = 0; i < addLength; i++) {\r\n const data: UploadFile = {\r\n uid: addKeys[i],\r\n name: '',\r\n };\r\n const result = await getFiles(data.uid);\r\n if (result?.id) {\r\n data.name = result.name;\r\n data.linkProps = {\r\n download: result.name,\r\n };\r\n data.response = result;\r\n }\r\n if (bucket === 'local') {\r\n const resultRaw = await getFilesRaw(data.uid, 'url');\r\n if (typeof resultRaw === 'string') {\r\n data.url = resultRaw;\r\n }\r\n }\r\n list.push(data);\r\n }\r\n setList([...list]);\r\n }\r\n } else {\r\n setList([]);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getValuesFile(props.value);\r\n }, [props.value]);\r\n\r\n useEffect(() => {\r\n const paths: string[] = [];\r\n list.forEach(item => {\r\n if (item.response) {\r\n paths.push(item.response.path);\r\n }\r\n })\r\n props.onChangePath?.(paths);\r\n }, [list]);\r\n\r\n useEffect(() => {\r\n return () => {\r\n clearTimeout(timeoutFn);\r\n };\r\n }, []);\r\n\r\n return <Spin spinning={loading} >\r\n <Upload.Dragger\r\n accept={props.accept}\r\n beforeUpload={beforeUpload}\r\n multiple={true}\r\n fileList={list}\r\n onRemove={(file) => {\r\n Modal.confirm({\r\n title: locale.del,\r\n content: `${locale.confirmDel}: ${file.name}`,\r\n onOk: () => {\r\n setList(list.filter(item => item.uid != file.uid));\r\n props.onChange?.(props.value?.filter(item => item != file.uid) || [])\r\n }\r\n })\r\n }}\r\n >\r\n <br />\r\n <div>\r\n <UploadOutlined style={{ fontSize: 40 }} rev={undefined} />\r\n </div>\r\n <br />\r\n <div>\r\n <Typography.Text type=\"secondary\">\r\n {locale.clickOrDragUpload}\r\n </Typography.Text>\r\n </div>\r\n <div>\r\n <Typography.Text type=\"secondary\">\r\n {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n </Typography.Text>\r\n </div>\r\n </Upload.Dragger>\r\n </Spin>\r\n}\r\n"],"names":["UploadOutlined","Modal","Spin","Typography","Upload","message","useEffect","useState","getFiles","getFilesRaw","updateFiles","useAppCode","useTenantId","useLocale","formatFileSize","randomId","files","timeoutFn","undefined","props","bucket","appCode","tenantId","locale","loading","setLoading","list","setList","getUploadKey","file","suffix","name","split","pop","keys","forceDirectory","directory","push","join","replace","beforeUpload","maxSize","size","error","fileSizeTip","clearTimeout","setTimeout","updateFile","length","values","value","i","key","result","getValuesFile","onChange","oldKye","map","item","uid","addKeys","filter","includes","addLength","data","id","linkProps","download","response","resultRaw","url","paths","forEach","path","onChangePath","spinning","Dragger","accept","multiple","fileList","onRemove","confirm","title","del","content","confirmDel","onOk","br","div","style","fontSize","rev","Text","type","clickOrDragUpload","supportExtension"],"mappings":";AAAA,SAASA,cAAc,QAAQ,oBAAoB;AACnD,SAASC,KAAK,EAAEC,IAAI,EAAEC,UAAU,EAAEC,MAAM,EAAEC,OAAO,QAAQ,OAAM;AAE/D,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,SAAgBC,QAAQ,EAAEC,WAAW,EAAEC,WAAW,QAAQ,mBAAmB;AAC7E,SAASC,UAAU,EAAEC,WAAW,QAAQ,oBAAc;AACtD,SAASC,SAAS,QAAQ,kBAAY;AACtC,SAASC,cAAc,EAAEC,QAAQ,QAAQ,iBAAW;AAEpD,IAAIC,QAAkB,EAAE;AACxB,IAAIC,YAAwCC;AAE5C,eAAe,CAAA,CAACC,QAAqC;QA4JXA;QA1J7BA,eACCA,gBACCA;IAHb,MACEC,SAASD,CAAAA,gBAAAA,MAAMC,MAAM,cAAZD,2BAAAA,gBAAgB,OAAO,EAChCE,UAAUF,CAAAA,iBAAAA,MAAME,OAAO,cAAbF,4BAAAA,iBAAiBR,YAAY,EACvCW,WAAWH,CAAAA,kBAAAA,MAAMG,QAAQ,cAAdH,6BAAAA,kBAAkBP,aAAa,EAC1CW,SAASV,UAAU,eACnB,CAACW,SAASC,WAAW,GAAGlB,SAAS,KAAK,GACtC,CAACmB,MAAMC,QAAQ,GAAGpB,SAA8B,EAAE;IAEpD,MACEqB,eAAe,CAACC,OAAiB;QAC/B,MAAMC,SAASD,KAAKE,IAAI,CAACC,KAAK,CAAC,KAAKC,GAAG,IACrCC,OAAiB,EAAE;QACrB,IAAIf,MAAMgB,cAAc,IAAIhB,MAAMiB,SAAS,EACzCF,KAAKG,IAAI,CAAClB,MAAMiB,SAAS;aACpB;YACL,IAAIf,SACFa,KAAKG,IAAI,CAAChB;YAEZ,IAAIC,UACFY,KAAKG,IAAI,CAACf;YAEZ,IAAIH,MAAMiB,SAAS,EACjBF,KAAKG,IAAI,CAAClB,MAAMiB,SAAS;QAE7B,CAAC;QACDF,KAAKG,IAAI,CAAC,CAAC,EAAEtB,SAAS,IAAI,CAAC,EAAEe,OAAO,CAAC;QACrC,OAAO,CAAC,CAAC,EAAEI,KAAKI,IAAI,CAAC,KAAK,CAAC,CAACC,OAAO,CAAC,MAAM;IAC5C,GACAC,eAAe,OAAOX,OAAiB;QACrC,MAAMY,UAAUtB,MAAMsB,OAAO,IAAI;QAEjC,IAAIZ,KAAKa,IAAI,GAAGD,SAAS;YACvBpC,QAAQsC,KAAK,CAAC,CAAC,EAAEpB,OAAOqB,WAAW,CAAC,EAAE,EAAE9B,eAAe2B,SAAS,CAAC;YACjE,OAAO,KAAK;QACd,CAAC;QAEDzB,MAAMqB,IAAI,CAACR;QACXgB,aAAa5B;QACbA,YAAY6B,WAAW,UAAY;YACjC,MAAMC;QACR,GAAG;QACH,OAAO,KAAK;IACd,GACAA,aAAa,UAAY;QACvB,IAAI/B,MAAMgC,MAAM,EAAE;gBAsBhB7B;YArBAM,WAAW,IAAI;YACf,MAAMwB,SAAmB9B,MAAM+B,KAAK,IAAI,EAAE;YAC1C,IAAK,IAAIC,KAAKnC,MAAO;gBACnB,MAAMa,OAAOb,KAAK,CAACmC,EAAE,EACnBC,MAAMxB,aAAaC;gBAErB,IAAIT,WAAW,SACb,IAAI;oBACF,MAAMiC,SAAS,MAAM3C,YAAY;wBAC/B0C;wBACAhC;wBACAS;oBACF;oBACA,IAAIwB,QACFJ,OAAOZ,IAAI,CAACgB;gBAEhB,EAAE,OAAOV,OAAO,CAChB;YAEJ;YACA,MAAMW,cAAcL;YACpB9B,CAAAA,kBAAAA,MAAMoC,QAAQ,cAAdpC,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiB8B;YACjBxB,WAAW,KAAK;YAChBT,QAAQ,EAAE;QACZ,CAAC;IACH,GACAsC,gBAAgB,OAAOL,SAAsB;QAC3C,IAAIA,UAAUA,OAAOD,MAAM,EAAE;gBACZ7B;YAAf,MAAMC,SAASD,CAAAA,gBAAAA,MAAMC,MAAM,cAAZD,2BAAAA,gBAAgB,OAAO;YACtC,MAAMqC,SAAS9B,KAAK+B,GAAG,CAACC,CAAAA,OAAQA,KAAKC,GAAG,GACtCC,UAAUX,OAAOY,MAAM,CAACT,CAAAA,MAAO,CAACI,OAAOM,QAAQ,CAACV,OAChDW,YAAYH,QAAQZ,MAAM;YAC5B,IAAIe,WAAW;gBACb,IAAK,IAAIZ,IAAI,GAAGA,IAAIY,WAAWZ,IAAK;oBAClC,MAAMa,OAAmB;wBACvBL,KAAKC,OAAO,CAACT,EAAE;wBACfpB,MAAM;oBACR;oBACA,MAAMsB,SAAS,MAAM7C,SAASwD,KAAKL,GAAG;oBACtC,IAAIN,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQY,EAAE,EAAE;wBACdD,KAAKjC,IAAI,GAAGsB,OAAOtB,IAAI;wBACvBiC,KAAKE,SAAS,GAAG;4BACfC,UAAUd,OAAOtB,IAAI;wBACvB;wBACAiC,KAAKI,QAAQ,GAAGf;oBAClB,CAAC;oBACD,IAAIjC,WAAW,SAAS;wBACtB,MAAMiD,YAAY,MAAM5D,YAAYuD,KAAKL,GAAG,EAAE;wBAC9C,IAAI,OAAOU,cAAc,UACvBL,KAAKM,GAAG,GAAGD;oBAEf,CAAC;oBACD3C,KAAKW,IAAI,CAAC2B;gBACZ;gBACArC,QAAQ;uBAAID;iBAAK;YACnB,CAAC;QACH,OACEC,QAAQ,EAAE;IAEd;IAEFrB,UAAU,IAAM;QACdgD,cAAcnC,MAAM+B,KAAK;IAC3B,GAAG;QAAC/B,MAAM+B,KAAK;KAAC;IAEhB5C,UAAU,IAAM;YAOda;QANA,MAAMoD,QAAkB,EAAE;QAC1B7C,KAAK8C,OAAO,CAACd,CAAAA,OAAQ;YACnB,IAAIA,KAAKU,QAAQ,EACfG,MAAMlC,IAAI,CAACqB,KAAKU,QAAQ,CAACK,IAAI;QAEjC;QACAtD,CAAAA,sBAAAA,MAAMuD,YAAY,cAAlBvD,iCAAAA,KAAAA,IAAAA,oBAAAA,KAAAA,OAAqBoD;IACvB,GAAG;QAAC7C;KAAK;IAETpB,UAAU,IAAM;QACd,OAAO,IAAM;YACXuC,aAAa5B;QACf;IACF,GAAG,EAAE;IAEL,qBAAO,KAACf;QAAKyE,UAAUnD;kBACrB,cAAA,MAACpB,OAAOwE,OAAO;YACbC,QAAQ1D,MAAM0D,MAAM;YACpBrC,cAAcA;YACdsC,UAAU,IAAI;YACdC,UAAUrD;YACVsD,UAAU,CAACnD,OAAS;gBAClB5B,MAAMgF,OAAO,CAAC;oBACZC,OAAO3D,OAAO4D,GAAG;oBACjBC,SAAS,CAAC,EAAE7D,OAAO8D,UAAU,CAAC,EAAE,EAAExD,KAAKE,IAAI,CAAC,CAAC;oBAC7CuD,MAAM,IAAM;4BAEVnE,iBAAiBA;wBADjBQ,QAAQD,KAAKmC,MAAM,CAACH,CAAAA,OAAQA,KAAKC,GAAG,IAAI9B,KAAK8B,GAAG;wBAChDxC,CAAAA,kBAAAA,MAAMoC,QAAQ,cAAdpC,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBA,CAAAA,CAAAA,eAAAA,MAAM+B,KAAK,cAAX/B,0BAAAA,KAAAA,IAAAA,aAAa0C,OAAOH,CAAAA,OAAQA,QAAQ7B,KAAK8B,GAAG,MAAK,EAAE;oBACtE;gBACF;YACF;;8BAEA,KAAC4B;8BACD,KAACC;8BACC,cAAA,KAACxF;wBAAeyF,OAAO;4BAAEC,UAAU;wBAAG;wBAAGC,KAAKzE;;;8BAEhD,KAACqE;8BACD,KAACC;8BACC,cAAA,KAACrF,WAAWyF,IAAI;wBAACC,MAAK;kCACnBtE,OAAOuE,iBAAiB;;;8BAG7B,KAACN;8BACC,cAAA,KAACrF,WAAWyF,IAAI;wBAACC,MAAK;kCACnB,CAAC,EAAEtE,OAAOwE,gBAAgB,CAAC,EAAE,EAAE5E,CAAAA,gBAAAA,MAAM0D,MAAM,cAAZ1D,2BAAAA,KAAAA,IAAAA,cAAca,MAAM,MAAMM,IAAI,CAAC,KAAKC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;;;AAKhG,CAAA,EAAC"}
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\upload-file\\uploadMultiple.tsx"],"sourcesContent":["import { UploadOutlined } from \"@ant-design/icons\";\r\nimport { Modal, Spin, Typography, Upload, message } from \"antd\"\r\nimport { RcFile, UploadFile } from \"antd/es/upload\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { UploadFileProps } from \".\";\r\nimport { Files, getFiles, getFilesRaw, updateFiles } from \"@knockout-js/api\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { useLocale } from \"../locale\";\r\nimport { formatFileSize, randomId } from \"../_util\";\r\n\r\nlet files: RcFile[] = [];\r\nlet timeoutFn: NodeJS.Timeout | undefined = undefined;\r\n\r\nexport default (props: UploadFileProps<string[]>) => {\r\n const\r\n bucket = props.bucket ?? 'local',\r\n appCode = props.appCode ?? useAppCode(),\r\n tenantId = props.tenantId ?? useTenantId(),\r\n locale = useLocale(\"UploadFile\"),\r\n [loading, setLoading] = useState(false),\r\n [list, setList] = useState<UploadFile<Files>[]>([]);\r\n\r\n const\r\n getUploadKey = (file: RcFile) => {\r\n const suffix = file.name.split('.').pop(),\r\n keys: string[] = [];\r\n if (props.forceDirectory && props.directory) {\r\n keys.push(props.directory);\r\n } else {\r\n if (appCode) {\r\n keys.push(appCode);\r\n }\r\n if (tenantId) {\r\n keys.push(tenantId);\r\n }\r\n if (props.directory) {\r\n keys.push(props.directory);\r\n }\r\n }\r\n keys.push(`${randomId(16)}.${suffix}`);\r\n return `/${keys.join('/')}`.replace('//', '/');\r\n },\r\n beforeUpload = async (file: RcFile) => {\r\n const maxSize = props.maxSize || 1024 * 5000;\r\n\r\n if (file.size > maxSize) {\r\n message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n return false;\r\n }\r\n\r\n files.push(file);\r\n clearTimeout(timeoutFn);\r\n timeoutFn = setTimeout(async () => {\r\n await updateFile();\r\n }, 500);\r\n return false;\r\n },\r\n updateFile = async () => {\r\n if (files.length) {\r\n setLoading(true);\r\n const values: string[] = props.value || [];\r\n for (let i in files) {\r\n const file = files[i],\r\n key = getUploadKey(file);\r\n\r\n if (bucket === 'local') {\r\n try {\r\n const result = await updateFiles({\r\n key,\r\n bucket,\r\n file,\r\n })\r\n if (result) {\r\n values.push(result);\r\n }\r\n } catch (error) {\r\n }\r\n }\r\n }\r\n await getValuesFile(values);\r\n props.onChange?.(values);\r\n setLoading(false);\r\n files = [];\r\n }\r\n },\r\n getValuesFile = async (values?: string[]) => {\r\n if (values && values.length) {\r\n const bucket = props.bucket ?? 'local';\r\n const oldKye = list.map(item => item.uid),\r\n addKeys = values.filter(key => !oldKye.includes(key)),\r\n addLength = addKeys.length;\r\n if (addLength) {\r\n for (let i = 0; i < addLength; i++) {\r\n const data: UploadFile = {\r\n uid: addKeys[i],\r\n name: '',\r\n };\r\n const result = await getFiles(data.uid);\r\n if (result?.id) {\r\n data.name = result.name;\r\n data.linkProps = {\r\n download: result.name,\r\n };\r\n data.response = result;\r\n }\r\n if (bucket === 'local') {\r\n const resultRaw = await getFilesRaw(data.uid, 'url');\r\n if (typeof resultRaw === 'string') {\r\n data.url = resultRaw;\r\n }\r\n }\r\n list.push(data);\r\n }\r\n setList([...list]);\r\n }\r\n } else {\r\n setList([]);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getValuesFile(props.value);\r\n }, [props.value]);\r\n\r\n useEffect(() => {\r\n const paths: string[] = [];\r\n list.forEach(item => {\r\n if (item.response) {\r\n paths.push(item.response.path);\r\n }\r\n })\r\n props.onChangePath?.(paths);\r\n }, [list]);\r\n\r\n useEffect(() => {\r\n return () => {\r\n clearTimeout(timeoutFn);\r\n };\r\n }, []);\r\n\r\n return <Spin spinning={loading} >\r\n <Upload.Dragger\r\n accept={props.accept}\r\n beforeUpload={beforeUpload}\r\n multiple={true}\r\n fileList={list}\r\n onRemove={(file) => {\r\n Modal.confirm({\r\n title: locale.del,\r\n content: `${locale.confirmDel}: ${file.name}`,\r\n onOk: () => {\r\n setList(list.filter(item => item.uid != file.uid));\r\n props.onChange?.(props.value?.filter(item => item != file.uid) || [])\r\n }\r\n })\r\n }}\r\n >\r\n <br />\r\n <div>\r\n <UploadOutlined style={{ fontSize: 40 }} rev={undefined} />\r\n </div>\r\n <br />\r\n <div>\r\n <Typography.Text type=\"secondary\">\r\n {locale.clickOrDragUpload}\r\n </Typography.Text>\r\n </div>\r\n <div>\r\n <Typography.Text type=\"secondary\">\r\n {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n </Typography.Text>\r\n </div>\r\n </Upload.Dragger>\r\n </Spin>\r\n}\r\n"],"names":["UploadOutlined","Modal","Spin","Typography","Upload","message","useEffect","useState","getFiles","getFilesRaw","updateFiles","useAppCode","useTenantId","useLocale","formatFileSize","randomId","files","timeoutFn","undefined","props","bucket","appCode","tenantId","locale","loading","setLoading","list","setList","getUploadKey","file","suffix","name","split","pop","keys","forceDirectory","directory","push","join","replace","beforeUpload","maxSize","size","error","fileSizeTip","clearTimeout","setTimeout","updateFile","length","values","value","i","key","result","getValuesFile","onChange","oldKye","map","item","uid","addKeys","filter","includes","addLength","data","id","linkProps","download","response","resultRaw","url","paths","forEach","path","onChangePath","spinning","Dragger","accept","multiple","fileList","onRemove","confirm","title","del","content","confirmDel","onOk","br","div","style","fontSize","rev","Text","type","clickOrDragUpload","supportExtension"],"mappings":"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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { UploadFileProps } from ".";
|
|
3
2
|
declare const _default: (props: UploadFileProps<string> & {
|
|
4
3
|
/**
|
|
5
4
|
* 显示删除按钮
|
|
6
5
|
*/
|
|
7
6
|
showDelBtn?: boolean;
|
|
8
|
-
}) => JSX.Element;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
8
|
export default _default;
|