xmirror-components 1.0.39 → 1.0.40-alpha.1

package/build/es/components/AntdApp/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { type AppProps } from 'antd';
 import { type MessageInstance } from 'antd/es/message/interface';
 import { type NotificationInstance } from 'antd/es/notification/interface';
@@ -9,6 +8,6 @@ declare let notification: NotificationInstance;
 declare let modal: Omit<ModalStaticFunctions, 'warn'>;
 declare function Index({ children, config, ...props }: AppProps & {
     config?: ConfigProviderConfigProps;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export { message, notification, modal };
 export default Index;

package/build/es/components/AntdApp/index.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { App, message as AntdMessage, notification as AntdNotification, Modal as AntdModal } from 'antd';
 import GlobalLoading from './../GlobalLoading';
 import ConfigProvider from './../ConfigProvider';
@@ -37,10 +37,7 @@ function InitApp(_a) {
 }
 function Index(_a) {
     var children = _a.children, config = _a.config, props = __rest(_a, ["children", "config"]);
-    return (React.createElement(ConfigProvider, { config: config || {} },
-        React.createElement(App, __assign({}, props),
-            React.createElement(GlobalLoading, null),
-            React.createElement(InitApp, null, children))));
+    return (_jsx(ConfigProvider, { config: config || {}, children: _jsxs(App, __assign({}, props, { children: [_jsx(GlobalLoading, {}), _jsx(InitApp, { children: children })] })) }));
 }
 export { message, notification, modal };
 export default Index;

package/build/es/components/CheckboxValue/index.d.ts

@@ -36,5 +36,5 @@ interface CheckboxValueProps<T = any, F = any> extends Omit<React.ComponentProps
      */
     children?: React.ReactNode;
 }
-declare const CheckboxValue: <T = any, F = any>({ checked, onChange, trueValue, falseValue, trueLabel, falseLabel, children, ...props }: CheckboxValueProps<T, F>) => React.JSX.Element;
+declare const CheckboxValue: <T = any, F = any>({ checked, onChange, trueValue, falseValue, trueLabel, falseLabel, children, ...props }: CheckboxValueProps<T, F>) => import("react/jsx-runtime").JSX.Element;
 export default CheckboxValue;

package/build/es/components/CheckboxValue/index.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Checkbox } from 'antd';
 var CheckboxValue = function (_a) {
     var checked = _a.checked, onChange = _a.onChange, _b = _a.trueValue, trueValue = _b === void 0 ? true : _b, _c = _a.falseValue, falseValue = _c === void 0 ? false : _c, _d = _a.trueLabel, trueLabel = _d === void 0 ? '' : _d, _e = _a.falseLabel, falseLabel = _e === void 0 ? '' : _e, children = _a.children, props = __rest(_a, ["checked", "onChange", "trueValue", "falseValue", "trueLabel", "falseLabel", "children"]);
@@ -28,6 +28,6 @@ var CheckboxValue = function (_a) {
     var change = function (e) {
         onChange === null || onChange === void 0 ? void 0 : onChange(e.target.checked ? trueValue : falseValue, e);
     };
-    return (React.createElement(Checkbox, __assign({ checked: _checked, onChange: change }, props), children || (_checked ? trueLabel : falseLabel)));
+    return (_jsx(Checkbox, __assign({ checked: _checked, onChange: change }, props, { children: children || (_checked ? trueLabel : falseLabel) })));
 };
 export default CheckboxValue;

package/build/es/components/ConfigProvider/index.d.ts

@@ -6,4 +6,4 @@ interface ConfigProviderProps {
     children: React.ReactNode;
     config: ConfigProviderConfigProps;
 }
-export default function ConfigProvider({ children, config }: ConfigProviderProps): React.JSX.Element;
+export default function ConfigProvider({ children, config }: ConfigProviderProps): import("react/jsx-runtime").JSX.Element;

package/build/es/components/ConfigProvider/index.js

@@ -9,6 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import IntlProvider from '../IntlProvider';
 import { messages } from '../../locale';
@@ -46,9 +47,8 @@ export var ConfigContext = React.createContext(baseConfig);
 export default function ConfigProvider(_a) {
     var children = _a.children, config = _a.config;
     var mergeConfig = deepMerge(baseConfig, config);
-    return (React.createElement(ConfigContext.Provider, { value: mergeConfig },
-        React.createElement(IntlProvider, { config: {
+    return (_jsx(ConfigContext.Provider, { value: mergeConfig, children: _jsx(IntlProvider, { config: {
                 locale: config.locale,
                 messages: messages
-            } }, children)));
+            }, children: children }) }));
 }

package/build/es/components/GlobalLoading/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 declare let setGlobalLoading: (_value: boolean) => void;
-declare function GlobalLoading(): React.JSX.Element;
+declare function GlobalLoading(): import("react/jsx-runtime").JSX.Element;
 export { setGlobalLoading };
 export default GlobalLoading;

package/build/es/components/GlobalLoading/index.js

@@ -2,7 +2,8 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import React, { useState, useEffect, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import styled from '@emotion/styled';
 import { keyframes } from '@emotion/react';
@@ -35,24 +36,12 @@ function GlobalLoading() {
             setLoading(value);
         };
     }, []);
-    return (React.createElement(CSSTransition, { in: loading, nodeRef: ref, timeout: 500, classNames: "global-loading-transition", unmountOnExit: true }, function () {
-        return (React.createElement(GlobalLoadingWrapper, { ref: ref, className: "global-loading" },
-            React.createElement(LoadingContainer, { className: "global-loading-container" },
-                React.createElement(Dot, { className: "dot dot-1", size: 15, delay: "0.0s" }),
-                React.createElement(Dot, { className: "dot dot-2", size: 13, delay: "0.2s" }),
-                React.createElement(Dot, { className: "dot dot-3", size: 11, delay: "0.4s" }),
-                React.createElement(Dot, { className: "dot dot-4", size: 9, delay: "0.6s" }),
-                React.createElement(Dot, { className: "dot dot-5", size: 7, delay: "0.8s" })),
-            React.createElement("svg", { style: {
-                    visibility: 'hidden',
-                    position: 'absolute'
-                } },
-                React.createElement("defs", null,
-                    React.createElement("filter", { id: "goo" },
-                        React.createElement("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "3", result: "blur" }),
-                        React.createElement("feColorMatrix", { in: "blur", type: "matrix", values: "\n                      1 0 0 0 0\n                      0 1 0 0 0\n                      0 0 1 0 0\n                      0 0 0 18 -6" }),
-                        React.createElement("feComposite", { in: "SourceGraphic", in2: "goo", operator: "atop" }))))));
-    }));
+    return (_jsx(CSSTransition, { in: loading, nodeRef: ref, timeout: 500, classNames: "global-loading-transition", unmountOnExit: true, children: function () {
+            return (_jsxs(GlobalLoadingWrapper, { ref: ref, className: "global-loading", children: [_jsxs(LoadingContainer, { className: "global-loading-container", children: [_jsx(Dot, { className: "dot dot-1", size: 15, delay: "0.0s" }), _jsx(Dot, { className: "dot dot-2", size: 13, delay: "0.2s" }), _jsx(Dot, { className: "dot dot-3", size: 11, delay: "0.4s" }), _jsx(Dot, { className: "dot dot-4", size: 9, delay: "0.6s" }), _jsx(Dot, { className: "dot dot-5", size: 7, delay: "0.8s" })] }), _jsx("svg", { style: {
+                            visibility: 'hidden',
+                            position: 'absolute'
+                        }, children: _jsx("defs", { children: _jsxs("filter", { id: "goo", children: [_jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "3", result: "blur" }), _jsx("feColorMatrix", { in: "blur", type: "matrix", values: "\n                      1 0 0 0 0\n                      0 1 0 0 0\n                      0 0 1 0 0\n                      0 0 0 18 -6" }), _jsx("feComposite", { in: "SourceGraphic", in2: "goo", operator: "atop" })] }) }) })] }));
+        } }));
 }
 export { setGlobalLoading };
 export default GlobalLoading;

package/build/es/components/IconButton/index.js

@@ -24,6 +24,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useContext, forwardRef } from 'react';
 import { Tooltip, Button } from 'antd';
 import { noop, isString } from 'lodash-es';
@@ -32,7 +33,7 @@ import IconFont from '../IconFont';
 import { ConfigContext } from '../ConfigProvider';
 import styled from '@emotion/styled';
 // 1. 先用 forwardRef 包裹 antd Button，确保 ref 类型
-var BaseButton = React.forwardRef(function (props, ref) { return (React.createElement(Button, __assign({ ref: ref }, props))); });
+var BaseButton = React.forwardRef(function (props, ref) { return (_jsx(Button, __assign({ ref: ref }, props))); });
 // 2. 用 styled/emotion 包裹 BaseButton
 var StyledButton = styled(BaseButton)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &&.icon-button {\n    font-size: 18px;\n    color: var(--color-primary);\n    background-color: transparent;\n    border: none;\n    box-shadow: initial;\n    transition: background-color 0.2s;\n\n    &[disabled], &[aria-disabled='true'] {\n      color: #9da2a6 !important;\n      cursor: not-allowed;\n      background-color: transparent;\n    }\n\n    &:hover, &:active, &:focus {\n      background: var(--color-primary-bg);\n    }\n  }\n"], ["\n  &&.icon-button {\n    font-size: 18px;\n    color: var(--color-primary);\n    background-color: transparent;\n    border: none;\n    box-shadow: initial;\n    transition: background-color 0.2s;\n\n    &[disabled], &[aria-disabled='true'] {\n      color: #9da2a6 !important;\n      cursor: not-allowed;\n      background-color: transparent;\n    }\n\n    &:hover, &:active, &:focus {\n      background: var(--color-primary-bg);\n    }\n  }\n"])));
 var ButtonTooltip = function (_a) {
@@ -41,7 +42,7 @@ var ButtonTooltip = function (_a) {
         return children;
     }
     else {
-        return (React.createElement(Tooltip, __assign({ title: disabled ? disabledReason || title : title }, attrs), children));
+        return (_jsx(Tooltip, __assign({ title: disabled ? disabledReason || title : title }, attrs, { children: children })));
     }
 };
 var IconButton = forwardRef(function (props, ref) {
@@ -49,7 +50,7 @@ var IconButton = forwardRef(function (props, ref) {
     var Icon = props.icon, _a = props.tooltipDisabled, tooltipDisabled = _a === void 0 ? false : _a, title = props.title, _b = props.hide, hide = _b === void 0 ? false : _b, disabledReason = props.disabledReason, _c = props.onClick, onClick = _c === void 0 ? noop : _c, disabled = props.disabled, _d = props.size, size = _d === void 0 ? iconButton.size || 'small' : _d, _e = props.style, style = _e === void 0 ? {} : _e, className = props.className, _f = props.loading, loading = _f === void 0 ? false : _f, attrs = __rest(props, ["icon", "tooltipDisabled", "title", "hide", "disabledReason", "onClick", "disabled", "size", "style", "className", "loading"]);
     var createIcon = function () {
         if (isString(Icon)) {
-            return React.createElement(IconFont, { type: Icon });
+            return _jsx(IconFont, { type: Icon });
         }
         else {
             return Icon;
@@ -59,9 +60,7 @@ var IconButton = forwardRef(function (props, ref) {
     if (!Icon) {
         console.warn('Icon props not found');
     }
-    return (React.createElement(IconButtonRender, __assign({}, props),
-        React.createElement(ButtonTooltip, __assign({ tooltipDisabled: tooltipDisabled, hide: hide, disabled: disabled, disabledReason: disabledReason, title: title }, attrs),
-            React.createElement(StyledButton, { ref: ref, icon: createIcon(), size: size, className: classNames(['icon-button', iconButton.className, className]), disabled: disabled, style: __assign(__assign({}, iconButton.style), style), loading: loading, onClick: onClick }))));
+    return (_jsx(IconButtonRender, __assign({}, props, { children: _jsx(ButtonTooltip, __assign({ tooltipDisabled: tooltipDisabled, hide: hide, disabled: disabled, disabledReason: disabledReason, title: title }, attrs, { children: _jsx(StyledButton, { ref: ref, icon: createIcon(), size: size, className: classNames(['icon-button', iconButton.className, className]), disabled: disabled, style: __assign(__assign({}, iconButton.style), style), loading: loading, onClick: onClick }) })) })));
 });
 export default IconButton;
 var templateObject_1;

package/build/es/components/IconFont/index.js

@@ -20,22 +20,22 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
 import classNames from 'classnames';
 import { ConfigContext } from '../ConfigProvider';
 var IconFont = forwardRef(function (_a, ref) {
     var _b = _a.type, type = _b === void 0 ? '' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.symbol, symbol = _d === void 0 ? false : _d, style = _a.style, attrs = __rest(_a, ["type", "className", "symbol", "style"]);
     var iconFont = useContext(ConfigContext).iconFont;
     if (symbol) {
-        return (React.createElement("svg", __assign({ className: classNames([
+        return (_jsx("svg", __assign({ className: classNames([
                 'iconfont-symbol',
                 iconFont.className || '',
                 type,
                 className,
-            ]), "aria-hidden": "true", ref: ref, style: __assign(__assign({}, iconFont.style), (style || {})) }, attrs),
-            React.createElement("use", { xlinkHref: "#".concat(type) })));
+            ]), "aria-hidden": "true", ref: ref, style: __assign(__assign({}, iconFont.style), (style || {})) }, attrs, { children: _jsx("use", { xlinkHref: "#".concat(type) }) })));
     }
-    return (React.createElement("i", __assign({ className: classNames([
+    return (_jsx("i", __assign({ className: classNames([
             'iconfont',
             iconFont.className || '',
             type,

package/build/es/components/IntlProvider/index.d.ts

@@ -8,5 +8,5 @@ interface IntlProviderProps {
     children: React.ReactNode;
     config: IntlProviderConfigProps;
 }
-export default function IntlProvider({ children, config }: IntlProviderProps): React.JSX.Element;
+export default function IntlProvider({ children, config }: IntlProviderProps): import("react/jsx-runtime").JSX.Element;
 export { FormattedMessage, useIntl };

package/build/es/components/IntlProvider/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { messages } from '../../locale';
 import FormattedMessage from './FormattedMessage';
@@ -9,9 +10,9 @@ var baseConfig = {
 export var IntlContext = React.createContext(baseConfig);
 export default function IntlProvider(_a) {
     var children = _a.children, config = _a.config;
-    return (React.createElement(IntlContext.Provider, { value: {
+    return (_jsx(IntlContext.Provider, { value: {
             locale: config.locale,
             messages: messages
-        } }, children));
+        }, children: children }));
 }
 export { FormattedMessage, useIntl };

package/build/es/components/SearchArea/Item/index.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
 import { type FormItemProps } from 'antd';
 /**
  * 筛选项
  * @param props
+ * @param children
  * @return {JSX.Element}
  * @constructor
  */
-declare function Index({ children, ...props }: FormItemProps): React.JSX.Element;
+declare function Index({ children, ...props }: FormItemProps): import("react/jsx-runtime").JSX.Element;
 export default Index;

package/build/es/components/SearchArea/Item/index.js

@@ -24,13 +24,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Form } from 'antd';
 import styled from '@emotion/styled';
 var StyledFormItem = styled(Form.Item)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .search-item__label {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    height: 32px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 85%);\n\n    &::after {\n      position: relative;\n      top: -0.5px;\n      margin: 0 8px 0 2px;\n      content: ':';\n    }\n  }\n\n  .search-item__content {\n    flex: 1;\n  }\n"], ["\n  .search-item__label {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    height: 32px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 85%);\n\n    &::after {\n      position: relative;\n      top: -0.5px;\n      margin: 0 8px 0 2px;\n      content: ':';\n    }\n  }\n\n  .search-item__content {\n    flex: 1;\n  }\n"
     /**
      * 筛选项
      * @param props
+     * @param children
      * @return {JSX.Element}
      * @constructor
      */
@@ -38,12 +39,13 @@ var StyledFormItem = styled(Form.Item)(templateObject_1 || (templateObject_1 = _
 /**
  * 筛选项
  * @param props
+ * @param children
  * @return {JSX.Element}
  * @constructor
  */
 function Index(_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledFormItem, __assign({}, props), children));
+    return (_jsx(StyledFormItem, __assign({}, props, { children: children })));
 }
 export default Index;
 var templateObject_1;

package/build/es/components/SearchArea/ToggleButton/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 interface ToggleButtonProps {
     panel: {
         show: boolean;
@@ -11,5 +10,5 @@ interface ToggleButtonProps {
  * @return {JSX.Element}
  * @constructor
  */
-declare function ToggleButton({ panel, onChange }: ToggleButtonProps): React.JSX.Element;
+declare function ToggleButton({ panel, onChange }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
 export default ToggleButton;

package/build/es/components/SearchArea/ToggleButton/index.js

@@ -2,7 +2,8 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import React, { useCallback, useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from 'react';
 import { Button } from 'antd';
 import { CaretUpOutlined } from '@ant-design/icons';
 import styled from '@emotion/styled';
@@ -24,9 +25,7 @@ function ToggleButton(_a) {
         panel === null || panel === void 0 ? void 0 : panel.toggle();
         onChange === null || onChange === void 0 ? void 0 : onChange(!(panel === null || panel === void 0 ? void 0 : panel.show));
     }, [panel]);
-    return (React.createElement(Button, { type: "link", style: { paddingLeft: 0, paddingRight: 0 }, onClick: toggle },
-        React.createElement(FormattedMessage, { id: "comgponent.searcharea.togle", defaultMessage: '高级搜索' }),
-        React.createElement(AnimatedIcon, { show: show })));
+    return (_jsxs(Button, { type: "link", style: { paddingLeft: 0, paddingRight: 0 }, onClick: toggle, children: [_jsx(FormattedMessage, { id: "comgponent.searcharea.togle", defaultMessage: '高级搜索' }), _jsx(AnimatedIcon, { show: show })] }));
 }
 export default ToggleButton;
 var templateObject_1;

package/build/es/components/SearchArea/index.js

@@ -24,7 +24,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useMemo, useState, useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState, useCallback } from 'react';
 import { Form, Row, Col, Button } from 'antd';
 import { UpOutlined } from '@ant-design/icons';
 import styled from '@emotion/styled';
@@ -94,29 +95,17 @@ function InternalSearchArea(_a) {
         toggle();
         onClose === null || onClose === void 0 ? void 0 : onClose();
     };
-    return (React.createElement(AnimatedContainer, { show: _show },
-        React.createElement(StyledForm, __assign({ form: form, labelCol: { flex: '70px' }, wrapperCol: { flex: '1', style: { maxWidth: '280px' } } }, props),
-            React.createElement(Row, __assign({ gutter: 10, justify: "space-between" }, row),
-                Array.isArray(children)
-                    ? children.map(function (item) {
-                        return (React.createElement(Col, __assign({ span: 6, xxl: 6,
-                            xl: 8,
-                            lg: 12,
-                            xs: 24, key: item.props.name || item.key || item.props.label }, col), item));
-                    })
-                    : children,
-                React.createElement(Col, { flex: 1 },
-                    React.createElement(SearchAreaHandle, null,
-                        React.createElement(Button, { loading: loading, type: "primary", onClick: submit },
-                            React.createElement(FormattedMessage, { id: "component.searcharea.submit", defaultMessage: '筛选' })),
-                        React.createElement(Button, { loading: loading, onClick: reset },
-                            React.createElement(FormattedMessage, { id: "component.searcharea.reset", defaultMessage: '重置' })),
-                        React.createElement(Button, { type: "link", style: {
-                                paddingLeft: 0,
-                                paddingRight: 0
-                            }, onClick: close },
-                            React.createElement(FormattedMessage, { id: "component.searcharea.close", defaultMessage: '收起' }),
-                            React.createElement(UpOutlined, null))))))));
+    return (_jsx(AnimatedContainer, { show: _show, children: _jsx(StyledForm, __assign({ form: form, labelCol: { flex: '70px' }, wrapperCol: { flex: '1', style: { maxWidth: '280px' } } }, props, { children: _jsxs(Row, __assign({ gutter: 10, justify: "space-between" }, row, { children: [Array.isArray(children)
+                        ? children.map(function (item) {
+                            return (_jsx(Col, __assign({ span: 6, xxl: 6,
+                                xl: 8,
+                                lg: 12,
+                                xs: 24 }, col, { children: item }), item.props.name || item.key || item.props.label));
+                        })
+                        : children, _jsx(Col, { flex: 1, children: _jsxs(SearchAreaHandle, { children: [_jsx(Button, { loading: loading, type: "primary", onClick: submit, children: _jsx(FormattedMessage, { id: "component.searcharea.submit", defaultMessage: '筛选' }) }), _jsx(Button, { loading: loading, onClick: reset, children: _jsx(FormattedMessage, { id: "component.searcharea.reset", defaultMessage: '重置' }) }), _jsxs(Button, { type: "link", style: {
+                                        paddingLeft: 0,
+                                        paddingRight: 0
+                                    }, onClick: close, children: [_jsx(FormattedMessage, { id: "component.searcharea.close", defaultMessage: '收起' }), _jsx(UpOutlined, {})] })] }) })] })) })) }));
 }
 var SearchArea = InternalSearchArea;
 function useSearchArea(defaultShow) {

package/build/es/components/SwitchValue/index.d.ts

@@ -26,5 +26,5 @@ interface SwitchValueProps<T = boolean | string | number, F = boolean | string |
 /**
  * Switch 可自定义 value
  */
-declare const Index: ({ checked, onChange, trueValue, falseValue, ...props }: SwitchValueProps) => React.JSX.Element;
+declare const Index: ({ checked, onChange, trueValue, falseValue, ...props }: SwitchValueProps) => import("react/jsx-runtime").JSX.Element;
 export default Index;

package/build/es/components/SwitchValue/index.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Switch } from 'antd';
 /**
  * Switch 可自定义 value
@@ -31,6 +31,6 @@ var Index = function (_a) {
     var change = function (checked, event) {
         onChange === null || onChange === void 0 ? void 0 : onChange(checked ? trueValue : falseValue, event);
     };
-    return (React.createElement(Switch, __assign({ checked: _checked, onChange: change }, props)));
+    return (_jsx(Switch, __assign({ checked: _checked, onChange: change }, props)));
 };
 export default Index;

package/build/es/components/Table/Footer/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { TableComponentProps } from '../types';
-declare function Index(props: TableComponentProps): React.JSX.Element;
+declare function Index(props: TableComponentProps): import("react/jsx-runtime").JSX.Element;
 export default Index;

package/build/es/components/Table/Footer/index.js

@@ -1,4 +1,5 @@
-import React, { useMemo, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useRef } from 'react';
 import { FormattedMessage } from '../../IntlProvider';
 import { Checkbox, Col } from 'antd';
 import { CSSTransition } from 'react-transition-group';
@@ -57,7 +58,7 @@ function Index(props) {
     var indeterminate = useMemo(function () {
         var _a;
         var selectedRowKeys = (_a = rowSelection.selectedRowKeys) !== null && _a !== void 0 ? _a : [];
-        return !!(selectedRowKeys.length > 0 && selectedRowKeys.length < optionalNum);
+        return (selectedRowKeys.length > 0 && selectedRowKeys.length < optionalNum);
     }, [rowSelection.selectedRowKeys, optionalNum]);
     /**
      * checked 选中状态
@@ -66,24 +67,13 @@ function Index(props) {
     var checked = useMemo(function () {
         var _a;
         var selectedRowKeys = (_a = rowSelection.selectedRowKeys) !== null && _a !== void 0 ? _a : [];
-        return !!(selectedRowKeys.length > 0 && selectedRowKeys.length === optionalNum);
+        return (selectedRowKeys.length > 0 && selectedRowKeys.length === optionalNum);
     }, [rowSelection.selectedRowKeys, optionalNum]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Global, { styles: globalStyles }),
-        React.createElement(TableFooterWrapper, null,
-            React.createElement(CSSTransition, { in: Boolean(props.rowSelection && props.selectionPopover && (checked || indeterminate)), nodeRef: transitionNodeRef, classNames: zoomStyles, unmountOnExit: true, timeout: 300 }, function () {
-                var _a, _b;
-                return (React.createElement(StyledRow, { ref: transitionNodeRef, justify: "space-between" },
-                    React.createElement(Col, { style: { display: 'flex', alignItems: 'center' } },
-                        React.createElement(Checkbox, { checked: checked, indeterminate: indeterminate, onChange: changeCheckAll },
-                            React.createElement(FormattedMessage, { id: "component.table.selected", defaultMessage: '已选{length}条', values: {
-                                    length: (_b = (_a = rowSelection.selectedRowKeys) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0
-                                } }))),
-                    React.createElement(Col, { style: { display: 'flex', alignItems: 'center' } },
-                        selectionPopover,
-                        React.createElement(CloseButton, { onClick: function () { changeCheckAll({ target: { checked: false } }); } },
-                            React.createElement(CloseOutlined, null)))));
-            }),
-            pagination && (React.createElement(TableFooterTotal, null, pagination.showTotal ? pagination.showTotal((_a = pagination.total) !== null && _a !== void 0 ? _a : 0, [0, 0]) : null)))));
+    return (_jsxs(_Fragment, { children: [_jsx(Global, { styles: globalStyles }), _jsxs(TableFooterWrapper, { children: [_jsx(CSSTransition, { in: Boolean(props.rowSelection && props.selectionPopover && (checked || indeterminate)), nodeRef: transitionNodeRef, classNames: zoomStyles, unmountOnExit: true, timeout: 300, children: function () {
+                            var _a, _b;
+                            return (_jsxs(StyledRow, { ref: transitionNodeRef, justify: "space-between", children: [_jsx(Col, { style: { display: 'flex', alignItems: 'center' }, children: _jsx(Checkbox, { checked: checked, indeterminate: indeterminate, onChange: changeCheckAll, children: _jsx(FormattedMessage, { id: "component.table.selected", defaultMessage: '已选{length}条', values: {
+                                                    length: (_b = (_a = rowSelection.selectedRowKeys) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0
+                                                } }) }) }), _jsxs(Col, { style: { display: 'flex', alignItems: 'center' }, children: [selectionPopover, _jsx(CloseButton, { onClick: function () { changeCheckAll({ target: { checked: false } }); }, children: _jsx(CloseOutlined, {}) })] })] }));
+                        } }), pagination && (_jsx(TableFooterTotal, { children: pagination.showTotal ? pagination.showTotal((_a = pagination.total) !== null && _a !== void 0 ? _a : 0, [0, 0]) : null }))] })] }));
 }
 export default Index;

package/build/es/components/Table/PopoverSetColumns/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { type TableComponentProps } from '../types';
 interface PopoverSetColumnsProps {
     order: string[];
@@ -9,5 +8,5 @@ interface PopoverSetColumnsProps {
     columnsSort: TableComponentProps['columnsSort'];
     onChangeVisible: (newVisibleItems: string[]) => void;
 }
-declare function PopoverSetColumns({ order, visibleItems, columns, onChangeOrder, columnsVisible, columnsSort, onChangeVisible }: PopoverSetColumnsProps): React.JSX.Element;
+declare function PopoverSetColumns({ order, visibleItems, columns, onChangeOrder, columnsVisible, columnsSort, onChangeVisible }: PopoverSetColumnsProps): import("react/jsx-runtime").JSX.Element;
 export default PopoverSetColumns;

package/build/es/components/Table/PopoverSetColumns/index.js

@@ -7,7 +7,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import React, { useMemo, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef } from 'react';
 import { Checkbox, Popover } from 'antd';
 import { FormattedMessage } from '../../IntlProvider';
 import { HolderOutlined } from '@ant-design/icons';
@@ -84,7 +85,7 @@ function PopoverSetColumns(_a) {
         var checked = _a.target.checked;
         var dataIndex = _b.dataIndex;
         if (visibleItems.length === 1 && !checked) {
-            message.error(React.createElement(FormattedMessage, { id: "component.table.visibleError", defaultMessage: '列表最少保留一个字段' }));
+            message.error(_jsx(FormattedMessage, { id: "component.table.visibleError", defaultMessage: '列表最少保留一个字段' }));
             return;
         }
         var id = Array.isArray(dataIndex) ? dataIndex.join(',') : dataIndex;
@@ -152,27 +153,23 @@ function PopoverSetColumns(_a) {
             }
             var checked = typeof id === 'string' && visibleItems.includes(id);
             return column
-                ? (React.createElement("li", { key: Array.isArray(column.dataIndex) ? column.dataIndex.join(',') : String(column.dataIndex), draggable: draggable, onDragEnd: dragEnd, onDragStart: dragStart, "data-index": index, "data-id": Array.isArray(column.dataIndex) ? column.dataIndex.join(',') : String(column.dataIndex) },
-                    columnsSort && React.createElement(HolderOutlined, { className: "icon-drag" }),
-                    columnsVisible &&
-                        React.createElement(Checkbox, { style: { marginRight: '10px' }, checked: Boolean(checked), disabled: column.columnVisibleDisabled, onChange: function (event) { changeVisible(event, column); } }),
-                    typeof column.title === 'function' ? column.title({}) : column.title))
+                ? (_jsxs("li", { draggable: draggable, onDragEnd: dragEnd, onDragStart: dragStart, "data-index": index, "data-id": Array.isArray(column.dataIndex) ? column.dataIndex.join(',') : String(column.dataIndex), children: [columnsSort && _jsx(HolderOutlined, { className: "icon-drag" }), columnsVisible &&
+                            _jsx(Checkbox, { style: { marginRight: '10px' }, checked: Boolean(checked), disabled: column.columnVisibleDisabled, onChange: function (event) { changeVisible(event, column); } }), typeof column.title === 'function' ? column.title({}) : column.title] }, Array.isArray(column.dataIndex) ? column.dataIndex.join(',') : String(column.dataIndex)))
                 : null;
         });
     }, [order, visibleItems, columns, columnsSort, columnsVisible]);
-    return (React.createElement(Popover, { overlayClassName: "table-columns-setting-popover", content: React.createElement(ColumnsSettingWrapper, { onDragOver: dragOver }, renderList), trigger: "click", align: {
+    return (_jsx(Popover, { overlayClassName: "table-columns-setting-popover", content: _jsx(ColumnsSettingWrapper, { onDragOver: dragOver, children: renderList }), trigger: "click", align: {
             offset: [-60, -14]
         }, styles: {
-            body: {
+            container: {
                 padding: 0
             }
-        } },
-        React.createElement(IconFont, { type: "icon-setting", style: {
+        }, children: _jsx(IconFont, { type: "icon-setting", style: {
                 float: 'right',
                 fontSize: '17px',
                 lineHeight: 1,
                 marginTop: '2px',
                 fontWeight: 500
-            } })));
+            } }) }));
 }
 export default PopoverSetColumns;

package/build/es/components/Table/PopoverSetColumns/styles.d.ts

@@ -1,7 +1,3 @@
-export declare const PopoverWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ColumnsSettingWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/build/es/components/Table/PopoverSetColumns/styles.js

@@ -6,6 +6,5 @@ import styled from '@emotion/styled';
 import { keyframes } from '@emotion/react';
 var dragUpAnimation = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    margin-top: 0;\n  }\n  to {\n    margin-top: 32px;\n  }\n"], ["\n  from {\n    margin-top: 0;\n  }\n  to {\n    margin-top: 32px;\n  }\n"])));
 var dragDownAnimation = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  from {\n    margin-top: 32px;\n    margin-bottom: 0;\n  }\n  to {\n    margin-top: 0;\n    margin-bottom: 32px;\n  }\n"], ["\n  from {\n    margin-top: 32px;\n    margin-bottom: 0;\n  }\n  to {\n    margin-top: 0;\n    margin-bottom: 32px;\n  }\n"])));
-export var PopoverWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  .ant-popover-inner-content {\n    max-height: 360px;\n    padding: 0;\n    overflow-y: auto;\n  }\n"], ["\n  .ant-popover-inner-content {\n    max-height: 360px;\n    padding: 0;\n    overflow-y: auto;\n  }\n"])));
-export var ColumnsSettingWrapper = styled.ul(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 10px 0;\n\n  .drag-up {\n    border: solid 2px #ccc;\n    animation: ", " ease 0.2s 1;\n    animation-fill-mode: forwards;\n  }\n\n  .drag-down {\n    border: solid 2px #ccc;\n    animation: ", " ease 0.2s 1;\n    animation-fill-mode: forwards;\n  }\n\n  li {\n    width: 150px;\n    padding: 5px 12px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-break: keep-all;\n    white-space: nowrap;\n    user-select: none;\n    transition: background-color 0.5s;\n\n    .icon-drag {\n      margin-right: 10px;\n      color: #999;\n      cursor: move;\n    }\n\n    &[draggable=\"false\"] {\n      .icon-drag {\n        cursor: no-drop;\n        opacity: 0.2;\n      }\n    }\n\n    &:hover {\n      background-color: #f0f0f0;\n    }\n  }\n"], ["\n  padding: 10px 0;\n\n  .drag-up {\n    border: solid 2px #ccc;\n    animation: ", " ease 0.2s 1;\n    animation-fill-mode: forwards;\n  }\n\n  .drag-down {\n    border: solid 2px #ccc;\n    animation: ", " ease 0.2s 1;\n    animation-fill-mode: forwards;\n  }\n\n  li {\n    width: 150px;\n    padding: 5px 12px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-break: keep-all;\n    white-space: nowrap;\n    user-select: none;\n    transition: background-color 0.5s;\n\n    .icon-drag {\n      margin-right: 10px;\n      color: #999;\n      cursor: move;\n    }\n\n    &[draggable=\"false\"] {\n      .icon-drag {\n        cursor: no-drop;\n        opacity: 0.2;\n      }\n    }\n\n    &:hover {\n      background-color: #f0f0f0;\n    }\n  }\n"])), dragUpAnimation, dragDownAnimation);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+export var ColumnsSettingWrapper = styled.ul(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 10px 0;\n\n  .drag-up {\n    border: solid 2px #ccc;\n    animation: ", " ease 0.2s 1;\n    animation-fill-mode: forwards;\n  }\n\n  .drag-down {\n    border: solid 2px #ccc;\n    animation: ", " ease 0.2s 1;\n    animation-fill-mode: forwards;\n  }\n\n  li {\n    width: 150px;\n    padding: 5px 12px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-break: keep-all;\n    white-space: nowrap;\n    user-select: none;\n    transition: background-color 0.5s;\n\n    .icon-drag {\n      margin-right: 10px;\n      color: #999;\n      cursor: move;\n    }\n\n    &[draggable=\"false\"] {\n      .icon-drag {\n        cursor: no-drop;\n        opacity: 0.2;\n      }\n    }\n\n    &:hover {\n      background-color: #f0f0f0;\n    }\n  }\n"], ["\n  padding: 10px 0;\n\n  .drag-up {\n    border: solid 2px #ccc;\n    animation: ", " ease 0.2s 1;\n    animation-fill-mode: forwards;\n  }\n\n  .drag-down {\n    border: solid 2px #ccc;\n    animation: ", " ease 0.2s 1;\n    animation-fill-mode: forwards;\n  }\n\n  li {\n    width: 150px;\n    padding: 5px 12px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-break: keep-all;\n    white-space: nowrap;\n    user-select: none;\n    transition: background-color 0.5s;\n\n    .icon-drag {\n      margin-right: 10px;\n      color: #999;\n      cursor: move;\n    }\n\n    &[draggable=\"false\"] {\n      .icon-drag {\n        cursor: no-drop;\n        opacity: 0.2;\n      }\n    }\n\n    &:hover {\n      background-color: #f0f0f0;\n    }\n  }\n"])), dragUpAnimation, dragDownAnimation);
+var templateObject_1, templateObject_2, templateObject_3;

package/build/es/components/Table/ResizableColumns/index.js

@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useMemo, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
 import { useLocalStorageState } from 'ahooks';
 import { MenuOutlined } from '@ant-design/icons';
 import { Resizable } from 'react-resizable';
@@ -30,7 +31,7 @@ export var ResizableTitle = function (props) {
     var onResize = props.onResize, width = props.width, restProps = __rest(props, ["onResize", "width"]);
     var _a = useState(false), resizing = _a[0], setResizing = _a[1];
     if (!width) {
-        return React.createElement("th", __assign({}, restProps));
+        return _jsx("th", __assign({}, restProps));
     }
     var onResizeStart = function (_e) {
         setResizing(true);
@@ -38,9 +39,7 @@ export var ResizableTitle = function (props) {
     var onResizeStop = function (_e) {
         setResizing(false);
     };
-    return (React.createElement(Resizable, { width: width, height: 0, handle: React.createElement(ResizableHandle, { className: resizing ? 'resizing' : '', onClick: function (e) { return e.stopPropagation(); } },
-            React.createElement(MenuOutlined, { className: "react-resizable-handle-icon" })), onResize: onResize, onResizeStart: onResizeStart, onResizeStop: onResizeStop, draggableOpts: { enableUserSelectHack: false } },
-        React.createElement("th", __assign({}, restProps))));
+    return (_jsx(Resizable, { width: width, height: 0, handle: _jsx(ResizableHandle, { className: resizing ? 'resizing' : '', onClick: function (e) { return e.stopPropagation(); }, children: _jsx(MenuOutlined, { className: "react-resizable-handle-icon" }) }), onResize: onResize, onResizeStart: onResizeStart, onResizeStop: onResizeStop, draggableOpts: { enableUserSelectHack: false }, children: _jsx("th", __assign({}, restProps)) }));
 };
 export var resizableColumns = function (columns, tableId) {
     // const [columnsWidth, setColumnsWidth] = useSetState({})