@jswork/antd-components 1.0.81 → 1.0.83
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 +8 -8
- package/dist/main.cjs.js.map +1 -1
- package/dist/main.d.mts +3 -4
- package/dist/main.d.ts +3 -4
- package/dist/main.esm.js +8 -8
- package/dist/main.esm.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/style.css.map +1 -1
- package/dist/styles/input-tags.scss +37 -0
- package/dist/styles/override.scss +29 -0
- package/package.json +5 -3
- package/src/lib/date-picker.tsx +27 -25
package/dist/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.ant-upload.ant-upload-drag,.ant-upload.ant-upload-dragger{border:5px dashed rgba(0,0,0,.16);border-radius:5px}.ant-upload.ant-upload-drag:hover,.ant-upload.ant-upload-dragger:hover{border:5px dashed rgba(64,169,255,.82)}.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content{display:block}.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-checkbox-wrapper{display:flex}.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-checkbox-wrapper>span:last-child{flex:1}.ac-input-tags{align-items:center;border:1px solid #eee;border-radius:4px;display:flex;flex-wrap:wrap;gap:3px;outline:1px solid transparent;padding:4px;transition:all .3s ease-in-out}.ac-input-tags[data-disabled=true]{cursor:not-allowed;opacity:.6}.ac-input-tags:not([data-disabled=true]){border-color:#4096ff;outline-color:#73b2ff}.ac-input-tags__tag{border-radius:6px;display:inline-flex;padding:2px 4px}.ac-input-tags__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;height:26px;outline:none;width:100px}.react-codeflask{outline:1px solid #ccc;position:relative;width:100%;--codeflask-loading-size:40px}.react-codeflask__spin{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:hsla(0,0%,100%,.1);height:100%;position:absolute;width:100%;z-index:1000}.react-codeflask__spin
|
|
1
|
+
.ant-upload.ant-upload-drag,.ant-upload.ant-upload-dragger{border:5px dashed rgba(0,0,0,.16);border-radius:5px}.ant-upload.ant-upload-drag:hover,.ant-upload.ant-upload-dragger:hover{border:5px dashed rgba(64,169,255,.82)}.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content{display:block}.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-checkbox-wrapper{display:flex}.ant-dropdown-menu .ant-dropdown-menu-item .ant-dropdown-menu-title-content .ant-checkbox-wrapper>span:last-child{flex:1}.ac-input-tags{align-items:center;border:1px solid #eee;border-radius:4px;display:flex;flex-wrap:wrap;gap:3px;outline:1px solid transparent;padding:4px;transition:all .3s ease-in-out}.ac-input-tags[data-disabled=true]{cursor:not-allowed;opacity:.6}.ac-input-tags:not([data-disabled=true]){border-color:#4096ff;outline-color:#73b2ff}.ac-input-tags__tag{border-radius:6px;display:inline-flex;padding:2px 4px}.ac-input-tags__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;height:26px;outline:none;width:100px}.react-codeflask{outline:1px solid #ccc;position:relative;width:100%;--codeflask-loading-size:40px}.react-codeflask [hidden]{display:none;z-index:-1}.react-codeflask__spin{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:hsla(0,0%,100%,.1);height:100%;position:absolute;width:100%;z-index:1000}.react-codeflask__spin>img{height:var(--codeflask-loading-size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--codeflask-loading-size)}.react-codeflask[disabled]>.is-editor{opacity:.6;pointer-events:none}.react-codeflask>.language-name{background:#627eee;border-bottom-left-radius:4px;border-bottom-right-radius:4px;color:#eee;font-family:JetBrains Mono,Monaco,monospace,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue;font-size:.7rem;padding:.1rem .3rem .15rem;position:absolute;right:40px;top:0;z-index:10}.react-codeflask .is-formatter{background:hsla(0,0%,100%,.6);border:none;border-radius:4px;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);padding:3px 10px;position:absolute;right:2px;top:0;transition:.3s;z-index:10}.react-codeflask .is-formatter:active{background:#ddd}.ac-checkable-tag{background:#ededed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ac-checkable-tag[disabled]{opacity:.7;pointer-events:none}.ac-checkable-tag.ant-tag-checkable-checked{background:#1677ff}.ac-checkable-tag>[role=img]{margin-left:2px}.ac-checkable-tag-list{--ac-checkable-tag-list-active-bg:#1677ff;--ac-checkable-tag-list-inactive-bg:#ededed}.ac-checkable-tag-list .ac-is-aside{border-radius:3px}.ac-checkable-tag-list .ac-is-item{background:var(--ac-checkable-tag-list-inactive-bg);padding:1px 7px}.ac-checkable-tag-list .ac-is-item.ant-tag-checkable-checked{background:var(--ac-checkable-tag-list-active-bg)}.ac-editable-tag-group{display:inline-block}.ac-editable-tag-group .ant-tag{align-items:center;display:inline-flex;justify-content:space-between;margin-bottom:5px;position:relative}.ac-editable-tag-group .ant-btn{padding-left:15px;position:relative}.ac-editable-tag-group__input{flex:1}.ac-editable-tag-group__input input{background:none;border-color:transparent;text-align:center}.ac-editable-tag-group__create{font-size:12px;line-height:22px}.ac-editable-tag-group__plus{cursor:pointer;display:inline-block;height:10px;opacity:.3;position:relative;width:10px}.ac-editable-tag-group__plus:hover{opacity:1}.ac-editable-tag-group__plus:after,.ac-editable-tag-group__plus:before{background-color:#333;content:"";height:10px;left:0;position:absolute;width:1px}.ac-editable-tag-group__plus:before{transform:rotate(90deg)}.ac-editable-tag-group__plus:after{transform:rotate(180deg)}.ac-editable-tag-group__close{cursor:pointer;height:10px;margin-left:3px;opacity:.3;position:relative;width:10px}.ac-editable-tag-group__close:hover{opacity:1}.ac-editable-tag-group__close:after,.ac-editable-tag-group__close:before{background-color:#333;content:"";height:10px;left:0;position:absolute;width:1px}.ac-editable-tag-group__close:before{transform:rotate(45deg)}.ac-editable-tag-group__close:after{transform:rotate(-45deg)}.ac-upload-picture-card .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item-container,.ac-upload-picture-card .ant-upload.ant-upload-select{--ac-upload-images-size:102px;border-width:3px!important;height:var(--ac-upload-images-size)!important;width:var(--ac-upload-images-size)!important}.ac-upload-picture-card .ant-upload-list-item-container{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ac-upload-picture-card .ant-upload-list-item-container:hover .ant-upload-list-item{border:2px dashed orange!important}.ac-upload-picture-card__modal{text-align:center;width:800px}.ac-upload-picture-card__modal .is-img{height:100%;width:100%}.ac-checkable-dropdown__btn{align-items:center;display:inline-flex;justify-content:space-between}.ac-checkable-dropdown__btn .is-label{overflow:hidden;text-overflow:ellipsis}.ac-upload-picture{--ac-upload-picture-height:120px}.ac-input-token__token{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
|
|
2
2
|
/*# sourceMappingURL=src/style.scss.map */
|
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,uBAEE,iCAA0B,CAA1B,yBAA0B,CAD1B,6BAAoC,CAKpC,WAAY,CAHZ,iBAAkB,CAElB,UAAW,CADX,YAGF,CACA,
|
|
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,iCAA0B,CAA1B,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: #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}"]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
.ac-input-tags {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-wrap: wrap;
|
|
4
|
+
align-items: center;
|
|
5
|
+
border: 1px solid #eee;
|
|
6
|
+
outline: 1px solid transparent;
|
|
7
|
+
transition: all 0.3s ease-in-out;
|
|
8
|
+
padding: 4px;
|
|
9
|
+
border-radius: 4px;
|
|
10
|
+
gap: 3px;
|
|
11
|
+
|
|
12
|
+
&[data-disabled=true] {
|
|
13
|
+
opacity: 0.6;
|
|
14
|
+
cursor: not-allowed;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
//not disabled
|
|
18
|
+
&:not([data-disabled="true"]) {
|
|
19
|
+
border-color: #4096ff;
|
|
20
|
+
outline-color: lighten(#4096ff, 10%);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
&__tag {
|
|
24
|
+
display: inline-flex;
|
|
25
|
+
padding: 2px 4px;
|
|
26
|
+
border-radius: 6px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
&__input {
|
|
30
|
+
appearance: none;
|
|
31
|
+
border: none;
|
|
32
|
+
background: none;
|
|
33
|
+
outline: none;
|
|
34
|
+
width: 100px;
|
|
35
|
+
height: 26px;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
// upload-dragger
|
|
2
|
+
// .dragger for < 5.0.0
|
|
3
|
+
// .drag for 5.0.0+
|
|
4
|
+
.ant-upload.ant-upload-dragger,
|
|
5
|
+
.ant-upload.ant-upload-drag {
|
|
6
|
+
border: 5px dashed rgb(0 0 0 / 16%);
|
|
7
|
+
border-radius: 5px;
|
|
8
|
+
|
|
9
|
+
&:hover {
|
|
10
|
+
border: 5px dashed #40a9ffd1;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
.ant-dropdown-menu {
|
|
16
|
+
.ant-dropdown-menu-item {
|
|
17
|
+
.ant-dropdown-menu-title-content {
|
|
18
|
+
display: block;
|
|
19
|
+
|
|
20
|
+
.ant-checkbox-wrapper {
|
|
21
|
+
display: flex;
|
|
22
|
+
|
|
23
|
+
> span:last-child {
|
|
24
|
+
flex: 1;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jswork/antd-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.83",
|
|
4
4
|
"main": "dist/main.cjs.js",
|
|
5
5
|
"module": "dist/main.esm.js",
|
|
6
6
|
"types": "dist/main.d.ts",
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
"autoprefixer": "^10.4.16",
|
|
26
26
|
"classnames": "^2.5.1",
|
|
27
27
|
"cssnano": "^6.0.1",
|
|
28
|
+
"esbuild-plugin-copy": "^2.1.1",
|
|
28
29
|
"react": "^18.2.0",
|
|
29
30
|
"react-dom": "^18.2.0",
|
|
30
31
|
"tsup": "^7.2.0",
|
|
@@ -42,7 +43,7 @@
|
|
|
42
43
|
"@jswork/next-gpid": "^1.0.4",
|
|
43
44
|
"@jswork/next-tree-walk": "^1.0.7",
|
|
44
45
|
"@jswork/noop": "^1.0.0",
|
|
45
|
-
"@jswork/react-codeflask": "^1.0.
|
|
46
|
+
"@jswork/react-codeflask": "^1.0.18",
|
|
46
47
|
"@jswork/react-list": "^1.2.9",
|
|
47
48
|
"@jswork/weibo2res": "^1.0.4",
|
|
48
49
|
"fast-deep-equal": "^3.1.3",
|
|
@@ -54,6 +55,7 @@
|
|
|
54
55
|
"ant",
|
|
55
56
|
"antd",
|
|
56
57
|
"components",
|
|
57
|
-
"react"
|
|
58
|
+
"react",
|
|
59
|
+
"deprecated"
|
|
58
60
|
]
|
|
59
61
|
}
|
package/src/lib/date-picker.tsx
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import noop from '@jswork/noop';
|
|
3
2
|
import { DatePicker, DatePickerProps } from 'antd';
|
|
4
3
|
import cx from 'classnames';
|
|
4
|
+
import dayjs from 'dayjs';
|
|
5
5
|
|
|
6
6
|
const CLASS_NAME = 'ac-date-picker';
|
|
7
7
|
const STD_FORMAT = 'YYYY-MM-DD HH:mm:ss';
|
|
8
|
-
|
|
9
8
|
type StdEventTarget = { target: { value: any } };
|
|
10
9
|
type StdCallback = (inEvent: StdEventTarget) => void;
|
|
11
10
|
|
|
@@ -17,44 +16,47 @@ type Props = {
|
|
|
17
16
|
onChange?: StdCallback;
|
|
18
17
|
} & DatePickerProps;
|
|
19
18
|
|
|
19
|
+
const DATA_FORMAT_HOOKS = {
|
|
20
|
+
date: 'YYYY-MM-DD',
|
|
21
|
+
datetime: 'YYYY-MM-DD HH:mm:ss',
|
|
22
|
+
time: 'HH:mm:ss',
|
|
23
|
+
};
|
|
24
|
+
|
|
20
25
|
export class AcDatePicker extends React.Component<Props> {
|
|
21
26
|
static displayName = CLASS_NAME;
|
|
22
27
|
static formSchema = CLASS_NAME;
|
|
23
28
|
static defaultProps: Props = {
|
|
24
|
-
|
|
25
|
-
format: STD_FORMAT
|
|
29
|
+
format: STD_FORMAT,
|
|
26
30
|
};
|
|
27
31
|
|
|
28
|
-
get
|
|
29
|
-
const {
|
|
30
|
-
|
|
31
|
-
if (value) props['value'] = this.parse(value);
|
|
32
|
-
if (defaultValue) props['defaultValue'] = this.parse(defaultValue);
|
|
33
|
-
return props;
|
|
32
|
+
get valueFormat() {
|
|
33
|
+
const { format } = this.props;
|
|
34
|
+
return DATA_FORMAT_HOOKS[format as 'string'] || format;
|
|
34
35
|
}
|
|
35
36
|
|
|
36
|
-
handleChange = (inEvent) => {
|
|
37
|
-
const { onChange } = this.props;
|
|
38
|
-
onChange!({ target: { value: this.stringify(inEvent) } });
|
|
39
|
-
};
|
|
40
37
|
|
|
41
|
-
|
|
42
|
-
const {
|
|
43
|
-
|
|
44
|
-
};
|
|
38
|
+
get value() {
|
|
39
|
+
const { value } = this.props;
|
|
40
|
+
const fmt = this.valueFormat;
|
|
45
41
|
|
|
46
|
-
|
|
47
|
-
if (
|
|
48
|
-
|
|
49
|
-
|
|
42
|
+
if (value == null || value === '') return null;
|
|
43
|
+
if (typeof value === 'string') return dayjs(value, fmt);
|
|
44
|
+
return value;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
handleChange = (value: Date) => {
|
|
48
|
+
const { onChange } = this.props;
|
|
49
|
+
const _value = value ? dayjs(value).format(this.valueFormat) : '';
|
|
50
|
+
const _event = { target: { value: _value } };
|
|
51
|
+
onChange?.(_event);
|
|
50
52
|
};
|
|
51
53
|
|
|
52
54
|
render() {
|
|
53
|
-
const { className,
|
|
54
|
-
|
|
55
|
+
const { className, format, value, onChange, ...rest } = this.props;
|
|
56
|
+
|
|
55
57
|
|
|
56
58
|
return (
|
|
57
|
-
<DatePicker className={cx(CLASS_NAME, className)} onChange={this.handleChange} {...rest} />
|
|
59
|
+
<DatePicker className={cx(CLASS_NAME, className)} value={this.value} onChange={this.handleChange} {...rest} />
|
|
58
60
|
);
|
|
59
61
|
}
|
|
60
62
|
}
|