@cloudbase/weda-ui 3.4.11 → 3.4.13

package/dist/web/actions/showMessage/index.js

@@ -1,5 +1,5 @@
 import { isH5Platform } from '../../utils/platform';
-import { message } from 'tea-component';
+import { message, setConfig } from 'tea-component';
 import './index.css';
 const iconType = {
     success: 'success',
@@ -24,6 +24,9 @@ export default function showMessage(props) {
                 });
         }
         else {
+            setConfig({
+                classPrefix: 'wedatea2td',
+            });
             const realIcon = iconType[icon];
             const isNotShowIcon = realIcon === 'none' || !realIcon;
             message[isNotShowIcon ? 'success' : icon]({

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

@@ -28,7 +28,7 @@ export default function Carousel({ className, style, autoplay, circular, vertica
             }, interval);
             return () => clearInterval(timer);
         }
-    }, [currentIndex, autoplay]);
+    }, [currentIndex, autoplay, itemCount]);
     // 触发切换
     const pre = useRef({ index: currentIndex }).current;
     useEffect(() => {

package/dist/web/components/customer-service/customer-service.js

@@ -1,13 +1,30 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { Bubble, ConfigProvider } from 'tea-component';
 import { emptyObject } from '../../utils/constant';
+// @ts-ignore忽略ts交验
+// eslint-disable-next-line rulesdir/no-phantom-deps,import/no-unresolved
+import { autorun } from 'mobx';
 export const CustomerService = forwardRef(function CustomerService(props, ref) {
+    var _a, _b;
     const { id, className, style, events = emptyObject, } = props;
+    const [editorPlatforms, setEditorPlatforms] = React.useState([]);
+    const dispose = React.useMemo(() => {
+        return autorun(() => {
+            var _a, _b;
+            setEditorPlatforms((_b = (_a = window === null || window === void 0 ? void 0 : window.$w) === null || _a === void 0 ? void 0 : _a.wedaContext) === null || _b === void 0 ? void 0 : _b.editorPlatforms);
+        });
+    }, []);
+    React.useEffect(() => {
+        return () => {
+            dispose();
+        };
+    }, [dispose]);
     // 方法
     const onClick = (e) => {
         var _a;
         (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e });
     };
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { placement: "auto", openDelay: 300, content: "\u7F16\u8F91\u5668\u6682\u4E0D\u652F\u6301\u6253\u5F00\u5BA2\u670D\u4F1A\u8BDD\uFF0C\u8BF7\u53D1\u5E03\u5C0F\u7A0B\u5E8F\u540E\u4F7F\u7528\u771F\u673A\u8C03\u8BD5\u3002PC/H5\u7AEF\u5C06\u9690\u85CF\u8BE5\u7EC4\u4EF6\uFF0C\u8BF7\u6CE8\u610F\u9875\u9762\u5E03\u5C40\u3002", children: _jsx("div", { id: id, className: className, style: style, onClick: onClick, "data-role": "wd-customer-service", ref: ref, children: props.children }) }) }));
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: ((_b = (_a = window.$w) === null || _a === void 0 ? void 0 : _a.wedaContext) === null || _b === void 0 ? void 0 : _b.isEditorMode) ||
+            (editorPlatforms === null || editorPlatforms === void 0 ? void 0 : editorPlatforms.includes('MP')) ? (_jsx(Bubble, { placement: "auto", openDelay: 300, content: "\u7F16\u8F91\u5668\u6682\u4E0D\u652F\u6301\u6253\u5F00\u5BA2\u670D\u4F1A\u8BDD\uFF0C\u8BF7\u53D1\u5E03\u5C0F\u7A0B\u5E8F\u540E\u4F7F\u7528\u771F\u673A\u8C03\u8BD5\u3002PC/H5\u7AEF\u5C06\u9690\u85CF\u8BE5\u7EC4\u4EF6\uFF0C\u8BF7\u6CE8\u610F\u9875\u9762\u5E03\u5C40\u3002", children: _jsx("div", { id: id, className: className, style: style, onClick: onClick, "data-role": "wd-customer-service", ref: ref, children: props.children }) })) : null }));
 });

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

@@ -1,12 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+import React, { useCallback, useImperativeHandle, useState, useRef, } from 'react';
 import ListView from '../listView';
 import { useLoopRenderDetect } from '../common/use-loop-render-detect';
-const beforeDataChange = (values) => (values === null || values === void 0 ? void 0 : values[0]) || {};
 /**
  * 数据容器-列表视图
  */
 export default React.forwardRef(function DataView(props, ref) {
     useLoopRenderDetect({ limit: 600 });
-    return (_jsx(ListView, { ...props, ref: ref, isRecords: false, orderBy: undefined, orderType: undefined, template: "none", pageSize: 1, pagination: "none", beforeDataChange: beforeDataChange }));
+    const listViewRef = useRef(null);
+    const [record, setRecord] = useState();
+    const beforeDataChange = useCallback((values) => {
+        const record = (values === null || values === void 0 ? void 0 : values[0]) || {};
+        setRecord(record);
+        return record;
+    }, []);
+    const refresh = useCallback(() => { var _a, _b; return (_b = (_a = listViewRef.current) === null || _a === void 0 ? void 0 : _a.refresh) === null || _b === void 0 ? void 0 : _b.call(_a); }, [listViewRef.current]);
+    const deleteOne = useCallback((params) => { var _a, _b; return (_b = (_a = listViewRef.current) === null || _a === void 0 ? void 0 : _a.deleteOne) === null || _b === void 0 ? void 0 : _b.call(_a, params); }, [listViewRef.current]);
+    useImperativeHandle(ref, () => ({ record, refresh, deleteOne }), [
+        record,
+        refresh,
+        deleteOne,
+    ]);
+    return (_jsx(ListView, { ...props, ref: listViewRef, isRecords: false, orderBy: undefined, orderType: undefined, template: "none", pageSize: 1, pagination: "none", beforeDataChange: beforeDataChange }));
 });

package/dist/web/components/flow/common/hooks/useCommonFlowData/flow-get.js

@@ -44,7 +44,11 @@ async function getApprovalPageDetail(processInstance, pageType) {
                 pageType,
                 taskId: processInstance === null || processInstance === void 0 ? void 0 : processInstance.taskId,
             },
-        }, { previewData: getApprovalPageDetailPreviewData });
+        }, {
+            previewData: getApprovalPageDetailPreviewData,
+            // 这两个内部数据是动态的业务数据，不能进行首字母小写转换
+            lowerResultCaseIgnoreKeys: ['FieldValueMap', 'FieldValueMapList'],
+        });
         const { objectMap, objectListMap } = translateObjectLikeMap(result);
         return {
             approvalPageDetail: result,

package/dist/web/components/flow/common/request.js

@@ -5,28 +5,28 @@ import { isInIde } from './utils';
  * @description 基于callWedaApi 封装，主要是处理出入参大小写，以及预览数据
  */
 export async function flowRequest(params, config) {
-    const { previewData, upperCaseData = true, upperCaseIgnoreKeys, lowerCaseResult = true, } = config || {};
+    const { previewData, upperCaseData = true, upperCaseIgnoreKeys, lowerCaseResult = true, lowerResultCaseIgnoreKeys, } = config || {};
     if (isInIde()) {
-        return toTransKeyCase(previewData || {}, lowerCaseResult ? 'toLowerCase' : 'toUpperCase');
+        return toTransKeyCase(previewData || {}, lowerCaseResult ? 'toLowerCase' : 'toUpperCase', lowerResultCaseIgnoreKeys);
     }
     const result = await callWedaApi({
         ...params,
         data: toTransKeyCase(params.data, upperCaseData ? 'toUpperCase' : 'toLowerCase', upperCaseIgnoreKeys),
     });
-    return toTransKeyCase(result, lowerCaseResult ? 'toLowerCase' : 'toUpperCase');
+    return toTransKeyCase(result, lowerCaseResult ? 'toLowerCase' : 'toUpperCase', lowerResultCaseIgnoreKeys);
 }
 /** 转换具体参数的首字母大小写 */
 function toTransKeyCase(target, method, ignoreKeyValues) {
     const result = {};
     if (isArray(target)) {
-        return target === null || target === void 0 ? void 0 : target.map((item) => toTransKeyCase(item, method));
+        return target === null || target === void 0 ? void 0 : target.map((item) => toTransKeyCase(item, method, ignoreKeyValues));
     }
     if (isObject(target)) {
         return Object.keys(target).reduce((acc, key) => {
             const finalKey = transKey(key, method);
             acc[finalKey] = (ignoreKeyValues === null || ignoreKeyValues === void 0 ? void 0 : ignoreKeyValues.includes(key))
                 ? target[key]
-                : toTransKeyCase(target[key], method);
+                : toTransKeyCase(target[key], method, ignoreKeyValues);
             return acc;
         }, result);
     }

package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useEffect, useState } from 'react';
+import { Modal, SelectMultiple, Button, Form, Checkbox } from 'tea-component';
+import { flowRequest } from '../../../common';
+import { FlowCheckListPopup } from './check-list-popup';
+/**
+ * 选择下一节点审批人弹窗
+ */
+export const FlowTaskInfoModal = (props) => {
+    const { isH5, visible, flowTaskInfoList, selectedTaskIds, setSelectedTaskIds, onSubmitTaskIds, } = useFlowTaskInfoModel(props);
+    const options = flowTaskInfoList.map((item) => ({
+        text: item === null || item === void 0 ? void 0 : item.assigneeName,
+        value: item === null || item === void 0 ? void 0 : item.waitFlowTaskId,
+    }));
+    const renderModal = () => {
+        return (_jsxs(Modal, { visible: visible, caption: props.label, onClose: () => onSubmitTaskIds(), size: "auto", children: [_jsx(Modal.Body, { children: _jsx(Form, { style: { marginBottom: '5px' }, children: _jsx(Form.Item, { label: "\u9009\u62E9\u5904\u7406\u4EBA", children: _jsx(SelectMultiple, { searchable: true, matchButtonWidth: true, appearance: "button", size: "full", style: { width: 300 }, staging: false, options: options, value: selectedTaskIds, onChange: (value) => setSelectedTaskIds(value) }) }) }) }), _jsxs(Modal.Footer, { children: [_jsx(Button, { type: "primary", onClick: () => onSubmitTaskIds(false), disabled: !selectedTaskIds.length, children: "\u786E\u5B9A" }), _jsx(Button, { type: "weak", onClick: () => onSubmitTaskIds(), children: "\u53D6\u6D88" })] })] }));
+    };
+    const renderPopup = () => {
+        return (_jsx(FlowCheckListPopup, { visible: visible, onClose: () => onSubmitTaskIds(), title: props.label, overlayStyle: { zIndex: 998 }, height: 550, confirmButtonProps: {
+                disabled: !selectedTaskIds.length,
+                onClick: () => onSubmitTaskIds(false),
+            }, children: _jsx(Checkbox.Group, { value: selectedTaskIds, onChange: (value) => setSelectedTaskIds(value), layout: "column", children: options.map((option) => (_jsx(Checkbox, { name: option.value, children: option.text }, option.value))) }) }));
+    };
+    return _jsxs(_Fragment, { children: [" ", isH5 ? renderPopup() : renderModal()] });
+};
+/** 下一节点审批人model */
+function useFlowTaskInfoModel(params) {
+    const { isH5 } = params.flowModulesProps;
+    const { onAfterFinishFlowAction } = params.flowControlModel;
+    /** 弹框是否可见 */
+    const [visible, setVisible] = useState(false);
+    /** 审批人列表 */
+    const [flowTaskInfoList, setFlowTaskInfoList] = useState([]);
+    /** 已选任务数组 */
+    const [selectedTaskIds, setSelectedTaskIds] = useState([]);
+    const timer = useRef(null);
+    useEffect(() => {
+        return () => {
+            cleanTiming();
+        };
+    }, []);
+    useEffect(() => {
+        if (params.flowControlModel.triggerFlowTaskInfo) {
+            const { toBeSubmittedFlowTaskInfo } = params.flowControlModel.triggerFlowTaskInfo || {};
+            setVisible(true);
+            setFlowTaskInfoList(toBeSubmittedFlowTaskInfo || []);
+            timingSubmit();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [params.flowControlModel.triggerFlowTaskInfo]);
+    const cleanTiming = () => {
+        clearTimeout(timer.current);
+    };
+    /** 审批人列表提交 */
+    const submitFlowTaskList = async (flowTaskIds) => {
+        const result = await flowRequest({
+            action: 'SubmitFlowTaskList',
+            data: { flowTaskIds },
+        });
+        if (result === null || result === void 0 ? void 0 : result.status) {
+            setVisible(false);
+            setSelectedTaskIds([]);
+            cleanTiming();
+            // 执行完成后自定义动作
+            onAfterFinishFlowAction(params.actionKey, params.afterAction);
+        }
+    };
+    /** 定时提交 */
+    const timingSubmit = () => {
+        // eslint-disable-next-line rulesdir/no-timer
+        timer.current = setTimeout(() => {
+            submitFlowTaskList();
+        }, 600000);
+    };
+    /** 提交按钮动作 */
+    const onSubmitTaskIds = (isCancel = true) => {
+        const taskIds = isCancel
+            ? flowTaskInfoList.map((i) => i === null || i === void 0 ? void 0 : i.waitFlowTaskId)
+            : selectedTaskIds;
+        submitFlowTaskList(taskIds);
+    };
+    return {
+        isH5,
+        selectedTaskIds,
+        visible,
+        flowTaskInfoList,
+        setSelectedTaskIds,
+        onSubmitTaskIds,
+    };
+}

package/dist/web/components/form/formcell/index.css

@@ -35,7 +35,9 @@
 }
 
 /* formcell 在 form container 外部兼容 and 独立 layout 适配 */
-
+.weda-formcells__pc.weda-formcells__full-width.vertical {
+  display: block;
+}
 .weda-formcells__pc.vertical .wedatea2td-form__controls,
 .weda-formcells__pc.vertical .wedatea2td-form__label {
   display: block;
@@ -90,6 +92,16 @@
   width: 98px;
 }
 
+.weda-formcells__pc.horizontal .wedatea2td-form__label.is-required label:after,
+.weda-formcells__pc.vertical .wedatea2td-form__label.is-required label:after {
+  display: inline-block;
+  content: '*';
+  color: #e54545;
+  line-height: 1;
+  position: relative;
+  margin: 3px 0 0 3px;
+}
+
 /*formcell*/
 
 .weda-formcells__full-width .wedatea2td-form__controls {

package/dist/web/components/form/formcell/index.js

@@ -27,7 +27,7 @@ export default function FormCell({ className, style, label, layout, children, mu
                         'weda-formcells__label': true,
                         // 标题也采用使用weui-cell的样式
                         'weui-cell': true,
-                    }), children: [_jsx("label", { children: label }), requiredFlag ? (_jsx("label", { className: "weda-formcells__flag", children: "*" })) : null] })) : null, _jsx("div", { className: classNames({
+                    }), children: [requiredFlag ? (_jsx("label", { className: "weda-formcells__flag", children: "*" })) : null, _jsx("label", { children: label })] })) : null, _jsx("div", { className: classNames({
                         'weda-formcells__content': true,
                         'weui-flex__item': isFlex,
                     }), children: children })] }) }));

package/dist/web/components/form/location/components/LocationH5/location.h5.js

@@ -293,7 +293,7 @@ export default function LocationH5(props) {
         }
         return status;
     };
-    const LocationEl = (_jsxs("div", { className: "form-location weda-ui_form-location", "data-testid": "form-location", children: [_jsxs("div", { className: `form-location-warp ${styles.locationDisabled}`, style: { display: layout === 'vertical' ? 'block' : 'flex' }, children: [labelVisible && (_jsxs("div", { className: "form-location-label", children: [_jsx("label", { children: label }), requiredFlag && _jsx("span", { children: "*" })] })), _jsxs("div", { className: classNames({
+    const LocationEl = (_jsxs("div", { className: "form-location weda-ui_form-location", "data-testid": "form-location", children: [_jsxs("div", { className: `form-location-warp ${styles.locationDisabled}`, style: { display: layout === 'vertical' ? 'block' : 'flex' }, children: [labelVisible && (_jsxs("div", { className: "form-location-label weda-formcells__label weui-cell", children: [requiredFlag && _jsx("span", { className: "weda-formcells__flag", children: "*" }), _jsx("label", { children: label })] })), _jsxs("div", { className: classNames({
                             'form-location-con': true,
                             [styles.locationContent]: true,
                             'form-location-con_vertical': layout === 'vertical',

package/dist/web/components/form/select/dropdown-select/index.js

@@ -5,7 +5,7 @@ import { formatNeedDataFetch, PAGE_SIZE, requestEnumOption, requestFatherRelated
 import SelectPickerPc from './pc';
 import { usePlatform } from '../../../../utils/platform';
 import { Status } from '../status';
-import { useDeepCompareEffect } from '@react-hookz/web';
+import { useDebouncedEffect, useDeepCompareEffect } from '@react-hookz/web';
 export function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, }) {
     const isRequestingRef = useRef(false);
     const [status, setStatus] = useState(Status.ALl_EMPTY);
@@ -118,7 +118,7 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
         const option = isSearch ? searchOptions : options;
         return platform === 'h5' ? option : transFormatTeaSelectKey(option);
     }, [isSearch, searchOptions, options, platform]);
-    useEffect(() => {
+    const handleSearch = () => {
         // 本地搜索
         if (!isTurnPages || options.length < PAGE_SIZE) {
             const searchOpt = options.filter((item) => {
@@ -145,7 +145,10 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
             }, 1000);
             return () => clearTimeout(timer);
         }
-    }, [searchValue]);
+    };
+    useDebouncedEffect(() => {
+        handleSearch();
+    }, [searchValue], 300);
     // 加载更多
     const loadMore = () => {
         if (!isRequestingRef.current &&
@@ -184,6 +187,9 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
         setSearchStatus(Status.LOADING);
         setSearchOptions([]);
         setSearchValue(value);
+        if (value == searchValue) {
+            handleSearch();
+        }
     };
     /**
      * 精确查找

package/dist/web/components/form/select/h5.js

@@ -101,17 +101,18 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
         if (mode == 'region' || mode == 'mutiRegion') {
             if (regionData.length < 1) {
                 getAreaCode().then((value) => {
-                    defaultMutiRegionChange(value, defaultMutiRegion);
-                    setRegionData(value);
-                    getRegionTree(value, regionType, mode).then((tree) => {
+                    var _a;
+                    if (((_a = value === null || value === void 0 ? void 0 : value.length) !== null && _a !== void 0 ? _a : 0) > 0) {
+                        defaultMutiRegionChange(value, defaultMutiRegion);
+                        setRegionData(value);
+                        const tree = getRegionTree(value, regionType, mode);
                         setRegionTree(tree);
-                    });
+                    }
                 });
             }
             else {
-                getRegionTree(regionData, regionType, mode).then((tree) => {
-                    setRegionTree(tree);
-                });
+                const tree = getRegionTree(regionData, regionType, mode);
+                setRegionTree(tree);
             }
         }
         switch (regionType) {
@@ -164,7 +165,16 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
         }
         else if (dateMode === 'day') {
             // 年月日，3 列
-            weui.datePicker({ id: String(Date.now()), ...options });
+            let defaultValue = null;
+            if (date) {
+                const dayDate = new Date(getIOSNotNaNDate(date));
+                defaultValue = [
+                    dayDate.getFullYear(),
+                    dayDate.getMonth() + 1,
+                    dayDate.getDate(),
+                ];
+            }
+            weui.datePicker({ id: String(Date.now()), ...options, defaultValue });
         }
         else {
             // 年月日时分秒，4列

package/dist/web/components/form/select/index.js

@@ -19,7 +19,6 @@ export const moment = (typeof _moment === 'function' ? _moment : _moment.default
 const Select = React.memo(function Select(props) {
     return (_jsx(CommonErrorBoundary, { children: _jsx(SelectImpl, { ...props }) }));
 });
-Select.whyDidYouRender = true;
 export default Select;
 function SelectImpl(props) {
     const { id, style, className, label = '标题', labelVisible = true, layout = 'horizontal', requiredFlag = false, size = 'l', decorator, } = props;
@@ -138,21 +137,21 @@ function SelectPc({ name, where, dataSourceName, viewId, format, primaryField, e
         if (mode == 'region' || mode == 'mutiRegion') {
             if (regionData.length < 1) {
                 getAreaCode().then((value) => {
-                    setRegionData(value);
-                    getRegionTree(value, regionType, mode).then((tree) => {
+                    var _a;
+                    if (((_a = value === null || value === void 0 ? void 0 : value.length) !== null && _a !== void 0 ? _a : 0) > 0) {
+                        setRegionData(value);
+                        const tree = getRegionTree(value, regionType, mode);
                         setRegionTree(tree);
-                    });
+                    }
                 });
             }
             else {
-                getRegionTree(regionData, regionType, mode).then((tree) => {
-                    setRegionTree(tree);
-                });
+                const tree = getRegionTree(regionData, regionType, mode);
+                setRegionTree(tree);
             }
         }
-        getRegionTree(regionData, regionType, mode).then((value) => {
-            setRegionTree(value);
-        });
+        const value = getRegionTree(regionData, regionType, mode);
+        setRegionTree(value);
     }, [regionType, mode, regionData]);
     const onDataChange = (value) => {
         var _a;

package/dist/web/components/form/select/region/index.js

@@ -1,7 +1,7 @@
 import weui from '../../../../utils/weui';
 import { callWedaApi } from '../../../../utils/tcb';
 let tree;
-export async function getRegionTree(regionData, regionType, regionMode) {
+export function getRegionTree(regionData, regionType, regionMode) {
     tree = [];
     tree = formatTreeData(regionData, regionType, regionMode);
     return tree;

package/dist/web/components/form/selectMultiple/dropdown-select/h5.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { Portal } from '../../../common/portal';
+import './index.css';
+import { Status } from '../status';
+import Loading from '../status/loading';
+import Retry from '../status/retry';
+import Empty from '../status/empty';
+import AllEmpty from '../status/allEmpty';
+import { PAGE_SIZE } from '../request';
+import { alertErrorMessage } from '../../../../utils/platform';
+export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPages, loadMore, onSearchValue, reTry, status, isShow, getIsShow, }) {
+    const focusRef = useRef();
+    const contentRef = useRef();
+    const heightRef = useRef(0);
+    const indexRef = useRef(1);
+    const [inputFocus, setInputFocus] = useState(false);
+    const [searchValue, setSearchValue] = useState('');
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const [ind, setInd] = useState(0);
+    const checkIndex = (param) => {
+        if (selectedValue) {
+            const check = selectedValue.find((item) => item === param.value);
+            return !!check;
+        }
+        else {
+            return false;
+        }
+    };
+    useEffect(() => {
+        if (isShow) {
+            onSearchValue(searchValue);
+        }
+        else {
+            onSearchValue('');
+        }
+    }, [searchValue, isShow]);
+    const clear = () => {
+        setInputFocus(false);
+        setSearchValue('');
+        updateValue(undefined);
+        getIsShow();
+    };
+    const confirm = () => {
+        getIsShow();
+    };
+    const contentScroll = () => {
+        if (status !== Status.LOADING || !isTurnPages) {
+            return;
+        }
+        const item = contentRef.current.children.item(0);
+        if (!item) {
+            return;
+        }
+        if (heightRef.current === 0) {
+            const length = options.length + (status === Status.FINISH ? 0 : 1);
+            heightRef.current = item.scrollHeight / length;
+        }
+        const index = Math.ceil((item.scrollTop + item.clientHeight) / heightRef.current);
+        // 过滤重复数据
+        if (indexRef.current === index) {
+            return;
+        }
+        indexRef.current = index;
+        // 到底了，加载更多
+        // -20标识提前20条数据加载，||后面条件为保底条件，防止前面触发不了
+        if (options.length >= PAGE_SIZE &&
+            ((index + 20) % PAGE_SIZE === 0 || options.length + 1 <= index) &&
+            status === Status.LOADING) {
+            loadMore();
+        }
+    };
+    return isShow ? (_jsx(Portal, { type: "div", children: _jsxs("div", { className: "weda-ui-custom-picker", children: [_jsx("div", { className: "weda-ui-custom-backdrop", onClick: () => {
+                        setInputFocus(false);
+                        setSearchValue('');
+                        // confirm();
+                    } }), _jsxs("div", { className: "weda-ui-custom-picker__inner", style: inputFocus ? { height: 'calc(100vh - 96px)' } : null, children: [!inputFocus && (_jsxs("div", { className: "weda-ui-custom-picker__header", children: [_jsx("div", { className: "weda-ui-custom-picker__header-cancle", onClick: clear, children: "\u6E05\u7A7A" }), _jsx("div", { className: "weda-ui-custom-picker__header-confirm", onClick: confirm, children: "\u786E\u5B9A" })] })), _jsxs("div", { className: "weda-ui-custom-picker__body", children: [_jsxs("div", { style: { margin: inputFocus ? '16px 16px 8px 16px' : '8px 16px' }, className: `weda-ui-custom-search
+          ${inputFocus ? 'is-focused' : ''}`, children: [_jsxs("div", { className: "weda-ui-custom-search-box ", onClick: () => {
+                                                setInputFocus(true);
+                                            }, children: [inputFocus ? (_jsx("input", { className: "weda-ui-input", ref: focusRef, value: searchValue, autoFocus: true, onChange: (e) => setSearchValue(e.target.value) })) : (
+                                                // 此处主要为了兼容 iOS
+                                                _jsx("div", { className: "weda-ui-input" })), _jsxs("div", { className: `weda-ui-custom-search-box__label multiple`, children: [_jsx("span", { className: "weda-ui-custom-search-box__search-icon " }), _jsx("span", { className: "weda-ui-custom-search-box__search-placeholder", children: "\u641C\u7D22" })] }), inputFocus && searchValue !== '' && (_jsx("span", { className: "weda-ui-custom-search-box__dismiss-icon", onClick: () => setSearchValue('') }))] }), _jsx("button", { className: "weda-ui-custom-search__btn-cancle", onClick: () => {
+                                                setInputFocus(false);
+                                                setSearchValue('');
+                                            }, children: "\u53D6\u6D88" })] }), status === Status.ALl_EMPTY ? (_jsx(AllEmpty, { height: inputFocus ? 'calc(100vh - 160px)' : '280px' })) : (_jsx("div", { className: "weda-ui-custom-picker__cloumns weda-ui-custom-picker__cloumns--select-multiple ", style: {
+                                        height: inputFocus ? 'calc(100vh - 160px)' : '280px',
+                                    }, onScroll: contentScroll, ref: contentRef, children: _jsxs("ul", { className: "weda-ui-custom-picker__cloumn", style: {
+                                            height: inputFocus ? 'calc(100vh - 190px)' : '250px',
+                                        }, children: [options === null || options === void 0 ? void 0 : options.map((item, index) => {
+                                                return (_jsx("li", { 
+                                                    // is-selected 选中态
+                                                    // is-disabled 禁用态
+                                                    className: `weda-ui-custom-picker__cloumn-item  ${checkIndex(item) ? 'is-selected' : ''} ${index === -1 ? 'is-disabled' : ''}`, onClick: () => {
+                                                        if (selectedValue && selectedValue.length > 49) {
+                                                            if (selectedValue.indexOf(item.value) !== -1) {
+                                                                updateValue(item);
+                                                                setInd(Math.random());
+                                                            }
+                                                            else {
+                                                                alertErrorMessage({
+                                                                    message: '最多选择50条数据',
+                                                                });
+                                                            }
+                                                        }
+                                                        else {
+                                                            updateValue(item);
+                                                            setInd(Math.random());
+                                                        }
+                                                    }, children: _jsx("p", { className: 'weda-ui-custom-picker__cloumn-item-text-multiple', children: item.label }) }, index));
+                                            }), status === Status.LOADING && (_jsx("li", { children: _jsx(Loading, {}) }, 'loading')), status === Status.ERROR && (_jsx("li", { children: _jsx(Retry, { reTry: reTry }) }, 'retry')), status === Status.EMPTY && (_jsx("li", { children: _jsx(Empty, {}) }, 'empty'))] }) }))] })] })] }) })) : null;
+}