shineout 3.6.0-beta.16 → 3.6.0-beta.18

package/cjs/index.js

@@ -514,5 +514,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.6.0-beta.16'
+  version: '3.6.0-beta.18'
 };

package/cjs/steps/interface.d.ts

@@ -1 +1,2 @@
 export type { StepsProps as Props } from './steps.type';
+export type { StepProps } from './step.type';

package/dist/shineout.js

@@ -12130,7 +12130,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.6.0-beta.16');
+/* harmony default export */ var version = ('3.6.0-beta.18');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -13442,6 +13442,8 @@ var datePickerTokens = {
   datePickerPaddingY: 'Spacing-4',
   datePickerIconSize: 'Size-7',
   datePickerIconColor: 'Neutral-text-4',
+  datePickerSmallPanelFooterNowPaddingX: 'Spacing-16',
+  datePickerSmallPanelFooterNowPaddingY: 'Spacing-11',
   datePickerSmallFontSize: 'Font-12',
   datePickerSmallPaddingX: 'Spacing-8',
   datePickerSmallPaddingY: 'Spacing-1',
@@ -18199,11 +18201,22 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()({
   pickerFooter: {
     borderTop: "1px solid ".concat(src.datePickerPanelHeaderBorderColor),
     display: 'flex',
-    justifyContent: 'space-between'
+    justifyContent: 'space-between',
+    '&[dir=rtl] $pickerFooterConfirm': {
+      'margin-right': 'auto'
+    },
+    '&[dir=ltr] $pickerFooterConfirm': {
+      'margin-left': 'auto'
+    }
   },
   pickerFooterTime: {
     padding: "".concat(src.datePickerPanelFooterPaddingY, " ").concat(src.datePickerPanelFooterPaddingX)
   },
+  wrapperSmall: {
+    '& $pickerFooterNow': {
+      padding: "".concat(src.datePickerSmallPanelFooterNowPaddingY, " ").concat(src.datePickerSmallPanelFooterNowPaddingX)
+    }
+  },
   pickerFooterNow: {
     padding: "".concat(src.datePickerPanelFooterPaddingY, " ").concat(src.datePickerPanelFooterPaddingX),
     '&:only-child': {
@@ -44803,7 +44816,7 @@ var Day = function Day(props) {
   };
   var renderFooter = function renderFooter() {
     var _props$rangeDate, _props$rangeDate2;
-    var showLeft = props.type === 'datetime' && (((_props$rangeDate = props.rangeDate) === null || _props$rangeDate === void 0 ? void 0 : _props$rangeDate[0]) || ((_props$rangeDate2 = props.rangeDate) === null || _props$rangeDate2 === void 0 ? void 0 : _props$rangeDate2[1]));
+    var showLeft = (props.type === 'datetime' || props.type === 'date') && (((_props$rangeDate = props.rangeDate) === null || _props$rangeDate === void 0 ? void 0 : _props$rangeDate[0]) || ((_props$rangeDate2 = props.rangeDate) === null || _props$rangeDate2 === void 0 ? void 0 : _props$rangeDate2[1]));
     var timeStr = func.getTimeStr();
     if (!showLeft && !props.showSelNow) return null;
     var format = props.format;
@@ -44839,10 +44852,10 @@ var Day = function Day(props) {
           })]
         })
       }), props.showSelNow && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-        className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterNow,
+        className: classnames_default()(styles === null || styles === void 0 ? void 0 : styles.pickerFooterNow),
         style: {
           marginRight: showNeedConfirm ? 'auto' : undefined,
-          paddingLeft: showNeedConfirm ? 6 : undefined
+          paddingLeft: showNeedConfirm ? props.type === 'date' ? 22 : 6 : undefined
         },
         children: [props.showSelNow && props.type === 'date' && /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_link_link, {
           type: "primary",
@@ -48851,7 +48864,6 @@ var useForm = function useForm(props) {
     forceSet: true
   };
   var preValue = use_previous_usePrevious(props.value);
-  var formDomRef = external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef();
   var _React$useRef = external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef({
       defaultValues: {},
       validateMap: {},
@@ -48925,9 +48937,9 @@ var useForm = function useForm(props) {
     onError === null || onError === void 0 || onError(err);
     if (!props.scrollToError) return;
     setTimeout(function () {
-      var _formDomRef$current;
+      var _props$formElRef$curr;
       var selector = "[".concat(getDataAttributeName('status'), "=\"error\"]");
-      var el = (_formDomRef$current = formDomRef.current) === null || _formDomRef$current === void 0 ? void 0 : _formDomRef$current.querySelector(selector);
+      var el = (_props$formElRef$curr = props.formElRef.current) === null || _props$formElRef$curr === void 0 ? void 0 : _props$formElRef$curr.querySelector(selector);
       if (el) {
         el.scrollIntoView();
         var focusableSelectors = 'textarea, input,[tabindex]:not([tabindex="-1"])';
@@ -49268,7 +49280,6 @@ var useForm = function useForm(props) {
     var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var externalEventHandlers = extractEventHandlers(externalProps);
     return objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, externalProps), externalEventHandlers), {}, {
-      ref: formDomRef,
       disabled: !!disabled,
       onSubmit: handleSubmit(externalEventHandlers),
       onReset: handleReset(externalEventHandlers)
@@ -49484,12 +49495,14 @@ var Form = function Form(props) {
     beforeChange: undefined,
     reserveAble: false
   };
+  var formElRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var _useInputAble = useInputAble(inputAbleParams),
     value = _useInputAble.value,
     onChange = _useInputAble.onChange;
   var _useForm = use_form(objectSpread2_default()(objectSpread2_default()({}, rest), {}, {
       value: value,
-      onChange: onChange
+      onChange: onChange,
+      formElRef: formElRef
     })),
     Provider = _useForm.Provider,
     ProviderProps = _useForm.ProviderProps,
@@ -49563,7 +49576,6 @@ var Form = function Form(props) {
     className: rootClass,
     style: style
   });
-  var formElRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (formElRef.current instanceof HTMLFormElement) {
       formElRef.current.addEventListener('submit', formProps.onSubmit);
@@ -68975,7 +68987,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.6.0-beta.16'
+  version: '3.6.0-beta.18'
 });
 }();
 /******/ 	return __webpack_exports__;