@nutui/nutui-react 1.5.2-beta.0 → 1.5.2-beta.2

package/dist/esm/FixedNav.js

@@ -0,0 +1,105 @@
+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 Icon from './Icon.js';
+import Overlay from './Overlay.js';
+import { c as cn } from './bem-3b438e61.js';
+import { useConfig } from './ConfigProvider.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+import '@bem-react/classname';
+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);
+  };
+  // const [classNames, setClassNames] = useState('')
+  // const classes = () => {
+  //   return `${fixednavClass} ${type} ${visible ? 'active' : ''}`
+  // }
+  // useEffect(() => {
+  //   setClassNames(classes())
+  // }, [visible])
+  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 default };

package/dist/esm/Form/style/index.js

@@ -0,0 +1,2 @@
+import '../../CellGroup/style'
+import '../../../packages/form/form.scss'

package/dist/esm/Form.js

@@ -0,0 +1,219 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "onFinish", "onFinishFailed", "labelPosition", "starPositon", "form"];
+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 } from 'react';
+import { C as CellGroup } from './cellgroup-fcc72767.js';
+import { F as FormItemContext, a as FormItem } from './formitem-8a73a5fb.js';
+import Schema from 'async-validator';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+import './bem-3b438e61.js';
+import '@bem-react/classname';
+import './Cell.js';
+
+/**
+ * 用于存储表单的数据
+ */
+var FormStore = /*#__PURE__*/_createClass(function FormStore() {
+  var _this = this;
+  _classCallCheck(this, FormStore);
+  _defineProperty(this, "store", {});
+  // 存放表单中所有的数据 eg. {password: "ddd",username: "123"}
+  _defineProperty(this, "fieldEntities", []);
+  // 所有的组件实例
+  // 成功和失败的回调
+  _defineProperty(this, "callbacks", {});
+  _defineProperty(this, "errList", []);
+  /**
+   * 注册组件实例
+   * @param field
+   */
+  _defineProperty(this, "registerField", function (field) {
+    _this.fieldEntities.push(field);
+    return function () {
+      _this.fieldEntities = _this.fieldEntities.filter(function (item) {
+        return item != field;
+      });
+      delete _this.store[field.props.name];
+    };
+  });
+  _defineProperty(this, "getFieldValue", function (name) {
+    return _this.store[name];
+  });
+  /**
+   * 存储组件数据
+   * @param newStore { [name]: newValue }
+   */
+  _defineProperty(this, "setFieldsValue", function (newStore) {
+    _this.store = _objectSpread(_objectSpread({}, _this.store), newStore);
+    _this.fieldEntities.forEach(function (enetity) {
+      var name = enetity.props.name;
+      Object.keys(newStore).forEach(function (key) {
+        if (key === name) {
+          enetity.onStoreChange();
+        }
+      });
+    });
+  });
+  /**
+   * 表单校验
+   * rules: { required: true, message: '' }
+   * descriptor: {
+   *    username: {
+   *      type: 'string',
+   *      required: true,
+   *      validator: (rule, value) => {
+   *        return /^[a-zA-Z0-9]+$/.test(value)
+   *      },
+   *    },
+   *  }
+   */
+  _defineProperty(this, "validate", function () {
+    var err = [];
+    _this.errList.length = 0;
+    _this.fieldEntities.forEach(function (entity) {
+      var _entity$props = entity.props,
+        name = _entity$props.name,
+        _entity$props$rules = _entity$props.rules,
+        rules = _entity$props$rules === void 0 ? [] : _entity$props$rules;
+      var descriptor = {};
+      if (rules.length) {
+        // 多条校验规则
+        if (rules.length > 1) {
+          descriptor[name] = [];
+          rules.map(function (v) {
+            descriptor[name].push(v);
+          });
+        } else {
+          descriptor[name] = rules[0];
+        }
+      }
+      var validator = new Schema(descriptor);
+      validator.validate(_defineProperty({}, name, _this.store[name]), function (errors) {
+        if (errors) {
+          var _this$errList;
+          err.push.apply(err, _toConsumableArray(errors));
+          (_this$errList = _this.errList).push.apply(_this$errList, _toConsumableArray(errors));
+          // 表单项更新
+        }
+
+        entity.onStoreChange();
+      });
+    });
+    return err;
+  });
+  _defineProperty(this, "setCallback", function (callback) {
+    _this.callbacks = _objectSpread(_objectSpread({}, _this.callbacks), callback);
+  });
+  _defineProperty(this, "submit", function () {
+    var err = _this.validate();
+    if (err.length === 0) {
+      var _this$callbacks$onFin, _this$callbacks;
+      (_this$callbacks$onFin = (_this$callbacks = _this.callbacks).onFinish) === null || _this$callbacks$onFin === void 0 ? void 0 : _this$callbacks$onFin.call(_this$callbacks, _this.store);
+    } else if (err.length > 0) {
+      var _this$callbacks$onFin2, _this$callbacks2;
+      (_this$callbacks$onFin2 = (_this$callbacks2 = _this.callbacks).onFinishFailed) === null || _this$callbacks$onFin2 === void 0 ? void 0 : _this$callbacks$onFin2.call(_this$callbacks2, err);
+    }
+  });
+  _defineProperty(this, "resetFields", function () {
+    _this.errList.length = 0;
+    _this.fieldEntities.forEach(function (enetity) {
+      enetity.onStoreChange();
+    });
+  });
+  _defineProperty(this, "getForm", function () {
+    return {
+      setCallback: _this.setCallback,
+      registerField: _this.registerField,
+      getFieldValue: _this.getFieldValue,
+      setFieldsValue: _this.setFieldsValue,
+      resetFields: _this.resetFields,
+      submit: _this.submit,
+      store: _this.store,
+      errList: _this.errList,
+      fieldEntities: _this.fieldEntities
+    };
+  });
+  this.callbacks = {
+    onFinish: function onFinish(value) {},
+    onFinishFailed: function onFinishFailed() {}
+  };
+});
+var useForm = function useForm(form) {
+  var formRef = useRef();
+  if (!formRef.current) {
+    if (form) {
+      formRef.current = form;
+    } else {
+      var formStore = new FormStore();
+      formRef.current = formStore.getForm();
+    }
+  }
+  return [formRef.current];
+};
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  className: '',
+  style: undefined,
+  form: {},
+  labelPosition: 'Right',
+  formGroupTitle: '',
+  onFinish: function onFinish(obj) {},
+  onFinishFailed: function onFinishFailed(value) {},
+  starPositon: 'Left'
+});
+var PositionInfo = {
+  Top: 'form-layout-top',
+  Left: 'form-layout-left',
+  Right: 'form-layout-right'
+};
+var Form = function Form(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    onFinish = _defaultProps$props.onFinish,
+    onFinishFailed = _defaultProps$props.onFinishFailed,
+    labelPosition = _defaultProps$props.labelPosition,
+    starPositon = _defaultProps$props.starPositon,
+    form = _defaultProps$props.form,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var formInstance = {};
+  if (Object.keys(form).length !== 0) {
+    formInstance = form;
+  } else {
+    var _useForm = useForm();
+    var _useForm2 = _slicedToArray(_useForm, 1);
+    formInstance = _useForm2[0];
+  }
+  formInstance.starPositon = starPositon;
+  var _formInstance = formInstance,
+    setCallback = _formInstance.setCallback,
+    submit = _formInstance.submit,
+    resetFields = _formInstance.resetFields;
+  setCallback({
+    onFinish: onFinish,
+    onFinishFailed: onFinishFailed
+  });
+  return React__default.createElement("form", {
+    className: "nut-form ".concat(PositionInfo[labelPosition], " ").concat(props.className),
+    style: props.style,
+    onSubmit: function onSubmit(e) {
+      e.preventDefault();
+      submit();
+    },
+    onReset: function onReset(e) {
+      e.preventDefault();
+      resetFields();
+    }
+  }, React__default.createElement(CellGroup, null, React__default.createElement(FormItemContext.Provider, {
+    value: formInstance
+  }, children)));
+};
+Form.defaultProps = defaultProps;
+Form.displayName = 'NutForm';
+Form.Item = FormItem;
+Form.useForm = useForm;
+export { Form as default };

package/dist/esm/FormItem/style/index.js

@@ -0,0 +1,2 @@
+import '../../Cell/style'
+import '../../../packages/formitem/formitem.scss'

package/dist/esm/FormItem.js

@@ -0,0 +1,5 @@
+import { a as FormItem } from './formitem-8a73a5fb.js';
+import 'react';
+import './Cell.js';
+import './typings-f27b58f4.js';
+export { FormItem as default };

package/dist/esm/Grid/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/grid/grid.scss'

package/dist/esm/Grid.js

@@ -0,0 +1,83 @@
+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", "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 classNames from 'classnames';
+import { useConfig } from './ConfigProvider.js';
+import { c as cn } from './bem-3b438e61.js';
+import { G as GridContext } from './grid.context-2ee27d95.js';
+import '@bem-react/classname';
+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,
+    onClick = _defaultProps$props.onClick,
+    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 classNames(className, prefixCls, _defineProperty({}, b('border'), border && !gutter));
+  };
+  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), React__default.createElement(GridContext.Provider, {
+    value: {
+      onClick: onClick
+    }
+  }, 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 default };

package/dist/esm/GridItem/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/griditem/griditem.scss'

package/dist/esm/GridItem.js

@@ -0,0 +1,125 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "fontSize", "color", "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, { useContext } from 'react';
+import classNames from 'classnames';
+import { useConfig } from './ConfigProvider.js';
+import { c as cn } from './bem-3b438e61.js';
+import Icon from './Icon.js';
+import { G as GridContext } from './grid.context-2ee27d95.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+import '@bem-react/classname';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  text: '',
+  fontSize: '',
+  color: '',
+  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,
+    fontSize = _defaultProps$props.fontSize,
+    color = _defaultProps$props.color,
+    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 context = useContext(GridContext);
+  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() {
+    var _classNames;
+    return classNames(b('content'), (_classNames = {}, _defineProperty(_classNames, b('content--border'), border), _defineProperty(_classNames, b('content--surround'), border && gutter), _defineProperty(_classNames, b('content--center'), center), _defineProperty(_classNames, b('content--square'), square), _defineProperty(_classNames, b('content--reverse'), reverse), _defineProperty(_classNames, b("content--".concat(direction)), !!direction), _classNames));
+  };
+  var isIconName = function isIconName() {
+    return typeof icon === 'string';
+  };
+  var handleClick = function handleClick(e) {
+    onClick && onClick(e);
+    context.onClick && context.onClick({
+      text: text,
+      icon: icon,
+      iconSize: iconSize,
+      iconColor: iconColor,
+      parentIconSize: parentIconSize,
+      parentIconColor: parentIconColor,
+      index: index,
+      columnNum: columnNum,
+      border: border,
+      gutter: gutter,
+      center: center,
+      square: square,
+      reverse: reverse,
+      direction: direction,
+      fontSize: fontSize,
+      color: color
+    }, index);
+  };
+  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",
+    style: {
+      fontSize: fontSize,
+      color: color
+    }
+  }, text), children && React__default.createElement(React__default.Fragment, null, children)));
+};
+GridItem.defaultProps = defaultProps;
+GridItem.displayName = 'NutGridItem';
+export { GridItem as default };

package/dist/esm/Icon/style/index.js

@@ -0,0 +1,4 @@
+import '../../../styles/font/iconfont.css'
+
+
+import '../../../packages/icon/icon.scss'

package/dist/esm/Icon.js

@@ -0,0 +1,5 @@
+import { I as Icon } from './icon-4ef1581c.js';
+import 'react';
+import './bem-3b438e61.js';
+import '@bem-react/classname';
+export { Icon as default };

package/dist/esm/Image/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/image/image.scss'