@nutui/nutui-react-taro 1.4.4-beta.0 → 1.4.5-beta.0

package/dist/esm/ellipsis.taro-49b6db0c.js

@@ -0,0 +1,232 @@
+import React__default, { useState, useRef, useLayoutEffect } from 'react';
+import Taro from '@tarojs/taro';
+import { u as useConfig } from './configprovider.taro-26882dd2.js';
+import { g as getRectByTaro } from './useClientRect-bf69d7b3.js';
+
+const defaultProps = {
+    content: '',
+    direction: 'end',
+    rows: 1,
+    expandText: '',
+    collapseText: '',
+    symbol: '...',
+    lineHeight: '20',
+};
+const Ellipsis = (props) => {
+    useConfig();
+    const { children, content, direction, rows, expandText, collapseText, symbol, lineHeight, onClick, onChange, } = { ...defaultProps, ...props };
+    let maxHeight = 0; // 当行的最大高度
+    const [exceeded, setExceeded] = useState(false);
+    const [expanded, setExpanded] = useState(false);
+    const ellipsis = useRef({
+        leading: '',
+        tailing: '',
+    });
+    const root = useRef(null);
+    const rootContain = useRef(null);
+    const symbolContain = useRef(null);
+    const contantCopy = useRef(content);
+    let lineH = 0; // 当行的最大高度
+    let originHeight = 0; // 原始高度
+    const refRandomId = Math.random().toString(36).slice(-8);
+    const widthRef = useRef('auto');
+    let widthBase = [14, 10, 7, 8.4, 10]; // 中、英(大)、英(小)、数字、其他字符的基础宽度
+    let symbolTextWidth = widthBase[0] * 0.7921;
+    const chineseReg = /^[\u4e00-\u9fa5]+$/; // 汉字
+    const digitReg = /^[0-9]+$/; // 数字
+    const letterUpperReg = /^[A-Z]+$/; // 字母
+    const letterLowerReg = /^[a-z]+$/; // 字母
+    useLayoutEffect(() => {
+        setTimeout(() => {
+            getSymbolInfo();
+            getReference();
+        }, 100);
+    }, []);
+    // 获取省略号宽度
+    const getSymbolInfo = async () => {
+        const refe = await getRectByTaro(symbolContain?.current);
+        symbolTextWidth = refe.width
+            ? Math.ceil(refe.width)
+            : Math.ceil(widthBase[0] * 0.7921);
+    };
+    const symbolText = () => {
+        if (direction === 'end' || direction === 'middle') {
+            return `${symbol}${expandText}`;
+        }
+        return `${symbol}${expandText}${symbol}`;
+    };
+    const getReference = async () => {
+        const element = root.current;
+        const query = Taro.createSelectorQuery();
+        query.select(`#${element.id}`) &&
+            query
+                .select(`#${element.id}`)
+                .fields({
+                computedStyle: [
+                    'width',
+                    'height',
+                    'lineHeight',
+                    'paddingTop',
+                    'paddingBottom',
+                    'fontSize',
+                ],
+            }, (res) => {
+                lineH = pxToNumber(res.lineHeight === 'normal' ? lineHeight : res.lineHeight);
+                maxHeight = Math.floor(lineH * (Number(rows) + 0.5) +
+                    pxToNumber(res.paddingTop) +
+                    pxToNumber(res.paddingBottom));
+                originHeight = pxToNumber(res.height);
+                widthRef.current = res.width;
+                // 设置基础字符
+                const bsize = pxToNumber(res.fontSize);
+                widthBase = [
+                    bsize,
+                    bsize * 0.72,
+                    bsize * 0.53,
+                    bsize * 0.4,
+                    bsize * 0.75,
+                ];
+                calcEllipse();
+            })
+                .exec();
+    };
+    // 计算省略号的位置
+    const calcEllipse = async () => {
+        const refe = await getRectByTaro(rootContain.current);
+        if (refe.height <= maxHeight) {
+            setExceeded(false);
+        }
+        else {
+            const rowNum = Math.floor(content.length / (originHeight / lineH - 1)); // 每行的字数
+            if (direction === 'middle') {
+                const end = content.length;
+                ellipsis.current.leading = tailorContent(0, rowNum * (Number(rows) + 0.5), 'end');
+                ellipsis.current.tailing = tailorContent(content.length - rowNum * (Number(rows) + 0.5), end, 'start');
+            }
+            else if (direction === 'end') {
+                const end = rowNum * (Number(rows) + 0.5);
+                ellipsis.current.leading = tailorContent(0, end);
+            }
+            else {
+                const start = content.length - rowNum * (Number(rows) + 0.5) - 5;
+                ellipsis.current.tailing = tailorContent(start, content.length);
+            }
+            // 进行兜底判断，是否符合要求
+            assignContent();
+            setTimeout(() => {
+                verifyEllipsis();
+            }, 100);
+        }
+    };
+    // 验证省略号
+    const verifyEllipsis = async () => {
+        const refe = await getRectByTaro(rootContain.current);
+        if (refe && refe.height && refe.height > maxHeight) {
+            if (direction === 'end') {
+                ellipsis.current.leading = ellipsis.current?.leading?.slice(0, ellipsis.current?.leading.length - 1);
+            }
+            else {
+                ellipsis.current.tailing = ellipsis.current?.tailing?.slice(1, ellipsis.current?.tailing.length);
+            }
+            assignContent();
+            setTimeout(() => {
+                verifyEllipsis();
+            }, 100);
+        }
+    };
+    const assignContent = () => {
+        contantCopy.current = `${ellipsis.current?.leading || ''}${ellipsis.current?.leading ? symbol : ''}${expandText || ''}${ellipsis.current?.tailing ? symbol : ''}${ellipsis.current?.tailing || ''}`;
+    };
+    // 计算省略号
+    const tailorContent = (left, right, type = '') => {
+        const threeDotWidth = symbolTextWidth;
+        const direc = direction === 'middle' && type ? type : direction;
+        setExceeded(true);
+        let widthPart = -1;
+        const start = left;
+        const end = right;
+        let cutoff = 0;
+        let marking = 0;
+        if (direc === 'end') {
+            marking = start;
+            cutoff = end;
+        }
+        else {
+            marking = end;
+            cutoff = start;
+        }
+        const contentWidth = pxToNumber(widthRef.current) * Number(rows) - threeDotWidth;
+        const contentPartWidth = direction === 'middle' ? contentWidth / 2 : contentWidth;
+        while (widthPart < contentPartWidth) {
+            const zi = content[marking];
+            if (chineseReg.test(zi)) {
+                widthPart = Number(widthPart + widthBase[0]);
+            }
+            else if (letterUpperReg.test(zi)) {
+                widthPart = Number(widthPart + widthBase[1]);
+            }
+            else if (letterLowerReg.test(zi)) {
+                widthPart = Number(widthPart + widthBase[2]);
+            }
+            else if (digitReg.test(zi)) {
+                widthPart = Number(widthPart + widthBase[3]);
+            }
+            else {
+                widthPart = Number(widthPart + widthBase[4]);
+            }
+            cutoff = marking;
+            direc === 'end' ? marking++ : marking--;
+        }
+        if (direc === 'end') {
+            return content.slice(0, cutoff);
+        }
+        return content.slice(cutoff, end);
+    };
+    const pxToNumber = (value) => {
+        if (!value)
+            return 0;
+        const match = value.match(/^\d*(\.\d*)?/);
+        return match ? Number(match[0]) : 0;
+    };
+    // 展开收起
+    const clickHandle = (type) => {
+        if (type === 1) {
+            setExpanded(true);
+            onChange && onChange('expand');
+            //   emit('change', 'expand')
+        }
+        else {
+            setExpanded(false);
+            onChange && onChange('collapse');
+        }
+    };
+    // 文本点击
+    const handleClick = () => {
+        onClick && onClick();
+    };
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("div", { className: "nut-ellipsis", onClick: handleClick, ref: root, id: `root${refRandomId}` },
+            React__default.createElement("div", null,
+                !exceeded ? (React__default.createElement("div", { className: "nut-ellipsis-wordbreak" }, content)) : null,
+                exceeded && !expanded ? (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement("div", { className: "nut-ellipsis-wordbreak" },
+                        ellipsis.current?.leading,
+                        ellipsis.current?.leading && symbol,
+                        expandText ? (React__default.createElement("span", { className: "nut-ellipsis-text", onClick: () => {
+                                clickHandle(1);
+                            } }, expandText)) : null,
+                        ellipsis.current?.tailing && symbol,
+                        ellipsis.current?.tailing))) : null,
+                exceeded && expanded ? (React__default.createElement(React__default.Fragment, null,
+                    content,
+                    expandText ? (React__default.createElement("span", { className: "nut-ellipsis-text", onClick: () => {
+                            clickHandle(2);
+                        } }, collapseText)) : null)) : null)),
+        React__default.createElement("div", { className: "nut-ellipsis-copy", ref: rootContain, id: `rootContain${refRandomId}`, style: { width: `${widthRef}` } },
+            React__default.createElement("div", null, contantCopy.current)),
+        React__default.createElement("div", { className: "nut-ellipsis-copy", ref: symbolContain, id: `symbolContain${refRandomId}`, style: { display: 'inline' } }, symbolText())));
+};
+Ellipsis.defaultProps = defaultProps;
+Ellipsis.displayName = 'NutEllipsis';
+
+export { Ellipsis as E };

package/dist/esm/empty.taro-7bd813f9.js

@@ -0,0 +1,62 @@
+import React__default, { useState, useEffect } from 'react';
+import { c as cn } from './bem-893ad28d.js';
+import { u as useConfig } from './configprovider.taro-26882dd2.js';
+
+/**
+ * 内置图片地址
+ */
+const 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',
+};
+const defaultProps = {
+    description: '无内容',
+    image: 'empty',
+    imageSize: '',
+    className: '',
+};
+const Empty = (props) => {
+    const { locale } = useConfig();
+    defaultProps.description = locale.noData || defaultProps.description;
+    const { image, imageSize, description, children, className, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [imgStyle, setImgStyle] = useState({});
+    const b = cn('empty');
+    let imageNode = image;
+    if (typeof image === 'string') {
+        const isHttpUrl = image.startsWith('https://') ||
+            image.startsWith('http://') ||
+            image.startsWith('//');
+        const imageUrl = isHttpUrl ? image : defaultStatus[image];
+        imageNode = React__default.createElement("img", { className: "img", src: imageUrl, alt: "empty" });
+    }
+    useEffect(() => {
+        setImgStyle(() => {
+            if (!imageSize) {
+                return {};
+            }
+            if (typeof imageSize === 'number') {
+                return {
+                    width: `${imageSize}px`,
+                    height: `${imageSize}px`,
+                };
+            }
+            return {
+                width: imageSize,
+                height: imageSize,
+            };
+        });
+    }, [imageSize]);
+    return (React__default.createElement("div", { className: `${b()} ${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 }),
+            children)));
+};
+Empty.defaultProps = defaultProps;
+Empty.displayName = 'NutEmpty';
+
+export { Empty as E };

package/dist/esm/fixednav.taro-5ad15202.js

@@ -0,0 +1,53 @@
+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-98367bc1.js';
+import { c as cn } from './bem-893ad28d.js';
+import { u as useConfig } from './configprovider.taro-26882dd2.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.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/form.taro-71d32671.js

@@ -0,0 +1,179 @@
+import React__default, { useRef } from 'react';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+import { C as CellGroup } from './cellgroup.taro-e094471c.js';
+import { a as FormItemContext, F as FormItem } from './formitem.taro-3089489b.js';
+
+/**
+ * 用于存储表单的数据
+ */
+class FormStore {
+    store = {}; // 存放表单中所有的数据 eg. {password: "ddd",username: "123"}
+    fieldEntities = []; // 所有的组件实例
+    // 成功和失败的回调
+    callbacks = {};
+    errList = [];
+    constructor() {
+        this.callbacks = {
+            onFinish: (value) => { },
+            onFinishFailed: () => { },
+        };
+    }
+    /**
+     * 注册组件实例
+     * @param field
+     */
+    registerField = (field) => {
+        this.fieldEntities.push(field);
+        return () => {
+            this.fieldEntities = this.fieldEntities.filter((item) => item != field);
+            delete this.store[field.props.name];
+        };
+    };
+    getFieldValue = (name) => {
+        return this.store[name];
+    };
+    /**
+     * 存储组件数据
+     * @param newStore { [name]: newValue }
+     */
+    setFieldsValue = (newStore) => {
+        this.store = {
+            ...this.store,
+            ...newStore,
+        };
+        this.fieldEntities.forEach((enetity) => {
+            const { name } = enetity.props;
+            Object.keys(newStore).forEach((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)
+     *      },
+     *    },
+     *  }
+     */
+    validate = () => {
+        const err = [];
+        this.errList.length = 0;
+        this.fieldEntities.forEach((entity) => {
+            const { name, rules = [] } = entity.props;
+            const descriptor = {};
+            if (rules.length) {
+                // 多条校验规则
+                if (rules.length > 1) {
+                    descriptor[name] = [];
+                    rules.map((v) => {
+                        descriptor[name].push(v);
+                    });
+                }
+                else {
+                    descriptor[name] = rules[0];
+                }
+            }
+            // const validator = new Schema(descriptor)
+            // validator.validate({ [name]: this.store[name] }, (errors) => {
+            //   if (errors) {
+            //     err.push(...errors)
+            //     this.errList.push(...errors)
+            //     // 表单项更新
+            //   }
+            //   entity.onStoreChange()
+            // })
+        });
+        return err;
+    };
+    setCallback = (callback) => {
+        this.callbacks = {
+            ...this.callbacks,
+            ...callback,
+        };
+    };
+    submit = () => {
+        const err = this.validate();
+        if (err.length === 0) {
+            this.callbacks.onFinish?.(this.store);
+        }
+        else if (err.length > 0) {
+            this.callbacks.onFinishFailed?.(err);
+        }
+    };
+    resetFields = () => { };
+    getForm = () => {
+        return {
+            setCallback: this.setCallback,
+            registerField: this.registerField,
+            getFieldValue: this.getFieldValue,
+            setFieldsValue: this.setFieldsValue,
+            submit: this.submit,
+            store: this.store,
+            errList: this.errList,
+            fieldEntities: this.fieldEntities,
+        };
+    };
+}
+const useForm = (form) => {
+    const formRef = useRef();
+    if (!formRef.current) {
+        if (form) {
+            formRef.current = form;
+        }
+        else {
+            const formStore = new FormStore();
+            formRef.current = formStore.getForm();
+        }
+    }
+    return [formRef.current];
+};
+
+const defaultProps = {
+    ...ComponentDefaults,
+    className: '',
+    style: undefined,
+    form: {},
+    labelPosition: 'Right',
+    formGroupTitle: '',
+    onFinish: (obj) => { },
+    onFinishFailed: (value) => { },
+    starPositon: 'Left',
+};
+const PositionInfo = {
+    Top: 'form-layout-top',
+    Left: 'form-layout-left',
+    Right: 'form-layout-right',
+};
+const Form = (props) => {
+    const { children, onFinish, onFinishFailed, labelPosition, starPositon, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    console.log('46 dddd');
+    const [formInstance] = useForm();
+    formInstance.starPositon = starPositon;
+    const { setCallback, submit } = formInstance;
+    setCallback({
+        onFinish,
+        onFinishFailed,
+    });
+    return (React__default.createElement("form", { className: `nut-form ${PositionInfo[labelPosition]} ${props.className}`, style: props.style, onSubmit: (e) => {
+            e.preventDefault();
+            submit();
+        } },
+        React__default.createElement(CellGroup, null,
+            React__default.createElement(FormItemContext.Provider, { value: formInstance }, children))));
+};
+Form.defaultProps = defaultProps;
+Form.displayName = 'NutForm';
+Form.Item = FormItem;
+
+export { Form as F };

package/dist/esm/formitem.taro-3089489b.js

@@ -0,0 +1,89 @@
+import React__default, { createContext } from 'react';
+import { C as Cell } from './cell.taro-9a04a92e.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+
+const FormItemContext = createContext({});
+
+const defaultProps = {
+    ...ComponentDefaults,
+    name: '',
+    label: '',
+    className: '',
+    rules: [{ required: false, message: '' }],
+    disabled: false,
+    labelWidth: 90,
+    errorMessageAlign: 'left',
+    showErrorLine: true,
+    showErrorMessage: true,
+};
+class FormItem extends React__default.Component {
+    static defaultProps = defaultProps;
+    static contextType = FormItemContext;
+    cancelRegister;
+    componentDidMount() {
+        // 注册组件实例到FormStore
+        this.cancelRegister = this.context.registerField(this);
+    }
+    componentWillUnmount() {
+        if (this.cancelRegister) {
+            this.cancelRegister();
+        }
+    }
+    // children添加value属性和onChange事件
+    getControlled = (children) => {
+        const { getFieldValue, setFieldsValue } = this.context;
+        const { name } = this.props;
+        const type = children.type.NAME;
+        return {
+            value: getFieldValue(name),
+            onChange: (event) => {
+                let newValue = event;
+                switch (type) {
+                    case 'checkbox':
+                        newValue = event.target
+                            .value;
+                        break;
+                }
+                setFieldsValue({ [name]: newValue });
+            },
+        };
+    };
+    onStoreChange = () => {
+        this.forceUpdate();
+    };
+    renderLayout = (childNode) => {
+        const { label, name, rules = [{ required: false, message: '' }], className, labelWidth, errorMessageAlign, showErrorLine, showErrorMessage, } = {
+            ...defaultProps,
+            ...this.props,
+        };
+        const item = this.context.errList?.length > 0 &&
+            this.context.errList?.filter((item) => {
+                return item.field === name;
+            });
+        const { starPositon } = this.context;
+        const renderStar = rules.length > 0 && rules[0].required && (React__default.createElement("i", { className: "required" }));
+        const renderLabel = starPositon === 'Right' ? (React__default.createElement(React__default.Fragment, null,
+            label,
+            renderStar)) : (React__default.createElement(React__default.Fragment, null,
+            renderStar,
+            label));
+        return (React__default.createElement(Cell, { className: `nut-form-item ${className}` },
+            label ? (React__default.createElement("div", { className: "nut-cell__title nut-form-item__label", style: {
+                    width: this.pxCheck(labelWidth),
+                } }, renderLabel)) : null,
+            React__default.createElement("div", { className: "nut-cell__value nut-form-item__body" },
+                React__default.createElement("div", { className: "nut-form-item__body__slots" }, childNode),
+                item.length > 0 && (React__default.createElement("div", { className: "nut-form-item__body__tips", style: { textAlign: errorMessageAlign } }, item[0].message)))));
+    };
+    pxCheck = (value) => {
+        return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
+    };
+    render() {
+        const { children } = this.props;
+        const c = Array.isArray(children) ? children[0] : children;
+        const returnChildNode = React__default.cloneElement(c, this.getControlled(c));
+        return this.renderLayout(returnChildNode);
+    }
+}
+
+export { FormItem as F, FormItemContext as a };

package/dist/esm/grid.taro-e6decfce.js

@@ -0,0 +1,58 @@
+import React__default from 'react';
+import { u as useConfig } from './configprovider.taro-26882dd2.js';
+import { c as cn } from './bem-893ad28d.js';
+import { G as GridContext } from './grid.taro.context-39636af9.js';
+
+const defaultProps = {
+    columnNum: 4,
+    border: true,
+    gutter: 0,
+    center: true,
+    square: false,
+    reverse: false,
+    direction: 'vertical',
+    iconSize: 28,
+    iconColor: '',
+};
+const Grid = (props) => {
+    useConfig();
+    const { children, columnNum, border, gutter, center, square, reverse, direction, style, iconSize, iconColor, className, onClick, ...rest } = { ...defaultProps, ...props };
+    const childrenDom = React__default.Children.toArray(children);
+    const pxCheck = (value) => {
+        return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
+    };
+    const b = cn('grid');
+    const rootClass = () => {
+        const prefixCls = b();
+        return `${className} ${prefixCls} ${border && !gutter ? `${b('border')}` : ''}`;
+    };
+    const rootStyle = () => {
+        let styleSelf = {};
+        if (style) {
+            styleSelf = style;
+        }
+        if (gutter) {
+            styleSelf.paddingLeft = pxCheck(gutter);
+        }
+        return styleSelf;
+    };
+    return (React__default.createElement("div", { className: rootClass(), style: rootStyle(), ...rest },
+        React__default.createElement(GridContext.Provider, { value: { onClick } }, childrenDom.map((item, idex) => {
+            return React__default.cloneElement(item, {
+                index: idex,
+                columnNum,
+                center,
+                border,
+                gutter,
+                square,
+                reverse,
+                direction,
+                parentIconSize: iconSize,
+                parentIconColor: iconColor,
+            });
+        }))));
+};
+Grid.defaultProps = defaultProps;
+Grid.displayName = 'NutGrid';
+
+export { Grid as G };

package/dist/esm/grid.taro.context-39636af9.js

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