@bit-sun/business-component 4.2.0-alpha.6.10 → 4.2.0-alpha.6.11

package/dist/index.esm.js

@@ -15415,7 +15415,7 @@ var BusinessTreeSearchSelect$1 = /*#__PURE__*/React$1.memo(BusinessTreeSearchSel
   return true;
 });
 
-var css_248z$b = ".state-flow .form-status-label {\n  height: 28px;\n  margin-right: 12px;\n  display: inline-block;\n  position: relative;\n  background-color: #B0B4B7;\n  align-items: center;\n}\n.state-flow .choosed-status-label.form-status-label {\n  background-color: #005CFF;\n}\n.state-flow .form-status-label:last-child {\n  margin-right: 0px;\n}\n.state-flow .form-status-label:first-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -28px;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.state-flow .choosed-status-label.form-status-label::after {\n  border-left: 12px solid #005CFF;\n}\n.state-flow .choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {\n  border-left: 12px solid #005CFF;\n}\n.state-flow .form-status-label:last-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.state-flow .form-status-label:first-child {\n  padding-left: 10px;\n}\n.state-flow .form-status-label:not(:first-child) {\n  padding-left: 15px;\n}\n.state-flow .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: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.state-flow .form-status-label:not(:first-child):not(:last-child)::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -28px;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.state-flow .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.state-flow .status-label-key {\n  width: auto;\n  height: 100%;\n  display: inline-flex;\n  float: left;\n  align-items: center;\n  justify-content: center;\n  color: #FFFFFF;\n  font-size: 14px;\n}\n.state-flow .status-label-operate {\n  float: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  height: 12px;\n  margin: 8px 0;\n  margin-left: 8px;\n  padding-left: 8px;\n  font-size: 10px;\n  border-left: 1px solid #FFFFFF;\n}\n.state-flow .status-label-operate > div {\n  font-size: 12px;\n  height: 12px;\n  line-height: 12px;\n  color: #FFFFFF;\n  font-family: PingFangSC;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.state-flow .status-label-operate > div:first-child {\n  font-size: 10px;\n  font-weight: 400;\n}\n.state-flow .only-one-child.form-status-label::after,\n.state-flow .only-one-child.form-status-label::before {\n  border-left: 0px;\n}\n";
+var css_248z$b = ".state-flow .form-status-label {\n  height: 28px;\n  margin-right: 12px;\n  display: inline-block;\n  position: relative;\n  background-color: #B0B4B7;\n  align-items: center;\n}\n.state-flow .choosed-status-label.form-status-label {\n  background-color: #005CFF;\n}\n.state-flow .form-status-label:last-child {\n  margin-right: 0px;\n}\n.state-flow .form-status-label:first-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -28px;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.state-flow .choosed-status-label.form-status-label::after {\n  border-left: 12px solid #005CFF;\n}\n.state-flow .choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {\n  border-left: 12px solid #005CFF;\n}\n.state-flow .form-status-label:last-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.state-flow .form-status-label:first-child {\n  padding-left: 10px;\n}\n.state-flow .form-status-label:not(:first-child) {\n  padding-left: 15px;\n}\n.state-flow .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: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.state-flow .form-status-label:not(:first-child):not(:last-child)::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -28px;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.state-flow .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.state-flow .status-label-key {\n  width: auto;\n  height: 100%;\n  display: inline-flex;\n  float: left;\n  align-items: center;\n  justify-content: center;\n  color: #FFFFFF;\n  font-size: 14px;\n}\n.state-flow .status-label-operate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  height: 12px;\n  margin: 8px 0;\n  margin-left: 8px;\n  padding-left: 8px;\n  font-size: 10px;\n  border-left: 1px solid #FFFFFF95;\n}\n.state-flow .status-label-operate > div {\n  font-size: 12px;\n  height: 12px;\n  line-height: 12px;\n  color: #FFFFFF;\n  font-family: PingFangSC;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.state-flow .status-label-operate > div:first-child {\n  font-size: 10px;\n  font-weight: 400;\n}\n.state-flow .only-one-child.form-status-label::after,\n.state-flow .only-one-child.form-status-label::before {\n  border-left: 0px;\n}\n";
 styleInject(css_248z$b);
 
 var index$2 = (function (props) {

package/dist/index.js

@@ -15438,7 +15438,7 @@ var BusinessTreeSearchSelect$1 = /*#__PURE__*/React__default['default'].memo(Bus
   return true;
 });
 
-var css_248z$b = ".state-flow .form-status-label {\n  height: 28px;\n  margin-right: 12px;\n  display: inline-block;\n  position: relative;\n  background-color: #B0B4B7;\n  align-items: center;\n}\n.state-flow .choosed-status-label.form-status-label {\n  background-color: #005CFF;\n}\n.state-flow .form-status-label:last-child {\n  margin-right: 0px;\n}\n.state-flow .form-status-label:first-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -28px;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.state-flow .choosed-status-label.form-status-label::after {\n  border-left: 12px solid #005CFF;\n}\n.state-flow .choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {\n  border-left: 12px solid #005CFF;\n}\n.state-flow .form-status-label:last-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.state-flow .form-status-label:first-child {\n  padding-left: 10px;\n}\n.state-flow .form-status-label:not(:first-child) {\n  padding-left: 15px;\n}\n.state-flow .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: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.state-flow .form-status-label:not(:first-child):not(:last-child)::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -28px;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.state-flow .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.state-flow .status-label-key {\n  width: auto;\n  height: 100%;\n  display: inline-flex;\n  float: left;\n  align-items: center;\n  justify-content: center;\n  color: #FFFFFF;\n  font-size: 14px;\n}\n.state-flow .status-label-operate {\n  float: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  height: 12px;\n  margin: 8px 0;\n  margin-left: 8px;\n  padding-left: 8px;\n  font-size: 10px;\n  border-left: 1px solid #FFFFFF;\n}\n.state-flow .status-label-operate > div {\n  font-size: 12px;\n  height: 12px;\n  line-height: 12px;\n  color: #FFFFFF;\n  font-family: PingFangSC;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.state-flow .status-label-operate > div:first-child {\n  font-size: 10px;\n  font-weight: 400;\n}\n.state-flow .only-one-child.form-status-label::after,\n.state-flow .only-one-child.form-status-label::before {\n  border-left: 0px;\n}\n";
+var css_248z$b = ".state-flow .form-status-label {\n  height: 28px;\n  margin-right: 12px;\n  display: inline-block;\n  position: relative;\n  background-color: #B0B4B7;\n  align-items: center;\n}\n.state-flow .choosed-status-label.form-status-label {\n  background-color: #005CFF;\n}\n.state-flow .form-status-label:last-child {\n  margin-right: 0px;\n}\n.state-flow .form-status-label:first-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -28px;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.state-flow .choosed-status-label.form-status-label::after {\n  border-left: 12px solid #005CFF;\n}\n.state-flow .choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {\n  border-left: 12px solid #005CFF;\n}\n.state-flow .form-status-label:last-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.state-flow .form-status-label:first-child {\n  padding-left: 10px;\n}\n.state-flow .form-status-label:not(:first-child) {\n  padding-left: 15px;\n}\n.state-flow .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: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.state-flow .form-status-label:not(:first-child):not(:last-child)::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -28px;\n  top: 0;\n  width: 28px;\n  height: 28px;\n  border: 14px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.state-flow .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.state-flow .status-label-key {\n  width: auto;\n  height: 100%;\n  display: inline-flex;\n  float: left;\n  align-items: center;\n  justify-content: center;\n  color: #FFFFFF;\n  font-size: 14px;\n}\n.state-flow .status-label-operate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  height: 12px;\n  margin: 8px 0;\n  margin-left: 8px;\n  padding-left: 8px;\n  font-size: 10px;\n  border-left: 1px solid #FFFFFF95;\n}\n.state-flow .status-label-operate > div {\n  font-size: 12px;\n  height: 12px;\n  line-height: 12px;\n  color: #FFFFFF;\n  font-family: PingFangSC;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.state-flow .status-label-operate > div:first-child {\n  font-size: 10px;\n  font-weight: 400;\n}\n.state-flow .only-one-child.form-status-label::after,\n.state-flow .only-one-child.form-status-label::before {\n  border-left: 0px;\n}\n";
 styleInject(css_248z$b);
 
 var index$2 = (function (props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "4.2.0-alpha.6.10",
+  "version": "4.2.0-alpha.6.11",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/src/components/Business/StateFlow/index.css

@@ -0,0 +1,126 @@
+.state-flow .form-status-label {
+  height: 28px;
+  margin-right: 12px;
+  display: inline-block;
+  position: relative;
+  background-color: #B0B4B7;
+  align-items: center;
+}
+.state-flow .choosed-status-label.form-status-label {
+  background-color: #005CFF;
+}
+.state-flow .form-status-label:last-child {
+  margin-right: 0px;
+}
+.state-flow .form-status-label:first-child::after {
+  position: absolute;
+  display: block;
+  content: '';
+  right: -28px;
+  top: 0;
+  width: 28px;
+  height: 28px;
+  border: 14px solid;
+  border-color: transparent transparent transparent transparent;
+  border-left: 12px solid #B0B4B7;
+}
+.state-flow .choosed-status-label.form-status-label::after {
+  border-left: 12px solid #005CFF;
+}
+.state-flow .choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {
+  border-left: 12px solid #005CFF;
+}
+.state-flow .form-status-label:last-child::after {
+  position: absolute;
+  display: block;
+  content: '';
+  left: 0;
+  top: 0;
+  width: 28px;
+  height: 28px;
+  border: 14px solid;
+  border-color: transparent transparent transparent transparent;
+  border-left: 12px solid #ffffff;
+}
+.state-flow .form-status-label:first-child {
+  padding-left: 10px;
+}
+.state-flow .form-status-label:not(:first-child) {
+  padding-left: 15px;
+}
+.state-flow .form-status-label:not(:first-child):not(:last-child)::before {
+  position: absolute;
+  display: block;
+  content: '';
+  left: 0;
+  top: 0;
+  width: 28px;
+  height: 28px;
+  border: 14px solid;
+  border-color: transparent transparent transparent transparent;
+  border-left: 12px solid #ffffff;
+}
+.state-flow .form-status-label:not(:first-child):not(:last-child)::after {
+  position: absolute;
+  display: block;
+  content: '';
+  right: -28px;
+  top: 0;
+  width: 28px;
+  height: 28px;
+  border: 14px solid;
+  border-color: transparent transparent transparent transparent;
+  border-left: 12px solid #B0B4B7;
+}
+.state-flow .status-label-index {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  border: 1px solid #FFFFFF;
+  color: #FFFFFF;
+  border-radius: 50%;
+  font-family: Montserrat;
+  font-size: 14px;
+  line-height: 24px;
+  text-align: center;
+  margin: 0 6px 0 20px;
+}
+.state-flow .status-label-key {
+  width: auto;
+  height: 100%;
+  display: inline-flex;
+  float: left;
+  align-items: center;
+  justify-content: center;
+  color: #FFFFFF;
+  font-size: 14px;
+}
+.state-flow .status-label-operate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  height: 12px;
+  margin: 8px 0;
+  margin-left: 8px;
+  padding-left: 8px;
+  font-size: 10px;
+  border-left: 1px solid #FFFFFF95;
+}
+.state-flow .status-label-operate > div {
+  font-size: 12px;
+  height: 12px;
+  line-height: 12px;
+  color: #FFFFFF;
+  font-family: PingFangSC;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.state-flow .status-label-operate > div:first-child {
+  font-size: 10px;
+  font-weight: 400;
+}
+.state-flow .only-one-child.form-status-label::after,
+.state-flow .only-one-child.form-status-label::before {
+  border-left: 0px;
+}

package/src/components/Business/StateFlow/index.less

@@ -12,11 +12,11 @@
   .choosed-status-label.form-status-label {
     background-color: #005CFF;
   }
-  
+
   .form-status-label:last-child {
     margin-right: 0px;
   }
-  
+
   .form-status-label:first-child::after {
     position: absolute;
     display: block;
@@ -29,15 +29,15 @@
     border-color: transparent transparent transparent transparent;
     border-left: 12px solid #B0B4B7;
   }
-  
+
   .choosed-status-label.form-status-label::after {
     border-left: 12px solid #005CFF;
   }
-  
+
   .choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {
     border-left: 12px solid #005CFF;
   }
-  
+
   .form-status-label:last-child::after {
     position: absolute;
     display: block;
@@ -50,15 +50,15 @@
     border-color: transparent transparent transparent transparent;
     border-left: 12px solid #ffffff;
   }
-  
+
   .form-status-label:first-child {
     padding-left: 10px;
   }
-  
+
   .form-status-label:not(:first-child) {
     padding-left: 15px;
   }
-  
+
   .form-status-label:not(:first-child):not(:last-child)::before {
     position: absolute;
     display: block;
@@ -71,7 +71,7 @@
     border-color: transparent transparent transparent transparent;
     border-left: 12px solid #ffffff;
   }
-  
+
   .form-status-label:not(:first-child):not(:last-child)::after {
     position: absolute;
     display: block;
@@ -84,7 +84,7 @@
     border-color: transparent transparent transparent transparent;
     border-left: 12px solid #B0B4B7;
   }
-  
+
   .status-label-index {
     display: inline-block;
     width: 24px;
@@ -97,7 +97,7 @@
     text-align: center;
     margin: 0 6px 0 20px;
   }
-  
+
   .status-label-key {
     width: auto;
     height: 100%;
@@ -110,11 +110,11 @@
     color: #FFFFFF;
     font-size: 14px;
   }
-  
+
   .status-label-operate {
     // flex-grow: 1;
     // flex-shrink: 1;
-    float: left;
+    // float: left;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -123,8 +123,8 @@
     margin-left: 8px;
     padding-left: 8px;
     font-size: 10px;
-    border-left: 1px solid #FFFFFF;
-  
+    border-left: 1px solid #FFFFFF95;
+
     &>div {
       font-size: 12px;
       height: 12px;
@@ -140,8 +140,8 @@
       font-weight: 400;
     }
   }
-  
+
   .only-one-child.form-status-label::after,.only-one-child.form-status-label::before {
     border-left: 0px;
   }
-}
+}