@nutui/nutui-react-taro 1.2.2-beta.0

package/dist/esm/radio.taro-923d91bc.js

@@ -0,0 +1,200 @@
+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"],
+    _excluded2 = ["className", "disabled", "checked", "shape", "textPosition", "value", "iconName", "iconActiveName", "iconSize", "onChange"];
+
+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, useContext } from 'react';
+import { I as Icon } from './icon-62bd7379.js';
+import { R as RadioContext } from './context-aa058329.js';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps$1 = {
+  value: null,
+  textPosition: 'right',
+  onChange: function onChange(value) {},
+  direction: 'vertical'
+};
+var RadioGroup = React__default.forwardRef(function (props, ref) {
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
+      children = _defaultProps$1$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$1;
+RadioGroup.displayName = 'NutRadioGroup';
+var defaultProps = {
+  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,
+      rest = _objectWithoutProperties(props, _excluded2);
+
+  var componentName = 'nut-radio';
+
+  var _useState3 = useState(checked),
+      _useState4 = _slicedToArray(_useState3, 2),
+      checkedStatement = _useState4[0],
+      setCheckedStatement = _useState4[1];
+
+  var _useState5 = useState(value),
+      _useState6 = _slicedToArray(_useState5, 2),
+      valueStatement = _useState6[0],
+      setValueStatement = _useState6[1];
+
+  var _useState7 = useState(disabled),
+      _useState8 = _slicedToArray(_useState7, 2),
+      disabledStatement = _useState8[0],
+      setDisabledStatement = _useState8[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() {
+    return !disabledStatement ? checkedStatement ? 'nut-radio__icon' : 'nut-radio__icon--unchecked' : 'nut-radio__icon--disable';
+  };
+
+  var renderIcon = function renderIcon() {
+    var iconName = props.iconName,
+        iconSize = props.iconSize,
+        iconActiveName = props.iconActiveName;
+    return React__default.createElement(Icon, {
+      name: checkedStatement ? iconActiveName : iconName,
+      size: iconSize,
+      className: color()
+    });
+  };
+
+  var handleClick = function handleClick(e) {
+    if (disabledStatement) return;
+    setCheckedStatement(!checkedStatement);
+    props.onChange && props.onChange(e);
+    context && context.onChange(valueStatement);
+  };
+
+  var reverseState = textPosition === 'left';
+  return React__default.createElement("div", _objectSpread({
+    className: "nut-radio ".concat(className),
+    onClick: handleClick
+  }, rest), props.shape == 'button' ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]);
+};
+
+Radio.defaultProps = defaultProps;
+Radio.displayName = 'NutRadio';
+Radio.RadioGroup = RadioGroup;
+export { Radio as R };

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

@@ -0,0 +1,102 @@
+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 { R as RadioContext } from './context-aa058329.js';
+import { c as cn } from './bem-893ad28d.js';
+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 };

package/dist/esm/raf-3fbb5f92.js

@@ -0,0 +1,126 @@
+var Utils = {
+  /**
+   * 是否为闫年
+   * @return {Boolse} true|false
+   */
+  isLeapYear: function isLeapYear(y) {
+    return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
+  },
+
+  /**
+   * 返回星期数
+   * @return {String}
+   */
+  getWhatDay: function getWhatDay(year, month, day) {
+    var date = new Date("".concat(year, "/").concat(month, "/").concat(day));
+    var index = date.getDay();
+    var dayNames = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
+    return dayNames[index];
+  },
+
+  /**
+   * 返回星期数
+   * @return {Number}
+   */
+  getMonthPreDay: function getMonthPreDay(year, month) {
+    var date = new Date("".concat(year, "/").concat(month, "/01"));
+    var day = date.getDay();
+
+    if (day == 0) {
+      day = 7;
+    }
+
+    return day;
+  },
+
+  /**
+   * 返回月份天数
+   * @return {Number}
+   */
+  getMonthDays: function getMonthDays(year, month) {
+    if (/^0/.test(month)) {
+      month = month.split('')[1];
+    }
+
+    return [0, 31, this.isLeapYear(Number(year)) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
+  },
+
+  /**
+   * 补齐数字位数
+   * @return {string}
+   */
+  getNumTwoBit: function getNumTwoBit(n) {
+    n = Number(n);
+    return (n > 9 ? '' : '0') + n;
+  },
+
+  /**
+   * 日期对象转成字符串
+   * @return {string}
+   */
+  date2Str: function date2Str(date, split) {
+    split = split || '-';
+    var y = date.getFullYear();
+    var m = this.getNumTwoBit(date.getMonth() + 1);
+    var d = this.getNumTwoBit(date.getDate());
+    return [y, m, d].join(split);
+  },
+
+  /**
+   * 返回日期格式字符串
+   * @param {Number} 0返回今天的日期、1返回明天的日期，2返回后天得日期，依次类推
+   * @return {string} '2014-12-31'
+   */
+  getDay: function getDay(i) {
+    i = i || 0;
+    var date = new Date();
+    var diff = i * (1000 * 60 * 60 * 24);
+    date = new Date(date.getTime() + diff);
+    return this.date2Str(date);
+  },
+
+  /**
+   * 时间比较
+   * @return {Boolean}
+   */
+  compareDate: function compareDate(date1, date2) {
+    var startTime = new Date(date1.replace('-', '/').replace('-', '/'));
+    var endTime = new Date(date2.replace('-', '/').replace('-', '/'));
+
+    if (startTime >= endTime) {
+      return false;
+    }
+
+    return true;
+  },
+
+  /**
+   * 时间是否相等
+   * @return {Boolean}
+   */
+  isEqual: function isEqual(date1, date2) {
+    var startTime = new Date(date1).getTime();
+    var endTime = new Date(date2).getTime();
+
+    if (startTime == endTime) {
+      return true;
+    }
+
+    return false;
+  }
+};
+
+function requestAniFrame() {
+  if (typeof window !== 'undefined') {
+    return window.requestAnimationFrame || function (callback) {
+      window.setTimeout(callback, 1000 / 60);
+    };
+  }
+
+  return function (callback) {
+    setTimeout(callback, 1000 / 60);
+  };
+}
+
+var requestAniFrame$1 = requestAniFrame();
+export { Utils as U, requestAniFrame$1 as r };