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

package/dist/esm/badge.taro-9f72d846.js

@@ -0,0 +1,66 @@
+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 { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  value: '',
+  dot: false,
+  max: 10000,
+  top: '0',
+  right: '0',
+  zIndex: '0',
+  color: '',
+  icons: ''
+});
+var Badge = function Badge(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
+    children = _defaultProps$props.children,
+    dot = _defaultProps$props.dot,
+    top = _defaultProps$props.top,
+    right = _defaultProps$props.right,
+    zIndex = _defaultProps$props.zIndex,
+    color = _defaultProps$props.color,
+    icons = _defaultProps$props.icons,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName;
+  function content() {
+    if (dot) return undefined;
+    var value = props.value;
+    var max = props.max;
+    if (typeof value === 'number' && typeof max === 'number') {
+      return max < value ? "".concat(max, "+") : value;
+    }
+    return value;
+  }
+  var getStyle = function getStyle() {
+    var style = {};
+    style.top = "".concat(Number(top) || parseFloat(top) || 0, "px");
+    style.right = "".concat(Number(right) || parseFloat(right) || 0, "px");
+    style.zIndex = zIndex;
+    style.backgroundColor = color;
+    return style;
+  };
+  return React__default.createElement("div", {
+    className: "nut-badge ".concat(className),
+    style: style
+  }, icons !== '' && React__default.createElement("div", {
+    className: "slot-icons"
+  }, React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    className: "_icon",
+    name: icons,
+    color: "#ffffff",
+    size: "12"
+  })), React__default.createElement("div", null, children), React__default.createElement("div", {
+    className: "".concat(dot ? 'is-dot' : '', " nut-badge__content sup"),
+    style: getStyle()
+  }, content()));
+};
+Badge.defaultProps = defaultProps;
+Badge.displayName = 'NutBadge';
+export { Badge as B };

package/dist/esm/barrage.taro-d86c367a.js

@@ -0,0 +1,103 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "frequency", "loop", "barrageList", "speeds", "rows", "top"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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, { useRef, useImperativeHandle, useEffect } from 'react';
+import Taro from '@tarojs/taro';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  barrageList: [],
+  frequency: 500,
+  loop: true,
+  speeds: 2000,
+  rows: 3,
+  top: 10
+};
+var InternalBarrage = function InternalBarrage(props, ref) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    frequency = _defaultProps$props.frequency,
+    loop = _defaultProps$props.loop,
+    barrageList = _defaultProps$props.barrageList,
+    speeds = _defaultProps$props.speeds,
+    rows = _defaultProps$props.rows,
+    top = _defaultProps$props.top,
+    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var barrageBody = useRef(null);
+  var barrageContainer = useRef(null);
+  var timer = useRef(0);
+  var index = useRef(0);
+  var b = cn('barrage');
+  var classes = classNames(className, b(''));
+  useImperativeHandle(ref, function () {
+    return {
+      add: function add(word) {
+        var _index = index.current % barrageList.length;
+        barrageList.splice(_index, 0, word);
+      }
+    };
+  });
+  useEffect(function () {
+    run();
+    return function () {
+      clearInterval(timer.current);
+    };
+  }, [barrageList]);
+  var run = function run() {
+    clearInterval(timer.current);
+    timer.current = setInterval(function () {
+      play();
+      run();
+    }, frequency);
+  };
+  var play = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _index, el;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _index = loop ? index.current % barrageList.length : index.current;
+              el = document.createElement("div");
+              el.innerHTML = barrageList[_index];
+              el.classList.add('barrage-item');
+              barrageContainer.current.appendChild(el);
+              Taro.createSelectorQuery().select('.barrage-item').boundingClientRect(function (res) {
+                console.log('res', res);
+                var height = res === null || res === void 0 ? void 0 : res.height;
+                el.classList.add('move');
+                el.style.animationDuration = "".concat(speeds, "ms");
+                el.style.top = "".concat(_index % rows * (height + top) + 20, "px");
+                el.dataset.index = "".concat(_index);
+                el.addEventListener('animationend', function () {
+                  barrageContainer.current.removeChild(el);
+                });
+                index.current++;
+              }).exec();
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+    return function play() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return React__default.createElement("div", _objectSpread({
+    className: classes,
+    ref: barrageBody
+  }, restProps), React__default.createElement("div", {
+    ref: barrageContainer,
+    className: "bContainer"
+  }));
+};
+var Barrage = React__default.forwardRef(InternalBarrage);
+Barrage.defaultProps = defaultProps;
+Barrage.displayName = 'NutBarrage';
+export { Barrage as B };

package/dist/esm/bem-893ad28d.js

@@ -0,0 +1,8 @@
+import { withNaming } from '@bem-react/classname';
+var cn = withNaming({
+  n: 'nut-',
+  e: '__',
+  m: '--',
+  v: '-'
+});
+export { cn as c };

package/dist/esm/button.taro-4ce133b9.js

@@ -0,0 +1,109 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["color", "shape", "plain", "loading", "disabled", "type", "size", "block", "icon", "children", "onClick", "className", "style", "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, { useCallback, useState, useEffect } from 'react';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  className: '',
+  color: '',
+  shape: 'round',
+  plain: false,
+  loading: false,
+  disabled: false,
+  type: 'default',
+  size: 'normal',
+  block: false,
+  icon: '',
+  style: {},
+  children: undefined,
+  onClick: function onClick(e) {}
+});
+var Button = function Button(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    color = _defaultProps$props.color,
+    shape = _defaultProps$props.shape,
+    plain = _defaultProps$props.plain,
+    loading = _defaultProps$props.loading,
+    disabled = _defaultProps$props.disabled,
+    type = _defaultProps$props.type,
+    size = _defaultProps$props.size,
+    block = _defaultProps$props.block,
+    icon = _defaultProps$props.icon,
+    children = _defaultProps$props.children,
+    onClick = _defaultProps$props.onClick,
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var getStyle = useCallback(function () {
+    var style = {};
+    if (color) {
+      if (plain) {
+        style.color = color;
+        style.background = '#fff';
+        if (!(color !== null && color !== void 0 && color.includes('gradient'))) {
+          style.borderColor = color;
+        }
+      } else {
+        style.color = '#fff';
+        style.background = color;
+      }
+    }
+    return style;
+  }, [color, plain]);
+  var classes = useCallback(function () {
+    var prefixCls = 'nut-button';
+    return [prefixCls, "".concat(type ? "".concat(prefixCls, "--").concat(type) : ''), "".concat(size ? "".concat(prefixCls, "--").concat(size) : ''), "".concat(shape ? "".concat(prefixCls, "--").concat(shape) : ''), "".concat(plain ? "".concat(prefixCls, "--plain") : ''), "".concat(block ? "".concat(prefixCls, "--block") : ''), "".concat(disabled ? "".concat(prefixCls, "--disabled") : ''), "".concat(loading ? "".concat(prefixCls, "--loading") : '')].filter(Boolean).join(' ');
+  }, [block, disabled, loading, plain, shape, size, type]);
+  var _useState = useState(classes()),
+    _useState2 = _slicedToArray(_useState, 2),
+    btnName = _useState2[0],
+    setBtnName = _useState2[1];
+  var _useState3 = useState(getStyle()),
+    _useState4 = _slicedToArray(_useState3, 2),
+    btnStyle = _useState4[0],
+    setBtnStyle = _useState4[1];
+  useEffect(function () {
+    setBtnName(classes());
+    setBtnStyle(getStyle());
+  }, [className, color, shape, plain, loading, disabled, style, type, size, block, icon, children, onClick, classes, getStyle]);
+  var handleClick = function handleClick(e) {
+    if (!loading && !disabled && onClick) {
+      onClick(e);
+    }
+  };
+  return (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    // eslint-disable-next-line react/button-has-type
+    React__default.createElement("button", _objectSpread(_objectSpread({
+      className: "".concat(btnName, " ").concat(className),
+      style: _objectSpread(_objectSpread({}, btnStyle), style)
+    }, rest), {}, {
+      onClick: function onClick(e) {
+        return handleClick(e);
+      }
+    }), React__default.createElement("div", {
+      className: "nut-button__warp",
+      style: getStyle()
+    }, loading && React__default.createElement(Icon, {
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
+      name: "loading"
+    }), !loading && icon ? React__default.createElement(Icon, {
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
+      name: icon
+    }) : '', children && React__default.createElement("div", {
+      className: icon || loading ? 'text' : ''
+    }, children)))
+  );
+};
+Button.defaultProps = defaultProps;
+Button.displayName = 'NutButton';
+export { Button as B };

package/dist/esm/calendar.taro-a1f1a7f8.js

@@ -0,0 +1,78 @@
+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 { P as Popup } from './popup.taro-33d0bbc8.js';
+import { U as Utils, C as CalendarItem } from './calendaritem.taro-3a12e7f2.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
+var defaultProps = {
+  type: 'one',
+  isAutoBackFill: false,
+  poppable: true,
+  visible: false,
+  title: '日历选择',
+  defaultValue: '',
+  startDate: Utils.getDay(0),
+  endDate: Utils.getDay(365),
+  onClose: function onClose() {},
+  onChoose: function onChoose(param) {}
+};
+var Calendar = function Calendar(props) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    poppable = _defaultProps$props.poppable,
+    visible = _defaultProps$props.visible,
+    type = _defaultProps$props.type,
+    isAutoBackFill = _defaultProps$props.isAutoBackFill,
+    title = _defaultProps$props.title,
+    defaultValue = _defaultProps$props.defaultValue,
+    startDate = _defaultProps$props.startDate,
+    endDate = _defaultProps$props.endDate,
+    onClose = _defaultProps$props.onClose,
+    onChoose = _defaultProps$props.onChoose;
+  var close = function close() {
+    onClose && onClose();
+  };
+  var update = function update() {};
+  var choose = function choose(param) {
+    close();
+    onChoose && onChoose(param);
+  };
+  var closePopup = function closePopup() {
+    close();
+  };
+  return React__default.createElement(React__default.Fragment, null, poppable ? React__default.createElement(Popup, {
+    visible: visible,
+    position: "bottom",
+    round: true,
+    closeable: true,
+    onClickOverlay: closePopup,
+    onClickCloseIcon: closePopup
+  }, React__default.createElement(CalendarItem, {
+    type: type,
+    isAutoBackFill: isAutoBackFill,
+    poppable: poppable,
+    title: locale.calendaritem.title || title,
+    defaultValue: defaultValue,
+    startDate: startDate,
+    endDate: endDate,
+    onUpdate: update,
+    onClose: close,
+    onChoose: choose
+  })) : React__default.createElement(CalendarItem, {
+    type: type,
+    isAutoBackFill: isAutoBackFill,
+    poppable: poppable,
+    title: locale.calendaritem.title,
+    defaultValue: defaultValue,
+    startDate: startDate,
+    endDate: endDate,
+    onClose: close,
+    onChoose: choose
+  }));
+};
+Calendar.defaultProps = defaultProps;
+Calendar.displayName = 'NutCalendar';
+export { Calendar as C };