@cloudbase/weda-ui 3.4.2 → 3.4.4

package/dist/web/components/pageLayout/PageContent/index.css

@@ -0,0 +1,25 @@
+.weda-errormessage-status__detail {
+  color: rgba(0, 0, 0, 0.4);
+  display: flex;
+  align-items: center;
+}
+
+.weda-errormessage-status__detail_wrap {
+  width: 100%;
+  margin-top: 8px;
+}
+
+.weda-errormessage-status__detail_wrap_header {
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+}
+
+.weda-errormessage-status__detail_wrap_content {
+  text-align: left;
+  border: 1px solid #ddd;
+  padding: 10px;
+  border-radius: 3px;
+  font-size: 12px;
+}

package/dist/web/components/pageLayout/PageContent/index.js

@@ -0,0 +1,81 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Status, List } from 'tea-component';
+import { navigateToModelPage } from '../../../utils/platform';
+import './index.css';
+const StatusTitle = {
+    blank: '内容为空',
+    chart: '图表为空或异常',
+    loading: '加载中',
+    network: '网络异常',
+    pay: '待续费',
+    search: '搜索无结果',
+    upload: '图片上传',
+};
+/**
+ * 页面内容容器组件
+ * 继承样式展示
+ */
+export const PageContent = (props) => {
+    const { loading, children, style, ...rest } = props;
+    const status = loading ? 'loading' : '';
+    return (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    React.createElement("div", { style: style, ...rest }, status ? (React.createElement(Status, { size: "l", icon: status, title: StatusTitle[status] || '', description: "\u6B63\u5728\u52A0\u8F7D\u9875\u9762" })) : (children)));
+};
+/**
+ * 无字段权限时倒计时返回主页面
+ */
+export const PageCountDown = (props) => {
+    const { dbName, description, ...rest } = props;
+    const [count, setCount] = useState(5);
+    const timeRef = useRef(null);
+    useEffect(() => {
+        count <= 0 && navigateToModelPage('list', { dbName });
+    }, [count]);
+    useEffect(() => {
+        clearInterval(timeRef.current);
+        // eslint-disable-next-line rulesdir/no-timer
+        timeRef.current = setInterval(() => {
+            setCount((count) => (count > 0 ? count - 1 : 0));
+        }, 1000);
+        return () => clearInterval(timeRef.current);
+    }, []);
+    return (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    React.createElement("div", { ...rest, style: { margin: '20px 0' }, key: dbName },
+        description || '当前页面无具备编辑权限的任何字段',
+        "\uFF0C",
+        count,
+        ' ',
+        "\u79D2\u540E\u81EA\u52A8\u8FD4\u56DE\u5217\u8868\u9875"));
+};
+/**
+ * 当前页面未绑定数据源
+ */
+export const PageNullDb = (props) => {
+    return (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    React.createElement("div", { key: "page_null_db", ...props }, "\u672A\u7ED1\u5B9A\u6570\u636E\u6E90"));
+};
+/**
+ * 错误信息展示
+ *
+ */
+export const PageErrorContent = (props) => {
+    const { errorMessageInfo } = props;
+    const { title, message, code } = errorMessageInfo || {};
+    const errorInfoList = {
+        错误码: code || '暂无错误码',
+        错误信息: message || '暂无错误信息',
+    };
+    return (React.createElement(Status, { size: 'l', title: title, description: React.createElement("div", { className: "weda-errormessage-status__detail" },
+            React.createElement("div", { className: "weda-errormessage-status__detail_wrap" },
+                React.createElement("div", { className: "weda-errormessage-status__detail_wrap_header" },
+                    React.createElement("p", null, "\u6545\u969C\u6392\u9664\u8BE6\u7EC6\u4FE1\u606F\uFF1A"),
+                    React.createElement("a", { href: "https://docs.cloudbase.net/lowcode/faq", target: "_blank", rel: "noreferrer" }, "\u5E38\u89C1\u95EE\u9898\u6307\u5F15")),
+                React.createElement("div", { className: "weda-errormessage-status__detail_wrap_content" },
+                    React.createElement(List, null, Object.entries(errorInfoList).map((item, index) => (React.createElement(List.Item, { key: index },
+                        item[0],
+                        ":",
+                        item[1]))))))) }));
+};

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

@@ -0,0 +1,4 @@
+.pagelayout-header .tea-content__header-back {
+  display: inline-flex;
+  align-items: center;
+}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Layout, Card, ConfigProvider } from 'tea-component';
+import './index.css';
+import { navigateBack } from '../../utils/platform';
+const { Body, Content } = Layout;
+/**
+ * 页面基本布局组件
+ */
+export function PageLayout(props) {
+    const { title, contentSlot, operation, showBackButton, ...rest } = props || {};
+    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement(Layout, { style: { minHeight: 'calc(100vh - 52px)' }, ...rest },
+            React.createElement(Body, null,
+                React.createElement(Content, null,
+                    React.createElement(Content.Header, { className: "pagelayout-header", title: title, operation: operation, showBackButton: Boolean(showBackButton), onBackButtonClick: (e) => {
+                            e === null || e === void 0 ? void 0 : e.preventDefault();
+                            navigateBack();
+                        } }),
+                    React.createElement(Content.Body, null,
+                        React.createElement(Card, null,
+                            React.createElement(Card.Body, null, contentSlot))))))));
+}

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import Button from '../../components/button';
 import { Bubble, ConfigProvider } from 'tea-component';
+// export type PhoneCodeProps =
 const PhoneCode = (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, \u5E76\u4E14\u5C0F\u7A0B\u5E8F\u5FC5\u987B\u4E3A\u4F01\u4E1A\u4E3B\u4F53\u3002" },
         React.createElement(Button, { ...props }))));

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+export default function Repeater({ children }) {
+    return React.createElement(React.Fragment, null, children);
+}
+Repeater.propTypes = {
+    /**
+     * 数据
+     */
+    data: PropTypes.array,
+};
+/**
+ * 默认属性
+ */
+Repeater.defaultProps = {
+    data: [],
+};

package/dist/web/components/repeater-item/index.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export default function RepeaterItem({ children }) {
+    return React.createElement(React.Fragment, null, children);
+}
+RepeaterItem.propTypes = {};
+/**
+ * 默认属性
+ */
+RepeaterItem.defaultProps = {};

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

@@ -1,8 +1,8 @@
 .richText-upload-link {
   width: 100%;
   display: flex;
-  margin-top: 1.14286rem;
-  margin-bottom: 1.42857rem;
+  margin-top: 16px;
+  margin-bottom: 20px;
 }
 
 .richText-upload-link input {
@@ -99,13 +99,14 @@
 }
 
 .weda-richText .weda-formcells__content.weui-flex__item {
-  margin-top: 1.14286rem;
-  margin-bottom: 1.14286rem;
+  margin-top: 16px;
+  margin-bottom: 16px;
 }
 
 .weda-richText .bf-font-size-dropdown {
-  min-width: 4.14286rem;
+  min-width: 58px;
 }
 
-/*# sourceURL=webpack://./src/web/components/richText/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9yaWNoVGV4dC9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxXQUFXO0VBQ1gsYUFBYTtFQUNiLHNCQUFzQjtFQUN0Qix5QkFBeUI7QUFDM0I7O0FBRUE7RUFDRSxXQUFXO0FBQ2I7O0FBRUE7RUFDRSxXQUFXO0FBQ2I7O0FBRUE7RUFDRSxXQUFXO0FBQ2I7O0FBRUE7RUFDRSxjQUFjO0VBQ2Qsc0JBQXNCO0FBQ3hCOztBQUVBLG9CQUFvQjtBQUNwQjtFQUNFLGtDQUFrQztBQUNwQzs7QUFFQTs7Ozs7Ozs7RUFRRSx3QkFBd0I7QUFDMUI7O0FBRUE7RUFDRSxjQUFjO0FBQ2hCOztBQUVBO0VBQ0UsMEJBQTBCO0FBQzVCOztBQUVBLG9CQUFvQjtBQUNwQjtFQUNFLHVCQUF1QjtBQUN6Qjs7QUFFQTtFQUNFLDBCQUEwQjtBQUM1Qjs7QUFFQTtFQUNFLFdBQVc7QUFDYjs7QUFFQTtFQUNFLGtDQUFrQztBQUNwQzs7QUFFQTtFQUNFLGNBQWM7QUFDaEI7O0FBRUE7RUFDRSxnQkFBZ0I7QUFDbEI7O0FBRUE7RUFDRSxpQkFBaUI7QUFDbkI7O0FBRUE7RUFDRSxjQUFjO0FBQ2hCOztBQUVBO0VBQ0UsaUJBQWlCO0FBQ25COztBQUVBO0VBQ0UsaUJBQWlCO0FBQ25COztBQUVBOztFQUVFLGtCQUFrQjtBQUNwQjs7QUFFQTtFQUNFLGtCQUFrQjtFQUNsQixVQUFVO0VBQ1YsdUJBQXVCO0FBQ3pCOztBQUVBO0VBQ0Usc0JBQXNCO0VBQ3RCLHlCQUF5QjtBQUMzQjs7QUFFQTtFQUNFLHFCQUFxQjtBQUN2QiIsInNvdXJjZXNDb250ZW50IjpbIi5yaWNoVGV4dC11cGxvYWQtbGluayB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tdG9wOiAxLjE0Mjg2cmVtO1xuICBtYXJnaW4tYm90dG9tOiAxLjQyODU3cmVtO1xufVxuXG4ucmljaFRleHQtdXBsb2FkLWxpbmsgaW5wdXQge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLnJpY2h0ZXh0X3VwbG9hZF9kcmFnZ2VyIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5yaWNodGV4dF91cGxvYWRfZHJhZ2dlciA+IGRpdiB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4ucmljaHRleHRfdXBsb2FkX2RyYWdnZXIgPiBkaXYgPiBkaXYge1xuICBvdmVyZmxvdzogYXV0bztcbiAgd29yZC1icmVhazogYnJlYWstd29yZDtcbn1cblxuLyogcHJldHRpZXItaWdub3JlICovXG4ud2VkYS1yaWNoVGV4dCAuYmYtY29udHJvbGJhciAuY29udHJvbC1pdGVtIHtcbiAgbWFyZ2luOiA1UFggMFBYIDVQWCAwUFggIWltcG9ydGFudDtcbn1cblxuLndlZGEtcmljaFRleHQgLmJmLWNvbnRyb2xiYXIgLmNvbnRyb2wtaXRlbS5idXR0b24taW5kZW50LWluY3JlYXNlLFxuLndlZGEtcmljaFRleHQgLmJmLWNvbnRyb2xiYXIgLmNvbnRyb2wtaXRlbS5idXR0b24taW5kZW50LWRlY3JlYXNlLFxuLndlZGEtcmljaFRleHQgLmJmLWNvbnRyb2xiYXIgLmNvbnRyb2wtaXRlbVtkYXRhLWFsaWdubWVudD0nbGVmdCddLFxuLndlZGEtcmljaFRleHQgLmJmLWNvbnRyb2xiYXIgLmNvbnRyb2wtaXRlbVtkYXRhLWFsaWdubWVudD0nY2VudGVyJ10sXG4ud2VkYS1yaWNoVGV4dCAuYmYtY29udHJvbGJhciAuY29udHJvbC1pdGVtW2RhdGEtYWxpZ25tZW50PSdyaWdodCddLFxuLndlZGEtcmljaFRleHQgLmJmLWNvbnRyb2xiYXIgLmNvbnRyb2wtaXRlbVtkYXRhLWFsaWdubWVudD0nanVzdGlmeSddLFxuLndlZGEtcmljaFRleHQgLmJmLWNvbnRyb2xiYXIgLmNvbnRyb2wtaXRlbS5saW5rLWVkaXRvci1kcm9wZG93bixcbi53ZWRhLXJpY2hUZXh0IC5iZi1jb250cm9sYmFyIC5jb250cm9sLWl0ZW1bZGF0YS10aXRsZT0n5riF6Zmk6ZO+5o6lJ10ge1xuICBtYXJnaW4tdG9wOiAwICFpbXBvcnRhbnQ7XG59XG5cbi53ZWRhLXJpY2hUZXh0IC53ZWRhLWZvcm1jZWxsc19fY29udGVudCAud2V1aS1jZWxsX2Zvcm0ge1xuICBwYWRkaW5nLXRvcDogMDtcbn1cblxuLndlZGEtcmljaFRleHQgLmhlYWRpbmdzLWRyb3Bkb3duIHtcbiAgbWluLXdpZHRoOiBhdXRvICFpbXBvcnRhbnQ7XG59XG5cbi8qIHByZXR0aWVyLWlnbm9yZSAqL1xuLndlZGEtcmljaFRleHQgLmJmLWNvbnRyb2xiYXIgLnNlcGFyYXRvci1saW5lIHtcbiAgaGVpZ2h0OiAyNlBYICFpbXBvcnRhbnQ7XG59XG5cbi53ZWRhLXJpY2hUZXh0IC5iZi1jb250cm9sYmFyIC5jb250cm9sLWl0ZW0uYnV0dG9uIHtcbiAgbWluLXdpZHRoOiBhdXRvICFpbXBvcnRhbnQ7XG59XG5cbi53ZWRhLXJpY2hUZXh0IHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi53ZWRhLXJpY2hUZXh0IC53ZXVpLWNlbGxfYWN0aXZlOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHVuc2V0ICFpbXBvcnRhbnQ7XG59XG5cbi53ZWRhLXJpY2hUZXh0IGgxIHtcbiAgZm9udC1zaXplOiAyZW07XG59XG5cbi53ZWRhLXJpY2hUZXh0IGgyIHtcbiAgZm9udC1zaXplOiAxLjVlbTtcbn1cblxuLndlZGEtcmljaFRleHQgaDMge1xuICBmb250LXNpemU6IDEuMTdlbTtcbn1cblxuLndlZGEtcmljaFRleHQgaDQge1xuICBmb250LXNpemU6IDFlbTtcbn1cblxuLndlZGEtcmljaFRleHQgaDUge1xuICBmb250LXNpemU6IDAuODNlbTtcbn1cblxuLndlZGEtcmljaFRleHQgaDYge1xuICBmb250LXNpemU6IDAuNjdlbTtcbn1cblxuLndlZGEtcmljaFRleHQgLmJmLWNvbnRhaW5lciAuYmYtaW1hZ2UsXG4ud2VkYS1yaWNoVGV4dCAuYmYtY29udGFpbmVyIC5iZi1tZWRpYSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLndlZGEtcmljaFRleHQgLmJmLWNvbnRlbnQgLmJmLWltYWdlIC5iZi1wcmUtY3NpemUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDE7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xufVxuXG4ud2VkYS1yaWNoVGV4dCAud2VkYS1mb3JtY2VsbHNfX2NvbnRlbnQud2V1aS1mbGV4X19pdGVtIHtcbiAgbWFyZ2luLXRvcDogMS4xNDI4NnJlbTtcbiAgbWFyZ2luLWJvdHRvbTogMS4xNDI4NnJlbTtcbn1cblxuLndlZGEtcmljaFRleHQgLmJmLWZvbnQtc2l6ZS1kcm9wZG93biB7XG4gIG1pbi13aWR0aDogNC4xNDI4NnJlbTtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */
+.bf-container.disabled {
+  background-color: #eee;
+}

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

@@ -1,5 +1,5 @@
 import React, { useMemo, useRef, useState } from 'react';
-import { useSetState } from '../../utils/useSetState';
+import { useSetState } from '../../utils/hooks/useSetState';
 import classNames from '../../utils/classnames';
 import Editor, { EditorState, convertEditorStateToHTML } from 'kedao';
 import { insertMedias, handleKeyCommand } from 'kedao/lib/utils';
@@ -13,7 +13,7 @@ import { usePlatform } from '../../utils/platform';
 import './index.css';
 import styleM from './richtext.module.css';
 import { useDeepCompareEffect, useSyncedRef } from '@react-hookz/web';
-import { useTempUrl } from '../../utils/use-cloud-id-temp-url';
+import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
 // 默认图片类型
 const IMAGE_TYPES = [
     'image/jpeg',
@@ -90,8 +90,10 @@ label, labelVisible, value, readOnly, layout, requiredFlag, onChange, maxSize, a
         previousValueRef.current = value;
     };
     useDeepCompareEffect(() => {
-        const state = createStateFromContent(value, {});
-        setEditorState(state);
+        if (previousValueRef.current !== value) {
+            const state = createStateFromContent(value, {});
+            setEditorState(state);
+        }
     }, [value]);
     const excludeControls = useMemo(() => {
         const result = [

package/dist/web/components/richText/richtext.module.css

@@ -1,8 +1,5 @@
 .richtext_richtextInner__-9STf {
-  border: 0.07143rem solid #d1d1d1;
-  background-color: #fff;
+  border: 1px solid #d1d1d1;
+  background-color: inherit;
   width: 100%;
 }
-
-/*# sourceURL=webpack://./src/web/components/richText/richtext.module.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9yaWNoVGV4dC9yaWNodGV4dC5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsZ0NBQWdDO0VBQ2hDLHNCQUFzQjtFQUN0QixXQUFXO0FBQ2IiLCJzb3VyY2VzQ29udGVudCI6WyIucmljaHRleHRJbm5lciB7XG4gIGJvcmRlcjogMC4wNzE0M3JlbSBzb2xpZCAjZDFkMWQxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICB3aWR0aDogMTAwJTtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */

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

@@ -1,11 +1,11 @@
 .weda-RichTextView {
-  font-size: 1rem;
+  font-size: 14px;
 }
 .weda-RichTextView blockquote {
-  margin: 0 0 0.71429rem;
-  padding: 1.07143rem 1.42857rem;
+  margin: 0 0 10px;
+  padding: 15px 20px;
   background-color: #f1f2f3;
-  border-left: 0.35714rem solid #ccc;
+  border-left: 5px solid #ccc;
   color: #666;
   font-style: italic;
 }
@@ -13,11 +13,11 @@
 .weda-RichTextView pre {
   max-width: 100%;
   max-height: 100%;
-  margin: 0.71429rem 0;
-  padding: 1.07143rem;
+  margin: 10px 0;
+  padding: 15px;
   overflow: auto;
   background-color: #f1f2f3;
-  border-radius: 0.21429rem;
+  border-radius: 3px;
   color: #666;
   font-family: monospace;
   font-size: 1em;
@@ -61,6 +61,3 @@
   list-style: decimal !important;
   padding: revert !important;
 }
-
-/*# sourceURL=webpack://./src/web/components/richTextView/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9yaWNoVGV4dFZpZXcvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsZUFBZTtBQUNqQjtBQUNBO0VBQ0Usc0JBQXNCO0VBQ3RCLDhCQUE4QjtFQUM5Qix5QkFBeUI7RUFDekIsa0NBQWtDO0VBQ2xDLFdBQVc7RUFDWCxrQkFBa0I7QUFDcEI7O0FBRUE7RUFDRSxlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLG9CQUFvQjtFQUNwQixtQkFBbUI7RUFDbkIsY0FBYztFQUNkLHlCQUF5QjtFQUN6Qix5QkFBeUI7RUFDekIsV0FBVztFQUNYLHNCQUFzQjtFQUN0QixjQUFjO0VBQ2Qsc0JBQXNCO0VBQ3RCLG9CQUFvQjtFQUNwQixzQkFBc0I7RUFDdEIscUJBQXFCO0VBQ3JCLHFCQUFxQjtBQUN2Qjs7QUFFQTtFQUNFLGNBQWM7QUFDaEI7O0FBRUE7RUFDRSxnQkFBZ0I7QUFDbEI7O0FBRUE7RUFDRSxpQkFBaUI7QUFDbkI7O0FBRUE7RUFDRSxjQUFjO0FBQ2hCOztBQUVBO0VBQ0UsaUJBQWlCO0FBQ25COztBQUVBO0VBQ0UsaUJBQWlCO0FBQ25COztBQUVBO0VBQ0UsMkJBQTJCO0VBQzNCLDBCQUEwQjtBQUM1Qjs7QUFFQTtFQUNFLDhCQUE4QjtFQUM5QiwwQkFBMEI7QUFDNUIiLCJzb3VyY2VzQ29udGVudCI6WyIud2VkYS1SaWNoVGV4dFZpZXcge1xuICBmb250LXNpemU6IDFyZW07XG59XG4ud2VkYS1SaWNoVGV4dFZpZXcgYmxvY2txdW90ZSB7XG4gIG1hcmdpbjogMCAwIDAuNzE0MjlyZW07XG4gIHBhZGRpbmc6IDEuMDcxNDNyZW0gMS40Mjg1N3JlbTtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2YxZjJmMztcbiAgYm9yZGVyLWxlZnQ6IDAuMzU3MTRyZW0gc29saWQgI2NjYztcbiAgY29sb3I6ICM2NjY7XG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcbn1cblxuLndlZGEtUmljaFRleHRWaWV3IHByZSB7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgbWF4LWhlaWdodDogMTAwJTtcbiAgbWFyZ2luOiAwLjcxNDI5cmVtIDA7XG4gIHBhZGRpbmc6IDEuMDcxNDNyZW07XG4gIG92ZXJmbG93OiBhdXRvO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjFmMmYzO1xuICBib3JkZXItcmFkaXVzOiAwLjIxNDI5cmVtO1xuICBjb2xvcjogIzY2NjtcbiAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgZm9udC1zaXplOiAxZW07XG4gIC8qIGZvbnQtd2VpZ2h0OiA0MDA7ICovXG4gIGZvbnQtd2VpZ2h0OiBpbmhlcml0O1xuICBsaW5lLWhlaWdodDogMS4xNDI4NWVtO1xuICB3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XG4gIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbn1cblxuLndlZGEtUmljaFRleHRWaWV3IGgxIHtcbiAgZm9udC1zaXplOiAyZW07XG59XG5cbi53ZWRhLVJpY2hUZXh0VmlldyBoMiB7XG4gIGZvbnQtc2l6ZTogMS41ZW07XG59XG5cbi53ZWRhLVJpY2hUZXh0VmlldyBoMyB7XG4gIGZvbnQtc2l6ZTogMS4xN2VtO1xufVxuXG4ud2VkYS1SaWNoVGV4dFZpZXcgaDQge1xuICBmb250LXNpemU6IDFlbTtcbn1cblxuLndlZGEtUmljaFRleHRWaWV3IGg1IHtcbiAgZm9udC1zaXplOiAwLjgzZW07XG59XG5cbi53ZWRhLVJpY2hUZXh0VmlldyBoNiB7XG4gIGZvbnQtc2l6ZTogMC42N2VtO1xufVxuXG4ud2VkYS1SaWNoVGV4dFZpZXcgdWwge1xuICBsaXN0LXN0eWxlOiBkaXNjICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmc6IHJldmVydCAhaW1wb3J0YW50O1xufVxuXG4ud2VkYS1SaWNoVGV4dFZpZXcgb2wge1xuICBsaXN0LXN0eWxlOiBkZWNpbWFsICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmc6IHJldmVydCAhaW1wb3J0YW50O1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */

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

@@ -50,7 +50,7 @@
 .g-swiper__pagination {
   position: absolute;
   bottom: 0;
-  margin: 0.71429rem 0;
+  margin: 10px 0;
   padding: 0;
   text-align: center;
   width: 100%;
@@ -60,11 +60,11 @@
 .g-swiper__pagination-bulletm {
   background: #fff;
   border-radius: 50%;
-  box-shadow: 0.07143rem 0.07143rem 0.14286rem rgb(0 0 0 / 70%);
-  width: 0.57143rem;
-  height: 0.57143rem;
+  box-shadow: 1px 1px 2px rgb(0 0 0 / 70%);
+  width: 8px;
+  height: 8px;
   display: inline-block;
-  margin: 0 0.57143rem;
+  margin: 0 8px;
 }
 
 @media (max-width: 1024px) {
@@ -83,20 +83,20 @@
   transform: translate3d(0, -50%, 0);
   font-size: 0;
   background-color: rgba(0, 0, 0, 0.2);
-  padding: 1.42857rem 0.71429rem;
-  width: 1.64286rem;
-  height: 2.92857rem;
+  padding: 20px 10px;
+  width: 23px;
+  height: 41px;
   background-position: center;
   background-repeat: no-repeat;
 }
 
 .g-swiper__turn-pre {
-  left: 1.42857rem;
+  left: 20px;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAApCAYAAADeWrJ9AAAABGdBTUEAALGPC/xhBQAAAbpJREFUSA2t178rxHEcx/E7p/MrP9KRRbFcMZHBIBkMSjYyKEpXJIMkww3KcIOkxKAsBmWQDEQSgyRJUkKZFANJRBLy4+v51udT/oDXp569660e32933X1PKCQ8QRCEaZa6hWwo5OAZpp05GQ5mdzxtKmeBIkp88o8NgkU1POHgJTU85uBlZlT5UqQcvKKGRx28roZHHLzBzFC+FEkHbzKzlPCwg7eZ2Up40ME7angA8Id2KUd5x/0O3mPmKuFeB+8z85VwwsGHargb8JuOqEB5x12AX3RMhUq4w8EnzJgSbnfwKbNICbcBftI5FctgoDRqpXSyR5PuiwjMHqxRWiU7l1Rme9kBtAv00AddUVyGewi0md7ohir8XjZBG+mV7qhKBnsItJ6e6YFq/F42QWvpkZ6oTgZ7CLSa7umFGvxeNkEr6ZbsfWiSwR4CjdM1vVOL38smaDnZh8w+C20y2EOgpXRB9rXc4feyCVpCZ+4CCRnsIeAY2QPFfhX0+b1sghbQgbvAkAz2EHAe2e8ZO0m/l03QbNoynZOSwR4CzaQ10znjFPZ/k0xAeybYfxh2piTofwQ0QvPUaftfzME87zp8MlQAAAAASUVORK5CYII=);
 }
 
 .g-swiper__turn-next {
-  right: 1.42857rem;
+  right: 20px;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAApCAYAAADeWrJ9AAAABGdBTUEAALGPC/xhBQAAAZpJREFUSA21l7ErhHEYgO9cznUR6ZTBcAvFRMpCGQxKxstwJV1XlJQkyw0y3CJJLDJYZJEMSCKDJEmSQpkUA0lEEko+z3u9/oP3fevp1y3P87uv7/t+d6EQEwRBBhYgLJ9NB+kiyMyDbQBhBJZBZg5cAisFfRDMmF4akSGWb7CqgWmPQDHyNQ1MegSiyNc1kPcKbGlgwiuwrYFxj0AM+Y4Gch6BOPI9DYx5BfY1MOIVONDAsEegFPkh/MKQR6Ac8ZEGBrwCJxrIegVONZDxCFQiP4Mf6PMIJBCfayDtEahCfqGBHq/AlQZSRcaFEnwRJWXmZrdJuAGZDYiayBHVwi18Qz+YieuR3cMndJnsViTIGuERPqDDUtyM8BneoM1S3IrwFV6gxVLcjvAdnqDJUtyJUK7vAzRYirsRfsEd1FmKUwjlHpaHJGkpTiOU1+k11FiKsyq+ZK22FA8ilENYDoKEpXhUxcesFZbiHEIZ+X1SZinOF7RBsMsaNxEjCsOUijdZYyZikSCbVbH8o7B5F//vDmEvLIEcUWbzB99VPOowvSXGAAAAAElFTkSuQmCC);
 }
 
@@ -104,6 +104,3 @@
 .g-swiper__turn-next:hover {
   background-color: rgba(0, 0, 0, 0.5);
 }
-
-/*# sourceURL=webpack://./src/web/components/swiper/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9zd2lwZXIvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsZ0JBQWdCO0VBQ2hCLFlBQVk7RUFDWixXQUFXO0VBQ1gsZ0NBQWdDO0VBQ2hDLGtCQUFrQjtBQUNwQjs7QUFFQTtFQUNFLFNBQVM7RUFDVCxVQUFVO0VBQ1YsV0FBVztFQUNYLFlBQVk7RUFDWixhQUFhO0FBQ2Y7O0FBRUE7RUFDRSxzQkFBc0I7RUFDdEIsaUJBQWlCO0VBQ2pCLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsU0FBUztFQUNULGtCQUFrQjtBQUNwQjs7QUFFQTtFQUNFLGFBQWE7QUFDZjs7QUFFQTtFQUNFLGNBQWM7QUFDaEI7O0FBRUE7RUFDRSxZQUFZO0FBQ2Q7O0FBRUE7RUFDRSxZQUFZO0FBQ2Q7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsWUFBWTtFQUNaLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsaUJBQWlCO0FBQ25COztBQUVBO0VBQ0Usa0JBQWtCO0VBQ2xCLFNBQVM7RUFDVCxvQkFBb0I7RUFDcEIsVUFBVTtFQUNWLGtCQUFrQjtFQUNsQixXQUFXO0VBQ1gsVUFBVTtBQUNaOztBQUVBO0VBQ0UsZ0JBQWdCO0VBQ2hCLGtCQUFrQjtFQUNsQiw2REFBNkQ7RUFDN0QsaUJBQWlCO0VBQ2pCLGtCQUFrQjtFQUNsQixxQkFBcUI7RUFDckIsb0JBQW9CO0FBQ3RCOztBQUVBO0VBQ0U7O0lBRUUsYUFBYTtFQUNmO0FBQ0Y7O0FBRUE7O0VBRUUsa0JBQWtCO0VBQ2xCLHVCQUF1QjtFQUN2QixjQUFjO0VBQ2QsUUFBUTtFQUNSLGtDQUFrQztFQUNsQyxZQUFZO0VBQ1osb0NBQW9DO0VBQ3BDLDhCQUE4QjtFQUM5QixpQkFBaUI7RUFDakIsa0JBQWtCO0VBQ2xCLDJCQUEyQjtFQUMzQiw0QkFBNEI7QUFDOUI7O0FBRUE7RUFDRSxnQkFBZ0I7RUFDaEIsNnRCQUE2dEI7QUFDL3RCOztBQUVBO0VBQ0UsaUJBQWlCO0VBQ2pCLGlyQkFBaXJCO0FBQ25yQjs7QUFFQTs7RUFFRSxvQ0FBb0M7QUFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyIuZy1zd2lwZXIge1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBtYXJnaW46IGF1dG87XG4gIHdpZHRoOiAxMDAlO1xuICB0cmFuc2l0aW9uOiBoZWlnaHQgMC4xNXMgZWFzZS1pbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uZy1zd2lwZXItbGlzdCB7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmctc3dpcGVyLWl0ZW0ge1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBmbGV4LWZsb3c6IGNvbHVtbjtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtYXgtaGVpZ2h0OiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuLmctc3dpcGVyLnZlcnRpY2FsIHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmctc3dpcGVyLnZlcnRpY2FsIC5nLXN3aXBlci1saXN0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5nLXN3aXBlci52ZXJ0aWNhbCAuZy1zd2lwZXItaXRlbSB7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLndlZGEtdWkuZy1zd2lwZXIgLmctc3dpcGVyLWl0ZW0gPiBkaXYge1xuICBoZWlnaHQ6IGF1dG87XG59XG5cbi5nLXN3aXBlci1pdGVtID4gZGl2ID4gKiB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IGF1dG87XG4gIG1heC13aWR0aDogMTAwJTtcbiAgbWF4LWhlaWdodDogMTAwJTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG59XG5cbi5nLXN3aXBlcl9fcGFnaW5hdGlvbiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiAwO1xuICBtYXJnaW46IDAuNzE0MjlyZW0gMDtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgei1pbmRleDogMTtcbn1cblxuLmctc3dpcGVyX19wYWdpbmF0aW9uLWJ1bGxldG0ge1xuICBiYWNrZ3JvdW5kOiAjZmZmO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJveC1zaGFkb3c6IDAuMDcxNDNyZW0gMC4wNzE0M3JlbSAwLjE0Mjg2cmVtIHJnYigwIDAgMCAvIDcwJSk7XG4gIHdpZHRoOiAwLjU3MTQzcmVtO1xuICBoZWlnaHQ6IDAuNTcxNDNyZW07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luOiAwIDAuNTcxNDNyZW07XG59XG5cbkBtZWRpYSAobWF4LXdpZHRoOiAxMDI0cHgpIHtcbiAgLmctc3dpcGVyIC5nLXN3aXBlcl9fdHVybi1wcmUsXG4gIC5nLXN3aXBlciAuZy1zd2lwZXJfX3R1cm4tbmV4dCB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4uZy1zd2lwZXJfX3R1cm4tcHJlLFxuLmctc3dpcGVyX190dXJuLW5leHQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICBkaXNwbGF5OiBibG9jaztcbiAgdG9wOiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLTUwJSwgMCk7XG4gIGZvbnQtc2l6ZTogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjIpO1xuICBwYWRkaW5nOiAxLjQyODU3cmVtIDAuNzE0MjlyZW07XG4gIHdpZHRoOiAxLjY0Mjg2cmVtO1xuICBoZWlnaHQ6IDIuOTI4NTdyZW07XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbn1cblxuLmctc3dpcGVyX190dXJuLXByZSB7XG4gIGxlZnQ6IDEuNDI4NTdyZW07XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJjQUFBQXBDQVlBQUFEZVdySjlBQUFBQkdkQlRVRUFBTEdQQy94aEJRQUFBYnBKUkVGVVNBMnQxNzhyeEhFY3gvRTdwL01yUDlLUlJiRmNNWkhCSUJrTVNqWXlLRXBYSklNa3d3M0tjSU9reEtBc0JtV1FERVFTZ3lSSlVrS1pGQU5KUkJMeTQrdjUxdWRUL29EWHA1Njk2NjBlMzI5MzNYMVBLQ1E4UVJDRWFaYTZoV3dvNU9BWnBwMDVHUTVtZHp4dEttZUJJa3A4OG84TmdrVTFQT0hnSlRVODV1QmxabFQ1VXFRY3ZLS0dSeDI4cm9aSEhMekJ6RkMrRkVrSGJ6S3psUEN3ZzdlWjJVcDQwTUU3YW5nQThJZDJLVWQ1eC8wTzNtUG1LdUZlQis4ejg1Vnd3c0dIYXJnYjhKdU9xRUI1eDEyQVgzUk1oVXE0dzhFbnpKZ1NibmZ3S2JOSUNiY0JmdEk1RmN0Z29EUnFwWFN5UjVQdWl3ak1IcXhSV2lVN2wxUm1lOWtCdEF2MDBBZGRVVnlHZXdpMG1kN29oaXI4WGpaQkcrbVY3cWhLQm5zSXRKNmU2WUZxL0Y0MlFXdnBrWjZvVGdaN0NMU2E3dW1GR3Z4ZU5rRXI2WmJzZldpU3dSNENqZE0xdlZPTDM4c21hRG5aaDh3K0MyMHkyRU9ncFhSQjlyWGM0ZmV5Q1ZwQ1orNENDUm5zSWVBWTJRUEZmaFgwK2Ixc2doYlFnYnZBa0F6MkVIQWUyZThaTzBtL2wwM1FiTm95blpPU3dSNEN6YVExMHpuakZQWi9rMHhBZXliWWZ4aDJwaVRvZndRMFF2UFVhZnRmek1FODd6cDhNbFFBQUFBQVNVVk9SSzVDWUlJPSk7XG59XG5cbi5nLXN3aXBlcl9fdHVybi1uZXh0IHtcbiAgcmlnaHQ6IDEuNDI4NTdyZW07XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJjQUFBQXBDQVlBQUFEZVdySjlBQUFBQkdkQlRVRUFBTEdQQy94aEJRQUFBWnBKUkVGVVNBMjFsN0VyaEhFWWdPOWN6blVSNlpUQmNBdkZSTXBDR1F4S3hzdHdKVjFYbEpRa3l3MHkzQ0pKTERKWVpKRU1TQ0tESkVtU1Fwa1VBMGxFRWtvK3ozdTkvb1AzZmV2cDF5M1A4N3V2Ny90K2Q2RVFFd1JCQmhZZ0xKOU5CK2tpeU15RGJRQmhCSlpCWmc1Y0Fpc0ZmUkRNbUY0YWtTR1diN0NxZ1dtUFFESHlOUTFNZWdTaXlOYzFrUGNLYkdsZ3dpdXdyWUZ4ajBBTStZNEdjaDZCT1BJOURZeDVCZlkxTU9JVk9OREFzRWVnRlBraC9NS1FSNkFjOFpFR0Jyd0NKeHJJZWdWT05aRHhDRlFpUDRNZjZQTUlKQkNmYXlEdEVhaENmcUdCSHEvQWxRWlNSY2FGRW53UkpXWG1acmRKdUFHWkRZaWF5QkhWd2kxOFF6K1lpZXVSM2NNbmRKbnNWaVRJR3VFUlBxRERVdHlNOEJuZW9NMVMzSXJ3RlY2Z3hWTGNqdkFkbnFESlV0eUpVSzd2QXpSWWlyc1Jmc0VkMUZtS1V3amxIcGFISkdrcFRpT1UxK2sxMUZpS3N5cStaSzIyRkE4aWxFTllEb0tFcFhoVXhjZXNGWmJpSEVJWitYMVNaaW5PRjdSQnNNc2FOeEVqQ3NPVWlqZFpZeVppa1NDYlZiSDhvN0I1Ri8vdkRtRXZMSUVjVVdiekI5OVZQT293dlNYR0FBQUFBRWxGVGtTdVFtQ0MpO1xufVxuXG4uZy1zd2lwZXJfX3R1cm4tcHJlOmhvdmVyLFxuLmctc3dpcGVyX190dXJuLW5leHQ6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNSk7XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */

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

@@ -6,12 +6,23 @@ 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, }) {
-    const itemCount = React.Children.count(children);
+    const originChildrenRef = useRef(null);
+    const [realChildren, setRealChildren] = useState([]);
+    const itemCount = React.Children.count(realChildren);
     current = Math.max(0, Math.min(itemCount - 1, current));
     const [currentIndex, setCurrentIndex] = useState(current);
     const [swipeStyle, setSwipeStyle] = useState(null);
     const [height, setHeight] = useState(0);
     const { change = () => { } } = events;
+    useEffect(() => {
+        const realChildren = Array.from(originChildrenRef.current.children).map((elem) => {
+            const reactFiberProp = Object.keys(elem).find((prop) => prop.startsWith('__reactInternalInstance'));
+            const reactFiber = elem[reactFiberProp];
+            const reactElem = React.createElement(reactFiber.elementType, reactFiber.pendingProps);
+            return reactElem;
+        });
+        setRealChildren(realChildren);
+    }, [children]);
     useEffect(() => {
         if (autoplay) {
             // 自动切换
@@ -37,7 +48,7 @@ export default function Swiper({ children, className, style, autoplay = true, ci
     useEventListener(outerWrapRef, 'load', (e) => {
         setHeight(e.target.clientHeight);
     });
-    const itemsClone = React.Children.map(children, (x, i) => {
+    const itemsClone = React.Children.map(realChildren, (x, i) => {
         return (React.createElement("div", { className: "g-swiper-item", "data-index": i }, x));
     });
     const setIndex = (index) => {
@@ -102,7 +113,10 @@ export default function Swiper({ children, className, style, autoplay = true, ci
     return (React.createElement("div", { className: classNames('g-swiper weda-ui', className, {
             vertical: vertical,
         }), style: { height: height ? height : 'auto', ...style }, ref: outerWrapRef, id: id },
-        itemCount > 0 ? (React.createElement(Swipe, { className: "g-swiper-list", style: swipeStyle, tolerance: 20, onSwipeLeft: () => {
+        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);
@@ -112,11 +126,11 @@ export default function Swiper({ children, className, style, autoplay = true, ci
                 vertical && setIndex(currentIndex + 1);
             } },
             itemsClone[itemCount - 1],
-            React.Children.map(children, (x, i) => {
+            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(children, (x, i) => {
+        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) => {