@jswork/antd-components 1.0.115 → 1.0.116
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.cjs.js +1 -1
- package/dist/main.cjs.js.map +1 -1
- package/dist/main.d.mts +4 -3
- package/dist/main.d.ts +4 -3
- package/dist/main.esm.js +1 -1
- package/dist/main.esm.js.map +1 -1
- package/dist/style.css.map +1 -1
- package/package.json +5 -1
- package/src/lib/button.tsx +46 -35
package/dist/style.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["src/style.scss"],"names":[],"mappings":"AACA,2DAEE,iCAAsC,CACtC,iBACF,CACA,uEAEE,sCACF,CAEA,4EACE,aACF,CACA,kGACE,YACF,CACA,kHACE,MACF,CAEA,eAGE,kBAAmB,CACnB,qBAAsB,CAItB,iBAAkB,CAPlB,YAAa,CACb,cAAe,CAOf,OAAQ,CAJR,6BAA8B,CAE9B,WAAY,CADZ,8BAIF,CACA,mCAEE,kBAAmB,CADnB,UAEF,CACA,yCACE,oBAAqB,CACrB,qBACF,CACA,oBAGE,iBAAkB,CAFlB,mBAAoB,CACpB,eAEF,CACA,sBACE,uBAAgB,CAAhB,oBAAgB,CAAhB,eAAgB,CAEhB,eAAgB,CADhB,WAAY,CAIZ,WAAY,CAFZ,YAAa,CACb,WAEF,CAEA,iBAEE,sBAAuB,CACvB,iBAAkB,CAFlB,UAAW,CAGX,6BACF,CACA,0BACE,YAAa,CACb,UACF,CACA,uBAEE,yBAA0B,CAD1B,6BAAoC,CAKpC,WAAY,CAHZ,iBAAkB,CAElB,UAAW,CADX,YAGF,CACA,2BAME,oCAAqC,CALrC,QAAS,CAET,iBAAkB,CADlB,OAAQ,CAER,8BAAgC,CAChC,mCAEF,CACA,sCACE,UAAY,CACZ,mBACF,CACA,gCAQE,kBAAmB,CAFnB,6BAA8B,CAC9B,8BAA+B,CAE/B,UAAW,CACX,wJAA6K,CAC7K,eAAiB,CANjB,0BAA8B,CAJ9B,iBAAkB,CAClB,UAAW,CACX,KAAM,CACN,UAQF,CACA,+BAOE,6BAAoC,CANpC,WAAY,CASZ,iBAAkB,CAFlB,yCAA8C,CAF9C,gBAAiB,CAJjB,iBAAkB,CAElB,SAAU,CACV,KAAM,CAIN,cAAgB,CANhB,UAQF,CACA,sCACE,eACF,CAEA,kBAEE,kBAAmB,CADnB,wBAAiB,CAAjB,qBAAiB,CAAjB,gBAEF,CACA,4BAEE,UAAY,CADZ,mBAEF,CACA,4CACE,kBACF,CACA,6BACE,eACF,CAEA,uBACE,yCAA0C,CAC1C,2CACF,CACA,oCACE,iBACF,CACA,mCAEE,mDAAoD,CADpD,eAEF,CACA,6DACE,iDACF,CAEA,uBACE,oBACF,CACA,gCAIE,kBAAmB,CADnB,mBAAoB,CAEpB,6BAA8B,CAJ9B,iBAAkB,CAClB,iBAIF,CACA,gCAEE,iBAAkB,CADlB,iBAEF,CACA,8BACE,MACF,CACA,oCAEE,eAAgB,CADhB,wBAAyB,CAEzB,iBACF,CACA,+BACE,cAAe,CACf,gBACF,CACA,6BAIE,cAAe,CAEf,oBAAqB,CAJrB,WAAY,CACZ,UAAY,CAEZ,iBAAkB,CAJlB,UAMF,CACA,mCACE,SACF,CACA,uEAME,qBAAsB,CAHtB,UAAW,CACX,WAAY,CAFZ,MAAO,CADP,iBAAkB,CAIlB,SAEF,CACA,oCACE,uBACF,CACA,mCACE,wBACF,CACA,8BAME,cAAe,CAFf,WAAY,CAFZ,eAAgB,CAGhB,UAAY,CAJZ,iBAAkB,CAElB,UAIF,CACA,oCACE,SACF,CACA,yEAME,qBAAsB,CAHtB,UAAW,CACX,WAAY,CAFZ,MAAO,CADP,iBAAkB,CAIlB,SAEF,CACA,qCACE,uBACF,CACA,oCACE,wBACF,CAOA,4JAEE,6BAA8B,CAC9B,0BAA4B,CAE5B,6CAA+C,CAD/C,4CAEF,CACA,wDACE,wBAAiB,CAAjB,qBAAiB,CAAjB,gBACF,CACA,oFAGE,kCACF,CACA,+BAEE,iBAAkB,CADlB,WAEF,CACA,uCAEE,WAAY,CADZ,UAEF,CAEA,4BAEE,kBAAmB,CADnB,mBAAoB,CAEpB,6BACF,CACA,sCACE,eAAgB,CAChB,sBACF,CAEA,mBACE,gCACF,CAEA,uBAEE,cAAe,CADf,wBAAiB,CAAjB,qBAAiB,CAAjB,gBAEF","file":"src/style.scss","sourcesContent":["@charset \"UTF-8\";\n.ant-upload.ant-upload-dragger,\n.ant-upload.ant-upload-drag {\n border: 5px dashed rgba(0, 0, 0, 0.16);\n border-radius: 5px;\n}\n.ant-upload.ant-upload-dragger:hover,\n.ant-upload.ant-upload-drag:hover {\n border: 5px dashed rgba(64, 169, 255, 0.8196078431);\n}\n\n.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content {\n display: block;\n}\n.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-checkbox-wrapper {\n display: flex;\n}\n.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-checkbox-wrapper > span:last-child {\n flex: 1;\n}\n\n.ac-input-tags {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n border: 1px solid #eee;\n outline: 1px solid transparent;\n transition: all 0.3s ease-in-out;\n padding: 4px;\n border-radius: 4px;\n gap: 3px;\n}\n.ac-input-tags[data-disabled=true] {\n opacity: 0.6;\n cursor: not-allowed;\n}\n.ac-input-tags:not([data-disabled=true]) {\n border-color: #4096ff;\n outline-color:
|
|
1
|
+
{"version":3,"sources":["src/style.scss"],"names":[],"mappings":"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","file":"src/style.scss","sourcesContent":["@charset \"UTF-8\";\n.ant-upload.ant-upload-dragger,\n.ant-upload.ant-upload-drag {\n border: 5px dashed rgba(0, 0, 0, 0.16);\n border-radius: 5px;\n}\n.ant-upload.ant-upload-dragger:hover,\n.ant-upload.ant-upload-drag:hover {\n border: 5px dashed rgba(64, 169, 255, 0.8196078431);\n}\n\n.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content {\n display: block;\n}\n.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-checkbox-wrapper {\n display: flex;\n}\n.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-checkbox-wrapper > span:last-child {\n flex: 1;\n}\n\n.ac-input-tags {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n border: 1px solid #eee;\n outline: 1px solid transparent;\n transition: all 0.3s ease-in-out;\n padding: 4px;\n border-radius: 4px;\n gap: 3px;\n}\n.ac-input-tags[data-disabled=true] {\n opacity: 0.6;\n cursor: not-allowed;\n}\n.ac-input-tags:not([data-disabled=true]) {\n border-color: #4096ff;\n outline-color: #73b2ff;\n}\n.ac-input-tags__tag {\n display: inline-flex;\n padding: 2px 4px;\n border-radius: 6px;\n}\n.ac-input-tags__input {\n appearance: none;\n border: none;\n background: none;\n outline: none;\n width: 100px;\n height: 26px;\n}\n\n.react-codeflask {\n width: 100%;\n outline: 1px solid #ccc;\n position: relative;\n --codeflask-loading-size: 40px;\n}\n.react-codeflask [hidden] {\n display: none;\n z-index: -1;\n}\n.react-codeflask__spin {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(2px);\n position: absolute;\n z-index: 1000;\n width: 100%;\n height: 100%;\n}\n.react-codeflask__spin > img {\n left: 50%;\n top: 50%;\n position: absolute;\n transform: translate(-50%, -50%);\n width: var(--codeflask-loading-size);\n height: var(--codeflask-loading-size);\n}\n.react-codeflask[disabled] > .is-editor {\n opacity: 0.6;\n pointer-events: none;\n}\n.react-codeflask > .language-name {\n position: absolute;\n right: 40px;\n top: 0;\n z-index: 10;\n padding: 0.1rem 0.3rem 0.15rem;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n background: #627eee;\n color: #eee;\n font-family: \"JetBrains Mono\", Monaco, monospace, sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\";\n font-size: 0.7rem;\n}\n.react-codeflask .is-formatter {\n border: none;\n position: absolute;\n z-index: 10;\n right: 2px;\n top: 0;\n padding: 3px 10px;\n background: rgba(255, 255, 255, 0.6);\n box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);\n transition: 0.3s;\n border-radius: 4px;\n}\n.react-codeflask .is-formatter:active {\n background: #ddd;\n}\n\n.ac-checkable-tag {\n user-select: none;\n background: #ededed;\n}\n.ac-checkable-tag[disabled] {\n pointer-events: none;\n opacity: 0.7;\n}\n.ac-checkable-tag.ant-tag-checkable-checked {\n background: #1677ff;\n}\n.ac-checkable-tag > [role=img] {\n margin-left: 2px;\n}\n\n.ac-checkable-tag-list {\n --ac-checkable-tag-list-active-bg: #1677ff;\n --ac-checkable-tag-list-inactive-bg: #ededed;\n}\n.ac-checkable-tag-list .ac-is-aside {\n border-radius: 3px;\n}\n.ac-checkable-tag-list .ac-is-item {\n padding: 1px 7px;\n background: var(--ac-checkable-tag-list-inactive-bg);\n}\n.ac-checkable-tag-list .ac-is-item.ant-tag-checkable-checked {\n background: var(--ac-checkable-tag-list-active-bg);\n}\n\n.ac-editable-tag-group {\n display: inline-block;\n}\n.ac-editable-tag-group .ant-tag {\n margin-bottom: 5px;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n}\n.ac-editable-tag-group .ant-btn {\n position: relative;\n padding-left: 15px;\n}\n.ac-editable-tag-group__input {\n flex: 1;\n}\n.ac-editable-tag-group__input input {\n border-color: transparent;\n background: none;\n text-align: center;\n}\n.ac-editable-tag-group__create {\n font-size: 12px;\n line-height: 22px;\n}\n.ac-editable-tag-group__plus {\n width: 10px;\n height: 10px;\n opacity: 0.3;\n cursor: pointer;\n position: relative;\n display: inline-block;\n}\n.ac-editable-tag-group__plus:hover {\n opacity: 1;\n}\n.ac-editable-tag-group__plus:before, .ac-editable-tag-group__plus:after {\n position: absolute;\n left: 0;\n content: \"\";\n height: 10px;\n width: 1px;\n background-color: #333;\n}\n.ac-editable-tag-group__plus:before {\n transform: rotate(90deg);\n}\n.ac-editable-tag-group__plus:after {\n transform: rotate(180deg);\n}\n.ac-editable-tag-group__close {\n position: relative;\n margin-left: 3px;\n width: 10px;\n height: 10px;\n opacity: 0.3;\n cursor: pointer;\n}\n.ac-editable-tag-group__close:hover {\n opacity: 1;\n}\n.ac-editable-tag-group__close:before, .ac-editable-tag-group__close:after {\n position: absolute;\n left: 0;\n content: \"\";\n height: 10px;\n width: 1px;\n background-color: #333;\n}\n.ac-editable-tag-group__close:before {\n transform: rotate(45deg);\n}\n.ac-editable-tag-group__close:after {\n transform: rotate(-45deg);\n}\n\n.ac-upload-picture-card {\n /**\n 定义 css 变量，可以改变 image-item 的大小\n */\n}\n.ac-upload-picture-card .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container,\n.ac-upload-picture-card .ant-upload.ant-upload-select {\n --ac-upload-images-size: 102px;\n border-width: 3px !important;\n width: var(--ac-upload-images-size) !important;\n height: var(--ac-upload-images-size) !important;\n}\n.ac-upload-picture-card .ant-upload-list-item-container {\n user-select: none;\n}\n.ac-upload-picture-card .ant-upload-list-item-container:hover .ant-upload-list-item {\n border-width: 2px !important;\n border-style: dashed !important;\n border-color: orange !important;\n}\n.ac-upload-picture-card__modal {\n width: 800px;\n text-align: center;\n}\n.ac-upload-picture-card__modal .is-img {\n width: 100%;\n height: 100%;\n}\n\n.ac-checkable-dropdown__btn {\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n}\n.ac-checkable-dropdown__btn .is-label {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ac-upload-picture {\n --ac-upload-picture-height: 120px;\n}\n\n.ac-input-token__token {\n user-select: none;\n cursor: pointer;\n}"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jswork/antd-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.116",
|
|
4
4
|
"main": "dist/main.cjs.js",
|
|
5
5
|
"module": "dist/main.esm.js",
|
|
6
6
|
"types": "dist/main.d.ts",
|
|
@@ -16,7 +16,11 @@
|
|
|
16
16
|
"postbuild": "postsass -s src/style.scss -d dist/style.css -c",
|
|
17
17
|
"release": "release-it"
|
|
18
18
|
},
|
|
19
|
+
"peerDependencies": {
|
|
20
|
+
"@ant-design/icons": "^6.1.0"
|
|
21
|
+
},
|
|
19
22
|
"devDependencies": {
|
|
23
|
+
"@ant-design/icons": "^6.1.0",
|
|
20
24
|
"@jswork/harmony-events": "^1.2.11",
|
|
21
25
|
"@jswork/next": "^1.4.2",
|
|
22
26
|
"@swc/core": "^1.3.93",
|
package/src/lib/button.tsx
CHANGED
|
@@ -2,10 +2,24 @@
|
|
|
2
2
|
* @Author: aric 1290657123@qq.com
|
|
3
3
|
* @Date: 2025-10-18 07:09:31
|
|
4
4
|
* @LastEditors: aric 1290657123@qq.com
|
|
5
|
-
* @LastEditTime: 2025-10-
|
|
5
|
+
* @LastEditTime: 2025-10-23 14:30:58
|
|
6
6
|
*/
|
|
7
7
|
import React, { FC } from 'react';
|
|
8
8
|
import { Button, ButtonProps } from 'antd';
|
|
9
|
+
import {
|
|
10
|
+
BackwardOutlined,
|
|
11
|
+
CheckOutlined,
|
|
12
|
+
CloseOutlined,
|
|
13
|
+
DownloadOutlined,
|
|
14
|
+
EditOutlined,
|
|
15
|
+
EyeOutlined,
|
|
16
|
+
ImportOutlined,
|
|
17
|
+
PlusOutlined,
|
|
18
|
+
RedoOutlined,
|
|
19
|
+
ReloadOutlined,
|
|
20
|
+
SaveOutlined,
|
|
21
|
+
SyncOutlined,
|
|
22
|
+
} from '@ant-design/icons';
|
|
9
23
|
|
|
10
24
|
const locals = {
|
|
11
25
|
'zh-CN': {
|
|
@@ -20,6 +34,7 @@ const locals = {
|
|
|
20
34
|
back: '返回',
|
|
21
35
|
submit: '提交',
|
|
22
36
|
cancel: '取消',
|
|
37
|
+
sync: '同步',
|
|
23
38
|
},
|
|
24
39
|
'en-US': {
|
|
25
40
|
create: 'Create',
|
|
@@ -33,6 +48,7 @@ const locals = {
|
|
|
33
48
|
back: 'Back',
|
|
34
49
|
submit: 'Submit',
|
|
35
50
|
cancel: 'Cancel',
|
|
51
|
+
sync: 'Sync',
|
|
36
52
|
},
|
|
37
53
|
};
|
|
38
54
|
|
|
@@ -41,82 +57,77 @@ const t = (locale: string, key: string) => {
|
|
|
41
57
|
};
|
|
42
58
|
|
|
43
59
|
type AcButtonProps = ButtonProps & {
|
|
44
|
-
lang
|
|
60
|
+
lang?: 'zh-CN' | 'en-US';
|
|
45
61
|
}
|
|
46
62
|
|
|
47
63
|
export const BtnCreate: FC<AcButtonProps> = ({ lang = 'zh-CN', ...props }) => {
|
|
48
|
-
return <Button size="small" {...props}>
|
|
49
|
-
|
|
50
|
-
<span>{t(lang, 'create')}</span>
|
|
64
|
+
return <Button size="small" icon={<PlusOutlined />} {...props}>
|
|
65
|
+
{t(lang, 'create')}
|
|
51
66
|
</Button>;
|
|
52
67
|
};
|
|
53
68
|
|
|
54
69
|
export const BtnEdit: FC<AcButtonProps> = ({ lang = 'zh-CN', ...props }) => {
|
|
55
|
-
return <Button size="small" {...props}>
|
|
56
|
-
|
|
57
|
-
<span>{t(lang, 'edit')}</span>
|
|
70
|
+
return <Button size="small" icon={<EditOutlined />} {...props}>
|
|
71
|
+
{t(lang, 'edit')}
|
|
58
72
|
</Button>;
|
|
59
73
|
};
|
|
60
74
|
|
|
61
75
|
export const BtnDelete: FC<AcButtonProps> = ({ lang = 'zh-CN', ...props }) => {
|
|
62
|
-
return <Button size="small" {...props}>
|
|
63
|
-
|
|
64
|
-
<span>{t(lang, 'del')}</span>
|
|
76
|
+
return <Button size="small" icon={<CloseOutlined />} {...props}>
|
|
77
|
+
{t(lang, 'del')}
|
|
65
78
|
</Button>;
|
|
66
79
|
};
|
|
67
80
|
|
|
68
81
|
export const BtnView: FC<AcButtonProps> = ({ lang = 'zh-CN', ...props }) => {
|
|
69
|
-
return <Button size="small" {...props}>
|
|
70
|
-
|
|
71
|
-
<span>{t(lang, 'view')}</span>
|
|
82
|
+
return <Button size="small" icon={<EyeOutlined />} {...props}>
|
|
83
|
+
{t(lang, 'view')}
|
|
72
84
|
</Button>;
|
|
73
85
|
};
|
|
74
86
|
|
|
75
87
|
export const BtnSave: FC<AcButtonProps> = ({ lang = 'zh-CN', ...props }) => {
|
|
76
|
-
return <Button size="small" {...props}>
|
|
77
|
-
|
|
78
|
-
<span>{t(lang, 'save')}</span>
|
|
88
|
+
return <Button size="small" icon={<SaveOutlined />} {...props}>
|
|
89
|
+
{t(lang, 'save')}
|
|
79
90
|
</Button>;
|
|
80
91
|
};
|
|
81
92
|
|
|
82
93
|
export const BtnExport: FC<AcButtonProps> = ({ lang = 'zh-CN', ...props }) => {
|
|
83
|
-
return <Button size="small" {...props}>
|
|
84
|
-
|
|
85
|
-
<span>{t(lang, 'export')}</span>
|
|
94
|
+
return <Button size="small" icon={<DownloadOutlined />} {...props}>
|
|
95
|
+
{t(lang, 'export')}
|
|
86
96
|
</Button>;
|
|
87
97
|
};
|
|
88
98
|
|
|
89
99
|
export const BtnImport: FC<AcButtonProps> = ({ lang = 'zh-CN', ...props }) => {
|
|
90
|
-
return <Button size="small" {...props}>
|
|
91
|
-
|
|
92
|
-
<span>{t(lang, 'imp')}</span>
|
|
100
|
+
return <Button size="small" icon={<ImportOutlined />} {...props}>
|
|
101
|
+
{t(lang, 'imp')}
|
|
93
102
|
</Button>;
|
|
94
103
|
};
|
|
95
104
|
|
|
96
105
|
export const BtnRefresh: FC<AcButtonProps> = ({ lang = 'zh-CN', ...props }) => {
|
|
97
|
-
return <Button size="small" {...props}>
|
|
98
|
-
|
|
99
|
-
<span>{t(lang, 'refresh')}</span>
|
|
106
|
+
return <Button size="small" icon={<ReloadOutlined />} {...props}>
|
|
107
|
+
{t(lang, 'refresh')}
|
|
100
108
|
</Button>;
|
|
101
109
|
};
|
|
102
110
|
|
|
103
111
|
export const BtnBack: FC<AcButtonProps> = ({ lang = 'zh-CN', ...props }) => {
|
|
104
|
-
return <Button size="small" {...props}>
|
|
105
|
-
|
|
106
|
-
<span>{t(lang, 'back')}</span>
|
|
112
|
+
return <Button size="small" icon={<BackwardOutlined />} {...props}>
|
|
113
|
+
{t(lang, 'back')}
|
|
107
114
|
</Button>;
|
|
108
115
|
};
|
|
109
116
|
|
|
110
117
|
export const BtnSubmit: FC<AcButtonProps> = ({ lang = 'zh-CN', ...props }) => {
|
|
111
|
-
return <Button size="small" {...props}>
|
|
112
|
-
|
|
113
|
-
<span>{t(lang, 'submit')}</span>
|
|
118
|
+
return <Button size="small" icon={<CheckOutlined />} {...props}>
|
|
119
|
+
{t(lang, 'submit')}
|
|
114
120
|
</Button>;
|
|
115
121
|
};
|
|
116
122
|
|
|
117
123
|
export const BtnCancel: FC<AcButtonProps> = ({ lang = 'zh-CN', ...props }) => {
|
|
118
|
-
return <Button size="small" {...props}>
|
|
119
|
-
|
|
120
|
-
|
|
124
|
+
return <Button size="small" icon={<RedoOutlined />} {...props}>
|
|
125
|
+
{t(lang, 'cancel')}
|
|
126
|
+
</Button>;
|
|
127
|
+
};
|
|
128
|
+
|
|
129
|
+
export const BtnSync: FC<AcButtonProps> = ({ lang = 'zh-CN', ...props }) => {
|
|
130
|
+
return <Button size="small" icon={<SyncOutlined />} {...props}>
|
|
131
|
+
{t(lang, 'sync')}
|
|
121
132
|
</Button>;
|
|
122
133
|
};
|