@nutui/nutui-react-taro 1.3.9 → 1.3.10-beta.0

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-import React$1, { CSSProperties, ReactNode, FunctionComponent, ReactHTML, ReactElement, MouseEvent as MouseEvent$1, ChangeEvent, FocusEvent, HTMLInputTypeAttribute, MouseEventHandler, RefObject, ForwardRefExoticComponent, PropsWithChildren, Component } from 'react';
+import React$1, { CSSProperties, ReactNode, FunctionComponent, ReactHTML, ReactElement, MouseEvent as MouseEvent$1, MouseEventHandler, ChangeEvent, FocusEvent, HTMLInputTypeAttribute, RefObject, ForwardRefExoticComponent, PropsWithChildren, Component } from 'react';
 import Taro from '@tarojs/taro';
 
 interface IComponent {
@@ -378,7 +378,7 @@ declare const Tabbar: FunctionComponent<Partial<TabbarProps>>;
 interface TabbarItemProps extends IComponent {
     dot: boolean;
     size: string | number;
-    classPrefix: string;
+    className: string;
     tabTitle: string;
     icon: string;
     href: string;
@@ -599,14 +599,26 @@ interface CalendarProps {
 }
 declare const Calendar: FunctionComponent<Partial<CalendarProps> & React$1.HTMLAttributes<HTMLDivElement>>;
 
+interface RadioGroupOptionType {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    onChange?: MouseEventHandler<HTMLDivElement>;
+}
+
 interface CheckboxGroupProps {
     disabled: boolean;
     checkedValue: string[];
     max: number | undefined;
     onChange: (value: string[]) => void;
+    options: RadioGroupOptionType[];
 }
 declare const CheckboxGroup: React$1.ForwardRefExoticComponent<Partial<CheckboxGroupProps> & Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> & React$1.RefAttributes<unknown>>;
 
+interface InheritParentProps {
+    getParentVals?: () => string[] | undefined;
+    max?: number | undefined;
+}
 interface CheckboxProps extends IComponent {
     checked: boolean;
     disabled: boolean;
@@ -621,7 +633,7 @@ interface CheckboxProps extends IComponent {
     label: string;
     onChange: (state: boolean, label: string) => void;
 }
-declare const Checkbox: FunctionComponent<Partial<CheckboxProps> & Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
+declare const Checkbox: FunctionComponent<Partial<CheckboxProps> & Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onChange'> & InheritParentProps> & {
     Group: typeof CheckboxGroup;
 };
 
@@ -690,6 +702,7 @@ declare type InputRule = {
 };
 interface InputProps extends IComponent {
     type: InputType;
+    name: string;
     defaultValue: any;
     placeholder: string;
     label: string;
@@ -751,6 +764,7 @@ interface RadioGroupProps {
     textPosition: Position$1;
     direction: Direction;
     onChange: (value: string | number | boolean) => void;
+    options: RadioGroupOptionType[];
 }
 declare const RadioGroup: React$1.ForwardRefExoticComponent<Partial<RadioGroupProps> & Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> & React$1.RefAttributes<unknown>>;
 
@@ -1448,6 +1462,8 @@ interface PriceProps {
     symbol: string;
     decimalDigits: number;
     thousands: boolean;
+    position: string;
+    size: string;
     className: string;
     style: React$1.CSSProperties;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "1.3.9",
+  "version": "1.3.10-beta.0",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

package/dist/esm/checkbox.taro-104557c1.js

@@ -1,121 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["iconName", "iconSize", "label", "className", "textPosition", "iconActiveName", "checked", "disabled", "onChange", "indeterminate", "iconClassPrefix", "iconFontClassName", "iconIndeterminateName", "getParentVals", "max"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useEffect } from 'react';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
-import { C as CheckboxGroup } from './checkboxgroup.taro-3d380042.js';
-import { c as cn } from './bem-893ad28d.js';
-import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  checked: false,
-  disabled: false,
-  textPosition: 'right',
-  iconSize: 18,
-  iconName: 'check-normal',
-  iconActiveName: 'checked',
-  iconClassPrefix: 'nut-icon',
-  iconFontClassName: 'nutui-iconfont',
-  iconIndeterminateName: 'check-disabled',
-  onChange: function onChange(state, label) {}
-});
-var Checkbox = function Checkbox(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children;
-  var b = cn('checkbox');
-  var iconName = props.iconName,
-    iconSize = props.iconSize,
-    label = props.label,
-    className = props.className,
-    textPosition = props.textPosition,
-    iconActiveName = props.iconActiveName,
-    checked = props.checked,
-    disabled = props.disabled,
-    onChange = props.onChange,
-    indeterminate = props.indeterminate,
-    iconClassPrefix = props.iconClassPrefix,
-    iconFontClassName = props.iconFontClassName,
-    iconIndeterminateName = props.iconIndeterminateName,
-    getParentVals = props.getParentVals,
-    max = props.max,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(checked),
-    _useState2 = _slicedToArray(_useState, 2),
-    innerChecked = _useState2[0],
-    setInnerChecked = _useState2[1];
-  var _useState3 = useState(disabled),
-    _useState4 = _slicedToArray(_useState3, 2),
-    innerDisabled = _useState4[0],
-    setDisabled = _useState4[1];
-  var _useState5 = useState(indeterminate),
-    _useState6 = _slicedToArray(_useState5, 2),
-    _indeterminate = _useState6[0],
-    setIndeterminate = _useState6[1];
-  useEffect(function () {
-    setInnerChecked(checked);
-    setDisabled(disabled);
-  }, [disabled, checked]);
-  useEffect(function () {
-    setIndeterminate(indeterminate);
-  }, [indeterminate]);
-  var getIconName = function getIconName() {
-    if (!innerChecked) {
-      return iconName;
-    }
-    if (_indeterminate) {
-      return iconIndeterminateName;
-    }
-    return iconActiveName;
-  };
-  var renderIcon = function renderIcon() {
-    return React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: getIconName(),
-      size: iconSize,
-      className: color()
-    });
-  };
-  var color = function color() {
-    if (innerDisabled) {
-      return 'nut-checkbox__icon--disable';
-    }
-    if (innerChecked) {
-      if (_indeterminate) {
-        return 'nut-checkbox__icon--indeterminate';
-      }
-      return 'nut-checkbox__icon';
-    }
-    return 'nut-checkbox__icon--unchecked';
-    // return !innerDisabled ? (!innerChecked ? '#d6d6d6' : '#fa2c19') : '#f5f5f5'
-  };
-
-  var renderLabel = function renderLabel() {
-    return React__default.createElement("span", {
-      className: "".concat(b('label', {
-        disabled: innerDisabled
-      }), " ")
-    }, children || label);
-  };
-  var handleClick = function handleClick() {
-    if (!disabled) {
-      var latest = !innerChecked;
-      if (max !== undefined && latest && getParentVals().length >= max) return;
-      onChange && onChange(latest, label || children);
-      setInnerChecked(latest);
-    }
-  };
-  return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: "".concat(b({
-      reverse: textPosition === 'left'
-    }), " ").concat(className || '')
-  }, rest), {}, {
-    onClick: handleClick
-  }), renderIcon(), renderLabel());
-};
-Checkbox.defaultProps = defaultProps;
-Checkbox.displayName = 'NutCheckBox';
-Checkbox.Group = CheckboxGroup;
-export { Checkbox as C };

package/dist/esm/checkboxgroup.taro-3d380042.js

@@ -1,110 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "disabled", "onChange", "checkedValue", "max"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useImperativeHandle, useEffect } from 'react';
-import { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  disabled: false,
-  checkedValue: [],
-  max: undefined,
-  onChange: function onChange(value) {}
-};
-var CheckboxGroup = React__default.forwardRef(function (props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children;
-  var b = cn('checkboxgroup');
-  var className = props.className,
-    disabled = props.disabled,
-    onChange = props.onChange,
-    checkedValue = props.checkedValue,
-    max = props.max,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(disabled),
-    _useState2 = _slicedToArray(_useState, 2),
-    innerDisabled = _useState2[0],
-    setInnerDisabled = _useState2[1];
-  var _useState3 = useState(checkedValue),
-    _useState4 = _slicedToArray(_useState3, 2),
-    innerValue = _useState4[0],
-    setInnerValue = _useState4[1];
-  useImperativeHandle(ref, function () {
-    return {
-      toggleAll: function toggleAll(state) {
-        if (state === false) {
-          setInnerValue([]);
-        } else {
-          var childrenLabel = [];
-          React__default.Children.map(children, function (child) {
-            var childProps = child.props;
-            console.log(child);
-            childrenLabel.push(childProps.label || child.children);
-          });
-          setInnerValue(childrenLabel);
-        }
-      },
-      toggleReverse: function toggleReverse() {
-        var childrenLabel = [];
-        React__default.Children.map(children, function (child) {
-          var childProps = child.props;
-          childrenLabel.push(childProps.label || child.children);
-        });
-        var reverse = childrenLabel.filter(function (c) {
-          return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.findIndex(function (v) {
-            return v === c;
-          })) === -1;
-        });
-        setInnerValue(reverse);
-      }
-    };
-  });
-  useEffect(function () {
-    setInnerDisabled(disabled);
-    setInnerValue(checkedValue);
-  }, [disabled, checkedValue]);
-  function handleChildChange(state, label) {
-    if (max !== undefined && innerValue && innerValue.length > max) return;
-    if (innerValue) {
-      var clippedValue = [];
-      if (state) {
-        clippedValue = [].concat(_toConsumableArray(innerValue), [label]);
-      } else {
-        innerValue === null || innerValue === void 0 ? void 0 : innerValue.splice(innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(label), 1);
-        clippedValue = _toConsumableArray(innerValue);
-      }
-      setInnerValue(clippedValue);
-      onChange && onChange(clippedValue);
-    }
-  }
-  function validateChildChecked(child) {
-    if (!innerValue) return false;
-    return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
-  }
-  function getParentVals() {
-    return innerValue;
-  }
-  function cloneChildren() {
-    return React__default.Children.map(children, function (child) {
-      var childChecked = validateChildChecked(child);
-      if (child.type.displayName !== 'NutCheckBox') {
-        return React__default.cloneElement(child);
-      }
-      return React__default.cloneElement(child, {
-        disabled: innerDisabled,
-        checked: childChecked,
-        onChange: handleChildChange,
-        getParentVals: getParentVals,
-        max: max
-      });
-    });
-  }
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className || '')
-  }, rest), cloneChildren());
-});
-CheckboxGroup.defaultProps = defaultProps;
-CheckboxGroup.displayName = 'NutCheckboxGroup';
-export { CheckboxGroup as C };

package/dist/esm/radio.taro-95d43860.js

@@ -1,112 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "disabled", "checked", "shape", "textPosition", "value", "iconName", "iconActiveName", "iconSize", "onChange", "iconClassPrefix", "iconFontClassName"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useContext, useEffect } from 'react';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
-import { a as RadioContext, R as RadioGroup } from './radiogroup.taro-b5dad516.js';
-import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  disabled: false,
-  checked: false,
-  shape: 'round',
-  value: '',
-  textPosition: 'right',
-  iconName: 'check-normal',
-  iconActiveName: 'check-checked',
-  iconSize: 18,
-  onChange: function onChange(e) {}
-});
-var Radio = function Radio(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children;
-  var className = props.className,
-    disabled = props.disabled,
-    checked = props.checked,
-    shape = props.shape,
-    textPosition = props.textPosition,
-    value = props.value,
-    iconName = props.iconName,
-    iconActiveName = props.iconActiveName,
-    iconSize = props.iconSize,
-    onChange = props.onChange,
-    iconClassPrefix = props.iconClassPrefix,
-    iconFontClassName = props.iconFontClassName,
-    rest = _objectWithoutProperties(props, _excluded);
-  var componentName = 'nut-radio';
-  var _useState = useState(checked),
-    _useState2 = _slicedToArray(_useState, 2),
-    checkedStatement = _useState2[0],
-    setCheckedStatement = _useState2[1];
-  var _useState3 = useState(value),
-    _useState4 = _slicedToArray(_useState3, 2),
-    valueStatement = _useState4[0],
-    setValueStatement = _useState4[1];
-  var _useState5 = useState(disabled),
-    _useState6 = _slicedToArray(_useState5, 2),
-    disabledStatement = _useState6[0],
-    setDisabledStatement = _useState6[1];
-  var context = useContext(RadioContext);
-  useEffect(function () {
-    setDisabledStatement(disabled);
-    setValueStatement(value);
-    setCheckedStatement(checked);
-  }, [disabled, value, checked]);
-  var renderLabel = function renderLabel() {
-    return React__default.createElement("div", {
-      className: "".concat(componentName, "__label ").concat(disabledStatement ? "".concat(componentName, "__label--disabled") : '')
-    }, children);
-  };
-  var renderButton = function renderButton() {
-    return React__default.createElement("div", {
-      className: "".concat(componentName, "__button ").concat(checkedStatement && "".concat(componentName, "__button--active"), " ").concat(disabledStatement ? "".concat(componentName, "__button--disabled") : '')
-    }, children);
-  };
-  var color = function color() {
-    if (disabledStatement) {
-      return 'nut-radio__icon--disable';
-    }
-    if (checkedStatement) {
-      return 'nut-radio__icon';
-    }
-    return 'nut-radio__icon--unchecked';
-  };
-  var renderIcon = function renderIcon() {
-    var iconName = props.iconName,
-      iconSize = props.iconSize,
-      iconActiveName = props.iconActiveName;
-    return React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: checkedStatement ? iconActiveName : iconName,
-      size: iconSize,
-      className: color()
-    });
-  };
-  var renderRadioItem = function renderRadioItem() {
-    if (shape === 'button') {
-      return renderButton();
-    }
-    if (reverseState) {
-      return [renderLabel(), renderIcon()];
-    }
-    return [renderIcon(), renderLabel()];
-  };
-  var handleClick = function handleClick(e) {
-    if (disabledStatement || checkedStatement) return;
-    setCheckedStatement(!checkedStatement);
-    onChange && onChange(e);
-    context && context.onChange(valueStatement);
-  };
-  var reverseState = textPosition === 'left';
-  return React__default.createElement("div", _objectSpread({
-    className: "nut-radio ".concat(className),
-    onClick: handleClick
-  }, rest), renderRadioItem());
-};
-Radio.defaultProps = defaultProps;
-Radio.displayName = 'NutRadio';
-Radio.RadioGroup = RadioGroup;
-export { Radio as R };

package/dist/esm/radiogroup.taro-b5dad516.js

@@ -1,95 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "value", "onChange", "textPosition", "direction"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useEffect } from 'react';
-import { c as cn } from './bem-893ad28d.js';
-var radioContext = {
-  onChange: function onChange(val) {}
-};
-var RadioContext = React__default.createContext(radioContext);
-var defaultProps = {
-  value: null,
-  textPosition: 'right',
-  onChange: function onChange(value) {},
-  direction: 'vertical'
-};
-var RadioGroup = React__default.forwardRef(function (props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children;
-  cn('RadioGroup');
-  var className = props.className,
-    value = props.value,
-    _onChange = props.onChange,
-    textPosition = props.textPosition,
-    direction = props.direction,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(value),
-    _useState2 = _slicedToArray(_useState, 2),
-    val2State = _useState2[0],
-    setVal2State = _useState2[1];
-  // useImperativeHandle(ref, () => ({
-  //   toggleAll(state: boolean) {
-  //     console.log(state)
-  //     if (state === false) {
-  //       setInnerValue([])
-  //     } else {
-  //       const childrenLabel: string[] = []
-  //       React.Children.map(children, (child) => {
-  //         const childProps = (child as any).props
-  //         childrenLabel.push(childProps.label || (child as any).children)
-  //       })
-  //       setInnerValue(childrenLabel)
-  //     }
-  //   },
-  // }))
-  useEffect(function () {
-    setVal2State(value);
-  }, [value]);
-  // function handleChildChange(state: boolean, label: string) {
-  //   if (innerValue) {
-  //     let clippedValue = []
-  //     if (state) {
-  //       clippedValue = [...innerValue, label]
-  //     } else {
-  //       innerValue?.splice(innerValue?.indexOf(label), 1)
-  //       clippedValue = [...innerValue]
-  //     }
-  //     setInnerValue(clippedValue)
-  //     onChange && onChange(clippedValue)
-  //   }
-  // }
-  function validateChildChecked(child) {
-    if (val2State === null) return false;
-    return val2State === child.props.value;
-  }
-  function cloneChildren() {
-    return React__default.Children.map(children, function (child, index) {
-      var childChecked = validateChildChecked(child);
-      if (child.type.displayName !== 'NutRadio') {
-        return React__default.cloneElement(child);
-      }
-      return React__default.cloneElement(child, {
-        textPosition: textPosition,
-        checked: childChecked
-        // onChange: handleChildChange,
-      });
-    });
-  }
-
-  return React__default.createElement(RadioContext.Provider, {
-    value: {
-      onChange: function onChange(val) {
-        setVal2State(val);
-        _onChange && _onChange(val);
-      }
-    }
-  }, React__default.createElement("div", _objectSpread({
-    className: "nut-radiogroup nut-radiogroup--".concat(props.direction)
-  }, rest), cloneChildren()));
-});
-RadioGroup.defaultProps = defaultProps;
-RadioGroup.displayName = 'NutRadioGroup';
-export { RadioGroup as R, RadioContext as a };