@nutui/nutui-react-taro 1.5.1 → 2.0.0-alpha.1

package/package.json

@@ -1,8 +1,18 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "1.5.1",
+  "version": "2.0.0-alpha.1",
+  "style": "dist/style.css",
+  "main": "dist/nutui.react.umd.js",
+  "module": "dist/esm/nutui-react.es.js",
+  "typings": "dist/types/index.d.ts",
+  "sideEffects": [
+    "*.scss",
+    "dist/esm/**/style/*",
+    "dist/style.css",
+    "dist/styles/font/*",
+    "dist/styles/font-jmapp/*"
+  ],
   "description": "京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序",
-  "title": "NutUI-React",
   "keywords": [
     "nutui",
     "nutui2",
@@ -16,14 +26,8 @@
     "jdcfe",
     "taro"
   ],
-  "homepage": "https://nutui.jd.com/react",
-  "bugs": {
-    "url": "https://github.com/jdf2e/nutui-react/issues"
-  },
+  "author": "jdcfe",
   "license": "MIT",
-  "contributors": [
-    "jdcfe"
-  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/jdf2e/nutui-react.git"
@@ -35,158 +39,27 @@
     "LICENSE",
     "CHANGELOG.md"
   ],
-  "main": "dist/nutui.react.umd.js",
-  "module": "dist/esm/nutui-react.es.js",
-  "typings": "dist/types/index.d.ts",
-  "style": "dist/style.css",
-  "sideEffects": [
-    "*.scss",
-    "dist/esm/**/style/*",
-    "dist/style.css",
-    "dist/styles/font/*"
-  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "scripts": {
-    "add": "node scripts/createComponentMode.js",
-    "generate:file": "node scripts/generate-nutui.js",
-    "generate:themes": "node scripts/generate-themes.js",
-    "generate:themes-dev": "node scripts/generate-themes-dev.js",
-    "checked": "npm run generate:file && tsc",
-    "dev": "npm run checked && vite --open --force",
-    "dev:theme": "npm run generate:themes-dev && npm run checked && vite  --force --config vite.config.theme.ts",
-    "replace:scss": "node scripts/replace-scss-alias.js",
-    "build:dts": "node scripts/export-props.js && npx rollup -c rollup.config.dts.mjs",
-    "build:loader-style": "node scripts/generate-loader-style.js",
-    "build:component:css": "node scripts/build-component-css.js",
-    "build:css": "npm run generate:themes && vite build --config vite.config.build.css.ts && npm run build:replace ",
-    "build:replace": "npm run replace:scss",
-    "build:es": "npx rollup -c rollup.config.es.js --bundleConfigAsCjs",
-    "build:locales": "vite build --config vite.config.build.locales.ts",
-    "build": "npm run checked && vite build --config vite.config.build.ts && npm run build:es && npm run build:css && npm run build:loader-style && npm run build:dts && npm run build:locales",
-    "build:site": "npm run checked && vite build --config vite.config.build.site.ts",
-    "build:taro:site": "npm run checked:taro && npm run generate:file:taro:pages && cd ./src/sites/mobile-taro && npm run build:h5",
-    "build:theme:site": "npm run checked && vite build --config vite.config.theme.ts && npm run generate:themes-dev",
-    "lint": "eslint ./src/packages/calendar",
-    "lint:fix": "eslint --fix ./src/packages/calendar",
-    "publish:beta": "npm publish --tag beta",
-    "prepare": "husky install",
-    "test": "jest",
-    "test:demo": "jest  --testNamePattern=^should match snapshot$ --runTestsByPath ./src/packages/collapse/__test__/collapse.spec.tsx",
-    "generate:file:taro": "node scripts/taro/generate-nutui-taro.js",
-    "checked:taro": "npm run generate:file:taro && tsc --project ./tsconfig.taro.json",
-    "generate:file:taro:pages": "node scripts/taro/generate-taro-pages.js",
-    "dev:taro:weapp": "npm run checked:taro && npm run generate:file:taro:pages && cd ./src/sites/mobile-taro && npm run dev:weapp",
-    "dev:taro:jd": "npm run checked:taro && npm run generate:file:taro:pages && cd ./src/sites/mobile-taro && npm run dev:jd",
-    "dev:taro:h5": "npm run checked:taro && npm run generate:file:taro:pages && cd ./src/sites/mobile-taro && npm run dev:h5",
-    "replace:taro:types": "node scripts/taro/replace-taro-types-alias.js",
-    "build:taro": "npm run checked:taro && vite build --config vite.config.build.taro.ts && npm run build:taro:es  && npm run build:css && npm run build:loader-style && npm --taro run build:dts && npm run build:locales",
-    "build:taro:es": "npx rollup -c rollup.config.taro.es.js --bundleConfigAsCjs",
-    "build:taro:weapp": "npm run checked:taro && vite build --config vite.config.build.taro.ts && npm run generate:file:taro:pages && cd ./src/sites/mobile-taro && npm run build:weapp",
-    "add:taro:config": "node scripts/taro/generate-taro-route.js"
+    "postpublish": "node scripts/postpublish.js"
   },
   "lint-staged": {
     "*.md": "prettier --write",
     "*.{ts,tsx,js,vue,scss}": "prettier --write"
   },
   "dependencies": {
-    "@babel/runtime": "^7.16.5",
-    "@bem-react/classname": "^1.5.10",
+    "@babel/runtime": "^7.21.0",
+    "@bem-react/classname": "^1.6.0",
+    "@nutui/icons-react-taro": "0.0.1-beta.7",
     "@react-spring/web": "~9.6.1",
     "@use-gesture/react": "10.2.20",
     "async-validator": "^4.2.5",
-    "classnames": "^2.3.1",
+    "classnames": "^2.3.2",
     "lodash.kebabcase": "^4.1.1",
-    "react-transition-group": "^4.4.2"
-  },
-  "devDependencies": {
-    "@babel/plugin-proposal-class-properties": "^7.16.5",
-    "@babel/plugin-proposal-object-rest-spread": "^7.16.5",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.16.5",
-    "@babel/preset-env": "^7.16.5",
-    "@babel/preset-react": "^7.16.5",
-    "@babel/preset-typescript": "^7.16.5",
-    "@commitlint/cli": "^12.1.4",
-    "@commitlint/config-conventional": "^12.1.4",
-    "@loadable/component": "^5.15.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^13.1.1",
-    "@rollup/plugin-typescript": "^8.3.0",
-    "@tarojs/components": "^3.6.0",
-    "@tarojs/plugin-framework-react": "^3.6.0",
-    "@tarojs/plugin-platform-h5": "^3.6.0",
-    "@tarojs/plugin-platform-weapp": "^3.6.0",
-    "@tarojs/react": "^3.6.0",
-    "@tarojs/taro": "^3.6.0",
-    "@tarojs/taro-h5": "^3.6.0",
-    "@tarojs/taro-loader": "^3.6.0",
-    "@testing-library/jest-dom": "^5.16.3",
-    "@testing-library/react": "^13.3.0",
-    "@types/jest": "^27.4.1",
-    "@types/loadable__component": "^5.13.3",
-    "@types/lodash.kebabcase": "^4.1.6",
-    "@types/node": "^15.3.1",
-    "@types/react": "^18.0.17",
-    "@types/react-dom": "^18.0.6",
-    "@types/react-router-dom": "^5.1.7",
-    "@types/react-syntax-highlighter": "^13.5.2",
-    "@types/react-test-renderer": "^18.0.0",
-    "@types/react-transition-group": "^4.4.4",
-    "@types/testing-library__jest-dom": "^5.14.5",
-    "@typescript-eslint/eslint-plugin": "^4.24.0",
-    "@typescript-eslint/parser": "^4.24.0",
-    "@vitejs/plugin-react": "^1.1.3",
-    "@vitejs/plugin-react-refresh": "^1.3.1",
-    "autoprefixer": "^10.4.0",
-    "axios": "^0.21.1",
-    "babel-plugin-react-scoped-css": "^1.1.1",
-    "eslint": "^7.26.0",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.23.2",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-markdown": "^2.2.1",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.23.2",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-unused-imports": "^1.1.5",
-    "fs-extra": "^10.0.0",
-    "glob": "^7.2.0",
-    "husky": "^6.0.0",
-    "inquirer": "^8.0.0",
-    "jest": "^27.5.1",
-    "jest-canvas-mock": "^2.4.0",
-    "lint-staged": "^11.0.0",
-    "lzutf8": "0.6.0",
-    "map-stream": "0.0.7",
-    "marked": "^2.0.3",
-    "mobx": "^6.6.2",
-    "mobx-react-lite": "^3.4.0",
-    "postcss-import": "^14.0.2",
-    "postcss-modules": "^4.2.2",
-    "prettier": "2.3.0",
-    "react": "^18.2.0",
-    "react-color": "^2.19.3",
-    "react-dom": "^18.2.0",
-    "react-markdown": "^7.1.2",
-    "react-router-dom": "^5.3.4",
-    "react-syntax-highlighter": "^15.4.5",
-    "react-test-renderer": "^18.2.0",
-    "reactcss": "^1.2.3",
-    "remark-directive": "^2.0.1",
-    "remark-gfm": "^3.0.1",
-    "rollup-plugin-delete": "^2.0.0",
-    "rollup-plugin-dts": "^5.0.0",
-    "sass": "^1.45.0",
-    "shelljs": "^0.8.4",
-    "ts-jest": "^27.1.4",
-    "ts-node": "^10.7.0",
-    "typescript": "^4.8.2",
-    "unist-util-visit": "^4.1.0",
-    "vinyl-fs": "^3.0.3",
-    "vite": "^4.1.4",
-    "vite-plugin-dts": "^1.1.1"
+    "react-transition-group": "^4.4.5"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
@@ -194,9 +67,5 @@
   "resolutions": {
     "@types/react": "18",
     "@types/react-dom": "18"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
   }
 }

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

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

package/dist/esm/backtop.taro-66394a36.js

@@ -1,48 +0,0 @@
-import React__default, { useState } from 'react';
-import { usePageScroll, pageScrollTo } from '@tarojs/taro';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    bottom: 20,
-    right: 10,
-    elId: 'body',
-    distance: 200,
-    zIndex: 10,
-    isAnimation: true,
-    duration: 1000,
-};
-const BackTop = (props) => {
-    const { children, bottom, right, elId, distance, zIndex, isAnimation, className, duration, style, onClick, iconClassPrefix, iconFontClassName, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [backTop, SetBackTop] = useState(false);
-    // 监听用户滑动页面事件
-    usePageScroll((res) => {
-        const { scrollTop } = res;
-        scrollTop >= distance ? SetBackTop(true) : SetBackTop(false);
-    });
-    // 返回顶部点击事件
-    const goTop = (e) => {
-        onClick && onClick(e);
-        pageScrollTo({
-            scrollTop: 0,
-            duration: isAnimation && duration > 0 ? duration : 0,
-        });
-    };
-    const backTopClass = {
-        right: `${right}px`,
-        bottom: `${bottom}px`,
-        zIndex,
-    };
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", { className: `nut-backtop ${backTop ? 'show' : ''} ${className || ''}`, style: { ...backTopClass, ...style }, onClick: (e) => {
-                goTop(e);
-            } }, children || (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, size: "19px", className: "nut-backtop-main", name: "top" })))));
-};
-BackTop.defaultProps = defaultProps;
-BackTop.displayName = 'NutBackTop';
-
-export { BackTop as B };

package/dist/esm/button.taro-9244d065.js

@@ -1,100 +0,0 @@
-import React__default, { useCallback, useState, useEffect } from 'react';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    className: '',
-    color: '',
-    shape: 'round',
-    plain: false,
-    loading: false,
-    disabled: false,
-    type: 'default',
-    size: 'normal',
-    block: false,
-    icon: '',
-    iconSize: '16',
-    style: {},
-    children: undefined,
-    onClick: (e) => { },
-};
-const Button = (props) => {
-    const { color, shape, plain, loading, disabled, type, size, block, icon, iconSize, children, onClick, className, style, iconClassPrefix, iconFontClassName, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const getStyle = useCallback(() => {
-        const style = {};
-        if (color) {
-            if (plain) {
-                style.color = color;
-                style.background = '#fff';
-                if (!color?.includes('gradient')) {
-                    style.borderColor = color;
-                }
-            }
-            else {
-                style.color = '#fff';
-                style.background = color;
-            }
-        }
-        return style;
-    }, [color, plain]);
-    const classes = useCallback(() => {
-        const prefixCls = 'nut-button';
-        return [
-            prefixCls,
-            `${type ? `${prefixCls}--${type}` : ''}`,
-            `${size ? `${prefixCls}--${size}` : ''}`,
-            `${shape ? `${prefixCls}--${shape}` : ''}`,
-            `${plain ? `${prefixCls}--plain` : ''}`,
-            `${block ? `${prefixCls}--block` : ''}`,
-            `${disabled ? `${prefixCls}--disabled` : ''}`,
-            `${loading ? `${prefixCls}--loading` : ''}`,
-        ]
-            .filter(Boolean)
-            .join(' ');
-    }, [block, disabled, loading, plain, shape, size, type]);
-    const [btnName, setBtnName] = useState(classes());
-    const [btnStyle, setBtnStyle] = useState(getStyle());
-    useEffect(() => {
-        setBtnName(classes());
-        setBtnStyle(getStyle());
-    }, [
-        className,
-        color,
-        shape,
-        plain,
-        loading,
-        disabled,
-        style,
-        type,
-        size,
-        block,
-        icon,
-        iconSize,
-        children,
-        onClick,
-        classes,
-        getStyle,
-    ]);
-    const 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", { className: `${btnName} ${className}`, style: { ...btnStyle, ...style }, ...rest, onClick: (e) => handleClick(e) },
-        React__default.createElement("div", { className: "nut-button__warp" },
-            loading && (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: "loading" })),
-            !loading && icon ? (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: icon, size: iconSize })) : (''),
-            children && (React__default.createElement("div", { className: icon || loading ? 'text' : '' }, children)))));
-};
-Button.defaultProps = defaultProps;
-Button.displayName = 'NutButton';
-
-export { Button as B };

package/dist/esm/cell.taro-a10a74d3.js

@@ -1,64 +0,0 @@
-import React__default from 'react';
-import { redirectTo, navigateTo } from '@tarojs/taro';
-import { c as cn } from './bem-350c1702.js';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    title: null,
-    subTitle: null,
-    desc: '',
-    descTextAlign: 'right',
-    isLink: false,
-    icon: '',
-    roundRadius: '6px',
-    url: '',
-    to: '',
-    replace: false,
-    center: false,
-    size: '',
-    className: '',
-    iconSlot: null,
-    linkSlot: null,
-    onClick: (event) => { },
-};
-const Cell = (props) => {
-    const { children, onClick, title, subTitle, desc, descTextAlign, isLink, icon, roundRadius, url, to, replace, center, size, className, iconSlot, linkSlot, iconClassPrefix, iconFontClassName, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('cell');
-    const handleClick = (event) => {
-        onClick(event);
-        const link = to || url;
-        if (link) {
-            replace ? redirectTo({ url: link }) : navigateTo({ url: link });
-        }
-    };
-    const baseStyle = {
-        borderRadius: Number.isNaN(Number(roundRadius))
-            ? String(roundRadius)
-            : `${roundRadius}px`,
-    };
-    const styles = title || subTitle || icon
-        ? { textAlign: descTextAlign }
-        : {
-            textAlign: descTextAlign,
-            flex: 1,
-        };
-    return (React__default.createElement("div", { className: `${b({ clickable: !!(isLink || to), center, large: size === 'large' }, [className])} `, onClick: (event) => handleClick(event), style: baseStyle, ...rest }, children || (React__default.createElement(React__default.Fragment, null,
-        icon || iconSlot ? (React__default.createElement("div", { className: b('icon') }, iconSlot ||
-            (icon ? (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: icon, className: "icon" })) : null))) : null,
-        title || subTitle ? (React__default.createElement("div", { className: `${b('title')}` },
-            title ? React__default.createElement("div", { className: b('maintitle') }, title) : null,
-            subTitle ? (React__default.createElement("div", { className: b('subtitle') }, subTitle)) : null)) : null,
-        desc ? (React__default.createElement("div", { className: b('value', {
-                alone: !title && !subTitle,
-            }), style: styles }, desc)) : null,
-        !linkSlot && (isLink || to) ? (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: "right", className: b('link') })) : (linkSlot)))));
-};
-Cell.defaultProps = defaultProps;
-Cell.displayName = 'NutCell';
-
-export { Cell as C };

package/dist/esm/cellgroup.taro-abe501bc.js

@@ -1,25 +0,0 @@
-import React__default from 'react';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    title: '',
-    desc: '',
-    className: '',
-    titleSlot: null,
-    descSlot: null,
-};
-const CellGroup = (props) => {
-    const { children, className, title, desc, titleSlot, descSlot } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('cell-group');
-    return (React__default.createElement("div", { className: b(null, [className]) },
-        titleSlot || (React__default.createElement(React__default.Fragment, null, title ? React__default.createElement("div", { className: b('title') }, title) : null)),
-        descSlot || React__default.createElement(React__default.Fragment, null, desc ? React__default.createElement("div", { className: b('desc') }, desc) : null),
-        React__default.createElement("div", { className: b('wrap') }, children)));
-};
-CellGroup.defaultProps = defaultProps;
-CellGroup.displayName = 'NutCellGroup';
-
-export { CellGroup as C };

package/dist/esm/divider.taro-26d1d8b4.js

@@ -1,35 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    contentPosition: 'center',
-    dashed: false,
-    hairline: true,
-    direction: 'horizontal',
-};
-const Divider = (props) => {
-    const { children, contentPosition, dashed, hairline, styles, className, direction, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const dividerBem = cn('divider');
-    const classes = direction === 'horizontal'
-        ? classNames({
-            [dividerBem()]: true,
-            [dividerBem('center')]: children,
-            [dividerBem('left')]: contentPosition === 'left',
-            [dividerBem('right')]: contentPosition === 'right',
-            [dividerBem('dashed')]: dashed,
-            [dividerBem('hairline')]: hairline,
-        })
-        : classNames({
-            [dividerBem()]: true,
-            [dividerBem('vertical')]: direction === 'vertical',
-        });
-    return (React__default.createElement("div", { className: `${classes} ${className || ''}`, style: styles, ...rest }, children));
-};
-Divider.defaultProps = defaultProps;
-Divider.displayName = 'NutDivider';
-
-export { Divider as D };

package/dist/esm/fixednav.taro-1f05acaf.js

@@ -1,53 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { O as Overlay } from './overlay.taro-21e87fb1.js';
-import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    fixednavClass: 'nut-fixednav',
-    activeText: '',
-    unActiveText: '',
-    type: 'right',
-    position: {
-        top: 'auto',
-        bottom: 'auto',
-    },
-};
-const FixedNav = (props) => {
-    const { locale } = useConfig();
-    const { fixednavClass, overlay, visible, navList, activeText, unActiveText, position, onChange, onSelected, type, slotList, slotBtn, iconClassPrefix, iconFontClassName, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('fixednav');
-    const classes = classNames({
-        active: visible,
-    }, type, fixednavClass, b(''));
-    const onSelectCb = (event, item) => {
-        onSelected(item, event);
-    };
-    const onUpdateValue = (value = !visible) => {
-        onChange(value);
-    };
-    return (React__default.createElement("div", { className: classes, style: position, ...rest },
-        overlay && (React__default.createElement(Overlay, { visible: visible, zIndex: 200, onClick: () => onUpdateValue(false) })),
-        React__default.createElement("div", { className: "list" }, slotList || (React__default.createElement("div", { className: "nut-fixednav__list" }, navList.map((item, index) => {
-            return (React__default.createElement("div", { className: "nut-fixednav__list-item", onClick: (event) => 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: () => 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.context-c2bbfb4f.js

@@ -1,8 +0,0 @@
-import React__default from 'react';
-
-const gridContext = {
-    onClick: (item, index) => { },
-};
-var GridContext = React__default.createContext(gridContext);
-
-export { GridContext as G };

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

@@ -1,98 +0,0 @@
-import React__default, { useContext } from 'react';
-import classNames from 'classnames';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
-import { c as cn } from './bem-350c1702.js';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
-import { G as GridContext } from './grid.taro.context-c2bbfb4f.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, className, onClick, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('grid-item');
-    const classes = classNames(b(), className);
-    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 classNames(b('content'), {
-            [b('content--border')]: border,
-            [b('content--surround')]: border && gutter,
-            [b('content--center')]: center,
-            [b('content--square')]: square,
-            [b('content--reverse')]: reverse,
-            [b(`content--${direction}`)]: !!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: classes, 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 };