@bit-sun/business-component 2.2.23 → 2.2.24

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.
Files changed (9) hide show
  1. package/dist/index.esm.js +9 -9
  2. package/dist/index.js +9 -9
  3. package/package.json +1 -1
  4. package/src/components/Business/CommonGuideWrapper/index.less +1 -3
  5. package/src/components/Business/CommonGuideWrapper/index.tsx +3 -3
  6. package/src/components/Business/StateFlow/index.less +28 -49
  7. package/src/components/Business/StateFlow/index.md +5 -5
  8. package/src/components/Business/StateFlow/index.tsx +15 -18
  9. package/src/assets/arrow_top.svg +0 -18
package/dist/index.esm.js CHANGED
@@ -15385,7 +15385,7 @@ var index$1 = /*#__PURE__*/React.memo(BusinessTreeSearchSelect, function (props,
15385
15385
  return true;
15386
15386
  });
15387
15387
 
15388
- var css_248z$8 = ".form-status-label {\n height: 38px;\n margin-right: 7px;\n display: inline-block;\n position: relative;\n background-color: #B0B4B7;\n align-items: center;\n}\n.choosed-status-label.form-status-label {\n background-color: #68C900;\n}\n.form-status-label:last-child {\n margin-right: 0px;\n}\n.form-status-label:first-child::after {\n position: absolute;\n display: block;\n content: '';\n right: -38px;\n top: 0;\n width: 38px;\n height: 38px;\n border: 19px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #B0B4B7;\n}\n.choosed-status-label.form-status-label::after {\n border-left: 12px solid #68C900;\n z-index: 9;\n}\n.choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {\n border-left: 12px solid #68C900;\n z-index: 10;\n}\n.form-status-label:last-child::after {\n position: absolute;\n display: block;\n content: '';\n left: 0;\n top: 0;\n width: 38px;\n height: 38px;\n border: 19px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::before {\n position: absolute;\n display: block;\n content: '';\n left: 0;\n top: 0;\n width: 38px;\n height: 38px;\n border: 19px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::after {\n position: absolute;\n display: block;\n content: '';\n right: -38px;\n top: 0;\n width: 38px;\n height: 38px;\n border: 19px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #B0B4B7;\n z-index: 9;\n}\n.status-label-index {\n display: inline-block;\n width: 16px;\n height: 16px;\n background: #FFFFFF;\n color: #68C900;\n border-radius: 50%;\n font-family: Montserrat;\n font-weight: 500;\n font-size: 12px;\n line-height: 16px;\n text-align: center;\n margin: 0 4px 0 20px;\n}\n.choosed-status-label-index {\n border: 1px solid #FFFFFF;\n color: #FFFFFF;\n display: inline-block;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n font-family: Montserrat;\n font-weight: 500;\n font-size: 12px;\n line-height: 16px;\n text-align: center;\n margin: 0 4px 0 20px;\n}\n.status-label-key {\n width: 50px;\n height: 100%;\n display: inline-flex;\n float: left;\n align-items: center;\n justify-content: center;\n}\n.status-label-operate {\n float: left;\n width: calc(100% - 50px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n height: 100%;\n margin: 4px 0;\n}\n.status-label-operate > div {\n font-size: 10px;\n height: 14px;\n line-height: 14px;\n color: #FFFFFF;\n font-family: PingFangSC;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-weight: 300;\n}\n.status-label-operate > div:first-child {\n font-size: 12px;\n font-weight: 500;\n}\n.only-one-child.form-status-label::after,\n.only-one-child.form-status-label::before {\n border-left: 0px;\n}\n";
15388
+ var css_248z$8 = ".form-status-label {\n height: 48px;\n margin-right: 12px;\n display: inline-block;\n position: relative;\n background-color: #B0B4B7;\n align-items: center;\n}\n.choosed-status-label.form-status-label {\n background-color: #005CFF;\n}\n.form-status-label:last-child {\n margin-right: 0px;\n}\n.form-status-label:first-child::after {\n position: absolute;\n display: block;\n content: '';\n right: -48px;\n top: 0;\n width: 48px;\n height: 48px;\n border: 24px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #B0B4B7;\n}\n.choosed-status-label.form-status-label::after {\n border-left: 12px solid #005CFF;\n}\n.choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {\n border-left: 12px solid #005CFF;\n}\n.form-status-label:last-child::after {\n position: absolute;\n display: block;\n content: '';\n left: 0;\n top: 0;\n width: 48px;\n height: 48px;\n border: 24px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::before {\n position: absolute;\n display: block;\n content: '';\n left: 0;\n top: 0;\n width: 48px;\n height: 48px;\n border: 24px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::after {\n position: absolute;\n display: block;\n content: '';\n right: -48px;\n top: 0;\n width: 48px;\n height: 48px;\n border: 24px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #B0B4B7;\n}\n.status-label-index {\n display: inline-block;\n width: 24px;\n height: 24px;\n border: 1px solid #FFFFFF;\n color: #FFFFFF;\n border-radius: 50%;\n font-family: Montserrat;\n font-size: 14px;\n line-height: 24px;\n text-align: center;\n margin: 0 6px 0 20px;\n}\n.status-label-key {\n width: 50px;\n height: 100%;\n display: inline-flex;\n float: left;\n align-items: center;\n justify-content: center;\n}\n.status-label-operate {\n float: left;\n width: calc(100% - 50px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n height: 100%;\n margin: 4px 0;\n}\n.status-label-operate > div {\n font-size: 12px;\n height: 20px;\n line-height: 20px;\n color: #FFFFFF;\n font-family: PingFangSC;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.status-label-operate > div:first-child {\n font-size: 14px;\n font-weight: 600;\n}\n.only-one-child.form-status-label::after,\n.only-one-child.form-status-label::before {\n border-left: 0px;\n}\n";
15389
15389
  styleInject(css_248z$8);
15390
15390
 
15391
15391
  var index$2 = (function (props) {
@@ -15394,6 +15394,7 @@ var index$2 = (function (props) {
15394
15394
  return /*#__PURE__*/React.createElement("div", {
15395
15395
  style: {
15396
15396
  display: 'flex',
15397
+ padding: '10px 60px 0px',
15397
15398
  background: '#FFFFFF'
15398
15399
  }
15399
15400
  }, formStatusMapping.map(function (item, index) {
@@ -15405,14 +15406,13 @@ var index$2 = (function (props) {
15405
15406
  }, /*#__PURE__*/React.createElement("div", {
15406
15407
  className: 'status-label-key'
15407
15408
  }, /*#__PURE__*/React.createElement("span", {
15408
- // className='status-label-index'
15409
- className: "".concat(item.isDone ? 'status-label-index' : 'choosed-status-label-index')
15409
+ className: 'status-label-index'
15410
15410
  }, index + 1)), /*#__PURE__*/React.createElement("div", {
15411
15411
  className: 'status-label-operate'
15412
15412
  }, /*#__PURE__*/React.createElement("div", {
15413
15413
  style: !item.isDone ? {
15414
- height: '30px',
15415
- lineHeight: '30px'
15414
+ height: '40px',
15415
+ lineHeight: '40px'
15416
15416
  } : {}
15417
15417
  }, item.text), item.isDone ? /*#__PURE__*/React.createElement("div", {
15418
15418
  title: "".concat(item.modifyUserName || '--', " ").concat(item.modifyTime || '--')
@@ -15426,9 +15426,9 @@ var index$2 = (function (props) {
15426
15426
 
15427
15427
  var label_icon_bottom = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3E%E7%BC%96%E7%BB%84%203%E5%A4%87%E4%BB%BD%204%3C%2Ftitle%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Crect%20id%3D%22path-1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3C%2Frect%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E5%8D%95%E6%8D%AE-%E8%AF%A6%E6%83%85%E9%A1%B5%EF%BC%88%E4%BA%8C%E7%BA%A7%E9%A1%B5%EF%BC%89-%E4%B8%8B%E6%8B%89%22%20transform%3D%22translate%28-1858.000000%2C%20-1326.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-20%22%20transform%3D%22translate%28280.000000%2C%20866.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%281554.000000%2C%20179.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-3%E5%A4%87%E4%BB%BD-4%22%20transform%3D%22translate%2824.000000%2C%20281.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22mask-2%22%20fill%3D%22white%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fmask%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20id%3D%22%E8%92%99%E7%89%88%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84%22%20mask%3D%22url%28%23mask-2%29%22%20fill%3D%22%23B1BAD4%22%20fill-rule%3D%22nonzero%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%283.000000%2C%203.000000%29%22%20id%3D%22%E5%BD%A2%E7%8A%B6%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M5.99072727%2C0.237481917%20C6.50454545%2C-0.0418576482%206.56509091%2C-0.0745634228%206.97254545%2C0.138292264%20L7.15527271%2C0.236945765%20C7.31727271%2C0.445512161%207.34672726%2C0.483579531%207.3761818%2C0.664265595%20L7.39690908%2C0.809565049%20L7.39690908%2C17%20L5.76054545%2C17%20L5.76054545%2C2.73974241%20L1.15690909%2C7.26654448%20L0%2C6.12934831%20L5.99072727%2C0.237481917%20Z%20M13.0909091%2C13.6720525%20L13.0909091%2C15.2805337%20L9.81818182%2C15.2805337%20L9.81818182%2C13.6720525%20L13.0909091%2C13.6720525%20Z%20M14.7272727%2C9.91892987%20L14.7272727%2C11.527411%20L9.81818182%2C11.527411%20L9.81818182%2C9.91892987%20L14.7272727%2C9.91892987%20Z%20M16.3636364%2C6.16580723%20L16.3636364%2C7.77428836%20L9.81818182%2C7.77428836%20L9.81818182%2C6.16580723%20L16.3636364%2C6.16580723%20Z%20M18%2C2.41268459%20L18%2C4.02116572%20L9.81818182%2C4.02116572%20L9.81818182%2C2.41268459%20L18%2C2.41268459%20Z%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
15428
15428
 
15429
- var arrow_top = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Earrow_icon_up%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22%E9%9B%B6%E5%94%AE%E3%80%90%E5%8D%95%E6%8D%AE%E8%AF%A6%E6%83%85%E3%80%91%E6%94%B9%E9%80%A0%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-462.000000%2C%20-1828.000000%29%22%20id%3D%22%E7%BC%96%E7%BB%84-5%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28372.000000%2C%201534.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-2%22%20transform%3D%22translate%2810.000000%2C%20286.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-17%22%20transform%3D%22translate%2880.000000%2C%208.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22arrow_icon_up%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84%22%20transform%3D%22translate%282.500000%2C%202.500000%29%22%20fill%3D%22%23B6B6B6%22%20fill-rule%3D%22nonzero%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C0%20C11.6422059%2C0%2015%2C3.35779411%2015%2C7.5%20C15%2C11.6422059%2011.6422059%2C15%207.5%2C15%20C3.35779411%2C15%200%2C11.6422059%200%2C7.5%20C0%2C3.35779411%203.35779411%2C0%207.5%2C0%20Z%20M7.61029411%2C4.79955883%20L3.58632353%2C8.82352941%20L4.52205883%2C9.7592647%20L7.61029411%2C6.67102942%20L10.6985294%2C9.7592647%20L11.6342647%2C8.82352941%20L7.61029411%2C4.79955883%20Z%22%20id%3D%22%E5%BD%A2%E7%8A%B6%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
15429
+ var arrow_top = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAuBJREFUaEPtl0urjlEUx3/HXUkpErkkJAYoGbhkJB2SW2IgBibKVL6Cz2BgQMqAXCKXiHIGBhiIDJEJyjXlfu2vtWp36nj2fvZ+HG/tXW/n7bz7Wft/WXut9fTR46uvx/FTCQy3g9WB6kCmAjWFMgXMfrw6kC1hZoDqQKaA2Y//Cwd0xq9spEME6JLACOCnnRt+L8qlKwIOeDT8GRi/Ap2Q6ILASOAHsAo4DEwGDgAnAP+tmAulCTjANcBpA6/812e3kRgFfC/FoCQBByblzxl4Tx399hnYA5wq6UQpAq78ClN+mqWR/q+llNL3T8BO4AJQxIkSBBz8cgM2FfgCjAXOAC+A/cA3QJf6vZG4UoJELgEHvww4C8wMgF40oB+BI8Bey30p/xbYDtzITaccAg5+CXAJmB4oL3UF8IMBVD84DuwK9rwCNgO3cki0JeDgF9uFnRMof83AK1VU+7VEYBxwDNgR7H0GbAVutyXRhoCDXwhcBmYHql4HtlmeD+7EKqW6A6pCm4JnRGI9cL8NiVQCDn6RKT/fuuwY4CawBXg3BBAnNAE4aaD9Yj+ydHqYSiKFgIOfByjH5wYqDlgqvGkYGZzERCu3a4MYIrEOeJxCIpaAT5RSXE1KDqhJSXldQqXE68iDXYhJwHlgdRDrgTnxxGaoxik2hoCrNgu4CiwIVBN4pc3LxGHNY04xQVYGMXUX+oHnMTFjCPjYouoiyzUSqKLcBTYY+DZd1Z1Q41NKLg1iq4dsjJmXmgh46owHngJSTOuOKa8KkjMmh+4qndRTtHSXZtjo8dcXoiYCCuYB1IQOAfeAfTYitFF+sLDuhMrxUXPioHXvxre5GALhgarjGszUmBqDx6SA7fFYEkSENEtFrRQCfoj+6uOvi1EHRWxyLKo80eKkEIjAUGRLNHjP7yKnDleQ/9GBJC0qgSS5OthcHehA1KSQ1YEkuTrYXB3oQNSkkNWBJLk62NzzDvwGGnWoMahVpG4AAAAASUVORK5CYII=";
15430
15430
 
15431
- var css_248z$9 = ".form-guide {\n cursor: pointer;\n position: fixed;\n right: 5px;\n color: #B1BAD4;\n padding: 5px 0;\n width: 48px;\n z-index: 10;\n top: 50%;\n transform: translateY(-50%);\n background-color: #141620;\n border-radius: 5px;\n}\n.form-guide .form-guide-top {\n padding: 0px 10px;\n display: flex;\n justify-content: center;\n}\n.form-guide .form-guide-center {\n border-top: 1px solid #6E7588;\n border-bottom: 1px solid #6E7588;\n padding: 0px 10px;\n}\n.form-guide .form-guide-item {\n width: 28px;\n padding: 5px 0;\n display: block;\n word-break: break-all;\n color: #B1BAD4;\n font-size: 14px;\n line-height: 16px;\n position: relative;\n}\n.form-guide .form-guide-item::after {\n content: '';\n display: block;\n width: 15px;\n height: 1px;\n background-color: #6E7588;\n position: absolute;\n bottom: 0px;\n left: 7px;\n}\n.form-guide .form-guide-bottom {\n padding: 5px 10px;\n display: flex;\n justify-content: center;\n}\n.form-guide .form-guide-item:last-child::after {\n content: '';\n display: none;\n width: 15px;\n height: 1px;\n background-color: #6E7588;\n position: absolute;\n bottom: 0px;\n left: 7px;\n}\n.white-card.bitsun-form-card-class .ant-card-body {\n background-color: #FFFFFF;\n padding: 0px;\n}\n.bitsun-form-card-class > .ant-card-body {\n margin-bottom: 10px;\n}\n.bitsun-form-card-class .ant-card-head {\n border: 0px;\n padding: 0px;\n height: 48px;\n}\n.bitsun-form-card-class .ant-card-body {\n padding: 12px 0 0;\n margin-top: -4px;\n background-color: #F3F3F3;\n}\n.bitsun-form-card-class .ant-card-head-title {\n display: flex;\n align-items: center;\n font-size: 14px;\n color: #000000;\n font-weight: 600;\n font-family: PingFangSC;\n background-color: #FFFFFF;\n padding: 8px 0;\n margin: 0px;\n border-bottom: 1px solid #F0F0F0;\n border-radius: 4px 4px 0 0;\n}\n.bitsun-form-card-class .ant-card-head-title .title-left-line {\n display: inline-block;\n width: 4px;\n height: 100%;\n background-color: #005CFF;\n height: 20px;\n margin-right: 16px;\n}\n.field-group-hidden .ant-card-body {\n display: none !important;\n}\n";
15431
+ var css_248z$9 = ".form-guide {\n cursor: pointer;\n position: fixed;\n right: 5px;\n color: #B1BAD4;\n padding: 5px 0;\n width: 48px;\n z-index: 10;\n top: 50%;\n transform: translateY(-50%);\n background-color: #141620;\n border-radius: 5px;\n}\n.form-guide .form-guide-top {\n padding: 0px 10px;\n display: flex;\n justify-content: center;\n}\n.form-guide .form-guide-center {\n border-top: 1px solid #6E7588;\n border-bottom: 1px solid #6E7588;\n padding: 0px 10px;\n}\n.form-guide .form-guide-item {\n width: 28px;\n padding: 5px 0;\n display: block;\n word-break: break-all;\n color: #B1BAD4;\n font-size: 14px;\n line-height: 16px;\n position: relative;\n}\n.form-guide .form-guide-item::after {\n content: '';\n display: block;\n width: 15px;\n height: 1px;\n background-color: #6E7588;\n position: absolute;\n bottom: 0px;\n left: 7px;\n}\n.form-guide .form-guide-bottom {\n padding: 5px 10px;\n display: flex;\n justify-content: center;\n}\n.form-guide .form-guide-item:last-child::after {\n content: '';\n display: none;\n width: 15px;\n height: 1px;\n background-color: #6E7588;\n position: absolute;\n bottom: 0px;\n left: 7px;\n}\n.white-card.bitsun-form-card-class .ant-card-body {\n background-color: #FFFFFF;\n padding: 0px;\n}\n.bitsun-form-card-class > .ant-card-body {\n margin-bottom: 10px;\n}\n.bitsun-form-card-class .ant-card-head {\n border: 0px;\n padding: 0px;\n height: 48px;\n}\n.bitsun-form-card-class .ant-card-body {\n padding: 12px 0 0;\n margin-top: -4px;\n background-color: #F3F3F3;\n}\n.bitsun-form-card-class .ant-card-head-title {\n display: flex;\n align-items: center;\n font-size: 16px;\n color: #000000;\n font-weight: 600;\n font-family: PingFangSC;\n background-color: #FFFFFF;\n padding: 8px 0;\n margin: 0px;\n}\n.bitsun-form-card-class .ant-card-head-title .title-left-line {\n display: inline-block;\n width: 4px;\n height: 100%;\n background-color: #005CFF;\n height: 20px;\n margin-right: 16px;\n}\n.field-group-hidden .ant-card-body {\n display: none !important;\n}\n";
15432
15432
  styleInject(css_248z$9);
15433
15433
 
15434
15434
  var _excluded$6 = ["children"],
@@ -15451,10 +15451,10 @@ var Field = function Field(_ref) {
15451
15451
  className: 'title-left-line'
15452
15452
  }), /*#__PURE__*/React.createElement("span", {
15453
15453
  style: {
15454
- marginRight: '4px'
15454
+ marginRight: '5px'
15455
15455
  }
15456
15456
  }, props === null || props === void 0 ? void 0 : props.title), /*#__PURE__*/React.createElement("img", {
15457
- width: 20,
15457
+ width: 24,
15458
15458
  style: {
15459
15459
  transform: fieldGroupVisible ? 'inherit' : 'rotate(180deg)',
15460
15460
  cursor: 'pointer'
package/dist/index.js CHANGED
@@ -15403,7 +15403,7 @@ var index$1 = /*#__PURE__*/React__default['default'].memo(BusinessTreeSearchSele
15403
15403
  return true;
15404
15404
  });
15405
15405
 
15406
- var css_248z$8 = ".form-status-label {\n height: 38px;\n margin-right: 7px;\n display: inline-block;\n position: relative;\n background-color: #B0B4B7;\n align-items: center;\n}\n.choosed-status-label.form-status-label {\n background-color: #68C900;\n}\n.form-status-label:last-child {\n margin-right: 0px;\n}\n.form-status-label:first-child::after {\n position: absolute;\n display: block;\n content: '';\n right: -38px;\n top: 0;\n width: 38px;\n height: 38px;\n border: 19px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #B0B4B7;\n}\n.choosed-status-label.form-status-label::after {\n border-left: 12px solid #68C900;\n z-index: 9;\n}\n.choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {\n border-left: 12px solid #68C900;\n z-index: 10;\n}\n.form-status-label:last-child::after {\n position: absolute;\n display: block;\n content: '';\n left: 0;\n top: 0;\n width: 38px;\n height: 38px;\n border: 19px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::before {\n position: absolute;\n display: block;\n content: '';\n left: 0;\n top: 0;\n width: 38px;\n height: 38px;\n border: 19px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::after {\n position: absolute;\n display: block;\n content: '';\n right: -38px;\n top: 0;\n width: 38px;\n height: 38px;\n border: 19px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #B0B4B7;\n z-index: 9;\n}\n.status-label-index {\n display: inline-block;\n width: 16px;\n height: 16px;\n background: #FFFFFF;\n color: #68C900;\n border-radius: 50%;\n font-family: Montserrat;\n font-weight: 500;\n font-size: 12px;\n line-height: 16px;\n text-align: center;\n margin: 0 4px 0 20px;\n}\n.choosed-status-label-index {\n border: 1px solid #FFFFFF;\n color: #FFFFFF;\n display: inline-block;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n font-family: Montserrat;\n font-weight: 500;\n font-size: 12px;\n line-height: 16px;\n text-align: center;\n margin: 0 4px 0 20px;\n}\n.status-label-key {\n width: 50px;\n height: 100%;\n display: inline-flex;\n float: left;\n align-items: center;\n justify-content: center;\n}\n.status-label-operate {\n float: left;\n width: calc(100% - 50px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n height: 100%;\n margin: 4px 0;\n}\n.status-label-operate > div {\n font-size: 10px;\n height: 14px;\n line-height: 14px;\n color: #FFFFFF;\n font-family: PingFangSC;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-weight: 300;\n}\n.status-label-operate > div:first-child {\n font-size: 12px;\n font-weight: 500;\n}\n.only-one-child.form-status-label::after,\n.only-one-child.form-status-label::before {\n border-left: 0px;\n}\n";
15406
+ var css_248z$8 = ".form-status-label {\n height: 48px;\n margin-right: 12px;\n display: inline-block;\n position: relative;\n background-color: #B0B4B7;\n align-items: center;\n}\n.choosed-status-label.form-status-label {\n background-color: #005CFF;\n}\n.form-status-label:last-child {\n margin-right: 0px;\n}\n.form-status-label:first-child::after {\n position: absolute;\n display: block;\n content: '';\n right: -48px;\n top: 0;\n width: 48px;\n height: 48px;\n border: 24px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #B0B4B7;\n}\n.choosed-status-label.form-status-label::after {\n border-left: 12px solid #005CFF;\n}\n.choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {\n border-left: 12px solid #005CFF;\n}\n.form-status-label:last-child::after {\n position: absolute;\n display: block;\n content: '';\n left: 0;\n top: 0;\n width: 48px;\n height: 48px;\n border: 24px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::before {\n position: absolute;\n display: block;\n content: '';\n left: 0;\n top: 0;\n width: 48px;\n height: 48px;\n border: 24px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::after {\n position: absolute;\n display: block;\n content: '';\n right: -48px;\n top: 0;\n width: 48px;\n height: 48px;\n border: 24px solid;\n border-color: transparent transparent transparent transparent;\n border-left: 12px solid #B0B4B7;\n}\n.status-label-index {\n display: inline-block;\n width: 24px;\n height: 24px;\n border: 1px solid #FFFFFF;\n color: #FFFFFF;\n border-radius: 50%;\n font-family: Montserrat;\n font-size: 14px;\n line-height: 24px;\n text-align: center;\n margin: 0 6px 0 20px;\n}\n.status-label-key {\n width: 50px;\n height: 100%;\n display: inline-flex;\n float: left;\n align-items: center;\n justify-content: center;\n}\n.status-label-operate {\n float: left;\n width: calc(100% - 50px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n height: 100%;\n margin: 4px 0;\n}\n.status-label-operate > div {\n font-size: 12px;\n height: 20px;\n line-height: 20px;\n color: #FFFFFF;\n font-family: PingFangSC;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.status-label-operate > div:first-child {\n font-size: 14px;\n font-weight: 600;\n}\n.only-one-child.form-status-label::after,\n.only-one-child.form-status-label::before {\n border-left: 0px;\n}\n";
15407
15407
  styleInject(css_248z$8);
15408
15408
 
15409
15409
  var index$2 = (function (props) {
@@ -15412,6 +15412,7 @@ var index$2 = (function (props) {
15412
15412
  return /*#__PURE__*/React__default['default'].createElement("div", {
15413
15413
  style: {
15414
15414
  display: 'flex',
15415
+ padding: '10px 60px 0px',
15415
15416
  background: '#FFFFFF'
15416
15417
  }
15417
15418
  }, formStatusMapping.map(function (item, index) {
@@ -15423,14 +15424,13 @@ var index$2 = (function (props) {
15423
15424
  }, /*#__PURE__*/React__default['default'].createElement("div", {
15424
15425
  className: 'status-label-key'
15425
15426
  }, /*#__PURE__*/React__default['default'].createElement("span", {
15426
- // className='status-label-index'
15427
- className: "".concat(item.isDone ? 'status-label-index' : 'choosed-status-label-index')
15427
+ className: 'status-label-index'
15428
15428
  }, index + 1)), /*#__PURE__*/React__default['default'].createElement("div", {
15429
15429
  className: 'status-label-operate'
15430
15430
  }, /*#__PURE__*/React__default['default'].createElement("div", {
15431
15431
  style: !item.isDone ? {
15432
- height: '30px',
15433
- lineHeight: '30px'
15432
+ height: '40px',
15433
+ lineHeight: '40px'
15434
15434
  } : {}
15435
15435
  }, item.text), item.isDone ? /*#__PURE__*/React__default['default'].createElement("div", {
15436
15436
  title: "".concat(item.modifyUserName || '--', " ").concat(item.modifyTime || '--')
@@ -15444,9 +15444,9 @@ var index$2 = (function (props) {
15444
15444
 
15445
15445
  var label_icon_bottom = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3E%E7%BC%96%E7%BB%84%203%E5%A4%87%E4%BB%BD%204%3C%2Ftitle%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Crect%20id%3D%22path-1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3C%2Frect%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E5%8D%95%E6%8D%AE-%E8%AF%A6%E6%83%85%E9%A1%B5%EF%BC%88%E4%BA%8C%E7%BA%A7%E9%A1%B5%EF%BC%89-%E4%B8%8B%E6%8B%89%22%20transform%3D%22translate%28-1858.000000%2C%20-1326.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-20%22%20transform%3D%22translate%28280.000000%2C%20866.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%281554.000000%2C%20179.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-3%E5%A4%87%E4%BB%BD-4%22%20transform%3D%22translate%2824.000000%2C%20281.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22mask-2%22%20fill%3D%22white%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fmask%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20id%3D%22%E8%92%99%E7%89%88%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84%22%20mask%3D%22url%28%23mask-2%29%22%20fill%3D%22%23B1BAD4%22%20fill-rule%3D%22nonzero%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%283.000000%2C%203.000000%29%22%20id%3D%22%E5%BD%A2%E7%8A%B6%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M5.99072727%2C0.237481917%20C6.50454545%2C-0.0418576482%206.56509091%2C-0.0745634228%206.97254545%2C0.138292264%20L7.15527271%2C0.236945765%20C7.31727271%2C0.445512161%207.34672726%2C0.483579531%207.3761818%2C0.664265595%20L7.39690908%2C0.809565049%20L7.39690908%2C17%20L5.76054545%2C17%20L5.76054545%2C2.73974241%20L1.15690909%2C7.26654448%20L0%2C6.12934831%20L5.99072727%2C0.237481917%20Z%20M13.0909091%2C13.6720525%20L13.0909091%2C15.2805337%20L9.81818182%2C15.2805337%20L9.81818182%2C13.6720525%20L13.0909091%2C13.6720525%20Z%20M14.7272727%2C9.91892987%20L14.7272727%2C11.527411%20L9.81818182%2C11.527411%20L9.81818182%2C9.91892987%20L14.7272727%2C9.91892987%20Z%20M16.3636364%2C6.16580723%20L16.3636364%2C7.77428836%20L9.81818182%2C7.77428836%20L9.81818182%2C6.16580723%20L16.3636364%2C6.16580723%20Z%20M18%2C2.41268459%20L18%2C4.02116572%20L9.81818182%2C4.02116572%20L9.81818182%2C2.41268459%20L18%2C2.41268459%20Z%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
15446
15446
 
15447
- var arrow_top = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%20%20%20%20%3Ctitle%3Earrow_icon_up%3C%2Ftitle%3E%20%20%20%20%3Cg%20id%3D%22%E9%9B%B6%E5%94%AE%E3%80%90%E5%8D%95%E6%8D%AE%E8%AF%A6%E6%83%85%E3%80%91%E6%94%B9%E9%80%A0%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-462.000000%2C%20-1828.000000%29%22%20id%3D%22%E7%BC%96%E7%BB%84-5%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28372.000000%2C%201534.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-2%22%20transform%3D%22translate%2810.000000%2C%20286.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-17%22%20transform%3D%22translate%2880.000000%2C%208.000000%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22arrow_icon_up%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%3C%2Frect%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84%22%20transform%3D%22translate%282.500000%2C%202.500000%29%22%20fill%3D%22%23B6B6B6%22%20fill-rule%3D%22nonzero%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.5%2C0%20C11.6422059%2C0%2015%2C3.35779411%2015%2C7.5%20C15%2C11.6422059%2011.6422059%2C15%207.5%2C15%20C3.35779411%2C15%200%2C11.6422059%200%2C7.5%20C0%2C3.35779411%203.35779411%2C0%207.5%2C0%20Z%20M7.61029411%2C4.79955883%20L3.58632353%2C8.82352941%20L4.52205883%2C9.7592647%20L7.61029411%2C6.67102942%20L10.6985294%2C9.7592647%20L11.6342647%2C8.82352941%20L7.61029411%2C4.79955883%20Z%22%20id%3D%22%E5%BD%A2%E7%8A%B6%22%3E%3C%2Fpath%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
15447
+ var arrow_top = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAuBJREFUaEPtl0urjlEUx3/HXUkpErkkJAYoGbhkJB2SW2IgBibKVL6Cz2BgQMqAXCKXiHIGBhiIDJEJyjXlfu2vtWp36nj2fvZ+HG/tXW/n7bz7Wft/WXut9fTR46uvx/FTCQy3g9WB6kCmAjWFMgXMfrw6kC1hZoDqQKaA2Y//Cwd0xq9spEME6JLACOCnnRt+L8qlKwIOeDT8GRi/Ap2Q6ILASOAHsAo4DEwGDgAnAP+tmAulCTjANcBpA6/812e3kRgFfC/FoCQBByblzxl4Tx399hnYA5wq6UQpAq78ClN+mqWR/q+llNL3T8BO4AJQxIkSBBz8cgM2FfgCjAXOAC+A/cA3QJf6vZG4UoJELgEHvww4C8wMgF40oB+BI8Bey30p/xbYDtzITaccAg5+CXAJmB4oL3UF8IMBVD84DuwK9rwCNgO3cki0JeDgF9uFnRMof83AK1VU+7VEYBxwDNgR7H0GbAVutyXRhoCDXwhcBmYHql4HtlmeD+7EKqW6A6pCm4JnRGI9cL8NiVQCDn6RKT/fuuwY4CawBXg3BBAnNAE4aaD9Yj+ydHqYSiKFgIOfByjH5wYqDlgqvGkYGZzERCu3a4MYIrEOeJxCIpaAT5RSXE1KDqhJSXldQqXE68iDXYhJwHlgdRDrgTnxxGaoxik2hoCrNgu4CiwIVBN4pc3LxGHNY04xQVYGMXUX+oHnMTFjCPjYouoiyzUSqKLcBTYY+DZd1Z1Q41NKLg1iq4dsjJmXmgh46owHngJSTOuOKa8KkjMmh+4qndRTtHSXZtjo8dcXoiYCCuYB1IQOAfeAfTYitFF+sLDuhMrxUXPioHXvxre5GALhgarjGszUmBqDx6SA7fFYEkSENEtFrRQCfoj+6uOvi1EHRWxyLKo80eKkEIjAUGRLNHjP7yKnDleQ/9GBJC0qgSS5OthcHehA1KSQ1YEkuTrYXB3oQNSkkNWBJLk62NzzDvwGGnWoMahVpG4AAAAASUVORK5CYII=";
15448
15448
 
15449
- var css_248z$9 = ".form-guide {\n cursor: pointer;\n position: fixed;\n right: 5px;\n color: #B1BAD4;\n padding: 5px 0;\n width: 48px;\n z-index: 10;\n top: 50%;\n transform: translateY(-50%);\n background-color: #141620;\n border-radius: 5px;\n}\n.form-guide .form-guide-top {\n padding: 0px 10px;\n display: flex;\n justify-content: center;\n}\n.form-guide .form-guide-center {\n border-top: 1px solid #6E7588;\n border-bottom: 1px solid #6E7588;\n padding: 0px 10px;\n}\n.form-guide .form-guide-item {\n width: 28px;\n padding: 5px 0;\n display: block;\n word-break: break-all;\n color: #B1BAD4;\n font-size: 14px;\n line-height: 16px;\n position: relative;\n}\n.form-guide .form-guide-item::after {\n content: '';\n display: block;\n width: 15px;\n height: 1px;\n background-color: #6E7588;\n position: absolute;\n bottom: 0px;\n left: 7px;\n}\n.form-guide .form-guide-bottom {\n padding: 5px 10px;\n display: flex;\n justify-content: center;\n}\n.form-guide .form-guide-item:last-child::after {\n content: '';\n display: none;\n width: 15px;\n height: 1px;\n background-color: #6E7588;\n position: absolute;\n bottom: 0px;\n left: 7px;\n}\n.white-card.bitsun-form-card-class .ant-card-body {\n background-color: #FFFFFF;\n padding: 0px;\n}\n.bitsun-form-card-class > .ant-card-body {\n margin-bottom: 10px;\n}\n.bitsun-form-card-class .ant-card-head {\n border: 0px;\n padding: 0px;\n height: 48px;\n}\n.bitsun-form-card-class .ant-card-body {\n padding: 12px 0 0;\n margin-top: -4px;\n background-color: #F3F3F3;\n}\n.bitsun-form-card-class .ant-card-head-title {\n display: flex;\n align-items: center;\n font-size: 14px;\n color: #000000;\n font-weight: 600;\n font-family: PingFangSC;\n background-color: #FFFFFF;\n padding: 8px 0;\n margin: 0px;\n border-bottom: 1px solid #F0F0F0;\n border-radius: 4px 4px 0 0;\n}\n.bitsun-form-card-class .ant-card-head-title .title-left-line {\n display: inline-block;\n width: 4px;\n height: 100%;\n background-color: #005CFF;\n height: 20px;\n margin-right: 16px;\n}\n.field-group-hidden .ant-card-body {\n display: none !important;\n}\n";
15449
+ var css_248z$9 = ".form-guide {\n cursor: pointer;\n position: fixed;\n right: 5px;\n color: #B1BAD4;\n padding: 5px 0;\n width: 48px;\n z-index: 10;\n top: 50%;\n transform: translateY(-50%);\n background-color: #141620;\n border-radius: 5px;\n}\n.form-guide .form-guide-top {\n padding: 0px 10px;\n display: flex;\n justify-content: center;\n}\n.form-guide .form-guide-center {\n border-top: 1px solid #6E7588;\n border-bottom: 1px solid #6E7588;\n padding: 0px 10px;\n}\n.form-guide .form-guide-item {\n width: 28px;\n padding: 5px 0;\n display: block;\n word-break: break-all;\n color: #B1BAD4;\n font-size: 14px;\n line-height: 16px;\n position: relative;\n}\n.form-guide .form-guide-item::after {\n content: '';\n display: block;\n width: 15px;\n height: 1px;\n background-color: #6E7588;\n position: absolute;\n bottom: 0px;\n left: 7px;\n}\n.form-guide .form-guide-bottom {\n padding: 5px 10px;\n display: flex;\n justify-content: center;\n}\n.form-guide .form-guide-item:last-child::after {\n content: '';\n display: none;\n width: 15px;\n height: 1px;\n background-color: #6E7588;\n position: absolute;\n bottom: 0px;\n left: 7px;\n}\n.white-card.bitsun-form-card-class .ant-card-body {\n background-color: #FFFFFF;\n padding: 0px;\n}\n.bitsun-form-card-class > .ant-card-body {\n margin-bottom: 10px;\n}\n.bitsun-form-card-class .ant-card-head {\n border: 0px;\n padding: 0px;\n height: 48px;\n}\n.bitsun-form-card-class .ant-card-body {\n padding: 12px 0 0;\n margin-top: -4px;\n background-color: #F3F3F3;\n}\n.bitsun-form-card-class .ant-card-head-title {\n display: flex;\n align-items: center;\n font-size: 16px;\n color: #000000;\n font-weight: 600;\n font-family: PingFangSC;\n background-color: #FFFFFF;\n padding: 8px 0;\n margin: 0px;\n}\n.bitsun-form-card-class .ant-card-head-title .title-left-line {\n display: inline-block;\n width: 4px;\n height: 100%;\n background-color: #005CFF;\n height: 20px;\n margin-right: 16px;\n}\n.field-group-hidden .ant-card-body {\n display: none !important;\n}\n";
15450
15450
  styleInject(css_248z$9);
15451
15451
 
15452
15452
  var _excluded$6 = ["children"],
@@ -15469,10 +15469,10 @@ var Field = function Field(_ref) {
15469
15469
  className: 'title-left-line'
15470
15470
  }), /*#__PURE__*/React__default['default'].createElement("span", {
15471
15471
  style: {
15472
- marginRight: '4px'
15472
+ marginRight: '5px'
15473
15473
  }
15474
15474
  }, props === null || props === void 0 ? void 0 : props.title), /*#__PURE__*/React__default['default'].createElement("img", {
15475
- width: 20,
15475
+ width: 24,
15476
15476
  style: {
15477
15477
  transform: fieldGroupVisible ? 'inherit' : 'rotate(180deg)',
15478
15478
  cursor: 'pointer'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bit-sun/business-component",
3
- "version": "2.2.23",
3
+ "version": "2.2.24",
4
4
  "scripts": {
5
5
  "start": "dumi dev",
6
6
  "docs:build": "dumi build",
package/src/components/Business/CommonGuideWrapper/index.less CHANGED
@@ -87,15 +87,13 @@
87
87
  .ant-card-head-title {
88
88
  display: flex;
89
89
  align-items: center;
90
- font-size: 14px;
90
+ font-size: 16px;
91
91
  color: #000000;
92
92
  font-weight: 600;
93
93
  font-family: PingFangSC;
94
94
  background-color: #FFFFFF;
95
95
  padding: 8px 0;
96
96
  margin: 0px;
97
- border-bottom: 1px solid #F0F0F0;
98
- border-radius: 4px 4px 0 0;
99
97
  .title-left-line {
100
98
  display: inline-block;
101
99
  width: 4px;
package/src/components/Business/CommonGuideWrapper/index.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { Component } from "react";
2
2
  import dragImg from '../../../assets/drag.svg';
3
3
  import label_icon_bottom from '../../../assets/label_icon_bottom.svg';
4
- import arrow_top from '../../../assets/arrow_top.svg';
4
+ import arrow_top from '../../../assets/arrow_top.png';
5
5
  import './index.less';
6
6
 
7
7
  const Field = ({ children, ...props }: any) => {
@@ -19,11 +19,11 @@ const Field = ({ children, ...props }: any) => {
19
19
  <div className="ant-card-head">
20
20
  <div className="ant-card-head-title">
21
21
  <span className='title-left-line'></span>
22
- <span style={{ marginRight: '4px' }}>
22
+ <span style={{ marginRight: '5px' }}>
23
23
  {props?.title}
24
24
  </span>
25
25
  <img
26
- width={20}
26
+ width={24}
27
27
  style={{
28
28
  transform: fieldGroupVisible ? 'inherit' : 'rotate(180deg)',
29
29
  cursor: 'pointer'
package/src/components/Business/StateFlow/index.less CHANGED
@@ -1,6 +1,6 @@
1
1
  .form-status-label {
2
- height: 38px;
3
- margin-right: 7px;
2
+ height: 48px;
3
+ margin-right: 12px;
4
4
  // flex-grow: 1;
5
5
  // flex-shrink: 1;
6
6
  display: inline-block;
@@ -9,7 +9,7 @@
9
9
  align-items: center;
10
10
  }
11
11
  .choosed-status-label.form-status-label {
12
- background-color: #68C900;
12
+ background-color: #005CFF;
13
13
  }
14
14
 
15
15
  .form-status-label:last-child {
@@ -20,23 +20,21 @@
20
20
  position: absolute;
21
21
  display: block;
22
22
  content: '';
23
- right: -38px;
23
+ right: -48px;
24
24
  top: 0;
25
- width: 38px;
26
- height: 38px;
27
- border: 19px solid;
25
+ width: 48px;
26
+ height: 48px;
27
+ border: 24px solid;
28
28
  border-color: transparent transparent transparent transparent;
29
29
  border-left: 12px solid #B0B4B7;
30
30
  }
31
31
 
32
32
  .choosed-status-label.form-status-label::after {
33
- border-left: 12px solid #68C900;
34
- z-index: 9;
33
+ border-left: 12px solid #005CFF;
35
34
  }
36
35
 
37
36
  .choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {
38
- border-left: 12px solid #68C900;
39
- z-index: 10;
37
+ border-left: 12px solid #005CFF;
40
38
  }
41
39
 
42
40
  .form-status-label:last-child::after {
@@ -45,9 +43,9 @@
45
43
  content: '';
46
44
  left: 0;
47
45
  top: 0;
48
- width: 38px;
49
- height: 38px;
50
- border: 19px solid;
46
+ width: 48px;
47
+ height: 48px;
48
+ border: 24px solid;
51
49
  border-color: transparent transparent transparent transparent;
52
50
  border-left: 12px solid #ffffff;
53
51
  }
@@ -58,9 +56,9 @@
58
56
  content: '';
59
57
  left: 0;
60
58
  top: 0;
61
- width: 38px;
62
- height: 38px;
63
- border: 19px solid;
59
+ width: 48px;
60
+ height: 48px;
61
+ border: 24px solid;
64
62
  border-color: transparent transparent transparent transparent;
65
63
  border-left: 12px solid #ffffff;
66
64
  }
@@ -69,44 +67,26 @@
69
67
  position: absolute;
70
68
  display: block;
71
69
  content: '';
72
- right: -38px;
70
+ right: -48px;
73
71
  top: 0;
74
- width: 38px;
75
- height: 38px;
76
- border: 19px solid;
72
+ width: 48px;
73
+ height: 48px;
74
+ border: 24px solid;
77
75
  border-color: transparent transparent transparent transparent;
78
76
  border-left: 12px solid #B0B4B7;
79
- z-index: 9;
80
77
  }
81
78
 
82
79
  .status-label-index {
83
80
  display: inline-block;
84
- width: 16px;
85
- height: 16px;
86
- // border: 1px solid #FFFFFF;
87
- // color: #FFFFFF;
88
- background: #FFFFFF;
89
- color: #68C900;
90
- border-radius: 50%;
91
- font-family: Montserrat;
92
- font-weight: 500;
93
- font-size: 12px;line-height: 16px;
94
- text-align: center;
95
- margin: 0 4px 0 20px;
96
- }
97
- .choosed-status-label-index{
81
+ width: 24px;
82
+ height: 24px;
98
83
  border: 1px solid #FFFFFF;
99
84
  color: #FFFFFF;
100
- display: inline-block;
101
- width: 16px;
102
- height: 16px;
103
85
  border-radius: 50%;
104
86
  font-family: Montserrat;
105
- font-weight: 500;
106
- font-size: 12px;
107
- line-height: 16px;
87
+ font-size: 14px;line-height: 24px;
108
88
  text-align: center;
109
- margin: 0 4px 0 20px;
89
+ margin: 0 6px 0 20px;
110
90
  }
111
91
 
112
92
  .status-label-key {
@@ -131,19 +111,18 @@
131
111
  height: 100%;
132
112
  margin: 4px 0;
133
113
  &>div {
134
- font-size: 10px;
135
- height: 14px;
136
- line-height: 14px;
114
+ font-size: 12px;
115
+ height: 20px;
116
+ line-height: 20px;
137
117
  color: #FFFFFF;
138
118
  font-family: PingFangSC;
139
119
  overflow: hidden;
140
120
  text-overflow: ellipsis;
141
121
  white-space: nowrap;
142
- font-weight: 300;
143
122
  }
144
123
  &>div:first-child {
145
- font-size: 12px;
146
- font-weight: 500;
124
+ font-size: 14px;
125
+ font-weight: 600;
147
126
  }
148
127
  }
149
128
 
package/src/components/Business/StateFlow/index.md CHANGED
@@ -23,32 +23,32 @@ export default () => {
23
23
  {
24
24
  text: '状态1',
25
25
  modifyUserName: '张三',
26
- modifyTime: '2022/09/01 12:20:20',
26
+ modifyTime: '2022-09-01 12:20:20',
27
27
  isDone: true,
28
28
  },
29
29
  {
30
30
  text: '状态2',
31
31
  modifyUserName: '李四',
32
- modifyTime: '2022/09/01 12:20:20',
32
+ modifyTime: '2022-09-01 12:20:20',
33
33
  isDone: true,
34
34
  },
35
35
  {
36
36
  text: '状态3',
37
37
  modifyUserName: '王五',
38
- modifyTime: '2022/09/01 12:20:20',
38
+ modifyTime: '2022-09-01 12:20:20',
39
39
  isDone: true,
40
40
  },
41
41
  {
42
42
  text: '状态4',
43
43
  modifyUserName: '韩梅梅',
44
44
  isDone: true,
45
- modifyTime: '2022/09/01 12:20:20',
45
+ modifyTime: '2022-09-01 12:20:20',
46
46
  },
47
47
  {
48
48
  text: '状态5',
49
49
  modifyUserName: '李雷',
50
50
  isDone: true,
51
- modifyTime: '2022/09/01 12:20:20',
51
+ modifyTime: '2022-09-01 12:20:20',
52
52
  },
53
53
  ]
54
54
  return (
package/src/components/Business/StateFlow/index.tsx CHANGED
@@ -4,27 +4,24 @@ import './index.less'
4
4
  export default (props: any) => {
5
5
  const { formStatusMapping = [] } = props;
6
6
  return (
7
- <div style={{display: 'flex', background: '#FFFFFF'}}>
7
+ <div style={{display: 'flex', padding: '10px 60px 0px', background: '#FFFFFF'}}>
8
8
  {
9
9
  formStatusMapping.map((item:any, index:number) => {
10
10
  return (
11
- <div style={{width: `${(100/formStatusMapping.length).toFixed(2)}%`}} className={`form-status-label ${item.isDone ? 'choosed-status-label' : ''} ${formStatusMapping.length === 1 ? 'only-one-child' : ''}`}>
12
- <div className='status-label-key'>
13
- <span
14
- // className='status-label-index'
15
- className={`${item.isDone?'status-label-index':'choosed-status-label-index' }`}
16
- >{index+1}</span>
17
- </div>
18
- <div className='status-label-operate'>
19
- <div style={!item.isDone ? {height: '30px', lineHeight: '30px'} : {}}>{item.text}</div>
20
- {
21
- item.isDone ? (
22
- <div title={`${item.modifyUserName || '--'} ${item.modifyTime || '--'}`}>{`${item.modifyUserName || '--'} ${item.modifyTime || '--'}`}</div>
23
- ) : null
24
- }
25
- </div>
26
- <div style={{clear: 'both'}}></div>
27
- </div>
11
+ <div style={{width: `${(100/formStatusMapping.length).toFixed(2)}%`}} className={`form-status-label ${item.isDone ? 'choosed-status-label' : ''} ${formStatusMapping.length === 1 ? 'only-one-child' : ''}`}>
12
+ <div className='status-label-key'>
13
+ <span className='status-label-index'>{index+1}</span>
14
+ </div>
15
+ <div className='status-label-operate'>
16
+ <div style={!item.isDone ? {height: '40px', lineHeight: '40px'} : {}}>{item.text}</div>
17
+ {
18
+ item.isDone ? (
19
+ <div title={`${item.modifyUserName || '--'} ${item.modifyTime || '--'}`}>{`${item.modifyUserName || '--'} ${item.modifyTime || '--'}`}</div>
20
+ ) : null
21
+ }
22
+ </div>
23
+ <div style={{clear: 'both'}}></div>
24
+ </div>
28
25
  )
29
26
  })
30
27
  }
package/src/assets/arrow_top.svg DELETED
@@ -1,18 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <title>arrow_icon_up</title>
4
- <g id="零售【单据详情】改造" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
- <g transform="translate(-462.000000, -1828.000000)" id="编组-5">
6
- <g transform="translate(372.000000, 1534.000000)">
7
- <g id="编组-2" transform="translate(10.000000, 286.000000)">
8
- <g id="编组-17" transform="translate(80.000000, 8.000000)">
9
- <rect id="arrow_icon_up" fill="#D8D8D8" opacity="0" x="0" y="0" width="20" height="20"></rect>
10
- <g id="编组" transform="translate(2.500000, 2.500000)" fill="#B6B6B6" fill-rule="nonzero">
11
- <path d="M7.5,0 C11.6422059,0 15,3.35779411 15,7.5 C15,11.6422059 11.6422059,15 7.5,15 C3.35779411,15 0,11.6422059 0,7.5 C0,3.35779411 3.35779411,0 7.5,0 Z M7.61029411,4.79955883 L3.58632353,8.82352941 L4.52205883,9.7592647 L7.61029411,6.67102942 L10.6985294,9.7592647 L11.6342647,8.82352941 L7.61029411,4.79955883 Z" id="形状"></path>
12
- </g>
13
- </g>
14
- </g>
15
- </g>
16
- </g>
17
- </g>
18
- </svg>