@nutui/nutui-react-taro 1.4.4 → 1.4.5

package/dist/esm/circleprogress.taro-47db537c.js

@@ -1,131 +1,110 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _typeof from "@babel/runtime/helpers/typeof";
-var _excluded = ["children", "progress", "className", "radius", "pathColor", "clockwise", "circleColor", "strokeWidth", "style", "strokeLinecap"];
-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 classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
-var isObject = function isObject(val) {
-  return val !== null && _typeof(val) === 'object';
+
+const isObject = (val) => val !== null && typeof val === 'object';
+
+const defaultProps = {
+    strokeWidth: 5,
+    radius: 50,
+    strokeLinecap: 'round',
+    circleColor: '#fa2c19',
+    pathColor: '#e5e9f2',
+    clockwise: true,
 };
-var defaultProps = {
-  strokeWidth: 5,
-  radius: 50,
-  strokeLinecap: 'round',
-  circleColor: '#fa2c19',
-  pathColor: '#e5e9f2',
-  clockwise: true
-};
-var CircleProgress = function CircleProgress(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    progress = _defaultProps$props.progress,
-    className = _defaultProps$props.className,
-    radius = _defaultProps$props.radius,
-    pathColor = _defaultProps$props.pathColor,
-    clockwise = _defaultProps$props.clockwise,
-    circleColor = _defaultProps$props.circleColor,
-    strokeWidth = _defaultProps$props.strokeWidth,
-    style = _defaultProps$props.style,
-    strokeLinecap = _defaultProps$props.strokeLinecap,
-    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState(progress),
-    _useState2 = _slicedToArray(_useState, 2),
-    oldValue = _useState2[0],
-    setOldValue = _useState2[1];
-  var b = cn('circleprogress');
-  var classes = classNames(className, b(''));
-  var refRandomId = Math.random().toString(36).slice(-8);
-  var styles = _objectSpread({
-    height: "".concat(Number(radius) * 2, "px"),
-    width: "".concat(Number(radius) * 2, "px")
-  }, style);
-  useEffect(function () {
-    var rafId;
-    var startTime = Date.now();
-    var startRate = Number(oldValue); // 30
-    var endRate = Number(progress); // 40
-    var duration = Math.abs((startRate - endRate) * 1000 / +100); // 100
-    var animate = function animate() {
-      var now = Date.now();
-      var progress = Math.min((now - startTime) / duration, 1);
-      var rate = progress * (endRate - startRate) + startRate;
-      setOldValue(Math.min(Math.max(+rate, 0), 100));
-      if (endRate > startRate ? rate < endRate : rate > endRate) {
+const CircleProgress = (props) => {
+    const { children, progress, className, radius, pathColor, clockwise, circleColor, strokeWidth, style, strokeLinecap, ...restProps } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [oldValue, setOldValue] = useState(progress);
+    const b = cn('circleprogress');
+    const classes = classNames(className, b(''));
+    const refRandomId = Math.random().toString(36).slice(-8);
+    const styles = {
+        height: `${Number(radius) * 2}px`,
+        width: `${Number(radius) * 2}px`,
+        ...style,
+    };
+    useEffect(() => {
+        let rafId;
+        const startTime = Date.now();
+        const startRate = Number(oldValue); // 30
+        const endRate = Number(progress); // 40
+        const duration = Math.abs(((startRate - endRate) * 1000) / +100); // 100
+        const animate = () => {
+            const now = Date.now();
+            const progress = Math.min((now - startTime) / duration, 1);
+            const rate = progress * (endRate - startRate) + startRate;
+            setOldValue(Math.min(Math.max(+rate, 0), 100));
+            if (endRate > startRate ? rate < endRate : rate > endRate) {
+                rafId = window.requestAnimationFrame(animate);
+            }
+        };
+        if (rafId) {
+            cancelAnimationFrame(rafId);
+        }
         rafId = window.requestAnimationFrame(animate);
-      }
+    }, [progress]);
+    const cancelAnimationFrame = function (id) {
+        clearTimeout(id);
+    };
+    const stop = () => {
+        if (!isObject(circleColor)) {
+            return [];
+        }
+        const color = circleColor;
+        const colorArr = Object.keys(color).sort((a, b) => parseFloat(a) - parseFloat(b));
+        const stopArr = [];
+        colorArr.map((item) => {
+            const obj = {
+                key: '',
+                value: '',
+            };
+            obj.key = item;
+            obj.value = color[item];
+            stopArr.push(obj);
+        });
+        return stopArr;
+    };
+    const transColor = (color) => {
+        return color && color.replace('#', '%23');
     };
-    if (rafId) {
-      cancelAnimationFrame(rafId);
-    }
-    rafId = window.requestAnimationFrame(animate);
-  }, [progress]);
-  var cancelAnimationFrame = function cancelAnimationFrame(id) {
-    clearTimeout(id);
-  };
-  var stop = function stop() {
-    if (!isObject(circleColor)) {
-      return [];
-    }
-    var color = circleColor;
-    var colorArr = Object.keys(color).sort(function (a, b) {
-      return parseFloat(a) - parseFloat(b);
-    });
-    var stopArr = [];
-    colorArr.map(function (item) {
-      var obj = {
-        key: '',
-        value: ''
-      };
-      obj.key = item;
-      obj.value = color[item];
-      stopArr.push(obj);
-    });
-    return stopArr;
-  };
-  var transColor = function transColor(color) {
-    return color && color.replace('#', '%23');
-  };
-  var format = function format(progress) {
-    return Math.min(Math.max(+progress, 0), 100);
-  };
-  var circleStyle = function circleStyle() {
-    var stopArr = stop();
-    var stopDom = [];
-    if (stopArr) {
-      stopArr.map(function (item) {
-        var obj = '';
-        obj = "%3Cstop offset='".concat(item.key, "' stop-color='").concat(transColor(item.value), "'/%3E");
-        stopDom.push(obj);
-      });
-    }
-    var perimeter = 283;
-    var progress = +oldValue;
-    var offset = perimeter * Number(format(parseFloat(progress.toFixed(1)))) / 100;
-    var isWise = props.clockwise ? 1 : 0;
-    var color = isObject(circleColor) ? "url(%23".concat(refRandomId, ")") : transColor(circleColor);
-    var d = "M 50 50 m 0 -45 a 45 45 0 1 ".concat(isWise, " 0 90 a 45 45 0 1, ").concat(isWise, " 0 -90");
-    var pa = "%3Cdefs%3E%3ClinearGradient id='".concat(refRandomId, "' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3E").concat(stopDom, "%3C/linearGradient%3E%3C/defs%3E");
-    var path = "%3Cpath d='".concat(d, "' stroke-width='").concat(strokeWidth, "' stroke='").concat(transColor(props.pathColor), "' fill='none'/%3E");
-    var path1 = "%3Cpath d='".concat(d, "' stroke-width='").concat(strokeWidth, "' stroke-dasharray='").concat(offset, ",").concat(perimeter, "' stroke-linecap='round' stroke='").concat(transColor(color), "' fill='none'/%3E");
-    return {
-      background: "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 100 100'  xmlns='http://www.w3.org/2000/svg'%3E".concat(pa).concat(path).concat(path1, "%3C/svg%3E\")"),
-      width: '100%',
-      height: '100%'
+    const format = (progress) => Math.min(Math.max(+progress, 0), 100);
+    const circleStyle = () => {
+        const stopArr = stop();
+        const stopDom = [];
+        if (stopArr) {
+            stopArr.map((item) => {
+                let obj = '';
+                obj = `%3Cstop offset='${item.key}' stop-color='${transColor(item.value)}'/%3E`;
+                stopDom.push(obj);
+            });
+        }
+        const perimeter = 283;
+        const progress = +oldValue;
+        const offset = (perimeter * Number(format(parseFloat(progress.toFixed(1))))) / 100;
+        const isWise = props.clockwise ? 1 : 0;
+        const color = isObject(circleColor)
+            ? `url(%23${refRandomId})`
+            : transColor(circleColor);
+        const d = `M 50 50 m 0 -45 a 45 45 0 1 ${isWise} 0 90 a 45 45 0 1, ${isWise} 0 -90`;
+        const pa = `%3Cdefs%3E%3ClinearGradient id='${refRandomId}' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3E${stopDom}%3C/linearGradient%3E%3C/defs%3E`;
+        const path = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke='${transColor(props.pathColor)}' fill='none'/%3E`;
+        const path1 = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke-dasharray='${offset},${perimeter}' stroke-linecap='round' stroke='${transColor(color)}' fill='none'/%3E`;
+        return {
+            background: `url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100'  xmlns='http://www.w3.org/2000/svg'%3E${pa}${path}${path1}%3C/svg%3E")`,
+            width: '100%',
+            height: '100%',
+        };
     };
-  };
-  return React__default.createElement("div", _objectSpread({
-    className: classes,
-    style: styles
-  }, restProps), React__default.createElement("div", {
-    style: circleStyle()
-  }), React__default.createElement("div", {
-    className: "nut-circleprogress-text"
-  }, children || React__default.createElement("div", null, progress, "%")));
+    return (React__default.createElement("div", { className: classes, style: styles, ...restProps },
+        React__default.createElement("div", { style: circleStyle() }),
+        React__default.createElement("div", { className: "nut-circleprogress-text" }, children || React__default.createElement("div", null,
+            progress,
+            "%"))));
 };
 CircleProgress.defaultProps = defaultProps;
 CircleProgress.displayName = 'NutCircleProgress';
+
 export { CircleProgress as C };

package/dist/esm/col.taro-b61c7cba.js

@@ -1,57 +1,40 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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 { D as DataContext } from './UserContext-be8097d2.js';
-var defaultProps = {
-  span: '24',
-  offset: '0',
-  gutter: '0'
+
+const defaultProps = {
+    span: '24',
+    offset: '0',
+    gutter: '0',
 };
-var Col = function Col(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    _defaultProps$props$s = _defaultProps$props.style,
-    style = _defaultProps$props$s === void 0 ? {} : _defaultProps$props$s,
-    span = _defaultProps$props.span,
-    offset = _defaultProps$props.offset,
-    children = _defaultProps$props.children,
-    _onClick = _defaultProps$props.onClick;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    colName = _useState2[0],
-    setColName = _useState2[1];
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    colStyle = _useState4[0],
-    setColStyle = _useState4[1];
-  var _useContext = useContext(DataContext),
-    gutter = _useContext.gutter;
-  var classs = function classs() {
-    // 定义col的class类
-    var prefixCls = 'nut-col';
-    return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(span, " ").concat(gutter ? "".concat(prefixCls, "-gutter") : '', " ").concat(prefixCls, "-").concat(offset);
-  };
-  var getStyle = function getStyle() {
-    // 定义col的style类
-    var style = {};
-    style.paddingLeft = "".concat(gutter / 2, "px");
-    style.paddingRight = "".concat(gutter / 2, "px");
-    return style;
-  };
-  useEffect(function () {
-    setColName(classs);
-    setColStyle(getStyle);
-  }, [span, offset, gutter]);
-  return React__default.createElement("div", {
-    className: "".concat(colName, " ").concat(className),
-    style: _objectSpread(_objectSpread({}, style), colStyle),
-    onClick: function onClick(e) {
-      _onClick && _onClick(e, 'col');
-    }
-  }, children);
+const Col = (props) => {
+    const { className, style = {}, span, offset, children, onClick, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [colName, setColName] = useState('');
+    const [colStyle, setColStyle] = useState({});
+    const { gutter } = useContext(DataContext);
+    const classs = () => {
+        // 定义col的class类
+        const prefixCls = 'nut-col';
+        return `${prefixCls} ${prefixCls}-${span} ${gutter ? `${prefixCls}-gutter` : ''} ${prefixCls}-${offset}`;
+    };
+    const getStyle = () => {
+        // 定义col的style类
+        const style = {};
+        style.paddingLeft = `${gutter / 2}px`;
+        style.paddingRight = `${gutter / 2}px`;
+        return style;
+    };
+    useEffect(() => {
+        setColName(classs);
+        setColStyle(getStyle);
+    }, [span, offset, gutter]);
+    return (React__default.createElement("div", { className: `${colName} ${className}`, style: { ...style, ...colStyle }, onClick: (e) => {
+            onClick && onClick(e, 'col');
+        } }, children));
 };
 Col.defaultProps = defaultProps;
 Col.displayName = 'NutCol';
+
 export { Col as C };

package/dist/esm/collapse.taro-af58206c.js

@@ -1,95 +1,82 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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, { memo, useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  activeName: ['0'],
-  accordion: false,
-  icon: '',
-  iconSize: '16px',
-  iconColor: '',
-  rotate: 180
+
+const defaultProps = {
+    activeName: ['0'],
+    accordion: false,
+    icon: '',
+    iconSize: '16px',
+    iconColor: '',
+    rotate: 180,
 };
 function areEqual(prevProps, nextProps) {
-  return prevProps.children === nextProps.children && JSON.stringify(prevProps.activeName) === JSON.stringify(nextProps.activeName);
+    return (prevProps.children === nextProps.children &&
+        JSON.stringify(prevProps.activeName) ===
+            JSON.stringify(nextProps.activeName));
 }
-var Collapse = memo(function (props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    children = _defaultProps$props.children,
-    activeName = _defaultProps$props.activeName,
-    accordion = _defaultProps$props.accordion,
-    icon = _defaultProps$props.icon,
-    rotate = _defaultProps$props.rotate,
-    iconSize = _defaultProps$props.iconSize,
-    iconColor = _defaultProps$props.iconColor,
-    onChange = _defaultProps$props.onChange;
-  var childrenDom = React__default.Children.toArray(children);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    defaultOpenIndex = _useState2[0],
-    setDefaultOpenIndex = _useState2[1];
-  var handleActiveName = function handleActiveName() {
-    var activeArr = [];
-    if (!Array.isArray(activeName)) {
-      activeArr.push(activeName.toString());
-    } else {
-      // 数组
-      if (accordion && activeName.length > 1) {
-        console.warn('手风琴模式不支持传递多个打开页签');
-      }
-      var activeNameStr = activeName.map(function (item) {
-        return item.toString();
-      });
-      activeArr = _toConsumableArray(activeNameStr);
-    }
-    return activeArr;
-  };
-  var colBem = cn('collapse');
-  useEffect(function () {
-    var activeArr = handleActiveName();
-    setDefaultOpenIndex(activeArr);
-  }, [activeName]);
-  var _onToggle = function onToggle(isOpen, name) {
-    var newOpenIndex = _toConsumableArray(defaultOpenIndex);
-    if (isOpen) {
-      // 当前状态为true，则变为false,闭合
-      var removeIndex = newOpenIndex.findIndex(function (value) {
-        return value === name;
-      });
-      newOpenIndex.splice(removeIndex, 1);
-    } else {
-      // 当前状态为false，变为true，展开
-      // eslint-disable-next-line no-lonely-if
-      if (accordion) {
-        newOpenIndex = [name];
-      } else {
-        newOpenIndex.push(name);
-      }
-    }
-    setDefaultOpenIndex(newOpenIndex);
-    onChange && onChange(!isOpen, name);
-  };
-  return React__default.createElement("div", {
-    className: "".concat(colBem(), " ").concat(className),
-    style: style
-  }, childrenDom.map(function (item) {
-    return React__default.cloneElement(item, {
-      isOpen: defaultOpenIndex.includes(item.props.name),
-      onToggle: function onToggle(isOpen, name) {
-        return _onToggle(isOpen, name);
-      },
-      icon: icon,
-      rotate: rotate,
-      iconSize: iconSize,
-      iconColor: iconColor
-    });
-  }));
+const Collapse = memo((props) => {
+    const { className, style, children, activeName, accordion, icon, rotate, iconSize, iconColor, onChange, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const childrenDom = React__default.Children.toArray(children);
+    const [defaultOpenIndex, setDefaultOpenIndex] = useState([]);
+    const handleActiveName = () => {
+        let activeArr = [];
+        if (!Array.isArray(activeName)) {
+            activeArr.push(activeName.toString());
+        }
+        else {
+            // 数组
+            if (accordion && activeName.length > 1) {
+                console.warn('手风琴模式不支持传递多个打开页签');
+            }
+            const activeNameStr = activeName.map((item) => {
+                return item.toString();
+            });
+            activeArr = [...activeNameStr];
+        }
+        return activeArr;
+    };
+    const colBem = cn('collapse');
+    useEffect(() => {
+        const activeArr = handleActiveName();
+        setDefaultOpenIndex(activeArr);
+    }, [activeName]);
+    const onToggle = (isOpen, name) => {
+        let newOpenIndex = [...defaultOpenIndex];
+        if (isOpen) {
+            // 当前状态为true，则变为false,闭合
+            const removeIndex = newOpenIndex.findIndex((value) => {
+                return value === name;
+            });
+            newOpenIndex.splice(removeIndex, 1);
+        }
+        else {
+            // 当前状态为false，变为true，展开
+            // eslint-disable-next-line no-lonely-if
+            if (accordion) {
+                newOpenIndex = [name];
+            }
+            else {
+                newOpenIndex.push(name);
+            }
+        }
+        setDefaultOpenIndex(newOpenIndex);
+        onChange && onChange(!isOpen, name);
+    };
+    return (React__default.createElement("div", { className: `${colBem()} ${className}`, style: style }, childrenDom.map((item) => {
+        return React__default.cloneElement(item, {
+            isOpen: defaultOpenIndex.includes(item.props.name),
+            onToggle: (isOpen, name) => onToggle(isOpen, name),
+            icon,
+            rotate,
+            iconSize,
+            iconColor,
+        });
+    })));
 }, areEqual);
 Collapse.defaultProps = defaultProps;
 Collapse.displayName = 'NutCollapse';
+
 export { Collapse as C };