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

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import { ConfigProvider, ImagePreview } from 'tea-component';
 import { usePlatform } from '../../utils/platform';
@@ -63,65 +64,59 @@ export function ImageInner({ objectFit, style, className, alt, src, isError, set
         },
     });
     if (platform === 'h5' || !imgPreview || isError) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement("img", { style: {
-                    objectFit,
-                    ...style,
-                }, className: className, alt: alt, src: src, onLoad: (e) => {
-                    const img = e.target;
-                    const { naturalHeight, naturalWidth } = img;
-                    realHeight.current = naturalHeight;
-                    realWidth.current = naturalWidth;
-                    setIsError(false);
-                    events.load && events.load({}, { originEvent: e });
-                }, onError: (e) => {
-                    setIsError(true);
-                    events.error && events.error({}, { originEvent: e });
-                }, onClick: (e) => {
-                    if (imgPreview && !isError) {
-                        setTranslateX(0);
-                        setTranslateY(0);
-                        setPreviewScale(1);
-                        const windowHeight = window.innerHeight;
-                        const windowWidth = window.innerWidth;
-                        let ratio = realWidth.current / realHeight.current;
-                        if (Number.isNaN(ratio)) {
-                            ratio = 1;
+        return (_jsxs(_Fragment, { children: [_jsx("img", { style: {
+                        objectFit,
+                        ...style,
+                    }, className: className, alt: alt, src: src, onLoad: (e) => {
+                        const img = e.target;
+                        const { naturalHeight, naturalWidth } = img;
+                        realHeight.current = naturalHeight;
+                        realWidth.current = naturalWidth;
+                        setIsError(false);
+                        events.load && events.load({}, { originEvent: e });
+                    }, onError: (e) => {
+                        setIsError(true);
+                        events.error && events.error({}, { originEvent: e });
+                    }, onClick: (e) => {
+                        if (imgPreview && !isError) {
+                            setTranslateX(0);
+                            setTranslateY(0);
+                            setPreviewScale(1);
+                            const windowHeight = window.innerHeight;
+                            const windowWidth = window.innerWidth;
+                            let ratio = realWidth.current / realHeight.current;
+                            if (Number.isNaN(ratio)) {
+                                ratio = 1;
+                            }
+                            const height = windowWidth / ratio;
+                            setOffsetHeight(windowHeight / 2 - height / 2);
+                            setShowHeight(height);
+                            setImgShow(true);
                         }
-                        const height = windowWidth / ratio;
-                        setOffsetHeight(windowHeight / 2 - height / 2);
-                        setShowHeight(height);
-                        setImgShow(true);
-                    }
-                    events.tap && events.tap({}, { originEvent: e });
-                }, loading: lazyLoad ? 'lazy' : undefined }),
-            imgShow && (React.createElement("div", { className: "weda-img-mask", onClick: onMaskClick },
-                React.createElement("div", { onClick: () => setImgShow(false), className: "weda-img-modal-close-btn" },
-                    React.createElement("i", { className: "weui-icon-clear", style: { color: 'white' } })),
-                React.createElement("div", { ...bind(), ref: imagePreviewRef, className: "weda-img-preview", style: {
-                        touchAction: 'none',
-                        backgroundImage: `url('${src}')`,
-                        width: '100%',
-                        height: showHeight,
-                        marginTop: offsetHeight,
-                        transform: `translate(${translateX}px, ${translateY}px) scale(${previewScale})`,
-                    } })))));
+                        events.tap && events.tap({}, { originEvent: e });
+                    }, loading: lazyLoad ? 'lazy' : undefined }), imgShow && (_jsxs("div", { className: "weda-img-mask", onClick: onMaskClick, children: [_jsx("div", { onClick: () => setImgShow(false), className: "weda-img-modal-close-btn", children: _jsx("i", { className: "weui-icon-clear", style: { color: 'white' } }) }), _jsx("div", { ...bind(), ref: imagePreviewRef, className: "weda-img-preview", style: {
+                                touchAction: 'none',
+                                backgroundImage: `url('${src}')`,
+                                width: '100%',
+                                height: showHeight,
+                                marginTop: offsetHeight,
+                                transform: `translate(${translateX}px, ${translateY}px) scale(${previewScale})`,
+                            } })] }))] }));
     }
     else {
-        return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-            React.createElement(ImagePreview, { previewSrc: src, maskClosable: maskClosable, className: className, style: { ...style, objectFit } }, (open) => (React.createElement("img", { style: {
-                    objectFit,
-                    cursor: 'zoom-in',
-                    ...style,
-                }, className: className, alt: alt, src: src, onLoad: (e) => {
-                    setIsError(false);
-                    events.load && events.load({}, { originEvent: e });
-                }, onError: (e) => {
-                    setIsError(true);
-                    events.error && events.error({}, { originEvent: e });
-                }, loading: lazyLoad ? 'lazy' : undefined, onClick: (e) => {
-                    open();
-                    events.tap && events.tap({}, { originEvent: e });
-                } })))));
+        return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(ImagePreview, { previewSrc: src, maskClosable: maskClosable, className: className, style: { ...style, objectFit }, children: (open) => (_jsx("img", { style: {
+                        objectFit,
+                        cursor: 'zoom-in',
+                        ...style,
+                    }, className: className, alt: alt, src: src, onLoad: (e) => {
+                        setIsError(false);
+                        events.load && events.load({}, { originEvent: e });
+                    }, onError: (e) => {
+                        setIsError(true);
+                        events.error && events.error({}, { originEvent: e });
+                    }, loading: lazyLoad ? 'lazy' : undefined, onClick: (e) => {
+                        open();
+                        events.tap && events.tap({}, { originEvent: e });
+                    } })) }) }));
     }
 }

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useMemo } from 'react';
 import classNames from '../../utils/classnames';
 import './index.css';
@@ -47,7 +47,7 @@ src, alt, mode, lazyLoad, imgPreview, maskClosable, fit, }) {
             return style;
         }
     }, [style, fit]);
-    return src === realSrc || (realSrc !== undefined && src !== realSrc) ? (React.createElement(ImageInner, { objectFit: realFit, style: realStyle, className: cls, alt: alt, src: realSrc, isError: isError, setIsError: setIsError, events: events, lazyLoad: lazyLoad, imgPreview: imgPreview, maskClosable: maskClosable })) : null;
+    return src === realSrc || (realSrc !== undefined && src !== realSrc) ? (_jsx(ImageInner, { objectFit: realFit, style: realStyle, className: cls, alt: alt, src: realSrc, isError: isError, setIsError: setIsError, events: events, lazyLoad: lazyLoad, imgPreview: imgPreview, maskClosable: maskClosable })) : null;
 }
 function getObjectFitByWxImageMode(mode) {
     const array = [

package/dist/web/components/index.js

@@ -1,3 +1,13 @@
+import React from 'react';
+if (process.env.NODE_ENV === 'development') {
+    // eslint-disable-next-line rulesdir/no-phantom-deps, @typescript-eslint/no-var-requires
+    import('@welldone-software/why-did-you-render').then((whyDidYouRender) => {
+        whyDidYouRender.default(React, {
+            trackHooks: false,
+            trackAllPureComponents: true,
+        });
+    });
+}
 import '@tcwd/style-wedatheme/index.css';
 import loadable from '@loadable/component';
 import { fallback } from '../utils/loading-fallback';
@@ -92,7 +102,9 @@ export { default as Phone } from './phone';
 export { default as PhoneCode } from './phoneCode';
 export { default as Share } from './share';
 export { default as Lottery } from './lottery';
-export { default as UserTreeSelect } from './form/userOrgSelect/component/user-select-h5/index';
+export const UserTreeSelect = loadable(() => import('./form/userOrgSelect/component/user-select-h5/index'), {
+    fallback,
+});
 export { default as DepartTreeSelect } from './form/userOrgSelect/component/depart-select/index';
 export { default as FormDetail } from './formdetail';
 export { PageLayout } from './pageLayout';
@@ -110,19 +122,49 @@ export const ModelFlowBasic = loadable(() => import('./flow/modules/basic'), {
 export const ModelFlowLayout = loadable(() => import('./flow/modules/layout'), {
     fallback,
 });
-export const ModelFlowProcess = loadable(() => import('./flow/modules/process'), { fallback });
+export const ModelFlowProcess = loadable(() => import('./flow/process'), {
+    fallback,
+});
 export { default as Row } from './grid/row';
 export { default as Col } from './grid/col';
 export { default as Grid } from './grid/grid';
 export { default as Repeater } from './repeater';
 export { default as RepeaterItem } from './repeater-item';
+export { default as WebView } from './web-view';
+export { default as WdForm } from './wd-form';
+export { default as FormInput } from './form-input';
+export { default as FormTextArea } from './form-text-area';
+export { default as FormRadio } from './form-radio';
+export { default as FormCheckbox } from './form-checkbox';
+export const FormRichText = loadable(() => import('./form-rich-text'), {
+    fallback,
+});
+export { default as FormDepartTreeSelect } from './form-depart-tree-select';
+export { default as FormEmail } from './form-email';
+export { default as FormUrl } from './form-url';
+export { default as FormPhone } from './form-phone';
+export { default as FormSwitch } from './form-switch';
+export const FormLocation = loadable(() => import('./form-location'), {
+    fallback,
+});
+export const FormUserTreeSelect = loadable(() => import('./form-user-tree-select'), { fallback });
+export { default as FormImageUploader } from './form-image-uploader';
+export { default as FormUploadFile } from './form-upload-file';
+export { default as FormMultiRegion } from './form-multi-region';
+export { default as FormSelect } from './form-select';
+export { default as FormDate } from './form-date';
+export { default as FormRegion } from './form-region';
+export { default as FormTime } from './form-time';
+export { default as WdFormDetail } from './formdetail';
+export { default as QrCode } from './qrcode';
+export { default as CustomerService } from './customer-service';
 import 'weui/dist/style/weui.css';
 import '../weda-ui.css';
 // 组件标准化
 import '../../style/index.scss';
 export { default as WdButton } from './wd-button';
 export { default as WdDivider } from './wd-divider';
-export { default as WdTable } from './wd-table';
+export const WdTable = loadable(() => import('./wd-table'), { fallback });
 export { default as WdLink } from './wd-link';
 export { default as WdText } from './wd-text';
 export { default as WdImage } from './wd-image';

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from '../../utils/classnames';
 import { textToString } from '../../utils/platform';
 import { emptyArray, emptyObject } from '../../utils/constant';
@@ -53,7 +53,7 @@ isOpenInNewWindow, }) {
             return p;
         }, {});
     }
-    return (React.createElement("a", { style: { ...style }, className: cls, target: isOpenInNewWindow ? '_blank' : '_self', href: href, onClick: (e) => {
+    return (_jsxs("a", { style: { ...style }, className: cls, target: isOpenInNewWindow ? '_blank' : '_self', href: href, onClick: (e) => {
             events.tap && events.tap({}, { originEvent: e });
             if (!e.defaultPrevented) {
                 if (!isAbosolutePath) {
@@ -66,7 +66,5 @@ isOpenInNewWindow, }) {
                     });
                 }
             }
-        }, rel: "noopener noreferrer" },
-        contentSlot && React.createElement("div", { className: "weda-link-slot" }, contentSlot),
-        textToString(content)));
+        }, rel: "noopener noreferrer", children: [contentSlot && _jsx("div", { className: "weda-link-slot", children: contentSlot }), textToString(content)] }));
 }

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

@@ -1,13 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useEffect, useRef, useCallback, useImperativeHandle, } from 'react';
 import { callDataSource } from '../../utils/tcb';
-import { isInIde, getWhereList, alertErrorMessage } from '../../utils/platform';
+import { isInIde, alertErrorMessage } from '../../utils/platform';
 import classNames from '../../utils/classnames';
 import isequal from 'lodash.isequal';
 import './index.css';
 import { isNil } from '../../utils/lodash';
 import { getUuid } from '../../utils/tool';
-import EmptyContent from '../emptyContent';
-const ORDERTYPE = ['asc', 'desc'];
+import EmptyContent from '../statusContent';
+import { useLoopRenderDetect } from '../common/use-loop-render-detect';
+import { getModelParams } from '../../utils/getModelParams';
 const BLOCK_NAME = 'weda-list-view';
 const LISTVIEW_MESSAGE = {
     methods_no_support: '当前组件绑定了APIs，暂不支持进行数据删除',
@@ -19,29 +21,32 @@ const LISTVIEW_MESSAGE = {
 };
 const getIdeMockData = (length = 3) => Array.from({ length }).map(() => Object.create(null));
 const getStringValue = (v) => (typeof v === 'string' ? v : '');
+const defaultCloudbase = { callDataSource, isInIde };
+const defaultBeforeDataChange = (v) => v;
 /**
  * 数据容器-列表视图
  */
 export default React.forwardRef(function ListView(props, ref) {
     var _a, _b, _c;
-    const { dataSourceType, bindConnectMetadata, connectorMethod, connectorParams: rawConnectorParams, datasource, orderBy, orderType, where: rawWhere, template, pageSize = 5, pagination, events, className, children, isRecords = true, //是否展示回调recoreds字段
+    const { dataSourceType, bindConnectMetadata, connectorMethod, connectorParams: rawConnectorParams, datasource, template, pageSize = 5, pagination, events, className, children, isRecords = true, //是否展示回调recoreds字段
     isSetStatus = false, //是否开启加载状态
     emptyText, //空状态时的文案
     loadCompletedText = '', // 加载到底提示
-    appCloud = { callDataSource, isInIde }, beforeDataChange = (v) => v, ...rest } = props;
+    appCloud = defaultCloudbase, beforeDataChange = defaultBeforeDataChange, ...rest } = props;
+    const modelParams = getModelParams(props); // 包括 where 和 order
     const connectorParams = rawConnectorParams && JSON.parse(JSON.stringify(rawConnectorParams));
-    const where = rawWhere && JSON.parse(JSON.stringify(rawWhere));
     const isModel = dataSourceType !== 'custom-connector';
     const methodName = getStringValue(isModel
         ? ((_a = datasource === null || datasource === void 0 ? void 0 : datasource.extra) === null || _a === void 0 ? void 0 : _a.methodName) || 'wedaGetRecords'
         : connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name);
     const dataSourceName = getStringValue(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);
+    useLoopRenderDetect({ limit: 600 });
     const [entry, setEntry] = useState(null); // 触底的observer对象
     const [status, setStatus] = useState(''); // 查询状态
     const paramRef = useRef({
         dataSourceName,
         methodName,
-        params: { orderBy, orderType, where, pageNo: 1, pageSize, connectorParams },
+        params: { pageNo: 1, pageSize, connectorParams, modelParams },
         pagination,
     }); // 最新请求参数
     const dataRef = useRef({ total: 0, records: [] }); // 最新数据列表
@@ -79,8 +84,6 @@ export default React.forwardRef(function ListView(props, ref) {
                 methodName,
                 params: {
                     ...(_a = paramRef.current) === null || _a === void 0 ? void 0 : _a.params,
-                    orderBy,
-                    orderType,
                     pageNo: 1,
                     pageSize,
                 },
@@ -93,15 +96,15 @@ export default React.forwardRef(function ListView(props, ref) {
                 state: getContextState(),
             });
         }
-    }, [methodName, dataSourceName, pageSize, pagination, orderBy, orderType, isModel]);
+    }, [methodName, dataSourceName, pageSize, pagination, isModel]);
     // props 对象类型监听，需重新分页
     useEffect(() => {
         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)) {
+            if (!isequal((_b = (_a = paramRef.current) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.modelParams, modelParams)) {
                 clearDelay();
                 fetchData({
-                    params: { pageNo: 1, where },
+                    params: { pageNo: 1, modelParams },
                 }, { isInitData: true });
             }
         }
@@ -243,7 +246,7 @@ export default React.forwardRef(function ListView(props, ref) {
             params: { ...paramRef.current.params, ...param === null || param === void 0 ? void 0 : param.params },
         };
         const { dataSourceName, methodName, params } = paramRef.current;
-        const { orderBy, orderType, pageNo, pageSize, where, connectorParams } = params || {};
+        const { pageNo, pageSize, modelParams, connectorParams } = params || {};
         if (!(dataSourceName && methodName))
             return;
         setStatus('loading');
@@ -254,14 +257,7 @@ export default React.forwardRef(function ListView(props, ref) {
             tcbParams['pageSize'] = pageSize;
         }
         if (isModel) {
-            // tcb排序参数
-            if (orderBy && ORDERTYPE.includes(orderType)) {
-                tcbParams['orderBy'] = orderBy;
-                tcbParams['orderType'] = orderType;
-            }
-            // tcb过滤参数
-            const whereEffected = [].concat(getWhereList(where));
-            whereEffected.length > 0 && (tcbParams['where'] = whereEffected);
+            tcbParams = Object.assign({}, tcbParams, modelParams);
         }
         else {
             // 内部分页参数覆盖查询入参
@@ -398,7 +394,7 @@ export default React.forwardRef(function ListView(props, ref) {
     const renderLoadMore = () => {
         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"));
+        const MoreButton = (_jsx("div", { className: `${BLOCK_NAME}__more-text`, onClick: () => fetchData({ params: { pageNo: pageNo + 1 } }), children: "\u52A0\u8F7D\u66F4\u591A" }));
         if (isIdeMockData)
             return MoreButton;
         if (status === 'loading')
@@ -409,7 +405,7 @@ export default React.forwardRef(function ListView(props, ref) {
      * 分页，底部刷新
      */
     const renderBottomLoad = () => {
-        return (React.createElement("div", { ref: nodeRefCallback, className: `${BLOCK_NAME}__bottom-load` }, status === 'loading' ? LoadingSymbol : !hasNextPage() && LoadEnd));
+        return (_jsx("div", { ref: nodeRefCallback, className: `${BLOCK_NAME}__bottom-load`, children: status === 'loading' ? LoadingSymbol : !hasNextPage() && LoadEnd }));
     };
     /**
      * 分页，分页器，含ideMockData的判断
@@ -420,13 +416,7 @@ export default React.forwardRef(function ListView(props, ref) {
         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`) },
-                React.createElement("span", { className: "active" }, isIdeMockData ? 1 : total ? pageNo : 0),
-                "/",
-                isIdeMockData ? 1 : Math.ceil(total / pageSize)),
-            React.createElement("div", { className: classNames(`${BLOCK_NAME}__pagination-next`, nextDisabeld ? '' : 'active'), onClick: () => !nextDisabeld && fetchData({ params: { pageNo: pageNo + 1 } }) }, "\u4E0B\u4E00\u9875")));
+        return (_jsxs("div", { className: `${BLOCK_NAME}__more-pagination`, children: [_jsx("div", { className: classNames(`${BLOCK_NAME}__pagination-pre`, preDisabeld ? '' : 'active'), onClick: () => !preDisabeld && fetchData({ params: { pageNo: pageNo - 1 } }), children: "\u4E0A\u4E00\u9875" }), _jsxs("div", { className: classNames(`${BLOCK_NAME}__pagination-text`), children: [_jsx("span", { className: "active", children: isIdeMockData ? 1 : total ? pageNo : 0 }), "/", isIdeMockData ? 1 : Math.ceil(total / pageSize)] }), _jsx("div", { className: classNames(`${BLOCK_NAME}__pagination-next`, nextDisabeld ? '' : 'active'), onClick: () => !nextDisabeld && fetchData({ params: { pageNo: pageNo + 1 } }), children: "\u4E0B\u4E00\u9875" })] }));
     };
     /**
      * 查询状态展示
@@ -434,34 +424,24 @@ export default React.forwardRef(function ListView(props, ref) {
     const renderStatus = () => {
         switch (status) {
             case 'empty':
-                return emptyText && React.createElement(EmptyContent, { emptyText: emptyText });
+                return emptyText && _jsx(EmptyContent, { emptyText: emptyText });
             case 'fail':
-                return (isSetStatus && React.createElement("div", { className: `${BLOCK_NAME}__fail` }, "\u52A0\u8F7D\u5931\u8D25"));
+                return (isSetStatus && _jsx("div", { className: `${BLOCK_NAME}__fail`, children: "\u52A0\u8F7D\u5931\u8D25" }));
             case 'loading':
                 return (isSetStatus &&
-                    pagination === 'pagination' && (React.createElement("div", { className: classNames(`${BLOCK_NAME}__more`, `${BLOCK_NAME}__content-loading`) }, LoadingSymbol)));
+                    pagination === 'pagination' && (_jsx("div", { className: classNames(`${BLOCK_NAME}__more`, `${BLOCK_NAME}__content-loading`), children: LoadingSymbol })));
         }
     };
     /**
      * 加载中状态组件
      */
-    const LoadingSymbol = (React.createElement("div", { className: `${BLOCK_NAME}__more-symbol` },
-        React.createElement("div", { className: `${BLOCK_NAME}__symbol-item` }),
-        React.createElement("div", { className: `${BLOCK_NAME}__symbol-item` }),
-        React.createElement("div", { className: `${BLOCK_NAME}__symbol-item` })));
+    const LoadingSymbol = (_jsxs("div", { className: `${BLOCK_NAME}__more-symbol`, children: [_jsx("div", { className: `${BLOCK_NAME}__symbol-item` }), _jsx("div", { className: `${BLOCK_NAME}__symbol-item` }), _jsx("div", { className: `${BLOCK_NAME}__symbol-item` })] }));
     /**
      * 加载到底状态组件
      */
-    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`, (status === 'empty' && emptyText) ||
-                (status === 'fail' && isSetStatus)
-                ? `${BLOCK_NAME}__content-blank`
-                : '') },
-            children,
-            renderStatus())),
-        React.createElement("div", { className: classNames(`${BLOCK_NAME}__more`, `${BLOCK_NAME}__more-${pagination}`) },
-            pagination === 'bottomLoad' && renderBottomLoad(),
-            pagination === 'loadMoreButton' && renderLoadMore(),
-            pagination === 'pagination' && renderPagination())));
+    const LoadEnd = status === 'success' && loadCompletedText && (_jsx("div", { className: `${BLOCK_NAME}__load-completed`, children: String(loadCompletedText) }));
+    return (_jsxs("div", { ...rest, className: classNames('weda-ui', `${BLOCK_NAME}__containor`, className), children: [children && (_jsxs("div", { className: classNames(template === 'cardList' ? `${BLOCK_NAME}-card` : '', `${BLOCK_NAME}__content`, (status === 'empty' && emptyText) ||
+                    (status === 'fail' && isSetStatus)
+                    ? `${BLOCK_NAME}__content-blank`
+                    : ''), children: [children, renderStatus()] })), _jsxs("div", { className: classNames(`${BLOCK_NAME}__more`, `${BLOCK_NAME}__more-${pagination}`), children: [pagination === 'bottomLoad' && renderBottomLoad(), pagination === 'loadMoreButton' && renderLoadMore(), pagination === 'pagination' && renderPagination()] })] }));
 });