@nutui/nutui-react 1.5.1 → 2.0.0-alpha.0

package/dist/esm/FormItem.js

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

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

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

package/dist/esm/Grid.js

@@ -1,58 +1,54 @@
 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 _excluded = ["children", "columns", "gap", "center", "square", "reverse", "direction", "style", "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), true).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 { G as GridContext, a as GridItem } from "./griditem2.js";
+import { p as pxCheck } from "./px-check.js";
+import "./ConfigProvider.js";
 var defaultProps = {
-  columnNum: 4,
-  border: true,
-  gutter: 0,
+  columns: 4,
+  gap: 0,
   center: true,
   square: false,
   reverse: false,
-  direction: 'vertical',
-  iconSize: 28,
-  iconColor: ''
+  direction: "vertical"
 };
-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 Grid = function Grid2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, columns = _defaultProps$props.columns, gap = _defaultProps$props.gap, center = _defaultProps$props.center, square = _defaultProps$props.square, reverse = _defaultProps$props.reverse, direction = _defaultProps$props.direction, style = _defaultProps$props.style, 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 classPrefix = "nut-grid";
+  var rootClass = function rootClass2() {
+    return classNames(className, classPrefix, _defineProperty({}, "".concat(classPrefix, "__border"), !gap));
   };
-  var rootStyle = function rootStyle() {
+  var rootStyle = function rootStyle2() {
     var styleSelf = {};
     if (style) {
       styleSelf = style;
     }
-    if (gutter) {
-      styleSelf.paddingLeft = pxCheck(gutter);
+    if (gap) {
+      styleSelf.paddingLeft = pxCheck(gap);
     }
     return styleSelf;
   };
@@ -61,23 +57,23 @@ var Grid = function Grid(props) {
     style: rootStyle()
   }, rest), React__default.createElement(GridContext.Provider, {
     value: {
-      onClick: onClick
+      onClick
     }
-  }, childrenDom.map(function (item, idex) {
+  }, 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
+      columns,
+      center,
+      gap,
+      square,
+      reverse,
+      direction
     });
   })));
 };
 Grid.defaultProps = defaultProps;
-Grid.displayName = 'NutGrid';
-export { Grid as default };
+Grid.displayName = "NutGrid";
+Grid.Item = GridItem;
+export {
+  Grid as default
+};

package/dist/esm/GridItem.js

@@ -1,125 +1,8 @@
-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)));
+import { a as GridItem } from "./griditem2.js";
+import "react";
+import "classnames";
+import "./ConfigProvider.js";
+import "./px-check.js";
+export {
+  GridItem as default
 };
-GridItem.defaultProps = defaultProps;
-GridItem.displayName = 'NutGridItem';
-export { GridItem as default };

package/dist/esm/Icon.js

@@ -1,5 +1,83 @@
-import { I as Icon } from './icon-4ef1581c.js';
-import 'react';
-import './bem-3b438e61.js';
-import '@bem-react/classname';
-export { Icon as default };
+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), true).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.js";
+import "@bem-react/classname";
+var defaultProps = {
+  name: "",
+  size: "",
+  classPrefix: "nut-icon",
+  fontClassName: "nutui-iconfont",
+  color: "",
+  tag: "i",
+  onClick: function onClick(e) {
+  },
+  className: ""
+};
+function pxCheck(value) {
+  if (value === "") {
+    return value;
+  }
+  if (Number.isNaN(Number(value))) {
+    return String(value);
+  }
+  return "".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, onClick2 = _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 handleClick2(e) {
+    if (onClick2) {
+      onClick2(e);
+    }
+  };
+  var hasSrc = function hasSrc2() {
+    if (isImage)
+      return {
+        src: name
+      };
+    return {};
+  };
+  var styles = {};
+  var checkedSize = pxCheck(size);
+  if (checkedSize) {
+    styles.width = styles.height = styles.fontSize = checkedSize;
+  }
+  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(_objectSpread({
+      color
+    }, styles), style)
+  }, rest), {}, {
+    onClick: handleClick
+  }, hasSrc()), children);
+}
+Icon.defaultProps = defaultProps;
+Icon.displayName = "NutIcon";
+export {
+  Icon as default
+};