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

package/dist/esm/elevator.taro-d7d65470.js

@@ -0,0 +1,270 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["height", "acceptKey", "indexList", "isSticky", "spaceHeight", "titleHeight", "className", "onClickItem", "onClickIndex", "children"];
+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, { createContext, useRef, useState, useEffect } from 'react';
+import Taro from '@tarojs/taro';
+import { ScrollView } from '@tarojs/components';
+import { c as cn } from './bem-893ad28d.js';
+var elevatorContext = createContext({});
+var defaultProps = {
+  height: '200px',
+  acceptKey: 'title',
+  indexList: [],
+  isSticky: false,
+  spaceHeight: 23,
+  titleHeight: 35,
+  className: 'weapp-elevator'
+};
+var Elevator = function Elevator(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    height = _defaultProps$props.height,
+    acceptKey = _defaultProps$props.acceptKey,
+    indexList = _defaultProps$props.indexList,
+    isSticky = _defaultProps$props.isSticky,
+    spaceHeight = _defaultProps$props.spaceHeight,
+    titleHeight = _defaultProps$props.titleHeight,
+    className = _defaultProps$props.className,
+    onClickItem = _defaultProps$props.onClickItem,
+    onClickIndex = _defaultProps$props.onClickIndex,
+    children = _defaultProps$props.children,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var b = cn('elevator');
+  var listview = useRef(null);
+  var initData = {
+    anchorIndex: 0,
+    listHeight: [],
+    listGroup: [],
+    scrollY: 0,
+    diff: -1,
+    fixedTop: 0
+  };
+  var touchState = useRef({
+    y1: 0,
+    y2: 0
+  });
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    scrollY = _useState2[0],
+    setScrollY = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentData = _useState4[0],
+    setCurrentData = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentKey = _useState6[0],
+    setCurrentKey = _useState6[1];
+  var _useState7 = useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    currentIndex = _useState8[0],
+    setCurrentIndex = _useState8[1];
+  var _useState9 = useState(0),
+    _useState10 = _slicedToArray(_useState9, 2),
+    codeIndex = _useState10[0],
+    setCodeIndex = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    scrollStart = _useState12[0],
+    setScrollStart = _useState12[1];
+  var state = useRef(initData);
+  var _useState13 = useState(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    scrollTop = _useState14[0],
+    setScrollTop = _useState14[1];
+  // 重置滚动参数
+  var resetScrollState = function resetScrollState() {
+    setScrollStart(false);
+  };
+  var clientHeight = function clientHeight() {
+    return listview.current ? listview.current.clientHeight : 0;
+  };
+  var getData = function getData(el) {
+    if (!el.dataset.index) {
+      return '0';
+    }
+    return el.dataset.index;
+  };
+  var calculateHeight = function calculateHeight() {
+    var height = 0;
+    state.current.listHeight.push(height);
+    for (var i = 0; i < state.current.listGroup.length; i++) {
+      var query = Taro.createSelectorQuery();
+      query.selectAll(".".concat(className, " .elevator__item__").concat(i)).boundingClientRect();
+      // eslint-disable-next-line no-loop-func
+      query.exec(function (res) {
+        if (res[0][0]) height += res[0][0].height;
+        // console.log(res, res[0][0].height, height, 'res')
+        state.current.listHeight.push(height);
+      });
+    }
+  };
+  var scrollTo = function scrollTo(index) {
+    if (!index && index !== 0) {
+      return;
+    }
+    if (!state.current.listHeight.length) {
+      calculateHeight();
+    }
+    var cacheIndex = index;
+    if (index < 0) {
+      cacheIndex = 0;
+    }
+    if (index > state.current.listHeight.length - 2) {
+      cacheIndex = state.current.listHeight.length - 2;
+    }
+    setCodeIndex(cacheIndex);
+    setScrollTop(state.current.listHeight[cacheIndex]);
+  };
+  var touchMove = function touchMove(e) {
+    var firstTouch = e.touches[0];
+    touchState.current.y2 = firstTouch.pageY;
+    var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
+    var cacheIndex = state.current.anchorIndex + Math.floor(delta);
+    setCodeIndex(cacheIndex);
+    scrollTo(cacheIndex);
+  };
+  var touchEnd = function touchEnd() {
+    resetScrollState();
+  };
+  var touchStart = function touchStart(e) {
+    setScrollStart(true);
+    var index = Number(getData(e.target));
+    var firstTouch = e.touches[0];
+    touchState.current.y1 = firstTouch.pageY;
+    state.current.anchorIndex = +index;
+    setCodeIndex(function (codeIndex) {
+      return codeIndex + index;
+    });
+    scrollTo(index);
+  };
+  var handleClickItem = function handleClickItem(key, item) {
+    onClickItem && onClickItem(key, item);
+    setCurrentData(item);
+    setCurrentKey(key);
+  };
+  var handleClickIndex = function handleClickIndex(key) {
+    onClickIndex && onClickIndex(key);
+  };
+  var setListGroup = function setListGroup() {
+    if (listview.current) {
+      Taro.createSelectorQuery().selectAll(".".concat(className, " .nut-elevator__list__item")).node(function (el) {
+        state.current.listGroup = _toConsumableArray(Object.keys(el));
+        calculateHeight();
+      }).exec();
+    }
+  };
+  var listViewScroll = function listViewScroll(e) {
+    var listHeight = state.current.listHeight;
+    if (!listHeight.length) {
+      calculateHeight();
+    }
+    var target = e.target;
+    var scrollTop = target.scrollTop;
+    state.current.scrollY = Math.floor(scrollTop);
+    setScrollY(scrollTop);
+    for (var i = 0; i < listHeight.length - 1; i++) {
+      var height1 = listHeight[i];
+      var height2 = listHeight[i + 1];
+      if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
+        setCurrentIndex(i);
+        state.current.diff = height2 - state.current.scrollY;
+        return;
+      }
+    }
+    setCurrentIndex(listHeight.length - 2);
+  };
+  useEffect(function () {
+    if (listview.current) {
+      Taro.nextTick(function () {
+        setListGroup();
+      });
+    }
+  }, [listview]);
+  useEffect(function () {
+    var _state$current = state.current,
+      listHeight = _state$current.listHeight,
+      diff = _state$current.diff,
+      scrollY = _state$current.scrollY;
+    var fixedTop = diff > 0 && diff < titleHeight ? diff - titleHeight : 0;
+    if (scrollY + clientHeight() === listHeight[listHeight.length - 1]) {
+      if (fixedTop !== 0) {
+        fixedTop = 0;
+      }
+    }
+    if (state.current.fixedTop === fixedTop) return;
+    state.current.fixedTop = fixedTop;
+  }, [state.current.diff, titleHeight]);
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className, " ")
+  }, rest), isSticky && scrollY > 0 ? React__default.createElement("div", {
+    className: b('list__fixed')
+  }, React__default.createElement("span", {
+    className: "fixed-title"
+  }, indexList[currentIndex][acceptKey])) : null, React__default.createElement("div", {
+    className: b('list'),
+    style: {
+      height: Number.isNaN(+height) ? height : "".concat(height, "px")
+    }
+  }, React__default.createElement(ScrollView, {
+    scrollTop: scrollTop,
+    scrollY: true,
+    className: b('list__inner'),
+    ref: listview,
+    onScroll: listViewScroll
+  }, indexList.map(function (item, idx) {
+    return React__default.createElement("div", {
+      className: "".concat(b('list__item'), " elevator__item__").concat(idx),
+      key: idx
+    }, React__default.createElement("div", {
+      className: b('list__item__code')
+    }, item[acceptKey]), React__default.createElement(React__default.Fragment, null, item.list.map(function (subitem) {
+      return React__default.createElement("div", {
+        className: b('list__item__name', {
+          highcolor: currentData.id === subitem.id && currentKey === item[acceptKey]
+        }),
+        key: subitem.id,
+        onClick: function onClick() {
+          return handleClickItem(item[acceptKey], subitem);
+        }
+      }, children ? React__default.createElement(React__default.Fragment, null, React__default.createElement(elevatorContext.Provider, {
+        value: subitem
+      }, children)) : subitem.name);
+    })));
+  }))), indexList.length && scrollStart ? React__default.createElement("div", {
+    className: b('code--current', {
+      current: true
+    })
+  }, indexList[codeIndex][acceptKey]) : null, React__default.createElement("div", {
+    className: b('bars')
+  }, React__default.createElement("div", {
+    className: b('bars__inner'),
+    onTouchStart: function onTouchStart(event) {
+      return touchStart(event);
+    },
+    onTouchMove: function onTouchMove(event) {
+      return touchMove(event);
+    },
+    onTouchEnd: touchEnd,
+    style: {
+      touchAction: 'pan-y'
+    }
+  }, indexList.map(function (item, index) {
+    return React__default.createElement("div", {
+      className: "".concat(b('bars__inner__item', {
+        active: item[acceptKey] === indexList[currentIndex][acceptKey]
+      }), " "),
+      "data-index": index,
+      key: index,
+      onClick: function onClick() {
+        return handleClickIndex(item[acceptKey]);
+      }
+    }, item[acceptKey]);
+  }))));
+};
+Elevator.defaultProps = defaultProps;
+Elevator.displayName = 'NutElevator';
+export { Elevator as E };

package/dist/esm/empty.taro-ab9c4f03.js

@@ -0,0 +1,81 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["image", "imageSize", "description", "children", "className"];
+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';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
+
+/**
+ * 内置图片地址
+ */
+var defaultStatus = {
+  empty: 'https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png',
+  error: 'https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png',
+  network: 'https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png'
+};
+var defaultProps = {
+  description: '无内容',
+  image: 'empty',
+  imageSize: '',
+  className: ''
+};
+var Empty = function Empty(props) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  defaultProps.description = locale.noData || defaultProps.description;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    image = _defaultProps$props.image,
+    imageSize = _defaultProps$props.imageSize,
+    description = _defaultProps$props.description,
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    imgStyle = _useState2[0],
+    setImgStyle = _useState2[1];
+  var b = cn('empty');
+  var imageNode = image;
+  if (typeof image === 'string') {
+    var isHttpUrl = image.startsWith('https://') || image.startsWith('http://') || image.startsWith('//');
+    var imageUrl = isHttpUrl ? image : defaultStatus[image];
+    imageNode = React__default.createElement("img", {
+      className: "img",
+      src: imageUrl,
+      alt: "empty"
+    });
+  }
+  useEffect(function () {
+    setImgStyle(function () {
+      if (!imageSize) {
+        return {};
+      }
+      if (typeof imageSize === 'number') {
+        return {
+          width: "".concat(imageSize, "px"),
+          height: "".concat(imageSize, "px")
+        };
+      }
+      return {
+        width: imageSize,
+        height: imageSize
+      };
+    });
+  }, [imageSize]);
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className)
+  }, rest), React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: b('image'),
+    style: imgStyle
+  }, imageNode), typeof description === 'string' ? React__default.createElement("div", {
+    className: b('description')
+  }, description) : {
+    description: description
+  }, children));
+};
+Empty.defaultProps = defaultProps;
+Empty.displayName = 'NutEmpty';
+export { Empty as E };

package/dist/esm/fixednav.taro-582322a1.js

@@ -0,0 +1,97 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["fixednavClass", "overlay", "visible", "navList", "activeText", "unActiveText", "position", "onChange", "onSelected", "type", "slotList", "slotBtn", "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 classNames from 'classnames';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { O as Overlay } from './overlay.taro-be45fed5.js';
+import { c as cn } from './bem-893ad28d.js';
+import { u as useConfig } from './configprovider.taro-6c7b3056.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  fixednavClass: 'nut-fixednav',
+  activeText: '',
+  unActiveText: '',
+  type: 'right',
+  position: {
+    top: 'auto',
+    bottom: 'auto'
+  }
+});
+var FixedNav = function FixedNav(props) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    fixednavClass = _defaultProps$props.fixednavClass,
+    overlay = _defaultProps$props.overlay,
+    visible = _defaultProps$props.visible,
+    navList = _defaultProps$props.navList,
+    activeText = _defaultProps$props.activeText,
+    unActiveText = _defaultProps$props.unActiveText,
+    position = _defaultProps$props.position,
+    onChange = _defaultProps$props.onChange,
+    onSelected = _defaultProps$props.onSelected,
+    type = _defaultProps$props.type,
+    slotList = _defaultProps$props.slotList,
+    slotBtn = _defaultProps$props.slotBtn,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var b = cn('fixednav');
+  var classes = classNames({
+    active: visible
+  }, type, fixednavClass, b(''));
+  var onSelectCb = function onSelectCb(event, item) {
+    onSelected(item, event);
+  };
+  var onUpdateValue = function onUpdateValue() {
+    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !visible;
+    onChange(value);
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: classes,
+    style: position
+  }, rest), overlay && React__default.createElement(Overlay, {
+    visible: visible,
+    zIndex: 200,
+    onClick: function onClick() {
+      return onUpdateValue(false);
+    }
+  }), React__default.createElement("div", {
+    className: "list"
+  }, slotList || React__default.createElement("div", {
+    className: "nut-fixednav__list"
+  }, navList.map(function (item, index) {
+    return React__default.createElement("div", {
+      className: "nut-fixednav__list-item",
+      onClick: function onClick(event) {
+        return onSelectCb(event, item);
+      },
+      key: item.id || index
+    }, React__default.createElement("img", {
+      src: item.icon,
+      alt: ""
+    }), React__default.createElement("div", {
+      className: "nut-fixednav__list-text"
+    }, item.text), item.num && React__default.createElement("div", {
+      className: "b"
+    }, item.num));
+  }))), React__default.createElement("div", {
+    className: "nut-fixednav__btn",
+    onClick: function onClick() {
+      return onUpdateValue();
+    }
+  }, slotBtn || React__default.createElement(React__default.Fragment, null, React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    name: "left",
+    color: "#fff"
+  }), React__default.createElement("div", {
+    className: "text"
+  }, visible ? activeText || locale.fixednav.activeText : unActiveText || locale.fixednav.unActiveText))));
+};
+FixedNav.defaultProps = defaultProps;
+FixedNav.displayName = 'NutFixedNav';
+export { FixedNav as F };

package/dist/esm/grid.taro-5d75c0ad.js

@@ -0,0 +1,75 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "columnNum", "border", "gutter", "center", "square", "reverse", "direction", "style", "iconSize", "iconColor", "className"];
+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 { u as useConfig } from './configprovider.taro-6c7b3056.js';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  columnNum: 4,
+  border: true,
+  gutter: 0,
+  center: true,
+  square: false,
+  reverse: false,
+  direction: 'vertical',
+  iconSize: 28,
+  iconColor: ''
+};
+var Grid = function Grid(props) {
+  useConfig();
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    columnNum = _defaultProps$props.columnNum,
+    border = _defaultProps$props.border,
+    gutter = _defaultProps$props.gutter,
+    center = _defaultProps$props.center,
+    square = _defaultProps$props.square,
+    reverse = _defaultProps$props.reverse,
+    direction = _defaultProps$props.direction,
+    style = _defaultProps$props.style,
+    iconSize = _defaultProps$props.iconSize,
+    iconColor = _defaultProps$props.iconColor,
+    className = _defaultProps$props.className,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var childrenDom = React__default.Children.toArray(children);
+  var pxCheck = function pxCheck(value) {
+    return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+  };
+  var b = cn('grid');
+  var rootClass = function rootClass() {
+    var prefixCls = b();
+    return "".concat(className, " ").concat(prefixCls, " ").concat(border && !gutter ? "".concat(b('border')) : '');
+  };
+  var rootStyle = function rootStyle() {
+    var styleSelf = {};
+    if (style) {
+      styleSelf = style;
+    }
+    if (gutter) {
+      styleSelf.paddingLeft = pxCheck(gutter);
+    }
+    return styleSelf;
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: rootClass(),
+    style: rootStyle()
+  }, rest), childrenDom.map(function (item, idex) {
+    return React__default.cloneElement(item, {
+      index: idex,
+      columnNum: columnNum,
+      center: center,
+      border: border,
+      gutter: gutter,
+      square: square,
+      reverse: reverse,
+      direction: direction,
+      parentIconSize: iconSize,
+      parentIconColor: iconColor
+    });
+  }));
+};
+Grid.defaultProps = defaultProps;
+Grid.displayName = 'NutGrid';
+export { Grid as G };

package/dist/esm/griditem.taro-ca62dbb5.js

@@ -0,0 +1,94 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction", "iconClassPrefix", "iconFontClassName", "onClick"];
+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 { u as useConfig } from './configprovider.taro-6c7b3056.js';
+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), {}, {
+  text: '',
+  icon: '',
+  iconSize: '',
+  iconColor: '',
+  parentIconSize: '',
+  parentIconColor: '',
+  columnNum: 4,
+  border: true,
+  gutter: 0,
+  center: true,
+  square: false,
+  reverse: false,
+  direction: 'vertical'
+});
+var GridItem = function GridItem(props) {
+  useConfig();
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    columnNum = _defaultProps$props.columnNum,
+    index = _defaultProps$props.index,
+    gutter = _defaultProps$props.gutter,
+    square = _defaultProps$props.square,
+    text = _defaultProps$props.text,
+    icon = _defaultProps$props.icon,
+    iconColor = _defaultProps$props.iconColor,
+    iconSize = _defaultProps$props.iconSize,
+    parentIconSize = _defaultProps$props.parentIconSize,
+    parentIconColor = _defaultProps$props.parentIconColor,
+    border = _defaultProps$props.border,
+    center = _defaultProps$props.center,
+    reverse = _defaultProps$props.reverse,
+    direction = _defaultProps$props.direction,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    onClick = _defaultProps$props.onClick,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var b = cn('grid-item');
+  var pxCheck = function pxCheck(value) {
+    return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+  };
+  var rootStyle = function rootStyle() {
+    var style = {
+      flexBasis: "".concat(100 / +columnNum, "%")
+    };
+    if (square) {
+      style.paddingTop = "".concat(100 / +columnNum, "%");
+    } else if (gutter) {
+      style.paddingRight = pxCheck(gutter);
+      if (index >= columnNum) {
+        style.marginTop = pxCheck(gutter);
+      }
+    }
+    return style;
+  };
+  var contentClass = function contentClass() {
+    return "".concat(b('content'), " ").concat(border && b('content--border'), " ").concat(border && gutter && b('content--surround'), "  ").concat(center && b('content--center'), " ").concat(square && b('content--square'), " ").concat(reverse && b('content--reverse'), " ").concat(!!direction && b("content--".concat(direction)), "\n      ");
+  };
+  var isIconName = function isIconName() {
+    return typeof icon === 'string';
+  };
+  var handleClick = function handleClick(e) {
+    onClick && onClick(e);
+  };
+  return React__default.createElement("div", _objectSpread(_objectSpread({
+    className: b(),
+    style: rootStyle()
+  }, rest), {}, {
+    onClick: handleClick
+  }), React__default.createElement("div", {
+    className: contentClass()
+  }, icon && isIconName() ? React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    name: icon,
+    size: iconSize || parentIconSize,
+    color: iconColor || parentIconColor
+  }) : React__default.createElement(React__default.Fragment, null, icon), text && React__default.createElement("div", {
+    className: "nut-grid-item__text"
+  }, text), children && React__default.createElement(React__default.Fragment, null, children)));
+};
+GridItem.defaultProps = defaultProps;
+GridItem.displayName = 'NutGridItem';
+export { GridItem as G };

package/dist/esm/icon-8dc4de10.js

@@ -0,0 +1,62 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "onClick"];
+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 = {
+  name: '',
+  size: '',
+  classPrefix: 'nut-icon',
+  fontClassName: 'nutui-iconfont',
+  color: '',
+  tag: 'i',
+  onClick: function onClick(e) {},
+  className: ''
+};
+function pxCheck(value) {
+  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+}
+function Icon(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    name = _defaultProps$props.name,
+    size = _defaultProps$props.size,
+    classPrefix = _defaultProps$props.classPrefix,
+    color = _defaultProps$props.color,
+    tag = _defaultProps$props.tag,
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    fontClassName = _defaultProps$props.fontClassName,
+    style = _defaultProps$props.style,
+    onClick = _defaultProps$props.onClick,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var isImage = name ? name.indexOf('/') !== -1 : false;
+  var type = isImage ? 'img' : tag;
+  var b = cn('icon');
+  var handleClick = function handleClick(e) {
+    if (onClick) {
+      onClick(e);
+    }
+  };
+  var hasSrc = function hasSrc() {
+    if (isImage) return {
+      src: name
+    };
+    return {};
+  };
+  return React__default.createElement(type, _objectSpread(_objectSpread({
+    className: isImage ? "".concat(b('img'), " ").concat(className || '', " ") : "".concat(fontClassName, " ").concat(b(null), " ").concat(classPrefix, "-").concat(name, " ").concat(className || ''),
+    style: _objectSpread({
+      color: color,
+      fontSize: pxCheck(size),
+      width: pxCheck(size),
+      height: pxCheck(size)
+    }, style)
+  }, rest), {}, {
+    onClick: handleClick
+  }, hasSrc()), children);
+}
+Icon.defaultProps = defaultProps;
+Icon.displayName = 'NutIcon';
+export { Icon as I };