@nutui/nutui-react 1.4.10 → 1.4.11-beta.1

package/dist/nutui.react.umd.js

@@ -9,7 +9,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v1.4.10 Wed Mar 08 2023 15:15:14 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.4.11-beta.0 Wed Mar 15 2023 15:21:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -3168,7 +3168,7 @@ var __publicField = (obj, key, value) => {
     const { gutter } = React.useContext(DataContext$2);
     const classs = () => {
       const prefixCls = "nut-col";
-      return `${prefixCls} ${prefixCls}-${span} ${gutter ? `${prefixCls}-gutter` : ""} ${prefixCls}-${offset}`;
+      return `${prefixCls} ${prefixCls}-${span} ${gutter ? `${prefixCls}-gutter` : ""} ${prefixCls}-offset-${offset}`;
     };
     const getStyle = () => {
       const style2 = {};
@@ -10362,6 +10362,8 @@ Please add \`${key}Action\` when creating your handler.`);
     onUpdate: () => {
     },
     onSelected: (data) => {
+    },
+    onYearMonthChange: (data) => {
     }
   };
   const CalendarItem = React.forwardRef((props, ref) => {
@@ -10385,7 +10387,8 @@ Please add \`${key}Action\` when creating your handler.`);
       onBottomInfo,
       onChoose,
       onUpdate,
-      onSelected
+      onSelected,
+      onYearMonthChange
     } = { ...defaultProps$11, ...props };
     const weeks = locale.calendaritem.weekdays;
     const [yearMonthTitle, setYearMonthTitle] = React.useState("");
@@ -10667,6 +10670,14 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       setMonthsData(state.monthsData);
     };
+    const setReachedYearMonthInfo = () => {
+      const currentMonthsData = state.monthsData[state.currentIndex];
+      const [year, month] = currentMonthsData.curData;
+      if (currentMonthsData.title === yearMonthTitle)
+        return;
+      onYearMonthChange && onYearMonthChange([year, month, `${year}-${month}`]);
+      setYearMonthTitle(currentMonthsData.title);
+    };
     const setDefaultRange = (monthsNum, current) => {
       let start2 = 0;
       let end = 0;
@@ -10722,7 +10733,7 @@ Please add \`${key}Action\` when creating your handler.`);
         state.currentIndex = current;
         setDefaultRange(state.monthsNum, current);
       }
-      setYearMonthTitle(state.monthsData[current].title);
+      setReachedYearMonthInfo();
     };
     const initData = () => {
       const propStartDate = props.startDate ? props.startDate : Utils.getDay(0);
@@ -10813,7 +10824,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       setDefaultRange(monthsNum, current);
       state.currentIndex = current;
-      setYearMonthTitle(state.monthsData[state.currentIndex].title);
+      setReachedYearMonthInfo();
       if (state.defaultData.length > 0) {
         if (type2 === "range") {
           chooseDay(
@@ -10978,6 +10989,8 @@ Please add \`${key}Action\` when creating your handler.`);
     onChoose: (param) => {
     },
     onSelected: (data) => {
+    },
+    onYearMonthChange: (param) => {
     }
   };
   const Calendar = React.forwardRef((props, ref) => {
@@ -11004,7 +11017,8 @@ Please add \`${key}Action\` when creating your handler.`);
       onBottomInfo,
       onClose,
       onChoose,
-      onSelected
+      onSelected,
+      onYearMonthChange
     } = { ...defaultProps$10, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
@@ -11024,6 +11038,9 @@ Please add \`${key}Action\` when creating your handler.`);
       var _a2;
       (_a2 = calendarRef.current) == null ? void 0 : _a2.scrollToDate(date2);
     };
+    const yearMonthChange = (param) => {
+      onYearMonthChange && onYearMonthChange(param);
+    };
     React.useImperativeHandle(ref, () => ({
       scrollToDate
     }));
@@ -11051,7 +11068,8 @@ Please add \`${key}Action\` when creating your handler.`);
           onTopInfo,
           onBottomInfo,
           onChoose: choose,
-          onSelected: select
+          onSelected: select,
+          onYearMonthChange: yearMonthChange
         }
       );
     };
@@ -12448,6 +12466,9 @@ Please add \`${key}Action\` when creating your handler.`);
         case "year-month":
           result = result.slice(0, 2);
           break;
+        case "hour-minutes":
+          result = result.slice(3, 5);
+          break;
         case "month-day":
           result = result.slice(1, 3);
           break;
@@ -15791,6 +15812,10 @@ Please add \`${key}Action\` when creating your handler.`);
       ...props
     };
     const alignClass = `${align}`;
+    const forceFocus = () => {
+      const searchSelf = searchRef.current;
+      searchSelf && searchSelf.focus();
+    };
     const change = (event) => {
       const { value: value2 } = event.target;
       onChange && (onChange == null ? void 0 : onChange(value2, event));
@@ -15810,10 +15835,7 @@ Please add \`${key}Action\` when creating your handler.`);
       setValue(props.value);
     }, [props.value]);
     React.useEffect(() => {
-      if (autoFocus) {
-        const searchSelf = searchRef.current;
-        searchSelf && searchSelf.focus();
-      }
+      autoFocus && forceFocus();
     }, [autoFocus]);
     const renderField = () => {
       return /* @__PURE__ */ React.createElement(
@@ -15925,6 +15947,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       setValue("");
       onClear && onClear(event);
+      forceFocus();
     };
     const renderRightLabel = () => {
       if (actionText) {
@@ -16059,7 +16082,6 @@ Please add \`${key}Action\` when creating your handler.`);
       const isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
       const isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
       let style2 = {};
-      console.log(isIOS, isAndroid);
       if (isIOS) {
         style2 = {
           paddingRight: "1200px"
@@ -16155,6 +16177,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const textareaBem = cn("textarea");
     const [inputValue, SetInputValue] = React.useState("");
     const textareaRef = React.useRef(null);
+    const compositingRef = React.useRef(false);
     React.useEffect(() => {
       let initValue = defaultValue;
       if (initValue && maxlength && [...initValue].length > Number(maxlength)) {
@@ -16195,7 +16218,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     const textChange = (event) => {
       const text = event.target;
-      if (maxlength && [...text.value].length > Number(maxlength)) {
+      if (maxlength && [...text.value].length > Number(maxlength) && !compositingRef.current) {
         text.value = text.value.substring(0, Number(maxlength));
       }
       SetInputValue(text.value);
@@ -16217,6 +16240,12 @@ Please add \`${key}Action\` when creating your handler.`);
       onChange && onChange(text.value, event);
       onBlur && onBlur(event);
     };
+    const startComposing = () => {
+      compositingRef.current = true;
+    };
+    const endComposing = () => {
+      compositingRef.current = false;
+    };
     return /* @__PURE__ */ React.createElement(
       "div",
       {
@@ -16234,9 +16263,6 @@ Please add \`${key}Action\` when creating your handler.`);
           disabled,
           readOnly: readonly,
           value: inputValue,
-          onInput: (e) => {
-            textChange(e);
-          },
           onChange: (e) => {
             textChange(e);
           },
@@ -16246,6 +16272,8 @@ Please add \`${key}Action\` when creating your handler.`);
           onFocus: (e) => {
             textFocus(e);
           },
+          onCompositionEnd: (e) => endComposing(),
+          onCompositionStart: (e) => startComposing(),
           rows,
           maxLength: maxlength < 0 ? 0 : maxlength,
           placeholder: placeholder || locale.placeholder
@@ -21382,7 +21410,8 @@ Please add \`${key}Action\` when creating your handler.`);
     data: [],
     bordered: true,
     striped: false,
-    noData: "无数据"
+    noData: "无数据",
+    showHeader: true
   };
   const Table = (props) => {
     const { locale } = useConfig();
@@ -21400,6 +21429,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onSorter,
       iconClassPrefix,
       iconFontClassName,
+      showHeader,
       ...rest
     } = {
       ...defaultProps$d,
@@ -21490,7 +21520,7 @@ Please add \`${key}Action\` when creating your handler.`);
           "nut-table__main--striped": striped
         })
       },
-      /* @__PURE__ */ React.createElement("div", { className: "nut-table__main__head" }, /* @__PURE__ */ React.createElement("div", { className: "nut-table__main__head__tr" }, renderHeadCells())),
+      showHeader && /* @__PURE__ */ React.createElement("div", { className: "nut-table__main__head" }, /* @__PURE__ */ React.createElement("div", { className: "nut-table__main__head__tr" }, renderHeadCells())),
       /* @__PURE__ */ React.createElement("div", { className: "nut-table__main__body" }, renderBoyTrs())
     ), summary && /* @__PURE__ */ React.createElement("div", { className: "nut-table__summary" }, /* @__PURE__ */ React.createElement("span", { className: "nut-table__summary__text" }, summary)), curData.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "nut-table__nodata" }, /* @__PURE__ */ React.createElement("div", { className: "nut-table__nodata" }, /* @__PURE__ */ React.createElement("div", { className: "nut-table__nodata__text" }, noData))));
   };

package/dist/packages/radiogroup/radiogroup.scss

@@ -66,6 +66,7 @@
 
       &__button--active {
         border-color: $radio-label-button-border-color;
+        background-color: $radio-label-button-background;
       }
     }
   }

package/dist/packages/step/step.scss

@@ -242,7 +242,8 @@
 .nut-steps-horizontal {
   &.nut-steps-dot {
     .nut-step-line {
-      top: calc(($steps-dot-icon-width + $steps-dot-icon-border * 2) / 2);
+      top: 50%;
+      bottom: -50%;
     }
   }
 }