@douyinfe/semi-ui 2.24.1 → 2.24.3

package/lib/cjs/form/hoc/withFormApi.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const withFormApi: (Component: React.ElementType) => React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+declare function withFormApi<C extends React.ElementType, T extends React.ComponentProps<C> & React.RefAttributes<any>, R extends React.ComponentType<T>>(Component: C): R;
 export default withFormApi;

package/lib/cjs/form/hoc/withFormApi.js

@@ -5,16 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _context = require("../context");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-const withFormApi = Component => /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement(_context.FormApiContext.Consumer, null, formApi => /*#__PURE__*/_react.default.createElement(Component, Object.assign({
-  formApi: formApi,
-  ref: ref
-}, props))));
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function withFormApi(Component) {
+  let WithApiCom = (props, ref) => {
+    return /*#__PURE__*/_react.default.createElement(_context.FormApiContext.Consumer, null, formApi => /*#__PURE__*/_react.default.createElement(Component, Object.assign({
+      formApi: formApi,
+      ref: ref
+    }, props)));
+  };
+
+  WithApiCom = /*#__PURE__*/(0, _react.forwardRef)(WithApiCom);
+  return WithApiCom;
+}
 
 var _default = withFormApi;
 exports.default = _default;

package/lib/cjs/form/hoc/withFormState.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const withFormState: (Component: React.ElementType) => React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+declare function withFormState<C extends React.ElementType, T extends React.ComponentProps<C> & React.RefAttributes<any>, R extends React.ComponentType<T>>(Component: C): R;
 export default withFormState;

package/lib/cjs/form/hoc/withFormState.js

@@ -5,16 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _context = require("../context");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-const withFormState = Component => /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement(_context.FormStateContext.Consumer, null, formState => /*#__PURE__*/_react.default.createElement(Component, Object.assign({
-  formState: formState,
-  ref: ref
-}, props))));
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function withFormState(Component) {
+  let WithStateCom = (props, ref) => {
+    return /*#__PURE__*/_react.default.createElement(_context.FormStateContext.Consumer, null, formState => /*#__PURE__*/_react.default.createElement(Component, Object.assign({
+      formState: formState,
+      ref: ref
+    }, props)));
+  };
+
+  WithStateCom = /*#__PURE__*/(0, _react.forwardRef)(WithStateCom);
+  return WithStateCom;
+}
 
 var _default = withFormState;
 exports.default = _default;

package/lib/cjs/navigation/index.d.ts

@@ -51,17 +51,17 @@ export interface NavProps extends BaseProps {
     tooltipShowDelay?: number;
     getPopupContainer?: () => HTMLElement;
     onClick?: (data: {
-        itemKey: React.ReactText;
-        domEvent: MouseEvent;
-        isOpen: boolean;
+        itemKey?: React.ReactText;
+        domEvent?: MouseEvent;
+        isOpen?: boolean;
     }) => void;
     onCollapseChange?: (isCollapse: boolean) => void;
     onDeselect?: (data?: any) => void;
     onOpenChange?: (data: {
-        itemKey: (string | number);
-        openKeys: (string | number)[];
-        domEvent: MouseEvent;
-        isOpen: boolean;
+        itemKey?: (string | number);
+        openKeys?: (string | number)[];
+        domEvent?: MouseEvent;
+        isOpen?: boolean;
     }) => void;
     onSelect?: (data: OnSelectedData) => void;
     renderWrapper?: ({ itemElement, isSubNav, isInSubNav, props }: {

package/lib/cjs/slider/index.js

@@ -590,7 +590,9 @@ class Slider extends _baseComponent.default {
     if (hasPropValueChange) {
       const nextValue = this.props.value;
       const prevValue = this.state.currentValue;
-      this.foundation.handleValueChange(prevValue, nextValue);
+      this.foundation.handleValueChange(prevValue, nextValue); // trigger onAfterChange when value is controlled and changed
+
+      this.props.onAfterChange(this.props.value);
     }
   }
 

package/lib/es/form/hoc/withFormApi.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const withFormApi: (Component: React.ElementType) => React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+declare function withFormApi<C extends React.ElementType, T extends React.ComponentProps<C> & React.RefAttributes<any>, R extends React.ComponentType<T>>(Component: C): R;
 export default withFormApi;

package/lib/es/form/hoc/withFormApi.js

@@ -1,9 +1,16 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { FormApiContext } from '../context';
 
-const withFormApi = Component => /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(FormApiContext.Consumer, null, formApi => /*#__PURE__*/React.createElement(Component, Object.assign({
-  formApi: formApi,
-  ref: ref
-}, props))));
+function withFormApi(Component) {
+  let WithApiCom = (props, ref) => {
+    return /*#__PURE__*/React.createElement(FormApiContext.Consumer, null, formApi => /*#__PURE__*/React.createElement(Component, Object.assign({
+      formApi: formApi,
+      ref: ref
+    }, props)));
+  };
+
+  WithApiCom = /*#__PURE__*/forwardRef(WithApiCom);
+  return WithApiCom;
+}
 
 export default withFormApi;

package/lib/es/form/hoc/withFormState.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const withFormState: (Component: React.ElementType) => React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+declare function withFormState<C extends React.ElementType, T extends React.ComponentProps<C> & React.RefAttributes<any>, R extends React.ComponentType<T>>(Component: C): R;
 export default withFormState;

package/lib/es/form/hoc/withFormState.js

@@ -1,9 +1,16 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { FormStateContext } from '../context';
 
-const withFormState = Component => /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(FormStateContext.Consumer, null, formState => /*#__PURE__*/React.createElement(Component, Object.assign({
-  formState: formState,
-  ref: ref
-}, props))));
+function withFormState(Component) {
+  let WithStateCom = (props, ref) => {
+    return /*#__PURE__*/React.createElement(FormStateContext.Consumer, null, formState => /*#__PURE__*/React.createElement(Component, Object.assign({
+      formState: formState,
+      ref: ref
+    }, props)));
+  };
+
+  WithStateCom = /*#__PURE__*/forwardRef(WithStateCom);
+  return WithStateCom;
+}
 
 export default withFormState;

package/lib/es/navigation/index.d.ts

@@ -51,17 +51,17 @@ export interface NavProps extends BaseProps {
     tooltipShowDelay?: number;
     getPopupContainer?: () => HTMLElement;
     onClick?: (data: {
-        itemKey: React.ReactText;
-        domEvent: MouseEvent;
-        isOpen: boolean;
+        itemKey?: React.ReactText;
+        domEvent?: MouseEvent;
+        isOpen?: boolean;
     }) => void;
     onCollapseChange?: (isCollapse: boolean) => void;
     onDeselect?: (data?: any) => void;
     onOpenChange?: (data: {
-        itemKey: (string | number);
-        openKeys: (string | number)[];
-        domEvent: MouseEvent;
-        isOpen: boolean;
+        itemKey?: (string | number);
+        openKeys?: (string | number)[];
+        domEvent?: MouseEvent;
+        isOpen?: boolean;
     }) => void;
     onSelect?: (data: OnSelectedData) => void;
     renderWrapper?: ({ itemElement, isSubNav, isInSubNav, props }: {

package/lib/es/slider/index.js

@@ -570,7 +570,9 @@ export default class Slider extends BaseComponent {
     if (hasPropValueChange) {
       const nextValue = this.props.value;
       const prevValue = this.state.currentValue;
-      this.foundation.handleValueChange(prevValue, nextValue);
+      this.foundation.handleValueChange(prevValue, nextValue); // trigger onAfterChange when value is controlled and changed
+
+      this.props.onAfterChange(this.props.value);
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.24.1",
+    "version": "2.24.3",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.24.1",
-        "@douyinfe/semi-animation-react": "2.24.1",
-        "@douyinfe/semi-foundation": "2.24.1",
-        "@douyinfe/semi-icons": "2.24.1",
-        "@douyinfe/semi-illustrations": "2.24.1",
-        "@douyinfe/semi-theme-default": "2.24.1",
+        "@douyinfe/semi-animation": "2.24.3",
+        "@douyinfe/semi-animation-react": "2.24.3",
+        "@douyinfe/semi-foundation": "2.24.3",
+        "@douyinfe/semi-icons": "2.24.3",
+        "@douyinfe/semi-illustrations": "2.24.3",
+        "@douyinfe/semi-theme-default": "2.24.3",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "cdd012ac90665b020133f4b01c4c07c8399e4296",
+    "gitHead": "989e106471d68c7eaf1b26abb64bbc1a5f383f9a",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",