assui 3.0.57 → 3.0.59

package/es/keep-tab/index.js

@@ -94,11 +94,11 @@ var KeepTab = function KeepTab(props) {
     var count = item === null || item === void 0 ? void 0 : item.count;
     if (count) {
       return __assign(__assign({}, item), {
-        label: /*#__PURE__*/React.createElement(Badge, __assign({
-          className: "tab-badge",
-          count: count,
-          offset: [16, -9]
-        }, badgeProps), /*#__PURE__*/React.createElement("span", null, item.label))
+        label: /*#__PURE__*/React.createElement("div", {
+          className: "tab-badge"
+        }, /*#__PURE__*/React.createElement("div", null, item.label), /*#__PURE__*/React.createElement(Badge, __assign({
+          count: count
+        }, badgeProps)))
       });
     }
     return item;

package/es/keep-tab/style/index.css

@@ -1084,3 +1084,17 @@
     opacity: 0;
   }
 }
+.tab-badge {
+  position: relative;
+}
+.tab-badge .ant-badge {
+  position: absolute;
+  top: -10px;
+  left: calc(100% - 4px);
+  transform: scale(0.8);
+  transform-origin: left bottom;
+}
+.tab-badge .ant-badge-count {
+  padding: 0 6px;
+  background-color: #dc4946;
+}

package/es/keep-tab/style/index.d.ts

@@ -1,2 +1 @@
-import 'antd/lib/tabs/style';
-import 'antd/lib/badge/style';
+import './index.less';

package/es/keep-tab/style/index.js

@@ -1,2 +1 @@
-import "antd/es/tabs/style";
-import "antd/es/badge/style";
+import './index.less';

package/es/keep-tab/style/index.less

@@ -1,2 +1,21 @@
 @import '~antd/lib/tabs/style/index.less';
 @import '~antd/lib/badge/style/index.less';
+
+@color_dc4946: #dc4946;
+
+.tab-badge {
+  position: relative;
+
+  .@{ant-prefix}-badge {
+    position: absolute;
+    top: -10px;
+    left: calc(100% - 4px);
+    transform: scale(0.8);
+    transform-origin: left bottom;
+  }
+
+  .@{ant-prefix}-badge-count {
+    padding: 0 6px;
+    background-color: @color_dc4946;
+  }
+}

package/es/label-range-number/index.d.ts

@@ -9,6 +9,7 @@ export interface LabelRangeNumberProps {
     disabled?: boolean;
     label: React.ReactNode;
     value?: RangeNumberValue;
+    onBlur?: (value: RangeNumberValue) => void;
     onChange?: (value: RangeNumberValue) => void;
     enableMinus?: boolean;
     numberType?: 'int' | 'float';

package/es/label-range-number/index.js

@@ -52,6 +52,7 @@ var LabelDatePicker = function LabelDatePicker(props) {
     dataType = props.dataType,
     precision = props.precision,
     connector = props.connector,
+    onBlur = props.onBlur,
     startNumberInputProps = props.startNumberInputProps,
     endNumberInputProps = props.endNumberInputProps;
   var containerRef = React.useRef(null);
@@ -72,6 +73,7 @@ var LabelDatePicker = function LabelDatePicker(props) {
     onChangeValue = _b[1];
   useClickAway(function () {
     onFocus(false);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(value);
   }, containerRef);
   var onStartChange = function onStartChange(startInterval) {
     onChangeValue(__assign(__assign({}, value), {

package/lib/keep-tab/index.js

@@ -137,11 +137,11 @@ var KeepTab = function KeepTab(props) {
     var count = item === null || item === void 0 ? void 0 : item.count;
     if (count) {
       return __assign(__assign({}, item), {
-        label: React.createElement(badge_1["default"], __assign({
-          className: "tab-badge",
-          count: count,
-          offset: [16, -9]
-        }, badgeProps), React.createElement("span", null, item.label))
+        label: React.createElement("div", {
+          className: "tab-badge"
+        }, React.createElement("div", null, item.label), React.createElement(badge_1["default"], __assign({
+          count: count
+        }, badgeProps)))
       });
     }
     return item;

package/lib/keep-tab/style/index.css

@@ -1084,3 +1084,17 @@
     opacity: 0;
   }
 }
+.tab-badge {
+  position: relative;
+}
+.tab-badge .ant-badge {
+  position: absolute;
+  top: -10px;
+  left: calc(100% - 4px);
+  transform: scale(0.8);
+  transform-origin: left bottom;
+}
+.tab-badge .ant-badge-count {
+  padding: 0 6px;
+  background-color: #dc4946;
+}

package/lib/keep-tab/style/index.d.ts

@@ -1,2 +1 @@
-import 'antd/lib/tabs/style';
-import 'antd/lib/badge/style';
+import './index.less';

package/lib/keep-tab/style/index.js

@@ -3,5 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-require("antd/lib/tabs/style");
-require("antd/lib/badge/style");
+require("./index.less");

package/lib/keep-tab/style/index.less

@@ -1,2 +1,21 @@
 @import '~antd/lib/tabs/style/index.less';
 @import '~antd/lib/badge/style/index.less';
+
+@color_dc4946: #dc4946;
+
+.tab-badge {
+  position: relative;
+
+  .@{ant-prefix}-badge {
+    position: absolute;
+    top: -10px;
+    left: calc(100% - 4px);
+    transform: scale(0.8);
+    transform-origin: left bottom;
+  }
+
+  .@{ant-prefix}-badge-count {
+    padding: 0 6px;
+    background-color: @color_dc4946;
+  }
+}

package/lib/label-range-number/index.d.ts

@@ -9,6 +9,7 @@ export interface LabelRangeNumberProps {
     disabled?: boolean;
     label: React.ReactNode;
     value?: RangeNumberValue;
+    onBlur?: (value: RangeNumberValue) => void;
     onChange?: (value: RangeNumberValue) => void;
     enableMinus?: boolean;
     numberType?: 'int' | 'float';

package/lib/label-range-number/index.js

@@ -62,6 +62,7 @@ var LabelDatePicker = function LabelDatePicker(props) {
     dataType = props.dataType,
     precision = props.precision,
     connector = props.connector,
+    onBlur = props.onBlur,
     startNumberInputProps = props.startNumberInputProps,
     endNumberInputProps = props.endNumberInputProps;
   var containerRef = react_1["default"].useRef(null);
@@ -82,6 +83,7 @@ var LabelDatePicker = function LabelDatePicker(props) {
     onChangeValue = _b[1];
   (0, useClickAway_1["default"])(function () {
     onFocus(false);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(value);
   }, containerRef);
   var onStartChange = function onStartChange(startInterval) {
     onChangeValue(__assign(__assign({}, value), {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "3.0.57",
+  "version": "3.0.59",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -80,5 +80,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "e7f0948db7adebe1875fb6490a552bda0f6a80d3"
+  "gitHead": "de4dae336227d141698fc5a9f28a88940b8a016a"
 }