@cloudbase/weda-ui 3.4.2 → 3.4.3

package/dist/web/components/form/userOrgSelect/user-select-pc/user-model.js

@@ -0,0 +1,36 @@
+import React, { useState, useEffect } from 'react';
+import { Button, Modal } from 'tea-component';
+import { SearchUser } from './search-user';
+import { UserOrgContext } from './index';
+import { OrgTree } from './org-tree';
+import { ModelUserList } from './model-user-list';
+import { SelectedUserList } from './selected-user-list';
+import './index.css';
+export const UserModel = (props) => {
+    const { open, setOpen, onCancel, onConfirm } = props;
+    const { selectedUserList, setSelectedUserIds } = React.useContext(UserOrgContext) || {};
+    //const [scroll, setScroll] = useState(false);
+    const [selectedOrgId, setSelectedOrgId] = useState(null);
+    //当前页人员列表
+    const [curPageUserList, setCurPageUserList] = useState(null);
+    const [searchUserList, setSearchUserList] = useState([]);
+    // 是否有搜索项
+    const [keyWords, setKeyWords] = useState('');
+    useEffect(() => {
+        setSelectedUserIds((selectedUserList || []).map((e) => e === null || e === void 0 ? void 0 : e.id));
+    }, [selectedUserList]);
+    return (React.createElement(Modal, { visible: open, caption: "\u9009\u62E9\u6210\u5458", onClose: () => setOpen(false), className: "weda-ui weda-ui-user-select-modal" },
+        React.createElement(Modal.Body, null,
+            React.createElement("div", { className: "weda-ui-user-select-container" },
+                React.createElement(SearchUser, { searchUserList: searchUserList, setSearchUserList: setSearchUserList, setKeyWords: setKeyWords, keyWords: keyWords, onReset: () => setSearchUserList([]) }),
+                keyWords.length === 0 && (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "weda-ui-user-select-container-list" },
+                        React.createElement("div", { className: "weda-ui-user-select-container-list__start" },
+                            React.createElement(OrgTree, { selectedOrgId: selectedOrgId, setSelectedOrgId: setSelectedOrgId })),
+                        React.createElement("div", { className: "weda-ui-user-select-container-list__end" },
+                            React.createElement(ModelUserList, { selectedOrgId: selectedOrgId, curPageUserList: curPageUserList, setCurPageUserList: setCurPageUserList })))))),
+            React.createElement(SelectedUserList, null)),
+        React.createElement(Modal.Footer, null,
+            React.createElement(Button, { type: "weak", onClick: onCancel }, "\u53D6\u6D88"),
+            React.createElement(Button, { type: "primary", onClick: onConfirm }, "\u786E\u5B9A"))));
+};

package/dist/web/components/form/userOrgSelect/userTreeSelect.h5.js

@@ -11,6 +11,7 @@ import './userOrgSelect.css';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import destr from 'destr';
 import { ErrorStatus, ModalSearch } from './comTool';
+import { useSyncValue } from '../../../utils/hooks/useSyncValue';
 export function UserTreeSelectH5({ id, className, style, events = emptyObject, label = '成员选择', labelVisible = true, name = 'formUserTreeSelect', placeholder = '请选择成员', defaultValueType = 'noneUser', defaultValue = emptyArray, confirmValue = '', disabled = false, layout = 'horizontal', requiredFlag = false, decorator, multiple = false, //是否多选
 focus: autoFocus = false, onChange = null, modelOpen = false, request = defaultRequest, }) {
     var _a;
@@ -27,8 +28,8 @@ focus: autoFocus = false, onChange = null, modelOpen = false, request = defaultR
     });
     // 两次默认值不同, 需要刷新
     const prevDefaultRef = React.useRef(null);
-    const prevConfirmRef = React.useRef(null);
-    const [value, setValue] = useState([]);
+    //const prevConfirmRef = React.useRef(null);
+    const [confirmUserList, setConfirmUserList] = useState([]);
     const [visible, setVisible] = React.useState(false);
     const [isSearch, setIsSearch] = useState(false);
     const [orgsTreeData, setOrgsTreeData] = useState([]);
@@ -38,6 +39,7 @@ focus: autoFocus = false, onChange = null, modelOpen = false, request = defaultR
         errorStatus: false,
         errorMessage: null,
     });
+    const [selectUserIds, setSelectUserIds] = useSyncValue(defaultValue, isObjectEqual);
     const handleFocus = (value) => {
         setIsSearch(value);
     };
@@ -85,15 +87,7 @@ focus: autoFocus = false, onChange = null, modelOpen = false, request = defaultR
         setVisible(false);
     };
     const onConfirm = (selectItem = []) => {
-        var _a, _b, _c;
-        const contentList = selectItem.map((e) => e === null || e === void 0 ? void 0 : e.content);
-        setValue([...contentList]);
-        const idList = selectItem.map((e) => e === null || e === void 0 ? void 0 : e.userId);
-        prevDefaultRef.current = [...idList];
-        onChange === null || onChange === void 0 ? void 0 : onChange(multiple ? idList : (_a = selectItem[0]) === null || _a === void 0 ? void 0 : _a.userId);
-        (_b = events === null || events === void 0 ? void 0 : events.change) === null || _b === void 0 ? void 0 : _b.call(events, multiple
-            ? { value: idList, data: selectItem }
-            : { value: (_c = selectItem[0]) === null || _c === void 0 ? void 0 : _c.userId, data: selectItem });
+        setConfirmUserList(selectItem);
         setOrgsTreeData([]);
         initOrgsData();
         setVisible(false);
@@ -101,53 +95,81 @@ focus: autoFocus = false, onChange = null, modelOpen = false, request = defaultR
     useEffect(() => {
         setVisible(modelOpen);
     }, [modelOpen]);
+    useEffect(() => {
+        // 仅执行一次
+        if (defaultValueType === 'loginUser') {
+            getLoginUserInfo();
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+        }
+    }, [defaultValueType]);
+    useEffect(() => {
+        if (defaultValueType === 'confirmUser') {
+            setSelectUserIds(confirmValue);
+        }
+    }, [defaultValueType, confirmValue]);
+    const getLoginUserInfo = async () => {
+        if (isInIde()) {
+            setConfirmUserList([{ userName: '显示登录人名称', id: 'loginmock' }]);
+        }
+        else {
+            const logginUserInfo = await getUserInfo();
+            setSelectUserIds(multiple ? [logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.userId] : logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.userId);
+        }
+    };
+    useEffect(() => {
+        var _a, _b, _c;
+        setSelectItem(confirmUserList.map((list) => {
+            var _a;
+            return { userId: list === null || list === void 0 ? void 0 : list.value, content: (_a = list === null || list === void 0 ? void 0 : list.data) === null || _a === void 0 ? void 0 : _a.content };
+        }));
+        onChange === null || onChange === void 0 ? void 0 : onChange(multiple
+            ? confirmUserList.length > 0
+                ? confirmUserList.map((e) => {
+                    return e === null || e === void 0 ? void 0 : e.userId;
+                })
+                : null
+            : (_a = confirmUserList[0]) === null || _a === void 0 ? void 0 : _a.userId);
+        (_b = events === null || events === void 0 ? void 0 : events.change) === null || _b === void 0 ? void 0 : _b.call(events, multiple
+            ? {
+                value: confirmUserList.length > 0
+                    ? confirmUserList.map((e) => {
+                        return e === null || e === void 0 ? void 0 : e.userId;
+                    })
+                    : null,
+                data: confirmUserList,
+            }
+            : {
+                value: ((_c = confirmUserList[0]) === null || _c === void 0 ? void 0 : _c.userId) || null,
+                data: confirmUserList[0] || null,
+            });
+    }, [confirmUserList]);
     useEffect(() => {
         initOrgsData();
-        if ((defaultValue && !isObjectEqual(prevDefaultRef.current, defaultValue)) ||
-            (confirmValue && !isObjectEqual(prevConfirmRef.current, confirmValue)) ||
-            defaultValueType === 'loginUser') {
-            getDefaultUser();
-            prevDefaultRef.current = defaultValue;
-            prevConfirmRef.current = confirmValue;
+        try {
+            if (!isObjectEqual(prevDefaultRef.current, selectUserIds)) {
+                getDefaultUser(selectUserIds);
+                prevDefaultRef.current = selectUserIds;
+            }
         }
+        catch (e) { }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [defaultValueType, confirmValue, defaultValue]);
-    const getDefaultUser = useCallback(async () => {
-        var _a;
+    }, [defaultValueType, selectUserIds]);
+    const getDefaultUser = useCallback(async (defaultValue) => {
         try {
-            //默认显示登录用户时
-            if (defaultValueType === 'loginUser') {
-                if (isInIde()) {
-                    setValue(['显示登录人名称']);
-                }
-                else {
-                    const logginUserInfo = await getUserInfo();
-                    setValue([(logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.name) || '-']);
-                    prevDefaultRef.current = logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.userId;
-                    onChange === null || onChange === void 0 ? void 0 : onChange(logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.userId);
-                    (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, {
-                        value: logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.userId,
-                        data: logginUserInfo,
-                    });
-                }
-            }
-            else if ((defaultValueType === 'confirmUser' && confirmValue.length !== 0) ||
-                defaultValue.length !== 0) {
-                const userIdList = filterStrList(defaultValue.length !== 0 ? defaultValue : confirmValue);
+            if (defaultValue && defaultValue.length !== 0) {
                 const userSelectList = await request('getUserById', {
-                    idList: userIdList || [],
+                    idList: filterStrList(defaultValue) || [],
                 }, 'callDataSource');
-                setValue(userSelectList.map((list) => { var _a; return (_a = list === null || list === void 0 ? void 0 : list.data) === null || _a === void 0 ? void 0 : _a.content; }));
-                setSelectItem(userSelectList.map((list) => {
-                    var _a;
-                    return { userId: list === null || list === void 0 ? void 0 : list.value, content: (_a = list === null || list === void 0 ? void 0 : list.data) === null || _a === void 0 ? void 0 : _a.content };
-                }));
+                setConfirmUserList(userSelectList);
+            }
+            else {
+                setConfirmUserList([]);
             }
         }
         catch (e) {
             setErrorInfo({ errorStatus: true, errorMessage: e });
         }
-    }, [confirmValue, defaultValue, defaultValueType, request, events, onChange]);
+    }, []);
     // 初始化数据
     const initOrgsData = useCallback(async () => {
         try {
@@ -219,7 +241,9 @@ focus: autoFocus = false, onChange = null, modelOpen = false, request = defaultR
     return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
         React.createElement("div", { className: subCls },
             React.createElement("div", { className: "weui-cell__bd weui-flex" },
-                React.createElement("input", { className: "weui-input", placeholder: placeholder, value: value.join(','), disabled: disabled, name: name, autoFocus: autoFocus, readOnly: true, onClick: onFocus, role: "input" })),
+                React.createElement("input", { "data-testid": "defaultValueText", className: "weui-input", placeholder: placeholder, value: (confirmUserList || [])
+                        .map((e) => { var _a; return (_a = e.data) === null || _a === void 0 ? void 0 : _a.content; })
+                        .join(','), disabled: disabled, name: name, autoFocus: autoFocus, readOnly: true, onClick: onFocus, role: "input" })),
             React.createElement(Modal, { visible: visible, onClose: onClose, destroyOnClose: true, className: `weda-ui weda-select-user-dept__dialog` },
                 React.createElement(Modal.Body, { className: ((_a = selectItem[0]) === null || _a === void 0 ? void 0 : _a.userId) ? 'is-selected-value' : '' },
                     React.createElement("div", { className: "weda-select-user-dept__dialog-header", id: count.toString() },

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

@@ -4,7 +4,7 @@ import classNames from '../../utils/classnames';
 import './index.css';
 import { ImageInner } from './image';
 import { emptyObject } from '../../utils/constant';
-import { useTempUrl } from '../../utils/use-cloud-id-temp-url';
+import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
 export default function Image({ 
 // 系统属性
 className, events = emptyObject, style, 

package/dist/web/components/index.js

@@ -94,6 +94,23 @@ export { default as Share } from './share';
 export { default as Lottery } from './lottery';
 export { default as UserTreeSelect } from './form/userOrgSelect/index';
 export { default as DepartTreeSelect } from './form/userOrgSelect/departTreeSelect/index';
+export { default as WdBubble } from './wd-bubble';
 export { default as FormDetail } from './formdetail';
+export { PageLayout } from './pageLayout';
+export const ModelTable = loadable(() => import('./table'), { fallback });
+export const ModelFlowChart = loadable(() => import('./flow/modules/chart'), {
+    fallback,
+});
+export const ModelFlow = loadable(() => import('./flow/modules/combination'), {
+    fallback,
+});
+export const ModelFlowControl = loadable(() => import('./flow/modules/control'), { fallback });
+export const ModelFlowBasic = loadable(() => import('./flow/modules/basic'), {
+    fallback,
+});
+export const ModelFlowLayout = loadable(() => import('./flow/modules/layout'), {
+    fallback,
+});
+export const ModelFlowProcess = loadable(() => import('./flow/modules/process'), { fallback });
 import 'weui/dist/style/weui.css';
 import '../weda-ui.css';

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

@@ -176,5 +176,13 @@
   color: rgba(0, 0, 0, 0.4);
 }
 
+.weda-list-view__load-completed {
+  text-align: center;
+  padding: 0.35714rem 0;
+  color: rgba(0, 0, 0, 0.4);
+  opacity: 0.4;
+  font-size: 0.85714rem;
+}
+
 /*# sourceURL=webpack://./src/web/components/listView/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9saXN0Vmlldy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGtCQUFrQjtFQUNsQixhQUFhO0VBQ2Isc0JBQXNCO0FBQ3hCOztBQUVBO0VBQ0UsYUFBYTtBQUNmOztBQUVBLFdBQVc7QUFDWDtFQUNFLGtCQUFrQjtFQUNsQixZQUFZO0FBQ2Q7O0FBRUE7RUFDRSxhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLHVCQUF1QjtFQUN2QixzQkFBc0I7QUFDeEI7O0FBRUE7RUFDRSx5QkFBeUI7QUFDM0I7O0FBRUE7RUFDRSxhQUFhO0VBQ2IsZUFBZTtFQUNmLHdCQUF3QjtBQUMxQjs7QUFFQTs7RUFFRSw2QkFBNkI7RUFDN0Isa0JBQWtCO0VBQ2xCLE1BQU07RUFDTixTQUFTO0VBQ1QsT0FBTztFQUNQLFFBQVE7RUFDUixhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLHVCQUF1QjtFQUN2QixxQkFBcUI7QUFDdkI7O0FBRUEsV0FBVztBQUNYO0VBQ0UsV0FBVztBQUNiOztBQUVBO0VBQ0UsdUJBQXVCO0FBQ3pCOztBQUVBO0VBQ0UsdUJBQXVCO0VBQ3ZCLG9CQUFvQjtFQUNwQixvQkFBb0I7RUFDcEIsc0JBQXNCO0VBQ3RCLHlCQUF5QjtFQUN6QixrQkFBa0I7RUFDbEIsc0JBQXNCO0VBQ3RCLGVBQWU7QUFDakI7O0FBRUEsb0JBQW9CO0FBQ3BCO0VBQ0UsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQix1QkFBdUI7RUFDdkIsdUJBQXVCO0VBQ3ZCLDBCQUEwQjtFQUMxQixzQkFBc0I7QUFDeEI7O0FBRUE7RUFDRSxpQkFBaUI7RUFDakIsa0JBQWtCO0VBQ2xCLG1CQUFtQjtFQUNuQix1QkFBdUI7RUFDdkIsa0JBQWtCO0FBQ3BCOztBQUVBOzs7RUFHRSxpQkFBaUI7RUFDakIsa0JBQWtCO0VBQ2xCLGNBQWM7QUFDaEI7O0FBRUEsWUFBWTtBQUNaOztFQUVFLDZCQUE2QjtBQUMvQjtBQUNBOzs7RUFHRSxhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLDhCQUE4QjtFQUM5QixrQkFBa0I7RUFDbEIsb0RBQW9EO0VBQ3BELHNCQUFzQjtBQUN4Qjs7QUFFQTs7Ozs7O0VBTUUsb0JBQW9CO0VBQ3BCLHNCQUFzQjtFQUN0Qix5QkFBeUI7RUFDekIscUJBQXFCO0VBQ3JCLGVBQWU7QUFDakI7O0FBRUE7Ozs7OztFQU1FLHlCQUF5QjtBQUMzQjs7QUFFQTs7Ozs7O0VBTUUsa0JBQWtCO0VBQ2xCLFdBQVc7RUFDWCxnQkFBZ0I7RUFDaEIsaUJBQWlCO0VBQ2pCLGVBQWU7RUFDZixZQUFZO0VBQ1oseURBQTJDO0FBQzdDOztBQUVBOzs7Ozs7RUFNRSxVQUFVO0FBQ1o7O0FBRUE7OztFQUdFLGdCQUFnQjtFQUNoQix5QkFBeUI7QUFDM0I7O0FBRUE7OztFQUdFLGlCQUFpQjtBQUNuQjs7QUFFQTs7O0VBR0Usb0JBQW9CO0VBQ3BCLHNCQUFzQjtFQUN0Qix5QkFBeUI7QUFDM0IiLCJzb3VyY2VzQ29udGVudCI6WyIud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vciB7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG1heC1oZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cblxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3IuX3dhLWNvbXAtY29udGFpbmVyLWVtcHR5LWNoaWxkcmVuIHtcbiAgaGVpZ2h0OiB1bnNldDtcbn1cblxuLyog5YiX6KGo5YaF5a655Yy65Z+fICovXG4ud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vciAud2VkYS1saXN0LXZpZXdfX2NvbnRlbnQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGZsZXgtZ3JvdzogMjtcbn1cblxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3IgLndlZGEtbGlzdC12aWV3X19jb250ZW50LWJsYW5rIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yIC53ZWRhLWxpc3Qtdmlld19fZW1wdHkge1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjQpO1xufVxuXG4ud2VkYS1saXN0LXZpZXctY2FyZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbWFyZ2luLXJpZ2h0OiAwLjIxNDI5cmVtO1xufVxuXG4ud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vclxuICAud2VkYS1saXN0LXZpZXdfX21vcmUud2VkYS1saXN0LXZpZXdfX2NvbnRlbnQtbG9hZGluZyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMzU3MTRyZW0gMDtcbn1cblxuLyog5Yqg6L295pu05aSa5Yy65Z+fICovXG4ud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vciAud2VkYS1saXN0LXZpZXdfX21vcmUge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3IgLndlZGEtbGlzdC12aWV3X19tb3JlIC53ZWRhLWxpc3Qtdmlld19fYm90dG9tLWxvYWQge1xuICBwYWRkaW5nLXRvcDogMC4wNzE0M3JlbTtcbn1cblxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3IgLndlZGEtbGlzdC12aWV3X19tb3JlIC53ZWRhLWxpc3Qtdmlld19fbW9yZS10ZXh0IHtcbiAgcGFkZGluZy10b3A6IDAuNzE0MjlyZW07XG4gIHBhZGRpbmctYm90dG9tOiAxcmVtO1xuICBmb250LXNpemU6IDAuODU3MTRlbTtcbiAgbGluZS1oZWlnaHQ6IDAuODU3MTRlbTtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40KTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi8qIOWKoOi9veabtOWkmueahFN5bWJvbCAuLi4gKi9cbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yIC53ZWRhLWxpc3Qtdmlld19fbW9yZSAud2VkYS1saXN0LXZpZXdfX21vcmUtc3ltYm9sIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmctdG9wOiAxLjQyODU3cmVtO1xuICBwYWRkaW5nLWJvdHRvbTogMS4yODU3MXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3IgLndlZGEtbGlzdC12aWV3X19tb3JlIC53ZWRhLWxpc3Qtdmlld19fc3ltYm9sLWl0ZW0ge1xuICB3aWR0aDogMC41NzE0M3JlbTtcbiAgaGVpZ2h0OiAwLjU3MTQzcmVtO1xuICBiYWNrZ3JvdW5kOiAjYzRjNGM0O1xuICBtYXJnaW4tbGVmdDogMC40Mjg1N3JlbTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xufVxuXG4ud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vclxuICAud2VkYS1saXN0LXZpZXdfX21vcmVcbiAgLndlZGEtbGlzdC12aWV3X19zeW1ib2wtaXRlbTpmaXJzdC1jaGlsZCB7XG4gIHdpZHRoOiAwLjQyODU3cmVtO1xuICBoZWlnaHQ6IDAuNDI4NTdyZW07XG4gIG1hcmdpbi1sZWZ0OiAwO1xufVxuXG4vKiDliqDovb3mm7TlpJog5YiG6aG1ICovXG4ud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vclxuICAud2VkYS1saXN0LXZpZXdfX21vcmUud2VkYS1saXN0LXZpZXdfX21vcmUtYm90dG9tTG9hZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3JcbiAgLndlZGEtbGlzdC12aWV3X19tb3JlXG4gIC53ZWRhLWxpc3Qtdmlld19fbW9yZS1wYWdpbmF0aW9uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHBhZGRpbmc6IDAuNzE0MjlyZW0gMS4yODU3MXJlbSAwLjg1NzE0cmVtIDEuMTQyODZyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yXG4gIC53ZWRhLWxpc3Qtdmlld19fbW9yZVxuICAud2VkYS1saXN0LXZpZXdfX3BhZ2luYXRpb24tcHJlLFxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3JcbiAgLndlZGEtbGlzdC12aWV3X19tb3JlXG4gIC53ZWRhLWxpc3Qtdmlld19fcGFnaW5hdGlvbi1uZXh0IHtcbiAgZm9udC1zaXplOiAwLjg1NzE0ZW07XG4gIGxpbmUtaGVpZ2h0OiAxLjcxNDI4ZW07XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNCk7XG4gIHBhZGRpbmc6IDAgMS43MTQyOXJlbTtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4ud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vclxuICAud2VkYS1saXN0LXZpZXdfX21vcmVcbiAgLndlZGEtbGlzdC12aWV3X19wYWdpbmF0aW9uLXByZS5hY3RpdmUsXG4ud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vclxuICAud2VkYS1saXN0LXZpZXdfX21vcmVcbiAgLndlZGEtbGlzdC12aWV3X19wYWdpbmF0aW9uLW5leHQuYWN0aXZlIHtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC45KTtcbn1cblxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3JcbiAgLndlZGEtbGlzdC12aWV3X19tb3JlXG4gIC53ZWRhLWxpc3Qtdmlld19fcGFnaW5hdGlvbi1wcmU6OmJlZm9yZSxcbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yXG4gIC53ZWRhLWxpc3Qtdmlld19fbW9yZVxuICAud2VkYS1saXN0LXZpZXdfX3BhZ2luYXRpb24tbmV4dDo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6ICcnO1xuICB3aWR0aDogMS43MTQyOGVtO1xuICBoZWlnaHQ6IDEuNzE0MjhlbTtcbiAgdG9wOiAwLjcxNDI5cmVtO1xuICBvcGFjaXR5OiAwLjI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChhcnJvdy1yaWdodC1saW5lLnN2Zyk7XG59XG5cbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yXG4gIC53ZWRhLWxpc3Qtdmlld19fbW9yZVxuICAuYWN0aXZlLndlZGEtbGlzdC12aWV3X19wYWdpbmF0aW9uLXByZTo6YmVmb3JlLFxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3JcbiAgLndlZGEtbGlzdC12aWV3X19tb3JlXG4gIC5hY3RpdmUud2VkYS1saXN0LXZpZXdfX3BhZ2luYXRpb24tbmV4dDo6YWZ0ZXIge1xuICBvcGFjaXR5OiAxO1xufVxuXG4ud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vclxuICAud2VkYS1saXN0LXZpZXdfX21vcmVcbiAgLndlZGEtbGlzdC12aWV3X19wYWdpbmF0aW9uLXByZTo6YmVmb3JlIHtcbiAgbGVmdDogMS4xNDI4NnJlbTtcbiAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbn1cblxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3JcbiAgLndlZGEtbGlzdC12aWV3X19tb3JlXG4gIC53ZWRhLWxpc3Qtdmlld19fcGFnaW5hdGlvbi1uZXh0OjphZnRlciB7XG4gIHJpZ2h0OiAxLjI4NTcxcmVtO1xufVxuXG4ud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vclxuICAud2VkYS1saXN0LXZpZXdfX21vcmVcbiAgLndlZGEtbGlzdC12aWV3X19wYWdpbmF0aW9uLXRleHQge1xuICBmb250LXNpemU6IDAuODU3MTRlbTtcbiAgbGluZS1oZWlnaHQ6IDEuNzE0MjhlbTtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40KTtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9saXN0Vmlldy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGtCQUFrQjtFQUNsQixhQUFhO0VBQ2Isc0JBQXNCO0FBQ3hCOztBQUVBO0VBQ0UsYUFBYTtBQUNmOztBQUVBLFdBQVc7QUFDWDtFQUNFLGtCQUFrQjtFQUNsQixZQUFZO0FBQ2Q7O0FBRUE7RUFDRSxhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLHVCQUF1QjtFQUN2QixzQkFBc0I7QUFDeEI7O0FBRUE7RUFDRSx5QkFBeUI7QUFDM0I7O0FBRUE7RUFDRSxhQUFhO0VBQ2IsZUFBZTtFQUNmLHdCQUF3QjtBQUMxQjs7QUFFQTs7RUFFRSw2QkFBNkI7RUFDN0Isa0JBQWtCO0VBQ2xCLE1BQU07RUFDTixTQUFTO0VBQ1QsT0FBTztFQUNQLFFBQVE7RUFDUixhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLHVCQUF1QjtFQUN2QixxQkFBcUI7QUFDdkI7O0FBRUEsV0FBVztBQUNYO0VBQ0UsV0FBVztBQUNiOztBQUVBO0VBQ0UsdUJBQXVCO0FBQ3pCOztBQUVBO0VBQ0UsdUJBQXVCO0VBQ3ZCLG9CQUFvQjtFQUNwQixvQkFBb0I7RUFDcEIsc0JBQXNCO0VBQ3RCLHlCQUF5QjtFQUN6QixrQkFBa0I7RUFDbEIsc0JBQXNCO0VBQ3RCLGVBQWU7QUFDakI7O0FBRUEsb0JBQW9CO0FBQ3BCO0VBQ0UsYUFBYTtFQUNiLG1CQUFtQjtFQUNuQix1QkFBdUI7RUFDdkIsdUJBQXVCO0VBQ3ZCLDBCQUEwQjtFQUMxQixzQkFBc0I7QUFDeEI7O0FBRUE7RUFDRSxpQkFBaUI7RUFDakIsa0JBQWtCO0VBQ2xCLG1CQUFtQjtFQUNuQix1QkFBdUI7RUFDdkIsa0JBQWtCO0FBQ3BCOztBQUVBOzs7RUFHRSxpQkFBaUI7RUFDakIsa0JBQWtCO0VBQ2xCLGNBQWM7QUFDaEI7O0FBRUEsWUFBWTtBQUNaOztFQUVFLDZCQUE2QjtBQUMvQjtBQUNBOzs7RUFHRSxhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLDhCQUE4QjtFQUM5QixrQkFBa0I7RUFDbEIsb0RBQW9EO0VBQ3BELHNCQUFzQjtBQUN4Qjs7QUFFQTs7Ozs7O0VBTUUsb0JBQW9CO0VBQ3BCLHNCQUFzQjtFQUN0Qix5QkFBeUI7RUFDekIscUJBQXFCO0VBQ3JCLGVBQWU7QUFDakI7O0FBRUE7Ozs7OztFQU1FLHlCQUF5QjtBQUMzQjs7QUFFQTs7Ozs7O0VBTUUsa0JBQWtCO0VBQ2xCLFdBQVc7RUFDWCxnQkFBZ0I7RUFDaEIsaUJBQWlCO0VBQ2pCLGVBQWU7RUFDZixZQUFZO0VBQ1oseURBQTJDO0FBQzdDOztBQUVBOzs7Ozs7RUFNRSxVQUFVO0FBQ1o7O0FBRUE7OztFQUdFLGdCQUFnQjtFQUNoQix5QkFBeUI7QUFDM0I7O0FBRUE7OztFQUdFLGlCQUFpQjtBQUNuQjs7QUFFQTs7O0VBR0Usb0JBQW9CO0VBQ3BCLHNCQUFzQjtFQUN0Qix5QkFBeUI7QUFDM0I7O0FBRUE7RUFDRSxrQkFBa0I7RUFDbEIscUJBQXFCO0VBQ3JCLHlCQUF5QjtFQUN6QixZQUFZO0VBQ1oscUJBQXFCO0FBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiLndlZGEtbGlzdC12aWV3X19jb250YWlub3Ige1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBtYXgtaGVpZ2h0OiAxMDAlO1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yLl93YS1jb21wLWNvbnRhaW5lci1lbXB0eS1jaGlsZHJlbiB7XG4gIGhlaWdodDogdW5zZXQ7XG59XG5cbi8qIOWIl+ihqOWGheWuueWMuuWfnyAqL1xuLndlZGEtbGlzdC12aWV3X19jb250YWlub3IgLndlZGEtbGlzdC12aWV3X19jb250ZW50IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBmbGV4LWdyb3c6IDI7XG59XG5cbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yIC53ZWRhLWxpc3Qtdmlld19fY29udGVudC1ibGFuayB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG4ud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vciAud2VkYS1saXN0LXZpZXdfX2VtcHR5IHtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40KTtcbn1cblxuLndlZGEtbGlzdC12aWV3LWNhcmQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1hcmdpbi1yaWdodDogMC4yMTQyOXJlbTtcbn1cblxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3JcbiAgLndlZGEtbGlzdC12aWV3X19tb3JlLndlZGEtbGlzdC12aWV3X19jb250ZW50LWxvYWRpbmcge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nOiAwLjM1NzE0cmVtIDA7XG59XG5cbi8qIOWKoOi9veabtOWkmuWMuuWfnyAqL1xuLndlZGEtbGlzdC12aWV3X19jb250YWlub3IgLndlZGEtbGlzdC12aWV3X19tb3JlIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yIC53ZWRhLWxpc3Qtdmlld19fbW9yZSAud2VkYS1saXN0LXZpZXdfX2JvdHRvbS1sb2FkIHtcbiAgcGFkZGluZy10b3A6IDAuMDcxNDNyZW07XG59XG5cbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yIC53ZWRhLWxpc3Qtdmlld19fbW9yZSAud2VkYS1saXN0LXZpZXdfX21vcmUtdGV4dCB7XG4gIHBhZGRpbmctdG9wOiAwLjcxNDI5cmVtO1xuICBwYWRkaW5nLWJvdHRvbTogMXJlbTtcbiAgZm9udC1zaXplOiAwLjg1NzE0ZW07XG4gIGxpbmUtaGVpZ2h0OiAwLjg1NzE0ZW07XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNCk7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4vKiDliqDovb3mm7TlpJrnmoRTeW1ib2wgLi4uICovXG4ud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vciAud2VkYS1saXN0LXZpZXdfX21vcmUgLndlZGEtbGlzdC12aWV3X19tb3JlLXN5bWJvbCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogMS40Mjg1N3JlbTtcbiAgcGFkZGluZy1ib3R0b206IDEuMjg1NzFyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yIC53ZWRhLWxpc3Qtdmlld19fbW9yZSAud2VkYS1saXN0LXZpZXdfX3N5bWJvbC1pdGVtIHtcbiAgd2lkdGg6IDAuNTcxNDNyZW07XG4gIGhlaWdodDogMC41NzE0M3JlbTtcbiAgYmFja2dyb3VuZDogI2M0YzRjNDtcbiAgbWFyZ2luLWxlZnQ6IDAuNDI4NTdyZW07XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbn1cblxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3JcbiAgLndlZGEtbGlzdC12aWV3X19tb3JlXG4gIC53ZWRhLWxpc3Qtdmlld19fc3ltYm9sLWl0ZW06Zmlyc3QtY2hpbGQge1xuICB3aWR0aDogMC40Mjg1N3JlbTtcbiAgaGVpZ2h0OiAwLjQyODU3cmVtO1xuICBtYXJnaW4tbGVmdDogMDtcbn1cblxuLyog5Yqg6L295pu05aSaIOWIhumhtSAqL1xuLndlZGEtbGlzdC12aWV3X19jb250YWlub3JcbiAgLndlZGEtbGlzdC12aWV3X19tb3JlLndlZGEtbGlzdC12aWV3X19tb3JlLWJvdHRvbUxvYWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbn1cbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yXG4gIC53ZWRhLWxpc3Qtdmlld19fbW9yZVxuICAud2VkYS1saXN0LXZpZXdfX21vcmUtcGFnaW5hdGlvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBwYWRkaW5nOiAwLjcxNDI5cmVtIDEuMjg1NzFyZW0gMC44NTcxNHJlbSAxLjE0Mjg2cmVtO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG4ud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vclxuICAud2VkYS1saXN0LXZpZXdfX21vcmVcbiAgLndlZGEtbGlzdC12aWV3X19wYWdpbmF0aW9uLXByZSxcbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yXG4gIC53ZWRhLWxpc3Qtdmlld19fbW9yZVxuICAud2VkYS1saXN0LXZpZXdfX3BhZ2luYXRpb24tbmV4dCB7XG4gIGZvbnQtc2l6ZTogMC44NTcxNGVtO1xuICBsaW5lLWhlaWdodDogMS43MTQyOGVtO1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjQpO1xuICBwYWRkaW5nOiAwIDEuNzE0MjlyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3JcbiAgLndlZGEtbGlzdC12aWV3X19tb3JlXG4gIC53ZWRhLWxpc3Qtdmlld19fcGFnaW5hdGlvbi1wcmUuYWN0aXZlLFxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3JcbiAgLndlZGEtbGlzdC12aWV3X19tb3JlXG4gIC53ZWRhLWxpc3Qtdmlld19fcGFnaW5hdGlvbi1uZXh0LmFjdGl2ZSB7XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuOSk7XG59XG5cbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yXG4gIC53ZWRhLWxpc3Qtdmlld19fbW9yZVxuICAud2VkYS1saXN0LXZpZXdfX3BhZ2luYXRpb24tcHJlOjpiZWZvcmUsXG4ud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vclxuICAud2VkYS1saXN0LXZpZXdfX21vcmVcbiAgLndlZGEtbGlzdC12aWV3X19wYWdpbmF0aW9uLW5leHQ6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBjb250ZW50OiAnJztcbiAgd2lkdGg6IDEuNzE0MjhlbTtcbiAgaGVpZ2h0OiAxLjcxNDI4ZW07XG4gIHRvcDogMC43MTQyOXJlbTtcbiAgb3BhY2l0eTogMC4yO1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoYXJyb3ctcmlnaHQtbGluZS5zdmcpO1xufVxuXG4ud2VkYS1saXN0LXZpZXdfX2NvbnRhaW5vclxuICAud2VkYS1saXN0LXZpZXdfX21vcmVcbiAgLmFjdGl2ZS53ZWRhLWxpc3Qtdmlld19fcGFnaW5hdGlvbi1wcmU6OmJlZm9yZSxcbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yXG4gIC53ZWRhLWxpc3Qtdmlld19fbW9yZVxuICAuYWN0aXZlLndlZGEtbGlzdC12aWV3X19wYWdpbmF0aW9uLW5leHQ6OmFmdGVyIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3JcbiAgLndlZGEtbGlzdC12aWV3X19tb3JlXG4gIC53ZWRhLWxpc3Qtdmlld19fcGFnaW5hdGlvbi1wcmU6OmJlZm9yZSB7XG4gIGxlZnQ6IDEuMTQyODZyZW07XG4gIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG59XG5cbi53ZWRhLWxpc3Qtdmlld19fY29udGFpbm9yXG4gIC53ZWRhLWxpc3Qtdmlld19fbW9yZVxuICAud2VkYS1saXN0LXZpZXdfX3BhZ2luYXRpb24tbmV4dDo6YWZ0ZXIge1xuICByaWdodDogMS4yODU3MXJlbTtcbn1cblxuLndlZGEtbGlzdC12aWV3X19jb250YWlub3JcbiAgLndlZGEtbGlzdC12aWV3X19tb3JlXG4gIC53ZWRhLWxpc3Qtdmlld19fcGFnaW5hdGlvbi10ZXh0IHtcbiAgZm9udC1zaXplOiAwLjg1NzE0ZW07XG4gIGxpbmUtaGVpZ2h0OiAxLjcxNDI4ZW07XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNCk7XG59XG5cbi53ZWRhLWxpc3Qtdmlld19fbG9hZC1jb21wbGV0ZWQge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMzU3MTRyZW0gMDtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40KTtcbiAgb3BhY2l0eTogMC40O1xuICBmb250LXNpemU6IDAuODU3MTRyZW07XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */

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

@@ -13,10 +13,12 @@ const getIdeMockData = (length = 3) => Array.from({ length }).map(() => Object.c
  */
 export default function ListView(props) {
     var _a, _b, _c;
-    const { dataSourceType, bindConnectMetadata, connectorMethod, connectorParams: rawConnectorParams, datasource, orderBy, orderType, where, template, pageSize = 5, pagination, events, className, children, isRecords = true, //是否展示回调recoreds字段
+    const { dataSourceType, bindConnectMetadata, connectorMethod, connectorParams: rawConnectorParams, datasource, orderBy, orderType, where: rawWhere, template, pageSize = 5, pagination, events, className, children, isRecords = true, //是否展示回调recoreds字段
     isSetStatus = false, //是否开启加载状态
+    loadCompletedText = '', // 加载到底提示
     appCloud = { callDataSource, isInIde }, beforeDataChange = (v) => v, ...rest } = props;
     const connectorParams = rawConnectorParams && JSON.parse(JSON.stringify(rawConnectorParams));
+    const where = rawWhere && JSON.parse(JSON.stringify(rawWhere));
     const isModel = dataSourceType !== 'custom-connector';
     const methodName = isModel
         ? ((_a = datasource === null || datasource === void 0 ? void 0 : datasource.extra) === null || _a === void 0 ? void 0 : _a.methodName) || 'wedaGetRecords'
@@ -24,7 +26,6 @@ export default function ListView(props) {
     const dataSourceName = isModel
         ? datasource === null || datasource === void 0 ? void 0 : datasource.name
         : (_b = bindConnectMetadata === null || bindConnectMetadata === void 0 ? void 0 : bindConnectMetadata.datasource) === null || _b === void 0 ? void 0 : _b.name;
-    const [pageNo, setPageNo] = useState(1); // 分页状态
     const [entry, setEntry] = useState(null); // 触底的observer对象
     const [status, setStatus] = useState(''); // 查询状态
     const paramRef = useRef({
@@ -35,6 +36,12 @@ export default function ListView(props) {
     }); // 最新请求参数
     const dataRef = useRef({ total: 0, records: [] }); // 最新数据列表
     const observeRef = useRef(null); // 当前监听对象
+    const delayRef = useRef({
+        version: null,
+        initTimer: null,
+        statusTimer: null,
+        eventTimer: null,
+    }); // 请求防抖、异步时使用最后一次请求
     const isIdeMockData = !(dataSourceName && methodName) && ((_c = appCloud === null || appCloud === void 0 ? void 0 : appCloud.isInIde) === null || _c === void 0 ? void 0 : _c.call(appCloud)); // 在ide环境且未绑定数据源时，存在mock数据逻辑
     const shouldBottomLoad = pagination === 'bottomLoad' &&
         (entry === null || entry === void 0 ? void 0 : entry.isIntersecting) &&
@@ -50,7 +57,7 @@ export default function ListView(props) {
     // props 基本类型监听，需重新分页；处于 ide 且未绑定数据源时返回mock数据
     useEffect(() => {
         var _a, _b;
-        dataRef.current = { total: 0, records: [] };
+        clearDelay();
         if (!isIdeMockData) {
             fetchData({
                 dataSourceName,
@@ -63,7 +70,7 @@ export default function ListView(props) {
                     pageSize,
                 },
                 pagination,
-            });
+            }, { isInitData: true });
         }
         else {
             (_b = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _b === void 0 ? void 0 : _b.call(events, {
@@ -85,18 +92,18 @@ export default function ListView(props) {
         var _a, _b, _c, _d;
         if (isModel) {
             if (!isequal((_b = (_a = paramRef.current) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.where, where)) {
-                dataRef.current = { total: 0, records: [] };
+                clearDelay();
                 fetchData({
                     params: { pageNo: 1, where },
-                });
+                }, { isInitData: true });
             }
         }
         else {
             if (!isequal((_d = (_c = paramRef.current) === null || _c === void 0 ? void 0 : _c.params) === null || _d === void 0 ? void 0 : _d.connectorParams, connectorParams)) {
-                dataRef.current = { total: 0, records: [] };
+                clearDelay();
                 fetchData({
                     params: { pageNo: 1, connectorParams },
-                });
+                }, { isInitData: true });
             }
         }
     });
@@ -109,6 +116,11 @@ export default function ListView(props) {
             });
         }
     }, [shouldBottomLoad]);
+    // 清除延迟状态
+    const clearDelay = () => {
+        clearTimeout(delayRef.current.statusTimer);
+        clearTimeout(delayRef.current.eventTimer);
+    };
     // 触底监控对象
     const nodeRefCallback = useCallback((node) => {
         var _a;
@@ -130,18 +142,21 @@ export default function ListView(props) {
     /**
      * 列表视图拉取数据
      * 方法仅依赖入参和paramRef的参数
+     * isInitData: 是否初始化数据默认否
      */
-    const fetchData = async (param) => {
+    const fetchData = async (param, options) => {
         var _a;
-        // 合并参数
-        const fetchParam = {
+        const fetchVersion = (delayRef.current.version = Date.now());
+        const { isInitData } = options || {};
+        // 合并参数并保存，useEffect 中需要比对
+        paramRef.current = {
             ...paramRef.current,
             ...param,
             params: { ...paramRef.current.params, ...param === null || param === void 0 ? void 0 : param.params },
         };
-        const { dataSourceName, methodName, params } = fetchParam;
+        const { dataSourceName, methodName, params } = paramRef.current;
         const { orderBy, orderType, pageNo, pageSize, where, connectorParams } = params || {};
-        if (status === 'loading' || !(dataSourceName && methodName))
+        if (!(dataSourceName && methodName))
             return;
         setStatus('loading');
         let tcbParams = {};
@@ -161,7 +176,8 @@ export default function ListView(props) {
             whereEffected.length > 0 && (tcbParams['where'] = whereEffected);
         }
         else {
-            tcbParams = Object.assign({}, tcbParams, connectorParams);
+            // 内部分页参数覆盖查询入参
+            tcbParams = Object.assign({}, connectorParams, tcbParams);
         }
         // tcb结果和事件
         let data = [];
@@ -174,22 +190,23 @@ export default function ListView(props) {
                 methodName,
                 params: tcbParams,
             }, true));
-            paramRef.current = fetchParam;
-            onEnvets(data, eventDatasource);
+            if (fetchVersion !== delayRef.current.version)
+                return;
+            isInitData && (dataRef.current = { total: 0, records: [] });
+            onEvents(data, eventDatasource);
         }
         catch (e) {
-            setStatus(isModel ? 'fail' : '');
+            setStatus('fail');
             (_a = events === null || events === void 0 ? void 0 : events.queryFail) === null || _a === void 0 ? void 0 : _a.call(events, { datasource: eventDatasource, data: null });
         }
     };
     /**
      * 根据fetchData方法返回值，回调给外部事件
      */
-    const onEnvets = (data, datasource) => {
-        var _a, _b, _c, _d, _e;
-        const bottomLoadTimer = 150;
+    const onEvents = (data, datasource) => {
+        var _a, _b;
         const fetchRecords = [].concat(!isRecords && !isModel ? data : (data === null || data === void 0 ? void 0 : data.records) || []);
-        const total = (_a = data === null || data === void 0 ? void 0 : data.total) !== null && _a !== void 0 ? _a : fetchRecords.length;
+        const total = Number(data === null || data === void 0 ? void 0 : data.total) || 0;
         if (['loadMoreButton', 'bottomLoad'].includes(paramRef.current.pagination)) {
             dataRef.current = {
                 total,
@@ -199,22 +216,25 @@ export default function ListView(props) {
         else {
             dataRef.current = { total, records: fetchRecords };
         }
-        (_b = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _b === void 0 ? void 0 : _b.call(events, {
+        (_a = events === null || events === void 0 ? void 0 : events.onDataChange) === null || _a === void 0 ? void 0 : _a.call(events, {
             data: beforeDataChange(dataRef.current.records || []),
             state: getContextState(),
         });
         if (total === 0) {
-            setStatus(isModel ? 'empty' : '');
-            (_c = events === null || events === void 0 ? void 0 : events.queryEmpty) === null || _c === void 0 ? void 0 : _c.call(events, {
+            setStatus('empty');
+            (_b = events === null || events === void 0 ? void 0 : events.queryEmpty) === null || _b === void 0 ? void 0 : _b.call(events, {
                 datasource,
                 data: beforeDataChange([]),
             });
         }
         else {
             const statusCb = () => setStatus('success');
-            pagination === 'bottomLoad'
-                ? window.setTimeout(statusCb, bottomLoadTimer)
-                : statusCb();
+            if (pagination === 'bottomLoad') {
+                delayRef.current.statusTimer = window.setTimeout(statusCb, 150);
+            }
+            else {
+                statusCb();
+            }
         }
         const successCb = () => {
             var _a;
@@ -223,10 +243,12 @@ export default function ListView(props) {
                 data: beforeDataChange(dataRef.current.records),
             });
         };
-        pagination === 'bottomLoad'
-            ? window.setTimeout(successCb, bottomLoadTimer + 50)
-            : successCb();
-        setPageNo(((_e = (_d = paramRef.current) === null || _d === void 0 ? void 0 : _d.params) === null || _e === void 0 ? void 0 : _e.pageNo) || 1);
+        if (pagination === 'bottomLoad') {
+            delayRef.current.eventTimer = window.setTimeout(successCb, 200);
+        }
+        else {
+            successCb();
+        }
     };
     /**
      * 计算上下文对象数据
@@ -234,28 +256,21 @@ export default function ListView(props) {
     const getContextState = (state = {}) => {
         var _a, _b;
         const total = (_b = (_a = dataRef.current) === null || _a === void 0 ? void 0 : _a.total) !== null && _b !== void 0 ? _b : 0;
-        let { pageNo, pageSize, connectorParams } = paramRef.current.params;
-        if (!isModel) {
-            connectorParams =
-                Object.prototype.toString.call(connectorParams) === '[object Object]'
-                    ? connectorParams
-                    : {};
-            pageNo = connectorParams.pageNo;
-            pageSize = connectorParams.pageSize;
-        }
+        const { pageNo, pageSize } = paramRef.current.params;
         return { total, pageNo, pageSize, ...state };
     };
     /**
      * 分页，加载更多
      */
     const renderLoadMore = () => {
-        let disabled = !hasNextPage();
-        if (isIdeMockData) {
-            disabled = false;
-        }
+        var _a, _b;
+        const pageNo = ((_b = (_a = paramRef.current) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.pageNo) || 1;
+        const MoreButton = (React.createElement("div", { className: `${BLOCK_NAME}__more-text`, onClick: () => fetchData({ params: { pageNo: pageNo + 1 } }) }, "\u52A0\u8F7D\u66F4\u591A"));
+        if (isIdeMockData)
+            return MoreButton;
         if (status === 'loading')
             return LoadingSymbol;
-        return (!disabled && (React.createElement("div", { className: `${BLOCK_NAME}__more-text`, onClick: () => fetchData({ params: { pageNo: pageNo + 1 } }) }, "\u52A0\u8F7D\u66F4\u591A")));
+        return !hasNextPage() ? LoadEnd : MoreButton;
     };
     /**
      * 分页，底部刷新
@@ -267,10 +282,11 @@ export default function ListView(props) {
      * 分页，分页器，含ideMockData的判断
      */
     const renderPagination = () => {
-        var _a, _b;
-        const preDisabeld = pageNo <= 1;
-        const nextDisabeld = !hasNextPage();
-        const total = (_b = (_a = dataRef.current) === null || _a === void 0 ? void 0 : _a.total) !== null && _b !== void 0 ? _b : 0;
+        var _a, _b, _c, _d;
+        const pageNo = ((_b = (_a = paramRef.current) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.pageNo) || 1;
+        const preDisabeld = pageNo <= 1 || status === 'loading';
+        const nextDisabeld = !hasNextPage() || status === 'loading';
+        const total = (_d = (_c = dataRef.current) === null || _c === void 0 ? void 0 : _c.total) !== null && _d !== void 0 ? _d : 0;
         return (React.createElement("div", { className: `${BLOCK_NAME}__more-pagination` },
             React.createElement("div", { className: classNames(`${BLOCK_NAME}__pagination-pre`, preDisabeld ? '' : 'active'), onClick: () => !preDisabeld && fetchData({ params: { pageNo: pageNo - 1 } }) }, "\u4E0A\u4E00\u9875"),
             React.createElement("div", { className: classNames(`${BLOCK_NAME}__pagination-text`) },
@@ -302,7 +318,7 @@ export default function ListView(props) {
     /**
      * 加载到底状态组件
      */
-    const LoadEnd = React.createElement("div", null);
+    const LoadEnd = status === 'success' && loadCompletedText && (React.createElement("div", { className: `${BLOCK_NAME}__load-completed` }, String(loadCompletedText)));
     return (React.createElement("div", { ...rest, className: classNames('weda-ui', `${BLOCK_NAME}__containor`, className) },
         children && (React.createElement("div", { className: classNames(template === 'cardList' ? `${BLOCK_NAME}-card` : '', `${BLOCK_NAME}__content`, ['empty', 'fail'].includes(status) && isSetStatus
                 ? `${BLOCK_NAME}__content-blank`

package/dist/web/components/modal/modal.h5.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Container, Text, Button } from '../index';
 import './h5.css';
-import { useSyncValue } from '../../utils/useSyncValue';
+import { useSyncValue } from '../../utils/hooks/useSyncValue';
 export function ModalH5(props) {
     const { events, visible, content, isDefaultButton, customButton, customContent, outerRef, } = props;
     const [isVisible, setIsVisible] = useSyncValue(visible);

package/dist/web/components/modal/modal.pc.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Modal, Button, ConfigProvider } from 'tea-component';
 import classNames from '../../utils/classnames';
-import { useSyncValue } from '../../utils/useSyncValue';
+import { useSyncValue } from '../../utils/hooks/useSyncValue';
 export function ModalPc(props) {
     const { className, content, visible, customButton, customContent, isDefaultButton, size, events, outerRef, ...restProps } = props;
     const [isVisible, setIsVisible] = useSyncValue(visible);