@nutui/nutui-react-taro 1.4.4 → 1.4.5

package/dist/esm/griditem.taro-4cade72e.js

@@ -0,0 +1,90 @@
+import React__default, { useContext } from 'react';
+import { u as useConfig } from './configprovider.taro-26882dd2.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';
+import { G as GridContext } from './grid.taro.context-39636af9.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    text: '',
+    fontSize: '',
+    color: '',
+    icon: '',
+    iconSize: '',
+    iconColor: '',
+    parentIconSize: '',
+    parentIconColor: '',
+    columnNum: 4,
+    border: true,
+    gutter: 0,
+    center: true,
+    square: false,
+    reverse: false,
+    direction: 'vertical',
+};
+const GridItem = (props) => {
+    useConfig();
+    const { children, columnNum, index, gutter, square, text, fontSize, color, icon, iconColor, iconSize, parentIconSize, parentIconColor, border, center, reverse, direction, iconClassPrefix, iconFontClassName, onClick, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const b = cn('grid-item');
+    const context = useContext(GridContext);
+    const pxCheck = (value) => {
+        return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
+    };
+    const rootStyle = () => {
+        const style = {
+            flexBasis: `${100 / +columnNum}%`,
+        };
+        if (square) {
+            style.paddingTop = `${100 / +columnNum}%`;
+        }
+        else if (gutter) {
+            style.paddingRight = pxCheck(gutter);
+            if (index >= columnNum) {
+                style.marginTop = pxCheck(gutter);
+            }
+        }
+        return style;
+    };
+    const contentClass = () => {
+        return `${b('content')} ${border && b('content--border')} ${border && gutter && b('content--surround')}  ${center && b('content--center')} ${square && b('content--square')} ${reverse && b('content--reverse')} ${!!direction && b(`content--${direction}`)}
+      `;
+    };
+    const isIconName = () => {
+        return typeof icon === 'string';
+    };
+    const handleClick = (e) => {
+        onClick && onClick(e);
+        context.onClick &&
+            context.onClick({
+                text,
+                icon,
+                iconSize,
+                iconColor,
+                parentIconSize,
+                parentIconColor,
+                index,
+                columnNum,
+                border,
+                gutter,
+                center,
+                square,
+                reverse,
+                direction,
+                fontSize,
+                color,
+            }, index);
+    };
+    return (React__default.createElement("div", { 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, color } }, 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

@@ -1,62 +1,54 @@
-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: ''
+
+const defaultProps = {
+    name: '',
+    size: '',
+    classPrefix: 'nut-icon',
+    fontClassName: 'nutui-iconfont',
+    color: '',
+    tag: 'i',
+    onClick: (e) => { },
+    className: '',
 };
 function pxCheck(value) {
-  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+    return Number.isNaN(Number(value)) ? String(value) : `${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
+    const { name, size, classPrefix, color, tag, children, className, fontClassName, style, onClick, ...rest } = {
+        ...defaultProps,
+        ...props,
     };
-    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);
+    const isImage = name ? name.indexOf('/') !== -1 : false;
+    const type = isImage ? 'img' : tag;
+    const b = cn('icon');
+    const handleClick = (e) => {
+        if (onClick) {
+            onClick(e);
+        }
+    };
+    const hasSrc = () => {
+        if (isImage)
+            return { src: name };
+        return {};
+    };
+    return React__default.createElement(type, {
+        className: isImage
+            ? `${b('img')} ${className || ''} `
+            : `${fontClassName} ${b(null)} ${classPrefix}-${name} ${className || ''}`,
+        style: {
+            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 };

package/dist/esm/icon.taro-1d0d4fb7.js

@@ -1,62 +1,54 @@
-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: ''
+
+const defaultProps = {
+    name: '',
+    size: '',
+    classPrefix: 'nut-icon',
+    fontClassName: 'nutui-iconfont',
+    color: '',
+    tag: 'i',
+    onClick: (e) => { },
+    className: '',
 };
 function pxCheck(value) {
-  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+    return Number.isNaN(Number(value)) ? String(value) : `${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
+    const { name, size, classPrefix, color, tag, children, className, fontClassName, style, onClick, ...rest } = {
+        ...defaultProps,
+        ...props,
     };
-    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);
+    const isImage = name ? name.indexOf('/') !== -1 : false;
+    const type = isImage ? 'img' : tag;
+    const b = cn('icon');
+    const handleClick = (e) => {
+        if (onClick) {
+            onClick(e);
+        }
+    };
+    const hasSrc = () => {
+        if (isImage)
+            return { src: name };
+        return {};
+    };
+    return React__default.createElement(type, {
+        className: isImage
+            ? `${b('img')} ${className || ''} `
+            : `${fontClassName} ${b(null)} ${classPrefix}-${name} ${className || ''}`,
+        style: {
+            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 };

package/dist/esm/image.taro-e6dc5867.js

@@ -0,0 +1,64 @@
+import React__default, { useState, useEffect } from 'react';
+import { u as useConfig } from './configprovider.taro-26882dd2.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+
+const defaultProps = {
+    fit: 'fill',
+    position: 'center',
+    alt: '',
+    width: 'center',
+    height: '',
+    round: false,
+    showError: true,
+    showLoading: true,
+};
+const Image = (props) => {
+    useConfig();
+    const { children, className, style, src, fit, position, alt, width, height, round, radius, showError, showLoading, slotError, slotLoding, onClick, onLoad, onError, } = { ...defaultProps, ...props };
+    const [loading, setLoading] = useState(true);
+    const [isError, setIsError] = useState(false);
+    useEffect(() => {
+        if (src) {
+            setIsError(false);
+            setLoading(true);
+        }
+    }, [src]);
+    // 图片加载
+    const load = () => {
+        setLoading(false);
+        onLoad && onLoad();
+    };
+    // 图片加载失败
+    const error = () => {
+        setIsError(true);
+        setLoading(false);
+        onError && onError();
+    };
+    const pxCheck = (value) => {
+        return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
+    };
+    const stylebox = {
+        height: height ? pxCheck(height) : '',
+        width: width ? pxCheck(width) : '',
+        overflow: radius !== undefined && radius !== null ? 'hidden' : '',
+        borderRadius: radius !== undefined && radius !== null ? pxCheck(radius) : '',
+    };
+    const styles = {
+        objectFit: fit,
+        objectPosition: position,
+        ...style,
+    };
+    const imageClick = (event) => {
+        onClick && onClick(event);
+    };
+    return (React__default.createElement("div", { className: `nut-image ${round ? 'nut-image-round' : ''}`, style: stylebox, onClick: (e) => {
+            imageClick(e);
+        } },
+        React__default.createElement("img", { className: "nut-img", style: styles, src: src, alt: alt, onLoad: load, onError: error }),
+        showLoading && loading ? (React__default.createElement("div", { className: "nut-img-loading" }, slotLoding || children || React__default.createElement(Icon, { name: "image" }))) : null,
+        showError && isError && !loading ? (React__default.createElement("div", { className: "nut-img-error" }, slotError || children || React__default.createElement(Icon, { name: "image-error" }))) : null));
+};
+Image.defaultProps = defaultProps;
+Image.displayName = 'NutImage';
+
+export { Image as I };