x-star-design 0.0.62 → 0.0.64

package/dist/input-numbers/index.d.ts

@@ -1,12 +1,13 @@
-import { InputNumberProps } from 'antd';
+import type { InputNumberProps } from 'antd';
 import React from 'react';
 export interface InputNumbersValue {
     start?: string | number | null;
     end?: string | number | null;
 }
-interface InputNumbersProps extends Omit<InputNumberProps, 'value' | 'onChange'> {
+interface InputNumbersProps extends Omit<InputNumberProps, 'defaultValue' | 'value' | 'onChange'> {
+    defaultValue?: InputNumbersValue;
     value?: InputNumbersValue;
     onChange?: (value: InputNumbersValue) => void;
 }
-declare const InputNumbers: ({ value, onChange, ...props }: InputNumbersProps) => React.JSX.Element;
+declare const InputNumbers: ({ defaultValue, value, onChange, ...props }: InputNumbersProps) => React.JSX.Element;
 export default InputNumbers;

package/dist/input-numbers/index.js

@@ -1,50 +1,56 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "onChange"];
+var _excluded = ["defaultValue", "value", "onChange"];
+import { useUpdateEffect } from 'ahooks';
 import { InputNumber, Space } from 'antd';
 import React, { useState } from 'react';
 import ConfigProviderWrapper from "../config-provider-wrapper";
 var InputNumbers = function InputNumbers(_ref) {
-  var value = _ref.value,
+  var _mergedValue$start, _mergedValue$end;
+  var defaultValue = _ref.defaultValue,
+    value = _ref.value,
     _onChange = _ref.onChange,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(value === null || value === void 0 ? void 0 : value.start),
+  var _useState = useState(value !== null && value !== void 0 ? value : defaultValue),
     _useState2 = _slicedToArray(_useState, 2),
-    start = _useState2[0],
-    setStart = _useState2[1];
-  var _useState3 = useState(value === null || value === void 0 ? void 0 : value.end),
-    _useState4 = _slicedToArray(_useState3, 2),
-    end = _useState4[0],
-    setEnd = _useState4[1];
+    innerValue = _useState2[0],
+    setInnerValue = _useState2[1];
+  var mergedValue = value !== undefined ? value : innerValue;
+  useUpdateEffect(function () {
+    if (value === undefined) {
+      setInnerValue(undefined);
+    }
+  }, [value]);
   return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement(Space, {
-    split: '-',
-    align: "center"
+    align: "center",
+    split: "-"
   }, /*#__PURE__*/React.createElement(InputNumber, _extends({
     "data-testid": "start-input",
     min: 0,
     max: 100
   }, props, {
-    value: (value === null || value === void 0 ? void 0 : value.start) || start,
+    value: mergedValue ? (_mergedValue$start = mergedValue.start) !== null && _mergedValue$start !== void 0 ? _mergedValue$start : '' : undefined,
     onChange: function onChange(v) {
-      setStart(v);
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange({
-        start: v,
-        end: end
+      var newValue = _objectSpread(_objectSpread({}, mergedValue), {}, {
+        start: v
       });
+      setInnerValue(newValue);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(newValue);
     }
   })), /*#__PURE__*/React.createElement(InputNumber, _extends({
     "data-testid": "end-input",
     min: 0,
-    max: 100,
-    value: (value === null || value === void 0 ? void 0 : value.end) || end
+    max: 100
   }, props, {
+    value: mergedValue ? (_mergedValue$end = mergedValue.end) !== null && _mergedValue$end !== void 0 ? _mergedValue$end : '' : undefined,
     onChange: function onChange(v) {
-      setEnd(v);
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange({
-        start: start,
+      var newValue = _objectSpread(_objectSpread({}, innerValue), {}, {
         end: v
       });
+      setInnerValue(newValue);
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(newValue);
     }
   }))));
 };

package/dist/styles/index.css

@@ -551,10 +551,14 @@
 .x-star-design-x-tabs-wrapper > .x-star-design-x-tabs > .x-star-design-tabs-nav > .x-star-design-tabs-nav-wrap > .x-star-design-tabs-nav-list > .x-star-design-tabs-tab > .x-star-design-tabs-tab-btn > .x-star-design-icon-pane > .x-star-design-icon-img {
   font-size: 44px;
 }
+.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs > .x-star-design-tabs-nav > .x-star-design-tabs-nav-wrap > .x-star-design-tabs-nav-list > .x-star-design-tabs-tab > .x-star-design-tabs-tab-btn > .x-star-design-icon-pane > .x-star-design-icon-img > .anticon {
+  margin-right: 0;
+}
 .x-star-design-x-tabs-wrapper > .x-star-design-x-tabs > .x-star-design-tabs-nav > .x-star-design-tabs-nav-wrap > .x-star-design-tabs-nav-list > .x-star-design-tabs-tab > .x-star-design-tabs-tab-btn > .x-star-design-icon-pane > .x-star-design-icon-title {
   margin-top: -5px;
   padding-bottom: 10px;
   display: block;
+  white-space: normal;
 }
 .x-star-design-x-tabs-wrapper > .x-star-design-x-tabs > .x-star-design-tabs-content-holder {
   flex: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-star-design",
-  "version": "0.0.62",
+  "version": "0.0.64",
   "description": "A react component library developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",
@@ -83,7 +83,7 @@
     "@types/react-dom": "^18.0.0",
     "@types/react-window": "^1.8.5",
     "@umijs/lint": "^4.0.0",
-    "antd": "^5.17.0",
+    "antd": "^5.17.2",
     "babel-plugin-inline-import-data-uri": "^1.0.1",
     "dayjs": "^1.11.11",
     "dumi": "^2.2.0",