@nutui/nutui-react-taro 1.3.12-beta.0 → 1.3.12-beta.1

package/dist/esm/cell.taro-1f034402.js

@@ -0,0 +1,107 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "click", "onClick", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "to", "replace", "center", "size", "className", "iconSlot", "linkSlot", "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 from 'react';
+import Taro from '@tarojs/taro';
+import { c as cn } from './bem-893ad28d.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  title: null,
+  subTitle: null,
+  desc: '',
+  descTextAlign: 'right',
+  isLink: false,
+  icon: '',
+  roundRadius: '6px',
+  url: '',
+  to: '',
+  replace: false,
+  center: false,
+  size: '',
+  className: '',
+  iconSlot: null,
+  linkSlot: null,
+  click: function click(event) {},
+  onClick: function onClick(event) {}
+});
+var Cell = function Cell(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    click = _defaultProps$props.click,
+    onClick = _defaultProps$props.onClick,
+    title = _defaultProps$props.title,
+    subTitle = _defaultProps$props.subTitle,
+    desc = _defaultProps$props.desc,
+    descTextAlign = _defaultProps$props.descTextAlign,
+    isLink = _defaultProps$props.isLink,
+    icon = _defaultProps$props.icon,
+    roundRadius = _defaultProps$props.roundRadius,
+    url = _defaultProps$props.url,
+    to = _defaultProps$props.to,
+    replace = _defaultProps$props.replace,
+    center = _defaultProps$props.center,
+    size = _defaultProps$props.size,
+    className = _defaultProps$props.className,
+    iconSlot = _defaultProps$props.iconSlot,
+    linkSlot = _defaultProps$props.linkSlot,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var b = cn('cell');
+  var handleClick = function handleClick(event) {
+    onClick(event);
+    var link = to || url;
+    replace ? Taro.redirectTo({
+      url: link
+    }) : Taro.navigateTo({
+      url: link
+    });
+  };
+  var baseStyle = {
+    borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : "".concat(roundRadius, "px")
+  };
+  var styles = title || subTitle || icon ? {} : {
+    textAlign: descTextAlign,
+    flex: 1
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b({
+      clickable: !!(isLink || to),
+      center: center,
+      large: size === 'large'
+    }, [className]), " "),
+    onClick: function onClick(event) {
+      return handleClick(event);
+    },
+    style: baseStyle
+  }, rest), children || React__default.createElement(React__default.Fragment, null, icon || iconSlot ? React__default.createElement("div", {
+    className: b('icon')
+  }, iconSlot || (icon ? React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    name: icon,
+    className: "icon"
+  }) : null)) : null, title || subTitle ? React__default.createElement("div", {
+    className: "".concat(b('title'))
+  }, title ? React__default.createElement("div", {
+    className: b('maintitle')
+  }, title) : null, subTitle ? React__default.createElement("div", {
+    className: b('subtitle')
+  }, subTitle) : null) : null, desc ? React__default.createElement("div", {
+    className: b('value', {
+      alone: !title && !subTitle
+    }),
+    style: styles
+  }, desc) : null, !linkSlot && (isLink || to) ? React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    name: "right",
+    className: b('link')
+  }) : linkSlot));
+};
+Cell.defaultProps = defaultProps;
+Cell.displayName = 'NutCell';
+export { Cell as C };

package/dist/esm/cellgroup.taro-e094471c.js

@@ -0,0 +1,34 @@
+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 from 'react';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  title: '',
+  desc: '',
+  className: '',
+  titleSlot: null,
+  descSlot: null
+};
+var CellGroup = function CellGroup(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    title = _defaultProps$props.title,
+    desc = _defaultProps$props.desc,
+    titleSlot = _defaultProps$props.titleSlot,
+    descSlot = _defaultProps$props.descSlot;
+  var b = cn('cell-group');
+  return React__default.createElement("div", {
+    className: b(null, [className])
+  }, titleSlot || React__default.createElement(React__default.Fragment, null, title ? React__default.createElement("div", {
+    className: b('title')
+  }, title) : null), descSlot || React__default.createElement(React__default.Fragment, null, desc ? React__default.createElement("div", {
+    className: b('desc')
+  }, desc) : null), React__default.createElement("div", {
+    className: b('wrap')
+  }, children));
+};
+CellGroup.defaultProps = defaultProps;
+CellGroup.displayName = 'NutCellGroup';
+export { CellGroup as C };

package/dist/esm/checkbox.taro-0bda9796.js

@@ -0,0 +1,249 @@
+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", "options"],
+  _excluded2 = ["label", "value", "disabled", "onChange"],
+  _excluded3 = ["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, useImperativeHandle, useEffect, useCallback } from 'react';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { c as cn } from './bem-893ad28d.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+var defaultProps$1 = {
+  disabled: false,
+  checkedValue: [],
+  max: undefined,
+  onChange: function onChange(value) {},
+  options: []
+};
+var CheckboxGroup = React__default.forwardRef(function (props, ref) {
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
+    children = _defaultProps$1$props.children;
+  var b = cn('checkboxgroup');
+  var className = props.className,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    checkedValue = props.checkedValue,
+    max = props.max,
+    options = props.options,
+    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;
+            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 validateChecked(value) {
+    if (innerValue === null) return false;
+    return innerValue === value;
+  }
+  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
+      });
+    });
+  }
+  var renderOptionsChildren = useCallback(function () {
+    return options === null || options === void 0 ? void 0 : options.map(function (_ref) {
+      var label = _ref.label,
+        value = _ref.value,
+        disabled = _ref.disabled,
+        onChange = _ref.onChange,
+        rest = _objectWithoutProperties(_ref, _excluded2);
+      var childChecked = validateChecked(value);
+      return React__default.createElement(Checkbox, _objectSpread(_objectSpread({
+        key: value === null || value === void 0 ? void 0 : value.toString(),
+        children: label,
+        label: value,
+        disabled: innerDisabled ? true : disabled,
+        onChange: handleChildChange
+      }, rest), {}, {
+        max: max,
+        getParentVals: getParentVals,
+        checked: childChecked
+      }));
+    });
+  }, [innerValue, options]);
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className || '')
+  }, rest), options !== null && options !== void 0 && options.length ? renderOptionsChildren() : cloneChildren());
+});
+CheckboxGroup.defaultProps = defaultProps$1;
+CheckboxGroup.displayName = 'NutCheckboxGroup';
+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, _excluded3);
+  var _useState5 = useState(checked),
+    _useState6 = _slicedToArray(_useState5, 2),
+    innerChecked = _useState6[0],
+    setInnerChecked = _useState6[1];
+  var _useState7 = useState(disabled),
+    _useState8 = _slicedToArray(_useState7, 2),
+    innerDisabled = _useState8[0],
+    setDisabled = _useState8[1];
+  var _useState9 = useState(indeterminate),
+    _useState10 = _slicedToArray(_useState9, 2),
+    _indeterminate = _useState10[0],
+    setIndeterminate = _useState10[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, CheckboxGroup as a };

package/dist/esm/circleprogress.taro-3c89a157.js

@@ -0,0 +1,142 @@
+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';
+};
+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 lastTime = 0;
+  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) {
+        rafId = requestAnimationFrame(animate);
+      }
+    };
+    if (rafId) {
+      cancelAnimationFrame(rafId);
+    }
+    rafId = requestAnimationFrame(animate);
+  }, [progress]);
+  var requestAnimationFrame = function requestAnimationFrame(callback) {
+    var currTime = new Date().getTime();
+    var timeToCall = Math.max(0, 16.7 - (currTime - lastTime));
+    lastTime = currTime + timeToCall;
+    var id = setTimeout(function () {
+      callback();
+    }, timeToCall);
+    lastTime = currTime + timeToCall;
+    return id;
+  };
+  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%'
+    };
+  };
+  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, "%")));
+};
+CircleProgress.defaultProps = defaultProps;
+CircleProgress.displayName = 'NutCircleProgress';
+export { CircleProgress as C };

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

@@ -0,0 +1,57 @@
+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'
+};
+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);
+};
+Col.defaultProps = defaultProps;
+Col.displayName = 'NutCol';
+export { Col as C };