@cloudbase/weda-ui 3.4.8 → 3.4.9-alpha.1024

package/dist/web/components/richText/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useMemo, useRef, useState } from 'react';
 import { useSetState } from '../../utils/hooks/useSetState';
 import classNames from '../../utils/classnames';
@@ -53,11 +54,12 @@ const defaultControls = [
     'media',
     'clear',
 ];
-export default function RichText({ 
+export default React.memo(RichText);
+function RichText({ 
 // 系统属性
 id, style, className, events, 
 // 组件属性
-label, labelVisible, value, readOnly, layout, requiredFlag, onChange, maxSize, acceptTypes, cloudPath, disabled, decorator, }) {
+label, labelVisible, value, readOnly, layout, requiredFlag, onChange, maxSize, acceptTypes, cloudPath, disabled, decorator = undefined, }) {
     const [editorState, setEditorState] = useState();
     const latestEditorState = useSyncedRef(editorState);
     const cls = classNames({
@@ -118,7 +120,7 @@ label, labelVisible, value, readOnly, layout, requiredFlag, onChange, maxSize, a
                 {
                     key: 'richtext-uploader',
                     type: 'component',
-                    component: (React.createElement(CustomUploader, { acceptTypes: acceptTypes, maxSize: maxSize, cloudPath: cloudPath, onChange: (url) => {
+                    component: (_jsx(CustomUploader, { acceptTypes: acceptTypes, maxSize: maxSize, cloudPath: cloudPath, onChange: (url) => {
                             const state = insertMedias(latestEditorState.current, [
                                 { type: 'IMAGE', url },
                             ]);
@@ -158,9 +160,7 @@ label, labelVisible, value, readOnly, layout, requiredFlag, onChange, maxSize, a
             }
         }
     };
-    const richTextEl = (React.createElement("div", { className: subCls },
-        React.createElement("div", { style: style, className: styleM.richtextInner },
-            React.createElement(Editor, { key: id, value: editorState, readOnly: readOnly, disabled: disabled, language: "zh", blockRendererFn: blockRenderFn, onBlur: (s) => {
+    const richTextEl = (_jsx("div", { className: subCls, children: _jsx("div", { style: style, className: styleM.richtextInner, children: _jsx(Editor, { value: editorState, readOnly: readOnly, disabled: disabled, language: "zh", blockRendererFn: blockRenderFn, onBlur: (s) => {
                     setEditorState(s);
                     const html = convertEditorStateToHTML(s, {});
                     onDataChange(html);
@@ -178,7 +178,7 @@ label, labelVisible, value, readOnly, layout, requiredFlag, onChange, maxSize, a
                         return true;
                     }
                     return false;
-                } }))));
+                } }, id) }) }));
     return renderDecorator(richTextEl, decorator)({
         id,
         className: cls,
@@ -223,82 +223,68 @@ export const CustomUploader = (props) => {
         }
         setState({ uploading: true, percent: percentCompleted });
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("button", { role: "richtext", type: "button", "data-title": "\u5A92\u4F53\u4E0A\u4F20", className: "control-item button", onClick: () => setState({ visible: true }) },
-            React.createElement("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.6205 1.61428V3.60631L15.6105 3.6063L15.6105 5.1063L13.6205 5.10631V7.08572H12.1205V5.10633L10.1391 5.10635L10.139 3.60635L12.1205 3.60633V1.61428H13.6205ZM8.84998 2.38572H2.49536C1.94308 2.38572 1.49536 2.83343 1.49536 3.38572V11.6761V13.3857C1.49536 13.403 1.4958 13.4201 1.49666 13.4372C1.5019 13.5405 1.52282 13.6397 1.5571 13.7324C1.69808 14.1138 2.06497 14.3857 2.49536 14.3857H4.49757H4.76178H12.4954C13.0476 14.3857 13.4954 13.938 13.4954 13.3857V13.2088L13.4954 13.2088V11.0909L13.4954 11.0909V8.38572H11.9954V9.59579L10.2484 7.85452L9.71895 7.32678L9.18948 7.85452L6.4372 10.5979L5.03662 9.20183L4.50715 8.67408L3.97769 9.20183L2.99536 10.181V3.88572H8.84998V2.38572ZM2.99536 12.8857V12.2988L4.50715 10.792L5.37481 11.6568L4.14188 12.8857H2.99536ZM11.9954 12.8857H6.26667L9.71895 9.44465L11.9954 11.7137V12.8857Z", fill: "#6A6F7B" }))),
-        React.createElement(Modal, { onClose: () => {
-                setState({ visible: false });
-            }, visible: visible, maskClosable: true },
-            React.createElement("p", null, "\u8F93\u5165\u94FE\u63A5\u63D2\u5165\u56FE\u7247"),
-            React.createElement("div", { className: "richText-upload-link" },
-                React.createElement(Input, { value: inputUrl, placeholder: "\u8F93\u5165\u56FE\u7247\u5730\u5740", onChange: (value) => setState({ inputUrl: value }) }),
-                "\u00A0",
-                React.createElement(Button, { type: "primary", onClick: () => {
-                        onChange(inputUrl);
-                        setState({ visible: false });
-                    } }, "\u786E\u8BA4")),
-            React.createElement("p", { style: { marginBottom: '16px' } }, "\u6216\u62D6\u62FD\u4E0A\u4F20\u63D2\u5165\u56FE\u7247"),
-            React.createElement(Upload, { accept: acceptTypes.join(), maxSize: 1024 * 1024, beforeUpload: (file) => {
-                    getBase64(file);
-                    let typeRegex = new RegExp(`^((${acceptTypes.join(')|(').replace('+', '\\+')}))$`);
-                    if (acceptTypes.join().includes('*')) {
-                        typeRegex = new RegExp(`^image/.+$`);
-                    }
-                    if (!typeRegex.test(file.type)) {
-                        message.error({
-                            content: '文件格式不支持',
-                        });
-                        return false;
-                    }
-                    if (file.size > maxSize * 1024 * 1024) {
-                        message.error({
-                            content: `文件大小超过上限${maxSize}M`,
-                        });
-                        return false;
-                    }
-                    setState({
-                        uploading: true,
-                        percent: 0,
-                        fileList: [
-                            {
-                                name: file.name,
-                            },
-                        ],
-                    });
-                    getCloudInstance().then(async (tcb) => {
-                        try {
-                            const fileType = file.name.split('.').pop().toLowerCase();
-                            const path = `${cloudPath}/uploader-${uuidv4()}.${fileType}`;
-                            const { fileID } = await tcb.uploadFile({
-                                cloudPath: path,
-                                filePath: file,
-                                onUploadProgress: onProgress,
-                            });
-                            onChange(fileID);
-                            setState({
-                                visible: false,
-                                fileList: [],
-                            });
-                        }
-                        catch (e) {
+    return (_jsxs(_Fragment, { children: [_jsx("button", { role: "richtext", type: "button", "data-title": "\u5A92\u4F53\u4E0A\u4F20", className: "control-item button", onClick: () => setState({ visible: true }), children: _jsx("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.6205 1.61428V3.60631L15.6105 3.6063L15.6105 5.1063L13.6205 5.10631V7.08572H12.1205V5.10633L10.1391 5.10635L10.139 3.60635L12.1205 3.60633V1.61428H13.6205ZM8.84998 2.38572H2.49536C1.94308 2.38572 1.49536 2.83343 1.49536 3.38572V11.6761V13.3857C1.49536 13.403 1.4958 13.4201 1.49666 13.4372C1.5019 13.5405 1.52282 13.6397 1.5571 13.7324C1.69808 14.1138 2.06497 14.3857 2.49536 14.3857H4.49757H4.76178H12.4954C13.0476 14.3857 13.4954 13.938 13.4954 13.3857V13.2088L13.4954 13.2088V11.0909L13.4954 11.0909V8.38572H11.9954V9.59579L10.2484 7.85452L9.71895 7.32678L9.18948 7.85452L6.4372 10.5979L5.03662 9.20183L4.50715 8.67408L3.97769 9.20183L2.99536 10.181V3.88572H8.84998V2.38572ZM2.99536 12.8857V12.2988L4.50715 10.792L5.37481 11.6568L4.14188 12.8857H2.99536ZM11.9954 12.8857H6.26667L9.71895 9.44465L11.9954 11.7137V12.8857Z", fill: "#6A6F7B" }) }) }), _jsxs(Modal, { onClose: () => {
+                    setState({ visible: false });
+                }, visible: visible, maskClosable: true, children: [_jsx("p", { children: "\u8F93\u5165\u94FE\u63A5\u63D2\u5165\u56FE\u7247" }), _jsxs("div", { className: "richText-upload-link", children: [_jsx(Input, { value: inputUrl, placeholder: "\u8F93\u5165\u56FE\u7247\u5730\u5740", onChange: (value) => setState({ inputUrl: value }) }), "\u00A0", _jsx(Button, { type: "primary", onClick: () => {
+                                    onChange(inputUrl);
+                                    setState({ visible: false });
+                                }, children: "\u786E\u8BA4" })] }), _jsx("p", { style: { marginBottom: '16px' }, children: "\u6216\u62D6\u62FD\u4E0A\u4F20\u63D2\u5165\u56FE\u7247" }), _jsx(Upload, { accept: acceptTypes.join(), maxSize: 1024 * 1024, beforeUpload: (file) => {
+                            getBase64(file);
+                            let typeRegex = new RegExp(`^((${acceptTypes.join(')|(').replace('+', '\\+')}))$`);
+                            if (acceptTypes.join().includes('*')) {
+                                typeRegex = new RegExp(`^image/.+$`);
+                            }
+                            if (!typeRegex.test(file.type)) {
+                                message.error({
+                                    content: '文件格式不支持',
+                                });
+                                return false;
+                            }
+                            if (file.size > maxSize * 1024 * 1024) {
+                                message.error({
+                                    content: `文件大小超过上限${maxSize}M`,
+                                });
+                                return false;
+                            }
                             setState({
-                                fileList: [],
+                                uploading: true,
+                                percent: 0,
+                                fileList: [
+                                    {
+                                        name: file.name,
+                                    },
+                                ],
                             });
-                            console.error(e);
-                            message.error({
-                                content: '上传图片失败' + e.message,
+                            getCloudInstance().then(async (tcb) => {
+                                try {
+                                    const fileType = file.name.split('.').pop().toLowerCase();
+                                    const path = `${cloudPath}/uploader-${uuidv4()}.${fileType}`;
+                                    const { fileID } = await tcb.uploadFile({
+                                        cloudPath: path,
+                                        filePath: file,
+                                        onUploadProgress: onProgress,
+                                    });
+                                    onChange(fileID);
+                                    setState({
+                                        visible: false,
+                                        fileList: [],
+                                    });
+                                }
+                                catch (e) {
+                                    setState({
+                                        fileList: [],
+                                    });
+                                    console.error(e);
+                                    message.error({
+                                        content: '上传图片失败' + e.message,
+                                    });
+                                }
+                                finally {
+                                    setState({ uploading: false, percent: 100 });
+                                }
                             });
-                        }
-                        finally {
-                            setState({ uploading: false, percent: 100 });
-                        }
-                    });
-                    return false;
-                } }, ({ open, isDragging }) => (React.createElement(Upload.Dragger, { filename: fileList[0] && fileList[0].name, percent: percent, image: previewImg, className: "richtext_upload_dragger" }, isDragging ? ('释放鼠标') : (React.createElement(React.Fragment, null,
-                React.createElement("a", { onClick: open }, "\u70B9\u51FB\u4E0A\u4F20"),
-                React.createElement(Text, { theme: "weak" }, "/\u62D6\u62FD\u5230\u6B64\u533A\u57DF")))))),
-            uploading && (React.createElement(Progress, { style: { marginTop: '10px' }, percent: percent })))));
+                            return false;
+                        }, children: ({ open, isDragging }) => (_jsx(Upload.Dragger, { filename: fileList[0] && fileList[0].name, percent: percent, image: previewImg, className: "richtext_upload_dragger", children: isDragging ? ('释放鼠标') : (_jsxs(_Fragment, { children: [_jsx("a", { onClick: open, children: "\u70B9\u51FB\u4E0A\u4F20" }), _jsx(Text, { theme: "weak", children: "/\u62D6\u62FD\u5230\u6B64\u533A\u57DF" })] })) })) }), uploading && (_jsx(Progress, { style: { marginTop: '10px' }, percent: percent }))] })] }));
 };
 const Img = React.memo(function Img(props) {
     const { src, style, onError } = props;
@@ -309,7 +295,7 @@ const Img = React.memo(function Img(props) {
         }
         return style;
     }, [error, style]);
-    return (React.createElement("img", { src: error ? defaultBase64 : realSrc, style: realstyle, onError: () => {
+    return (_jsx("img", { src: error ? defaultBase64 : realSrc, style: realstyle, onError: () => {
             onError === null || onError === void 0 ? void 0 : onError();
         } }));
 });
@@ -317,19 +303,14 @@ const imgStyle = { maxWidth: '100%' };
 export const RichTextImg = ({ contentState, block }) => {
     const blockData = contentState.getEntity(block.getEntityAt(0)).getData();
     const { url } = blockData || {};
-    return (url && (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "bf-media" },
-            React.createElement("div", { draggable: "true", className: "bf-image", style: { float: 'left' } },
-                React.createElement("div", { style: { position: 'relative', display: 'inline-block' } },
-                    React.createElement(Img, { src: url, style: imgStyle }),
-                    React.createElement("div", { className: "bf-pre-csize" }))),
-            React.createElement("div", { style: {
-                    clear: 'both',
-                    height: '0px',
-                    lineHeight: 0,
-                    float: 'none',
-                } })))));
+    return (url && (_jsx(_Fragment, { children: _jsxs("div", { className: "bf-media", children: [_jsx("div", { draggable: "true", className: "bf-image", style: { float: 'left' }, children: _jsxs("div", { style: { position: 'relative', display: 'inline-block' }, children: [_jsx(Img, { src: url, style: imgStyle }), _jsx("div", { className: "bf-pre-csize" })] }) }), _jsx("div", { style: {
+                        clear: 'both',
+                        height: '0px',
+                        lineHeight: 0,
+                        float: 'none',
+                    } })] }) })));
 };
+RichText.whyDidYouRender = true;
 RichText.defaultProps = {
     // 系统属性
     events: {},

package/dist/web/components/richTextView/index.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import classNames from '../../utils/classnames';
 import { getTempFileURL } from '../../utils/tcb';
 import './index.css';
@@ -39,6 +40,5 @@ export default function RichTextView({ value = '', className, style, id, }) {
         }
         catch (e) { }
     }, [value]);
-    return (displayValue && (React.createElement("div", { className: cls, style: style, id: id },
-        React.createElement("div", { dangerouslySetInnerHTML: { __html: displayValue } }))));
+    return (displayValue && (_jsx("div", { className: cls, style: style, id: id, children: _jsx("div", { dangerouslySetInnerHTML: { __html: displayValue } }) })));
 }

package/dist/web/components/scrollView/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from '../../utils/classnames';
 export default function ScrollView({ id, scrollX = false, scrollY = true, style, scrollTop, scrollLeft, scrollIntoView, className, children, upperThreshold = 50, lowerThreshold = 50, events, }) {
@@ -72,8 +73,8 @@ export default function ScrollView({ id, scrollX = false, scrollY = true, style,
         if (scrollIntoView) {
             const children = scrollViewRef.current.children;
             const item = Array.from(children).find((item) => item && item.id === scrollIntoView);
-            scrollY && (scrollViewRef.current.scrollTop = item.offsetTop);
-            scrollX && (scrollViewRef.current.scrollLeft = item.offsetLeft);
+            scrollY && (scrollViewRef.current.scrollTop = (item === null || item === void 0 ? void 0 : item.offsetTop) || 0);
+            scrollX && (scrollViewRef.current.scrollLeft = (item === null || item === void 0 ? void 0 : item.offsetLeft) || 0);
             // console.log('children', children, item)
         }
     }, [scrollIntoView]);
@@ -91,5 +92,5 @@ export default function ScrollView({ id, scrollX = false, scrollY = true, style,
         'g-scroll-view': true,
         [className]: className,
     });
-    return (React.createElement("div", { id: id, style: webStyles, ref: scrollViewRef, className: cls, onScrollCapture: handleOnScroll }, children));
+    return (_jsx("div", { id: id, style: webStyles, ref: scrollViewRef, className: cls, onScrollCapture: handleOnScroll, children: children }));
 }

package/dist/web/components/share/index.js

@@ -1,7 +1,5 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Bubble, ConfigProvider } from 'tea-component';
 import Button from '../../components/button';
-const Share = (props) => (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-    React.createElement(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C\u3002" },
-        React.createElement(Button, { ...props }))));
+const Share = (props) => (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C\u3002", children: _jsx(Button, { ...props }) }) }));
 export default Share;

package/dist/web/components/slot/index.js

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function Slot({ compositeParent, name, className }) {
     if (!compositeParent) {
         console.warn('Slot组件只能用于实现复合组件');
         // 兼容编辑器点击，可选中 Slot 组件
-        return (React.createElement("div", { className: 'weda-ui' + className ? ` ${className}` : '' }, 'Slot - ' + name));
+        return (_jsx("div", { className: 'weda-ui' + className ? ` ${className}` : '', children: 'Slot - ' + name }));
     }
     return compositeParent.props.data[name] || null;
 }

package/dist/web/components/statusContent/index.css

@@ -0,0 +1,39 @@
+.weda-list-view__empty {
+  width: 100%;
+  padding: 16px;
+}
+
+.weda-list-view__empty .weda-list-view__empty__content {
+  color: rgba(0, 0, 0, 0.9);
+  width: 100%;
+  height: 200px;
+  background-color: #f2f2f2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  font-size: 14px;
+  border-radius: 6px;
+}
+
+.weda-list-view__empty .weda-list-view__empty__content.table {
+  background-color: unset;
+  height: 140px;
+}
+
+.weda-list-view__empty .weda-list-view__empty__content.table.isH5 {
+  height: 548px;
+}
+.status-icon {
+  width: 120px;
+  height: 80px;
+}
+.loading {
+  background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTIwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB4PSIxNCIgeT0iOCIgd2lkdGg9IjgwIiBoZWlnaHQ9IjUwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMzIxM180NTE4MykiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfYl8zMjEzXzQ1MTgzKSI+CjxwYXRoIGQ9Ik0xNCA4SDk0VjE0SDE0VjhaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPC9nPgo8cGF0aCBkPSJNMTkgMTFIMTgiIHN0cm9rZT0id2hpdGUiLz4KPHBhdGggZD0iTTIzIDExSDIyIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yNyAxMUgyNiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8ZyBvcGFjaXR5PSIwLjkiIGZpbHRlcj0idXJsKCNmaWx0ZXIxX2JfMzIxM180NTE4MykiPgo8Y2lyY2xlIGN4PSI5NCIgY3k9IjU0IiByPSIxNSIgZmlsbD0iIzAwNTJEOSIvPgo8L2c+CjxwYXRoIGQ9Ik05MyA0NlY1NUgxMDIiIHN0cm9rZT0id2hpdGUiLz4KPHBhdGggZD0iTTQ3Ljc1IDM3LjI1QzQ3LjA1OTcgMzcuMjUgNDYuNSAzNi42OTAzIDQ2LjUgMzZDNDYuNSAzNS4zMDk3IDQ3LjA1OTcgMzQuNzUgNDcuNzUgMzQuNzVDNDguNDQwMyAzNC43NSA0OSAzNS4zMDk3IDQ5IDM2QzQ5IDM2LjY5MDMgNDguNDQwMyAzNy4yNSA0Ny43NSAzNy4yNVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuOSIvPgo8cGF0aCBkPSJNNTIuNzUgMzZDNTIuNzUgMzYuNjkwMyA1My4zMDk3IDM3LjI1IDU0IDM3LjI1QzU0LjY5MDMgMzcuMjUgNTUuMjUgMzYuNjkwMyA1NS4yNSAzNkM1NS4yNSAzNS4zMDk3IDU0LjY5MDMgMzQuNzUgNTQgMzQuNzVDNTMuMzA5NyAzNC43NSA1Mi43NSAzNS4zMDk3IDUyLjc1IDM2WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC45Ii8+CjxwYXRoIGQ9Ik01OSAzNkM1OSAzNi42OTAzIDU5LjU1OTcgMzcuMjUgNjAuMjUgMzcuMjVDNjAuOTQwMyAzNy4yNSA2MS41IDM2LjY5MDMgNjEuNSAzNkM2MS41IDM1LjMwOTcgNjAuOTQwMyAzNC43NSA2MC4yNSAzNC43NUM1OS41NTk3IDM0Ljc1IDU5IDM1LjMwOTcgNTkgMzZaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjJfYl8zMjEzXzQ1MTgzKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA0MC41MTkzQzguNDQ3NzIgNDAuNTE5MyA4IDQwLjk2NyA4IDQxLjUxOTNWNDguMDUxMkM3LjMyNDA5IDQ3LjcxMDkgNi41NjA0NCA0Ny41MTkzIDUuNzUzOTEgNDcuNTE5M0MyLjk5MjQ4IDQ3LjUxOTMgMC43NTM5MDYgNDkuNzU3OSAwLjc1MzkwNiA1Mi41MTkzQzAuNzUzOTA2IDU1LjI4MDcgMi45OTI0OCA1Ny41MTkzIDUuNzUzOTEgNTcuNTE5M0M2LjU2MDQ0IDU3LjUxOTMgNy4zMjQwOSA1Ny4zMjc3IDggNTYuOTg3NFY2My41MTkzQzggNjQuMDcxNiA4LjQ0NzcyIDY0LjUxOTMgOSA2NC41MTkzSDI3QzI3LjU1MjMgNjQuNTE5MyAyOCA2NC4wNzE2IDI4IDYzLjUxOTNWNDEuNTE5M0MyOCA0MC45NjcgMjcuNTUyMyA0MC41MTkzIDI3IDQwLjUxOTNIOVpNOCA1NC41MDgxVjUwLjUzMDVDNy44MjkyNSA1MC4zMzc4IDcuNjM0MjEgNTAuMTY3MyA3LjQxOTg3IDUwLjAyMzlDNi45NDM3MyA0OS43MDUyIDYuMzcyMDQgNDkuNTE5MyA1Ljc1MzkxIDQ5LjUxOTNDNC4wOTcwNSA0OS41MTkzIDIuNzUzOTEgNTAuODYyNCAyLjc1MzkxIDUyLjUxOTNDMi43NTM5MSA1NC4xNzYxIDQuMDk3MDUgNTUuNTE5MyA1Ljc1MzkxIDU1LjUxOTNDNi4zNzIwNCA1NS41MTkzIDYuOTQzNzMgNTUuMzMzNCA3LjQxOTg3IDU1LjAxNDdDNy42MzQyMSA1NC44NzEyIDcuODI5MjUgNTQuNzAwNyA4IDU0LjUwODFaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMzIxM180NTE4MykiIGZpbGwtb3BhY2l0eT0iMC45Ii8+CjwvZz4KPHBhdGggZD0iTTE5LjUxNjEgMTlDMTMuNDAzMyAyMS45NzAzIDEwLjU4MjcgMjcuMjI1NiAxMi40MDAzIDMwLjA4MjRDMTQuNzU0MyAzMy43ODI0IDIyLjkzNzYgMjcuODc1MiAyMC43OTExIDI2LjE3OThDMTguOTk4OCAyNC43NjQxIDE0LjE1NjcgMjguNTIxMyAxNC4zNTE0IDMyLjQyMzlDMTQuNDQzNiAzNC4yNzEyIDE2LjkyOTEgMzUuMTgxMyAxOS41MTczIDM0LjAzNjJDMjIuMTA1NCAzMi44OTEgMTkuOTY3OCAzMC44OTMyIDE3Ljk5MDIgMzMuMjQyN0MxNi45MjA3IDM0LjUxMzMgMTYuMjI1NCAzNi4yNTU5IDE2LjIyNTQgMzguODIxNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuOSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIyLjUgNDUuNTE5M1Y0MC41MTkzSDIxLjVWNDUuNTE5M0gxOVY1Mi41MTkzSDI1VjQ1LjUxOTNIMjIuNVoiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2JfMzIxM180NTE4MyIgeD0iMTAiIHk9IjQiIHdpZHRoPSI4OCIgaGVpZ2h0PSIxNCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVHYXVzc2lhbkJsdXIgaW49IkJhY2tncm91bmRJbWFnZUZpeCIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8zMjEzXzQ1MTgzIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8zMjEzXzQ1MTgzIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXIxX2JfMzIxM180NTE4MyIgeD0iNzMuNjY2NyIgeT0iMzMuNjY2NyIgd2lkdGg9IjQwLjY2NjciIGhlaWdodD0iNDAuNjY2NyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVHYXVzc2lhbkJsdXIgaW49IkJhY2tncm91bmRJbWFnZUZpeCIgc3RkRGV2aWF0aW9uPSIyLjY2NjY3Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8zMjEzXzQ1MTgzIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8zMjEzXzQ1MTgzIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXIyX2JfMzIxM180NTE4MyIgeD0iLTQuNTc5NDMiIHk9IjM1LjE4NiIgd2lkdGg9IjM3LjkxMjgiIGhlaWdodD0iMzQuNjY2NyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVHYXVzc2lhbkJsdXIgaW49IkJhY2tncm91bmRJbWFnZUZpeCIgc3RkRGV2aWF0aW9uPSIyLjY2NjY3Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8zMjEzXzQ1MTgzIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8zMjEzXzQ1MTgzIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMzIxM180NTE4MyIgeDE9IjU0IiB5MT0iOCIgeDI9IjU0IiB5Mj0iNTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0U3RTdFNyIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEQ0RDREMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzMyMTNfNDUxODMiIHgxPSIxMy4wNTg2IiB5MT0iNDMuNjQ5NyIgeDI9IjEzLjA1ODYiIHkyPSI2My41MjU1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyNjZGRTgiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzI2NkZFOCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
+}
+.empty {
+  background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTIwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB4PSIxNCIgeT0iOCIgd2lkdGg9IjgwIiBoZWlnaHQ9IjUwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMzIxM180NDk2NykiLz4KPHBhdGggZD0iTTI4IDIySDIwIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utb3BhY2l0eT0iMC45Ii8+CjxwYXRoIGQ9Ik00NCAyN0gyMCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuOSIvPgo8cGF0aCBkPSJNNDQgMzJIMjAiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjkiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfYl8zMjEzXzQ0OTY3KSI+CjxwYXRoIGQ9Ik0xNCA4SDk0VjE0SDE0VjhaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPC9nPgo8cGF0aCBkPSJNMTkgMTFIMTgiIHN0cm9rZT0id2hpdGUiLz4KPHBhdGggZD0iTTIzIDExSDIyIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yNyAxMUgyNiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTc4IDE4SDYyVjM0SDc4VjE4Wk05NyAxOEg4MVYzNEg5N1YxOFoiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl8zMjEzXzQ0OTY3KSIvPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMV9iXzMyMTNfNDQ5NjcpIj4KPHBhdGggZD0iTTUwIDcySDEwNVYzMkg1MFY3MloiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl8zMjEzXzQ0OTY3KSIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPC9nPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTc5LjUyNTQgNTcuOTYzNkM3OS41MjU0IDU4LjQ4MyA3OS4yNzA3IDU4LjkzMjUgNzguOTA0OCA1OS4yOTI5Qzc4LjU0MDYgNTkuNjUxNiA3OC4wMzk0IDU5Ljk1MTcgNzcuNDYwMyA2MC4xOTI5Qzc2LjMgNjAuNjc2NCA3NC43MzE4IDYwLjk2MzYgNzMuMDI1NCA2MC45NjM2QzcxLjMxOSA2MC45NjM2IDY5Ljc1MDcgNjAuNjc2NCA2OC41OTA0IDYwLjE5MjlDNjguMDExNCA1OS45NTE3IDY3LjUxMDEgNTkuNjUxNiA2Ny4xNDYgNTkuMjkyOUM2Ni43ODAxIDU4LjkzMjUgNjYuNTI1NCA1OC40ODMgNjYuNTI1NCA1Ny45NjM2VjUwLjk2MzZDNjYuNTI1NCA1MC40NDQzIDY2Ljc4MDEgNDkuOTk0OCA2Ny4xNDYgNDkuNjM0M0M2Ny41MTAxIDQ5LjI3NTYgNjguMDExNCA0OC45NzU2IDY4LjU5MDQgNDguNzM0M0M2OS43NTA3IDQ4LjI1MDkgNzEuMzE5IDQ3Ljk2MzYgNzMuMDI1NCA0Ny45NjM2Qzc0LjczMTggNDcuOTYzNiA3Ni4zIDQ4LjI1MDkgNzcuNDYwMyA0OC43MzQzQzc4LjAzOTQgNDguOTc1NiA3OC41NDA2IDQ5LjI3NTYgNzguOTA0OCA0OS42MzQzQzc5LjI3MDcgNDkuOTk0OCA3OS41MjU0IDUwLjQ0NDMgNzkuNTI1NCA1MC45NjM2VjU3Ljk2MzZaTTY3Ljg0NzggNTAuMzQ2N0M2Ny42MDY0IDUwLjU4NDUgNjcuNTI1NCA1MC43OTI2IDY3LjUyNTQgNTAuOTYzNkM2Ny41MjU0IDUxLjEzNDYgNjcuNjA2NCA1MS4zNDI4IDY3Ljg0NzggNTEuNTgwNUM2OC4wOTA5IDUxLjgyIDY4LjQ2ODMgNTIuMDU4NyA2OC45NzUxIDUyLjI2OTlDNjkuOTg2MyA1Mi42OTEyIDcxLjQxODEgNTIuOTYzNiA3My4wMjU0IDUyLjk2MzZDNzQuNjMyNyA1Mi45NjM2IDc2LjA2NDQgNTIuNjkxMiA3Ny4wNzU3IDUyLjI2OTlDNzcuNTgyNSA1Mi4wNTg3IDc3Ljk1OTkgNTEuODIgNzguMjAzIDUxLjU4MDVDNzguNDQ0MyA1MS4zNDI4IDc4LjUyNTQgNTEuMTM0NiA3OC41MjU0IDUwLjk2MzZDNzguNTI1NCA1MC43OTI2IDc4LjQ0NDMgNTAuNTg0NSA3OC4yMDMgNTAuMzQ2N0M3Ny45NTk5IDUwLjEwNzIgNzcuNTgyNSA0OS44Njg1IDc3LjA3NTcgNDkuNjU3NEM3Ni4wNjQ0IDQ5LjIzNiA3NC42MzI3IDQ4Ljk2MzYgNzMuMDI1NCA0OC45NjM2QzcxLjQxODEgNDguOTYzNiA2OS45ODYzIDQ5LjIzNiA2OC45NzUxIDQ5LjY1NzRDNjguNDY4MyA0OS44Njg1IDY4LjA5MDkgNTAuMTA3MiA2Ny44NDc4IDUwLjM0NjdaTTc4LjUyNTQgNTIuNjExOFY1NC40NjM2Qzc4LjUyNTQgNTQuNjM0NiA3OC40NDQzIDU0Ljg0MjggNzguMjAzIDU1LjA4MDVDNzcuOTU5OSA1NS4zMiA3Ny41ODI1IDU1LjU1ODcgNzcuMDc1NyA1NS43Njk5Qzc2LjA2NDQgNTYuMTkxMiA3NC42MzI3IDU2LjQ2MzYgNzMuMDI1NCA1Ni40NjM2QzcxLjQxODEgNTYuNDYzNiA2OS45ODYzIDU2LjE5MTIgNjguOTc1MSA1NS43Njk5QzY4LjQ2ODMgNTUuNTU4NyA2OC4wOTA5IDU1LjMyIDY3Ljg0NzggNTUuMDgwNUM2Ny42MDY0IDU0Ljg0MjggNjcuNTI1NCA1NC42MzQ2IDY3LjUyNTQgNTQuNDYzNlY1Mi42MTE4QzY3LjgzMDcgNTIuODMzMyA2OC4xOTIyIDUzLjAyNyA2OC41OTA0IDUzLjE5MjlDNjkuNzUwNyA1My42NzY0IDcxLjMxOSA1My45NjM2IDczLjAyNTQgNTMuOTYzNkM3NC43MzE4IDUzLjk2MzYgNzYuMyA1My42NzY0IDc3LjQ2MDMgNTMuMTkyOUM3Ny44NTg2IDUzLjAyNyA3OC4yMiA1Mi44MzMzIDc4LjUyNTQgNTIuNjExOFpNNzguNTI1NCA1Ny45NjM2VjU2LjExMThDNzguMjIgNTYuMzMzMyA3Ny44NTg2IDU2LjUyNyA3Ny40NjAzIDU2LjY5MjlDNzYuMyA1Ny4xNzY0IDc0LjczMTggNTcuNDYzNiA3My4wMjU0IDU3LjQ2MzZDNzEuMzE5IDU3LjQ2MzYgNjkuNzUwNyA1Ny4xNzY0IDY4LjU5MDQgNTYuNjkyOUM2OC4xOTIyIDU2LjUyNyA2Ny44MzA3IDU2LjMzMzMgNjcuNTI1NCA1Ni4xMTE4VjU3Ljk2MzZDNjcuNTI1NCA1OC4xMzQ2IDY3LjYwNjQgNTguMzQyOCA2Ny44NDc4IDU4LjU4MDVDNjguMDkwOSA1OC44MiA2OC40NjgzIDU5LjA1ODcgNjguOTc1MSA1OS4yNjk5QzY5Ljk4NjMgNTkuNjkxMiA3MS40MTgxIDU5Ljk2MzYgNzMuMDI1NCA1OS45NjM2Qzc0LjYzMjcgNTkuOTYzNiA3Ni4wNjQ0IDU5LjY5MTIgNzcuMDc1NyA1OS4yNjk5Qzc3LjU4MjUgNTkuMDU4NyA3Ny45NTk5IDU4LjgyIDc4LjIwMyA1OC41ODA1Qzc4LjQ0NDMgNTguMzQyOCA3OC41MjU0IDU4LjEzNDYgNzguNTI1NCA1Ny45NjM2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Ni45MDQ4IDUzLjI5MzJDODcuMjcwNyA1Mi45MzI3IDg3LjUyNTQgNTIuNDgzMiA4Ny41MjU0IDUxLjk2MzlWNDQuOTYzOUM4Ny41MjU0IDQ0LjQ0NDUgODcuMjcwNyA0My45OTUgODYuOTA0OCA0My42MzQ2Qzg2LjU0MDYgNDMuMjc1OSA4Ni4wMzk0IDQyLjk3NTggODUuNDYwMyA0Mi43MzQ2Qzg0LjMgNDIuMjUxMSA4Mi43MzE4IDQxLjk2MzkgODEuMDI1NCA0MS45NjM5Qzc5LjMxOSA0MS45NjM5IDc3Ljc1MDcgNDIuMjUxMSA3Ni41OTA0IDQyLjczNDZDNzYuMDExNCA0Mi45NzU4IDc1LjUxMDEgNDMuMjc1OSA3NS4xNDYgNDMuNjM0NkM3NC43ODAxIDQzLjk5NSA3NC41MjU0IDQ0LjQ0NDUgNzQuNTI1NCA0NC45NjM5VjQ4LjA3ODdDNzQuODY5OSA0OC4xMTQ5IDc1LjIwNDIgNDguMTYzMiA3NS41MjU0IDQ4LjIyMjdWNDYuNjEyQzc1LjgzMDcgNDYuODMzNSA3Ni4xOTIyIDQ3LjAyNzIgNzYuNTkwNCA0Ny4xOTMyQzc3Ljc1MDcgNDcuNjc2NiA3OS4zMTkgNDcuOTYzOSA4MS4wMjU0IDQ3Ljk2MzlDODIuNzMxOCA0Ny45NjM5IDg0LjMgNDcuNjc2NiA4NS40NjAzIDQ3LjE5MzJDODUuODU4NiA0Ny4wMjcyIDg2LjIyIDQ2LjgzMzUgODYuNTI1NCA0Ni42MTJWNDguNDYzOUM4Ni41MjU0IDQ4LjYzNDkgODYuNDQ0MyA0OC44NDMgODYuMjAzIDQ5LjA4MDhDODUuOTU5OSA0OS4zMjAzIDg1LjU4MjUgNDkuNTU5IDg1LjA3NTcgNDkuNzcwMUM4NC4wNjQ0IDUwLjE5MTUgODIuNjMyNyA1MC40NjM5IDgxLjAyNTQgNTAuNDYzOUM4MC40NDYgNTAuNDYzOSA3OS44ODk1IDUwLjQyODUgNzkuMzY3MiA1MC4zNjM1Qzc5LjQ1MTggNTAuNTYxNCA3OS41IDUwLjc3NDEgNzkuNSA1MVY1MS4zODUyQzc5Ljk5MDIgNTEuNDM2OCA4MC41MDEzIDUxLjQ2MzkgODEuMDI1NCA1MS40NjM5QzgyLjczMTggNTEuNDYzOSA4NC4zIDUxLjE3NjYgODUuNDYwMyA1MC42OTMyQzg1Ljg1ODYgNTAuNTI3MiA4Ni4yMiA1MC4zMzM1IDg2LjUyNTQgNTAuMTEyVjUxLjk2MzlDODYuNTI1NCA1Mi4xMzQ5IDg2LjQ0NDMgNTIuMzQzIDg2LjIwMyA1Mi41ODA4Qzg1Ljk1OTkgNTIuODIwMyA4NS41ODI1IDUzLjA1OSA4NS4wNzU3IDUzLjI3MDFDODQuMDY0NCA1My42OTE1IDgyLjYzMjcgNTMuOTYzOSA4MS4wMjU0IDUzLjk2MzlDODAuNDk0OSA1My45NjM5IDc5Ljk4MzUgNTMuOTM0MiA3OS41IDUzLjg3OTNWNTQuODg1MkM3OS45OTAyIDU0LjkzNjggODAuNTAxMyA1NC45NjM5IDgxLjAyNTQgNTQuOTYzOUM4Mi43MzE4IDU0Ljk2MzkgODQuMyA1NC42NzY2IDg1LjQ2MDMgNTQuMTkzMkM4Ni4wMzk0IDUzLjk1MTkgODYuNTQwNiA1My42NTE5IDg2LjkwNDggNTMuMjkzMlpNNzUuNTI1NCA0NC45NjM5Qzc1LjUyNTQgNDQuNzkyOSA3NS42MDY0IDQ0LjU4NDcgNzUuODQ3OCA0NC4zNDY5Qzc2LjA5MDkgNDQuMTA3NSA3Ni40NjgzIDQzLjg2ODggNzYuOTc1MSA0My42NTc2Qzc3Ljk4NjMgNDMuMjM2MyA3OS40MTgxIDQyLjk2MzkgODEuMDI1NCA0Mi45NjM5QzgyLjYzMjcgNDIuOTYzOSA4NC4wNjQ0IDQzLjIzNjMgODUuMDc1NyA0My42NTc2Qzg1LjU4MjUgNDMuODY4OCA4NS45NTk5IDQ0LjEwNzUgODYuMjAzIDQ0LjM0NjlDODYuNDQ0MyA0NC41ODQ3IDg2LjUyNTQgNDQuNzkyOSA4Ni41MjU0IDQ0Ljk2MzlDODYuNTI1NCA0NS4xMzQ5IDg2LjQ0NDMgNDUuMzQzIDg2LjIwMyA0NS41ODA4Qzg1Ljk1OTkgNDUuODIwMyA4NS41ODI1IDQ2LjA1OSA4NS4wNzU3IDQ2LjI3MDFDODQuMDY0NCA0Ni42OTE1IDgyLjYzMjcgNDYuOTYzOSA4MS4wMjU0IDQ2Ljk2MzlDNzkuNDE4MSA0Ni45NjM5IDc3Ljk4NjMgNDYuNjkxNSA3Ni45NzUxIDQ2LjI3MDFDNzYuNDY4MyA0Ni4wNTkgNzYuMDkwOSA0NS44MjAzIDc1Ljg0NzggNDUuNTgwOEM3NS42MDY0IDQ1LjM0MyA3NS41MjU0IDQ1LjEzNDkgNzUuNTI1NCA0NC45NjM5WiIgZmlsbD0id2hpdGUiLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfYl8zMjEzXzQ0OTY3IiB4PSIxMCIgeT0iNCIgd2lkdGg9Ijg4IiBoZWlnaHQ9IjE0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29tcG9zaXRlIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJpbiIgcmVzdWx0PSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzMyMTNfNDQ5NjciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzMyMTNfNDQ5NjciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjFfYl8zMjEzXzQ0OTY3IiB4PSI0NC42NjY3IiB5PSIyNi42NjY3IiB3aWR0aD0iNjUuNjY2NyIgaGVpZ2h0PSI1MC42NjY3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjIuNjY2NjciLz4KPGZlQ29tcG9zaXRlIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJpbiIgcmVzdWx0PSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzMyMTNfNDQ5NjciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzMyMTNfNDQ5NjciIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8zMjEzXzQ0OTY3IiB4MT0iNTQiIHkxPSI4IiB4Mj0iNTQiIHkyPSI1OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRTdFN0U3Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0RDRENEQyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMzIxM180NDk2NyIgeDE9Ijg0LjYwNDIiIHkxPSIxOCIgeDI9Ijg0LjYwNDIiIHkyPSIzNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMzIxM180NDk2NyIgeDE9Ijc0LjgzODciIHkxPSI2Ni43ODI2IiB4Mj0iNzQuODM4NyIgeTI9IjMzLjY1NjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzkzOTM5MyIgc3RvcC1vcGFjaXR5PSIwLjciLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTM5MzkzIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
+}
+.error {
+  background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTIwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB4PSIxNCIgeT0iOCIgd2lkdGg9IjgwIiBoZWlnaHQ9IjUwIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMzIyMF80NTM4NCkiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01My4wNzk4IDM2TDUwLjAwMzkgMzIuOTI0MUw1MC45MjMxIDMyLjAwNDlMNTMuOTk5MSAzNS4wODA4TDU3LjA3NSAzMi4wMDQ5TDU3Ljk5NDIgMzIuOTI0MUw1NC45MTgzIDM2TDU3Ljk5NDIgMzkuMDc2TDU3LjA3NSAzOS45OTUyTDUzLjk5OTEgMzYuOTE5M0w1MC45MjMxIDM5Ljk5NTJMNTAuMDAzOSAzOS4wNzZMNTMuMDc5OCAzNloiIGZpbGw9ImJsYWNrIi8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2JfMzIyMF80NTM4NCkiPgo8cGF0aCBkPSJNMTQgOEg5NFYxNEgxNFY4WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC45Ii8+CjwvZz4KPHBhdGggZD0iTTE5IDExSDE4IiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yMyAxMUgyMiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjcgMTFIMjYiIHN0cm9rZT0id2hpdGUiLz4KPGcgb3BhY2l0eT0iMC45IiBmaWx0ZXI9InVybCgjZmlsdGVyMV9iXzMyMjBfNDUzODQpIj4KPGNpcmNsZSBjeD0iOTQiIGN5PSI1NCIgcj0iMTUiIGZpbGw9IiNFMzRENTkiLz4KPC9nPgo8cGF0aCBkPSJNOTQgNDcuNVY1NyIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNOTQgNTlWNjAuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjJfYl8zMjIwXzQ1Mzg0KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA0MC41MTkzQzguNDQ3NzIgNDAuNTE5MyA4IDQwLjk2NyA4IDQxLjUxOTNWNDguMDUxMkM3LjMyNDA5IDQ3LjcxMDkgNi41NjA0NCA0Ny41MTkzIDUuNzUzOTEgNDcuNTE5M0MyLjk5MjQ4IDQ3LjUxOTMgMC43NTM5MDYgNDkuNzU3OSAwLjc1MzkwNiA1Mi41MTkzQzAuNzUzOTA2IDU1LjI4MDcgMi45OTI0OCA1Ny41MTkzIDUuNzUzOTEgNTcuNTE5M0M2LjU2MDQ0IDU3LjUxOTMgNy4zMjQwOSA1Ny4zMjc3IDggNTYuOTg3NFY2My41MTkzQzggNjQuMDcxNiA4LjQ0NzcyIDY0LjUxOTMgOSA2NC41MTkzSDI3QzI3LjU1MjMgNjQuNTE5MyAyOCA2NC4wNzE2IDI4IDYzLjUxOTNWNDEuNTE5M0MyOCA0MC45NjcgMjcuNTUyMyA0MC41MTkzIDI3IDQwLjUxOTNIOVpNOCA1NC41MDgxVjUwLjUzMDVDNy44MjkyNSA1MC4zMzc4IDcuNjM0MjEgNTAuMTY3MyA3LjQxOTg3IDUwLjAyMzlDNi45NDM3MyA0OS43MDUyIDYuMzcyMDQgNDkuNTE5MyA1Ljc1MzkxIDQ5LjUxOTNDNC4wOTcwNSA0OS41MTkzIDIuNzUzOTEgNTAuODYyNCAyLjc1MzkxIDUyLjUxOTNDMi43NTM5MSA1NC4xNzYxIDQuMDk3MDUgNTUuNTE5MyA1Ljc1MzkxIDU1LjUxOTNDNi4zNzIwNCA1NS41MTkzIDYuOTQzNzMgNTUuMzMzNCA3LjQxOTg3IDU1LjAxNDdDNy42MzQyMSA1NC44NzEyIDcuODI5MjUgNTQuNzAwNyA4IDU0LjUwODFaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMzIyMF80NTM4NCkiIGZpbGwtb3BhY2l0eT0iMC45Ii8+CjwvZz4KPHBhdGggZD0iTTE5LjUxNjEgMTlDMTMuNDAzMyAyMS45NzAzIDEwLjU4MjcgMjcuMjI1NiAxMi40MDAzIDMwLjA4MjRDMTQuNzU0MyAzMy43ODI0IDIyLjkzNzYgMjcuODc1MiAyMC43OTExIDI2LjE3OThDMTguOTk4OCAyNC43NjQxIDE0LjE1NjcgMjguNTIxMyAxNC4zNTE0IDMyLjQyMzlDMTQuNDQzNiAzNC4yNzEyIDE2LjkyOTEgMzUuMTgxMyAxOS41MTczIDM0LjAzNjJDMjIuMTA1NCAzMi44OTEgMTkuOTY3OCAzMC44OTMyIDE3Ljk5MDIgMzMuMjQyN0MxNi45MjA3IDM0LjUxMzMgMTYuMjI1NCAzNi4yNTU5IDE2LjIyNTQgMzguODIxNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuOSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIyLjUgNDUuNTE5M1Y0MC41MTkzSDIxLjVWNDUuNTE5M0gxOVY1Mi41MTkzSDI1VjQ1LjUxOTNIMjIuNVoiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2JfMzIyMF80NTM4NCIgeD0iMTAiIHk9IjQiIHdpZHRoPSI4OCIgaGVpZ2h0PSIxNCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVHYXVzc2lhbkJsdXIgaW49IkJhY2tncm91bmRJbWFnZUZpeCIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8zMjIwXzQ1Mzg0Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8zMjIwXzQ1Mzg0IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXIxX2JfMzIyMF80NTM4NCIgeD0iNzMuNjY2NyIgeT0iMzMuNjY2NyIgd2lkdGg9IjQwLjY2NjciIGhlaWdodD0iNDAuNjY2NyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVHYXVzc2lhbkJsdXIgaW49IkJhY2tncm91bmRJbWFnZUZpeCIgc3RkRGV2aWF0aW9uPSIyLjY2NjY3Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8zMjIwXzQ1Mzg0Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8zMjIwXzQ1Mzg0IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXIyX2JfMzIyMF80NTM4NCIgeD0iLTQuNTc5NDMiIHk9IjM1LjE4NiIgd2lkdGg9IjM3LjkxMjgiIGhlaWdodD0iMzQuNjY2NyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVHYXVzc2lhbkJsdXIgaW49IkJhY2tncm91bmRJbWFnZUZpeCIgc3RkRGV2aWF0aW9uPSIyLjY2NjY3Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8zMjIwXzQ1Mzg0Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9iYWNrZ3JvdW5kQmx1cl8zMjIwXzQ1Mzg0IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMzIyMF80NTM4NCIgeDE9IjU0IiB5MT0iOCIgeDI9IjU0IiB5Mj0iNTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0U3RTdFNyIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEQ0RDREMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzMyMjBfNDUzODQiIHgxPSIxMy4wNTg2IiB5MT0iNDMuNjQ5NyIgeDI9IjEzLjA1ODYiIHkyPSI2My41MjU1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM5MzkzOTMiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzkzOTM5MyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
+}

package/dist/web/components/statusContent/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './index.css';
+const BLOCK_NAME = 'weda-list-view';
+export default function StatusContent(props) {
+    const { emptyText, component, isH5, icon = 'empty' } = props;
+    return (_jsx("div", { className: `${BLOCK_NAME}__empty`, children: _jsxs("div", { className: `${BLOCK_NAME}__empty__content test
+        ${component === 'table' && 'table'}
+        ${isH5 && 'isH5'}`, children: [_jsx("span", { className: `status-icon ${icon}` }), emptyText] }) }));
+}

package/dist/web/components/swiper/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { useState, useEffect, useRef } from 'react';
 import classNames from '../../utils/classnames';
@@ -6,7 +7,6 @@ import { useDebouncedCallback, useEventListener, useResizeObserver, } from '@rea
 import './index.css';
 import { emptyObject } from '../../utils/constant';
 export default function Swiper({ children, className, style, autoplay = true, circular = true, vertical = false, indicatorDots, indicatorColor = 'rgba(200, 200, 200, 0.9)', indicatorActiveColor = 'rgba(0, 0, 0, 0.9)', duration = 500, interval = 5000, current = 0, events = emptyObject, id, }) {
-    var _a;
     const originChildrenRef = useRef(null);
     const [realChildren, setRealChildren] = useState([]);
     const itemCount = React.Children.count(realChildren);
@@ -16,19 +16,25 @@ export default function Swiper({ children, className, style, autoplay = true, ci
     const [height, setHeight] = useState(0);
     const { change = () => { } } = events;
     useEffect(() => {
-        // 等待dom渲染完成
-        // eslint-disable-next-line rulesdir/no-timer
-        const timer = setTimeout(() => {
+        const callback = (mutationsList, instance) => {
             const realChildren = Array.from(originChildrenRef.current.children).map((elem) => {
-                const reactFiberProp = Object.keys(elem).find((prop) => prop.startsWith('__reactInternalInstance'));
+                const reactFiberProp = Object.keys(elem).find((prop) => {
+                    return (prop.startsWith('__reactInternalInstance') ||
+                        prop.startsWith('__reactFiber'));
+                });
                 const reactFiber = elem[reactFiberProp];
                 const reactElem = React.createElement(reactFiber.elementType, reactFiber.pendingProps);
                 return reactElem;
             });
             setRealChildren(realChildren);
-        }, 0);
-        return () => clearTimeout(timer);
-    }, [(_a = originChildrenRef.current) === null || _a === void 0 ? void 0 : _a.children, children]);
+            instance.disconnect();
+        };
+        const observer = new MutationObserver(callback);
+        observer.observe(originChildrenRef.current, {
+            childList: true,
+            subtree: true,
+        });
+    }, []);
     useEffect(() => {
         if (autoplay) {
             // 自动切换
@@ -55,7 +61,7 @@ export default function Swiper({ children, className, style, autoplay = true, ci
         setHeight(e.target.clientHeight);
     });
     const itemsClone = React.Children.map(realChildren, (x, i) => {
-        return (React.createElement("div", { className: "g-swiper-item", "data-index": i }, x));
+        return (_jsx("div", { className: "g-swiper-item", "data-index": i, children: x }));
     });
     const setIndex = (index) => {
         if (index >= itemCount) {
@@ -116,42 +122,34 @@ export default function Swiper({ children, className, style, autoplay = true, ci
         }
         setSwipeStyle(style);
     };
-    return (React.createElement("div", { className: classNames('g-swiper weda-ui', className, {
+    return (_jsxs("div", { className: classNames('g-swiper weda-ui', className, {
             vertical: vertical,
-        }), style: { height: height ? height : 'auto', ...style }, ref: outerWrapRef, id: id },
-        React.createElement("div", { ref: originChildrenRef, style: { display: 'none' } }, children),
-        itemCount > 0 ? (
-        // @ts-ignore todo
-        React.createElement(Swipe, { className: "g-swiper-list", style: swipeStyle, tolerance: 20, onSwipeLeft: () => {
-                vertical || setIndex(currentIndex + 1);
-            }, onSwipeRight: () => {
-                vertical || setIndex(currentIndex - 1);
-            }, onSwipeDown: () => {
-                vertical && setIndex(currentIndex - 1);
-            }, onSwipeUp: () => {
-                vertical && setIndex(currentIndex + 1);
-            } },
-            itemsClone[itemCount - 1],
-            React.Children.map(realChildren, (x, i) => {
-                return (React.createElement(SwiperItem, { height: height, setHeight: setHeight, currentIndex: currentIndex, index: i }, x));
-            }),
-            itemsClone[0])) : null,
-        indicatorDots ? (React.createElement("div", { className: "g-swiper__pagination" }, React.Children.map(realChildren, (x, i) => {
-            return (React.createElement("a", { href: "#", className: "g-swiper__pagination-bulletm", style: {
-                    backgroundColor: currentIndex === i ? indicatorActiveColor : indicatorColor,
-                }, onClick: (e) => {
-                    setIndex(i);
-                    e.preventDefault();
-                }, "data-index": i }));
-        }))) : (false),
-        React.createElement("a", { href: "#", className: "g-swiper__turn-pre", onClick: (ev) => {
-                ev.preventDefault();
-                setIndex(currentIndex - 1);
-            } }, "\u4E0A\u4E00\u9875"),
-        React.createElement("a", { href: "#", className: "g-swiper__turn-next", onClick: (ev) => {
-                ev.preventDefault();
-                setIndex(currentIndex + 1);
-            } }, "\u4E0B\u4E00\u9875")));
+        }), style: { height: height ? height : 'auto', ...style }, ref: outerWrapRef, id: id, children: [_jsx("div", { ref: originChildrenRef, style: { display: 'none' }, children: children }), itemCount > 0 ? (
+            // @ts-ignore todo
+            _jsxs(Swipe, { className: "g-swiper-list", style: swipeStyle, tolerance: 20, onSwipeLeft: () => {
+                    vertical || setIndex(currentIndex + 1);
+                }, onSwipeRight: () => {
+                    vertical || setIndex(currentIndex - 1);
+                }, onSwipeDown: () => {
+                    vertical && setIndex(currentIndex - 1);
+                }, onSwipeUp: () => {
+                    vertical && setIndex(currentIndex + 1);
+                }, children: [itemsClone[itemCount - 1], React.Children.map(realChildren, (x, i) => {
+                        return (_jsx(SwiperItem, { height: height, setHeight: setHeight, currentIndex: currentIndex, index: i, children: x }));
+                    }), itemsClone[0]] })) : null, indicatorDots ? (_jsx("div", { className: "g-swiper__pagination", children: React.Children.map(realChildren, (x, i) => {
+                    return (_jsx("a", { href: "#", className: "g-swiper__pagination-bulletm", style: {
+                            backgroundColor: currentIndex === i ? indicatorActiveColor : indicatorColor,
+                        }, onClick: (e) => {
+                            setIndex(i);
+                            e.preventDefault();
+                        }, "data-index": i }));
+                }) })) : (false), _jsx("a", { href: "#", className: "g-swiper__turn-pre", onClick: (ev) => {
+                    ev.preventDefault();
+                    setIndex(currentIndex - 1);
+                }, children: "\u4E0A\u4E00\u9875" }), _jsx("a", { href: "#", className: "g-swiper__turn-next", onClick: (ev) => {
+                    ev.preventDefault();
+                    setIndex(currentIndex + 1);
+                }, children: "\u4E0B\u4E00\u9875" })] }));
 }
 const SwiperItem = ({ height, setHeight, children, currentIndex, index }) => {
     const firstChildRef = useRef(null);
@@ -164,10 +162,9 @@ const SwiperItem = ({ height, setHeight, children, currentIndex, index }) => {
             syncHeight(e);
         }
     });
-    return (React.createElement("div", { className: classNames('g-swiper-item', {
+    return (_jsx("div", { className: classNames('g-swiper-item', {
             current: index === currentIndex,
-        }), "data-index": index },
-        React.createElement("div", { ref: firstChildRef, style: {
+        }), "data-index": index, children: _jsx("div", { ref: firstChildRef, style: {
                 height: height > 0 ? '100%' : 'auto',
-            } }, children)));
+            }, children: children }) }));
 };