@jswork/antd-components 1.0.78 → 1.0.80

package/dist/style.css

@@ -1,267 +1,2 @@
-@charset "UTF-8";
-.ant-upload.ant-upload-dragger,
-.ant-upload.ant-upload-drag {
-  border: 5px dashed rgba(0, 0, 0, 0.16);
-  border-radius: 5px;
-}
-.ant-upload.ant-upload-dragger:hover,
-.ant-upload.ant-upload-drag:hover {
-  border: 5px dashed rgba(64, 169, 255, 0.8196078431);
-}
-
-.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 {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  border: 1px solid #eee;
-  outline: 1px solid transparent;
-  transition: all 0.3s ease-in-out;
-  padding: 4px;
-  border-radius: 4px;
-  gap: 3px;
-}
-.ac-input-tags[data-disabled=true] {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-.ac-input-tags:not([data-disabled=true]) {
-  border-color: #4096ff;
-  outline-color: #73b2ff;
-}
-.ac-input-tags__tag {
-  display: inline-flex;
-  padding: 2px 4px;
-  border-radius: 6px;
-}
-.ac-input-tags__input {
-  appearance: none;
-  border: none;
-  background: none;
-  outline: none;
-  width: 100px;
-  height: 26px;
-}
-
-.react-codeflask {
-  width: 100%;
-  outline: 1px solid #ccc;
-  position: relative;
-  --codeflask-loading-size: 40px;
-}
-.react-codeflask__spin {
-  background: rgba(255, 255, 255, 0.1);
-  backdrop-filter: blur(2px);
-  position: absolute;
-  z-index: 1000;
-  width: 100%;
-  height: 100%;
-}
-.react-codeflask__spin [hidden] {
-  display: none;
-  z-index: -1;
-}
-.react-codeflask__spin > img {
-  left: 50%;
-  top: 50%;
-  position: absolute;
-  transform: translate(-50%, -50%);
-  width: var(--codeflask-loading-size);
-  height: var(--codeflask-loading-size);
-}
-.react-codeflask[disabled] > .is-editor {
-  opacity: 0.6;
-  pointer-events: none;
-}
-.react-codeflask > .language-name {
-  position: absolute;
-  right: 40px;
-  top: 0;
-  z-index: 10;
-  padding: 0.1rem 0.3rem 0.15rem;
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-  background: #627eee;
-  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: 0.7rem;
-}
-.react-codeflask .is-formatter {
-  border: none;
-  position: absolute;
-  z-index: 10;
-  right: 2px;
-  top: 0;
-  padding: 3px 10px;
-  background: rgba(255, 255, 255, 0.6);
-  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
-  transition: 0.3s;
-  border-radius: 4px;
-}
-.react-codeflask .is-formatter:active {
-  background: #ddd;
-}
-
-.ac-checkable-tag {
-  user-select: none;
-  background: #ededed;
-}
-.ac-checkable-tag[disabled] {
-  pointer-events: none;
-  opacity: 0.7;
-}
-.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 {
-  padding: 1px 7px;
-  background: var(--ac-checkable-tag-list-inactive-bg);
-}
-.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 {
-  margin-bottom: 5px;
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.ac-editable-tag-group .ant-btn {
-  position: relative;
-  padding-left: 15px;
-}
-.ac-editable-tag-group__input {
-  flex: 1;
-}
-.ac-editable-tag-group__input input {
-  border-color: transparent;
-  background: none;
-  text-align: center;
-}
-.ac-editable-tag-group__create {
-  font-size: 12px;
-  line-height: 22px;
-}
-.ac-editable-tag-group__plus {
-  width: 10px;
-  height: 10px;
-  opacity: 0.3;
-  cursor: pointer;
-  position: relative;
-  display: inline-block;
-}
-.ac-editable-tag-group__plus:hover {
-  opacity: 1;
-}
-.ac-editable-tag-group__plus:before, .ac-editable-tag-group__plus:after {
-  position: absolute;
-  left: 0;
-  content: "";
-  height: 10px;
-  width: 1px;
-  background-color: #333;
-}
-.ac-editable-tag-group__plus:before {
-  transform: rotate(90deg);
-}
-.ac-editable-tag-group__plus:after {
-  transform: rotate(180deg);
-}
-.ac-editable-tag-group__close {
-  position: relative;
-  margin-left: 3px;
-  width: 10px;
-  height: 10px;
-  opacity: 0.3;
-  cursor: pointer;
-}
-.ac-editable-tag-group__close:hover {
-  opacity: 1;
-}
-.ac-editable-tag-group__close:before, .ac-editable-tag-group__close:after {
-  position: absolute;
-  left: 0;
-  content: "";
-  height: 10px;
-  width: 1px;
-  background-color: #333;
-}
-.ac-editable-tag-group__close:before {
-  transform: rotate(45deg);
-}
-.ac-editable-tag-group__close:after {
-  transform: rotate(-45deg);
-}
-
-.ac-upload-picture-card {
-  /**
-   定义 css 变量，可以改变 image-item 的大小
-  */
-}
-.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;
-  width: var(--ac-upload-images-size) !important;
-  height: var(--ac-upload-images-size) !important;
-}
-.ac-upload-picture-card .ant-upload-list-item-container {
-  user-select: none;
-}
-.ac-upload-picture-card .ant-upload-list-item-container:hover .ant-upload-list-item {
-  border-width: 2px !important;
-  border-style: dashed !important;
-  border-color: orange !important;
-}
-.ac-upload-picture-card__modal {
-  width: 800px;
-  text-align: center;
-}
-.ac-upload-picture-card__modal .is-img {
-  width: 100%;
-  height: 100%;
-}
-
-.ac-checkable-dropdown__btn {
-  display: inline-flex;
-  align-items: center;
-  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 {
-  user-select: none;
-  cursor: pointer;
-}
+.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 [hidden]{display:none;z-index:-1}.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}
+/*# sourceMappingURL=src/style.scss.map */

package/dist/style.css.map

@@ -0,0 +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__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 [hidden] {\n  display: none;\n  z-index: -1;\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

@@ -1,77 +1,38 @@
 {
   "name": "@jswork/antd-components",
-  "homepage": "https://js.work",
-  "version": "1.0.78",
+  "version": "1.0.80",
+  "main": "dist/main.cjs.js",
+  "module": "dist/main.esm.js",
+  "types": "dist/main.d.ts",
   "description": "Antd wrapped components.",
+  "homepage": "https://js.work",
   "license": "MIT",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "typings": "dist/main.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "scripts": {
-    "dev": "vite",
-    "clean": "rimraf dist",
-    "predocs": "node build/markdown.js",
-    "build": "npm run clean && rollup -c",
-    "docs": "tsc && vite build",
-    "docs:serve": "vite preview",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "pages": "github-cli -p"
+    "build": "tsup",
+    "postbuild": "postsass -s src/style.scss -d dist/style.css -c",
+    "release": "release-it --ci"
   },
   "devDependencies": {
-    "@ant-design/icons": "^5.0.1",
-    "@babel/core": "^7.12.10",
-    "@jswork/next": "^1.2.2",
-    "@jswork/next-replace-in-file": "^1.0.0",
-    "@jswork/next-rollup-banner": "^1.0.9",
-    "@jswork/react-markdown-props": "^1.0.1",
-    "@rollup/plugin-image": "^2.1.1",
-    "@rollup/plugin-node-resolve": "^11.0.1",
-    "@rollup/plugin-replace": "^2.3.4",
-    "@testing-library/jest-dom": "^5.16.1",
-    "@testing-library/react": "^12.1.2",
-    "@types/jest": "^27.0.3",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "@types/react-test-renderer": "^17.0.0",
-    "@types/styled-components": "^5.1.9",
-    "@vitejs/plugin-react-refresh": "^1.3.1",
-    "antd": "^5.9.0",
-    "babel-loader": "^8.2.2",
-    "core-js": "^3.8.2",
-    "css-loader": "^5.0.1",
-    "force-resolutions": "^1.0.10",
-    "indent-string": "^4.0.0",
-    "jest": "^27.4.5",
-    "lodash": "^4.17.21",
+    "@jswork/harmony-events": "^1.1.2",
+    "@swc/core": "^1.3.93",
+    "@types/react": "^18.2.28",
+    "@types/react-dom": "^18.2.13",
+    "antd": "^5.20.0",
+    "autoprefixer": "^10.4.16",
+    "classnames": "^2.5.1",
+    "cssnano": "^6.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-scripts-ts": "^3.1.0",
-    "react-test-renderer": "^17.0.1",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.36.0",
-    "rollup-plugin-auto-external": "^2.0.0",
-    "rollup-plugin-banner": "^0.2.1",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-copy": "^3.3.0",
-    "rollup-plugin-external-globals": "^0.6.1",
-    "rollup-plugin-node-externals": "^2.2.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-scss": "^3.0.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.29.0",
-    "sass": "^1.47.0",
-    "sass-loader": "^10.1.0",
-    "style-loader": "^2.0.0",
-    "styled-components": "^5.3.0",
-    "ts-jest": "^27.1.1",
-    "typescript": "^4.1.3",
-    "vite": "^2.3.4",
-    "vite-plugin-pwa": "^0.7.3"
+    "tsup": "^7.2.0",
+    "typescript": "^5.2.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
     "@jswork/antd-form-builder": "^1.1.27",
@@ -91,16 +52,10 @@
     "react-input-autosize": "^3.0.0",
     "sortablejs": "^1.15.0"
   },
-  "resolutions": {
-    "@types/react": "^17 || ^18"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/afeiship/boilerplate-react-ts-component.git"
-  },
-  "gitHead": "eff0c5a376bae58f3e71943cd7a21d9e0bba2542"
+  "keywords": [
+    "ant",
+    "antd",
+    "components",
+    "react"
+  ]
 }

package/src/lib/_abstract-upload.tsx

@@ -0,0 +1,131 @@
+import React, { ReactNode } from 'react';
+import Sortable from 'sortablejs';
+import { loadScript, loadStyle } from '@jswork/loadkit';
+import { DraggerProps } from 'antd/es/upload';
+import { UploadChangeParam } from 'antd/es/upload/interface';
+import { UploadFile } from 'antd';
+import { flushSync } from 'react-dom';
+
+import nx from '@jswork/next';
+import '@jswork/next-gpid';
+
+const styleOpts = { id: 'viewer-style' };
+const scriptOpts = { id: 'viewerjs' };
+const styleURL = 'https://unpkg.com/viewerjs@1.11.1/dist/viewer.min.css';
+const scriptURL = 'https://unpkg.com/viewerjs@1.11.1/dist/viewer.min.js';
+
+type StdEventTarget = { target: { value: any } };
+type StdCallback = (inEvent: StdEventTarget) => void;
+
+type Props = {
+  className?: string;
+  value?: any[] | [];
+  onChange?: StdCallback;
+  transformResponse?: (inResponse: any) => any;
+  transformURL?: (inPid) => string;
+} & DraggerProps;
+
+type State = {
+  fileList: any[];
+};
+
+export class AcAbstractUpload extends React.Component<Props, State> {
+  protected rootRef = React.createRef<HTMLDivElement>();
+  protected sortable: any = null;
+  protected viewer: any = null;
+
+  toFileList = (inUrls: any[] | any) => {
+    const { transformURL } = this.props;
+    const urls = Array.isArray(inUrls) ? inUrls : [inUrls].filter(Boolean);
+    return urls.map((item) => {
+      if (typeof item !== 'string') return item;
+      return { uid: nx.gpid(item), url: transformURL!(item) };
+    });
+  };
+
+  constructor(inProps) {
+    super(inProps);
+    this.state = {
+      fileList: this.toFileList(inProps.value)
+    };
+  }
+
+  async componentDidMount() {
+    const { rootRef } = this;
+    const root = rootRef.current as HTMLDivElement;
+    const el = root.querySelector('.ant-upload-list');
+    this.mountSortable(el);
+    await this.mountViewer(el);
+  }
+
+  shouldComponentUpdate(nextProps: Readonly<Props>): boolean {
+    const { value } = nextProps;
+    if (value !== this.props.value) {
+      this.setState({ fileList: this.toFileList(value as any[]) });
+    }
+    return true;
+  }
+
+  mountSortable(el) {
+    this.sortable = new Sortable(el, {
+      animation: 150,
+      draggable: '.ant-upload-list-item-container',
+      ghostClass: 'sortable-ghost',
+      chosenClass: 'sortable-chosen',
+      dragClass: 'sortable-drag',
+      onEnd: this.handleSortEnd
+    });
+  }
+
+  async mountViewer(el) {
+    await Promise.all([loadStyle(styleURL, styleOpts), loadScript(scriptURL, scriptOpts)]);
+    this.viewer = new window['Viewer'](el);
+  }
+
+  componentWillUnmount() {
+    this.sortable?.destroy();
+    this.viewer?.destroy();
+  }
+
+  handlePreview = (file: UploadFile<any>) => {
+    const { fileList } = this.state;
+    const idx = fileList.indexOf(file);
+    this.viewer?.update();
+    this.viewer.view(idx);
+  };
+
+  handleChange = (inEvent: UploadChangeParam<UploadFile<any>>) => {
+    const { fileList } = inEvent;
+    const isDone = (file) => !file.status || file.status === 'done';
+    const done = fileList.every(isDone);
+    flushSync(() => this.setState({ fileList }));
+    if (done) this.doChange(fileList);
+  };
+
+  handleSortEnd = (inEvent) => {
+    const { oldIndex, newIndex } = inEvent;
+    const { fileList } = this.state;
+    const newFileList = fileList.slice();
+    newFileList.splice(newIndex, 0, newFileList.splice(oldIndex, 1)[0]);
+    this.doChange(newFileList);
+  };
+
+  doChange = (inValue) => {
+    const { onChange, transformResponse } = this.props;
+    const value = inValue.map((item) => item.response ?? item);
+    onChange!({ target: { value: transformResponse!(value) } });
+  };
+
+  previewFile = (file): Promise<string> => {
+    const blobURL = window.URL.createObjectURL(file);
+    return new Promise((resolve) => {
+      resolve(blobURL);
+    });
+  };
+
+  render(): ReactNode {
+    // warning: if not implement, will throw error.
+    console.warn('Please implement render method.');
+    return null;
+  }
+}

package/src/lib/alert.tsx

@@ -0,0 +1,53 @@
+import React from 'react';
+import nx from '@jswork/next';
+import { Input, InputProps, Modal } from 'antd';
+
+declare global {
+  interface NxStatic {
+    alert: typeof alert;
+    confirm: typeof confirm;
+    prompt: typeof prompt;
+  }
+}
+
+export const alert = (inMessage: string, inTitle?: String) => {
+  return Modal.info({
+    title: inTitle || 'Tips',
+    content: inMessage
+  });
+};
+
+export const confirm = (inMessage: string, inTitle?: String) => {
+  return new Promise((resolve) => {
+    Modal.confirm({
+      title: inTitle || 'Confirm',
+      content: inMessage,
+      onOk: () => resolve(true),
+      onCancel: () => resolve(false)
+    });
+  });
+};
+
+export const prompt = (inMessage: string, inOptions?: InputProps) => {
+  let value = '';
+  return new Promise((resolve) => {
+    Modal.confirm({
+      title: inMessage || 'Prompt',
+      content: (
+        <Input
+          type="text"
+          placeholder={inMessage}
+          defaultValue={value}
+          onChange={(e) => (value = e.target.value)}
+          {...inOptions}
+        />
+      ),
+      onOk: () => resolve(value),
+      onCancel: () => resolve(null)
+    });
+  });
+};
+
+nx.alert = alert;
+nx.confirm = confirm;
+nx.prompt = prompt;

package/src/lib/breadcrumb.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import noop from '@jswork/noop';
+import { Breadcrumb, BreadcrumbProps } from 'antd';
+import ReactList, { TemplateArgs } from '@jswork/react-list';
+import { breadcrumbDefault } from '@jswork/antd-tpls';
+import cx from 'classnames';
+
+// hack for react-list
+// Warning: [antd: Breadcrumb] Only accepts Breadcrumb.Item and Breadcrumb.Separator as it's children
+// @see: https://juejin.cn/post/6844903505832968206
+// ReactList['__ANT_BREADCRUMB_ITEM'] = true;
+
+const CLASS_NAME = 'ac-breadcrumb';
+type StdEventTarget = { target: { value: any } };
+type StdCallback = (inEvent: StdEventTarget) => void;
+
+type Props = {
+  className?: string;
+  items?: any[];
+  template?: (args: TemplateArgs) => React.ReactNode;
+  value?: number;
+  onChange?: StdCallback;
+} & BreadcrumbProps;
+
+export class AcBreadcrumb extends React.Component<Props> {
+  static displayName = CLASS_NAME;
+  static defaultProps = {
+    onChange: noop,
+    template: breadcrumbDefault
+  };
+
+  render() {
+    const { className, value, items, template, onChange, ...props } = this.props;
+    return (
+      <Breadcrumb className={cx(className, CLASS_NAME)} {...props}>
+        <ReactList items={items} template={template} />
+      </Breadcrumb>
+    );
+  }
+}