@cloudbase/weda-ui 3.4.11 → 3.4.13

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useState, useEffect } from 'react';
+import React, { useState } from 'react';
 import { renderDecorator } from '../../renderDecorator';
 import { IconFont } from 'tdesign-icons-react';
 import classNames from '../../../../utils/classnames';
-import { getNode, fetchSearchOrg } from '../common/utils';
+import { fetchSearchOrg, getNodeFromTreeByCode } from '../common/utils';
 import { Modal, Button, ConfigProvider, Radio, Status, Bubble, } from 'tea-component';
 import { ModalSearchH5 } from '../component/modal-search-h5';
 import { LoadingStatus, ErrorStatus } from '../component/error-tips';
@@ -23,24 +23,12 @@ export function DepartTreeSelectH5({ id, className, style, label = '部门选择
     });
     const [visible, setVisible] = React.useState(false);
     const [isSearch, setIsSearch] = useState(false);
-    // const [showTreeData, setShowTreeData] = useState([]);
     const [showTreeData, setShowTreeData] = useState([]);
-    const [originalOrgData, setOriginalOrgData] = useState([]);
-    const [count, setCount] = useState(1); //计数弹窗显示层级
+    // currentItem：到达当前页面是从currentItem部门点击来的
+    const [currentItem, setCurrentItem] = useState(null);
     const [searchValue, setSearchValue] = useState('');
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const [loading, setLoading] = useState({ id: null, status: false });
-    const [titleText, setTitleText] = useState('');
-    const treeNode = getNode(treeData, 'root', 'id');
-    useEffect(() => {
-        // 仅执行一次
-        if (treeData) {
-            setShowTreeData(treeNode);
-            setOriginalOrgData([{ index: 1, treeData: treeNode, title: '选择部门' }]);
-            setTitleText('选择部门');
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [treeData]);
     const handleFocus = (value) => {
         setIsSearch(value);
     };
@@ -48,8 +36,7 @@ export function DepartTreeSelectH5({ id, className, style, label = '部门选择
         setErrorInfo({ errorStatus: false, errorMessage: null });
         handleFocus(false);
         setSearchValue('');
-        setShowTreeData(treeNode);
-        // initOrgsData();
+        setShowTreeData(treeData);
     };
     const onSearch = debounce((key) => {
         try {
@@ -59,7 +46,7 @@ export function DepartTreeSelectH5({ id, className, style, label = '部门选择
                 setShowTreeData(res);
             }
             else {
-                setShowTreeData(treeNode);
+                setShowTreeData(treeData);
             }
         }
         catch (e) {
@@ -69,58 +56,45 @@ export function DepartTreeSelectH5({ id, className, style, label = '部门选择
     const onFocus = function () {
         setSearchValue('');
         setVisible(true);
-        setShowTreeData(treeNode);
+        setShowTreeData(treeData);
     };
     const onClose = () => {
         setErrorInfo({ errorStatus: false, errorMessage: null });
         setVisible(false);
-        setShowTreeData(treeNode);
-        setShowTreeData(treeNode);
+        setShowTreeData(treeData);
     };
     const onConfirm = (selectedOrgList = []) => {
         setConfirmOrgList(selectedOrgList);
         setErrorInfo({ errorStatus: false, errorMessage: null });
-        setShowTreeData(treeNode);
+        setShowTreeData(treeData);
         setVisible(false);
     };
     // 获取某节点子部门
     const loadItem = (item) => {
         setShowTreeData((item === null || item === void 0 ? void 0 : item.children) ? [].concat(item === null || item === void 0 ? void 0 : item.children) : []);
-        originalOrgData.push({
-            index: count + 1,
-            treeData: item === null || item === void 0 ? void 0 : item.children,
-            title: item === null || item === void 0 ? void 0 : item.content,
-        });
-        setCount(count + 1);
-        setOriginalOrgData(originalOrgData);
-        setTitleText(item === null || item === void 0 ? void 0 : item.content);
+        setCurrentItem(item);
     };
-    //判断当前页结构为第几层，如首次渲染则添加至orgsTreeData，二次进入刷新index数据
-    const retLevel = (count) => {
-        const storageOriTreeData = [];
-        if (count !== 1) {
-            originalOrgData.map((item) => {
-                if ((item === null || item === void 0 ? void 0 : item.index) < count) {
-                    storageOriTreeData.push(item);
-                    if ((item === null || item === void 0 ? void 0 : item.index) === count - 1) {
-                        setCount(count - 1);
-                        setTitleText(item.title);
-                        setShowTreeData((item === null || item === void 0 ? void 0 : item.treeData) || []);
-                    }
-                }
-                else {
-                    return;
-                }
-            });
-            setOriginalOrgData(storageOriTreeData);
+    // 返回targetItem节点所在的层级
+    const returnToLevelOfNode = (targetItem) => {
+        if (!targetItem) {
+            return;
+        }
+        // 已经返回到根节点层级
+        if (!targetItem.parentcode || targetItem.parentcode === '!!ROOT') {
+            setShowTreeData(treeData);
+            setCurrentItem(null);
         }
         else {
-            onClose();
+            // 要返回targetItem所在的层级，需要找到targetItem的父节点parent，再显示parent的子节点即可
+            const parent = getNodeFromTreeByCode(treeData, targetItem.parentcode);
+            setShowTreeData((parent === null || parent === void 0 ? void 0 : parent.children) || []);
+            // 标记当前是从根节点进到这一层
+            setCurrentItem(parent);
         }
     };
     return renderDecorator(_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { className: subCls, children: [_jsx("div", { className: "weui-cell__bd weui-flex", children: _jsx("input", { className: "weui-input", placeholder: placeholder, 
                         //value={value}
-                        value: (confirmOrgList || []).map((e) => e === null || e === void 0 ? void 0 : e.content).join(','), disabled: disabled, name: name, autoFocus: autoFocus, onClick: onFocus, readOnly: true, role: "input" }) }), _jsxs(Modal, { visible: visible, onClose: onClose, destroyOnClose: true, className: `weda-ui weda-select-user-dept__dialog`, children: [_jsxs(Modal.Body, { className: ((_a = selectedOrgList[0]) === null || _a === void 0 ? void 0 : _a.id) ? 'is-selected-value' : '', children: [_jsxs("div", { className: "weda-select-user-dept__dialog-header", id: count.toString(), children: [_jsx("div", { className: count == 1 ? '' : 'arrow-left', onClick: () => retLevel(count) }), titleText] }), _jsx(ModalSearchH5, { value: searchValue, onChange: (key) => {
+                        value: (confirmOrgList || []).map((e) => e === null || e === void 0 ? void 0 : e.content).join(','), disabled: disabled, name: name, autoFocus: autoFocus, onClick: onFocus, readOnly: true, role: "input" }) }), _jsxs(Modal, { disableEscape: true, maskClosable: false, visible: visible, onClose: onClose, destroyOnClose: true, className: `weda-ui weda-select-user-dept__dialog`, children: [_jsxs(Modal.Body, { className: ((_a = selectedOrgList[0]) === null || _a === void 0 ? void 0 : _a.id) ? 'is-selected-value' : '', children: [_jsxs("div", { className: "weda-select-user-dept__dialog-header", children: [_jsx("div", { className: !currentItem ? '' : 'arrow-left', onClick: () => returnToLevelOfNode(currentItem) }), currentItem ? currentItem.content : '选择部门'] }), _jsx(ModalSearchH5, { value: searchValue, onChange: (key) => {
                                         onSearch(key);
                                         setSearchValue(key);
                                     }, onCancel: cancleSearch, isSearch: isSearch, onFocus: () => {

package/dist/web/components/form/userOrgSelect/hooks/use-depart-data.js

@@ -64,14 +64,18 @@ const isNoOrgList = {
     icon: Icon,
 };
 export const useDepartData = (props) => {
-    const { request } = props;
-    const { data: treeData, error } = useSWR('DescribeOrgs', async () => {
-        const tempList = await DescribeOrgs(request);
+    const { request, params, displayUncategorizedUsers } = props;
+    const { data: treeData, error } = useSWR(`${DescribeOrgs}_${JSON.stringify(params)}`, async () => {
+        const tempList = await DescribeOrgs(request, params);
         const orgsData = destr(tempList);
         const { res: tempTreeData, tempOrgList } = buildTreeData(orgsData);
-        //是否展示非组织节点
-        const res = await fetchUserData({ pageNo: 1, pageSize: 1 }, request);
-        const finalTempTreeData = (res === null || res === void 0 ? void 0 : res.total) > 0
+        // 是否展示非组织节点
+        let userDataTotal = 0;
+        if (displayUncategorizedUsers) {
+            const res = await fetchUserData({ pageNo: 1, pageSize: 1 }, request);
+            userDataTotal = res === null || res === void 0 ? void 0 : res.total;
+        }
+        const finalTempTreeData = userDataTotal > 0
             ? (tempTreeData || []).concat(isNoOrgList)
             : tempTreeData;
         return {

package/dist/web/components/form-input-hooks/index.js

@@ -9,6 +9,7 @@ import { getParentForm, useWedaAppContext } from '../../utils/widget-api';
 import { validType } from './validator';
 import { emptyArray, noop } from '../../utils/constant';
 import { useRerender, useSyncedRef, useUnmountEffect } from '@react-hookz/web';
+import { useStatus, convertMethodParam } from '../../utils/hooks/useFormLegacy';
 const logger = debug('wd-form-item');
 export function useParentForm($widget) {
     const { ready } = useWedaAppContext();
@@ -42,8 +43,9 @@ export function useFormInputTrait(inputParams) {
     }
     const eventsRef = useSyncedRef(events);
     const [name] = useSyncValue(inputParams.name);
-    const [disabled, setDisabled] = useSyncValue((_a = inputParams.disabled) !== null && _a !== void 0 ? _a : false);
-    const [readOnly] = useSyncValue(inputParams.readOnly);
+    const statusParams = useStatus(inputParams);
+    const [disabled, setDisabled] = useSyncValue((_a = statusParams.disabled) !== null && _a !== void 0 ? _a : false);
+    const [readOnly, setReadOnly] = useSyncValue(statusParams.readOnly);
     const [validateState, setValidateState] = useState(inputParams.validateStatus);
     const [validateErrorMsg, setValidateErrorMsg] = useState('');
     const [visible, setVisible] = useState(true);
@@ -90,23 +92,28 @@ export function useFormInputTrait(inputParams) {
     }, [setValidateErrorMsg, setValidateState]);
     // 挂在setValue方法到 $widget上
     React.useImperativeHandle(inputRef, () => {
+        logger.debug('useImperativeHandle', { name, syncValue });
         const result = {
             setValue(val) {
-                setSyncedValue(val);
+                const value = convertMethodParam(val);
+                setSyncedValue(value);
             },
             setVisible(val) {
-                if (typeof val !== 'boolean') {
+                const value = convertMethodParam(val);
+                if (typeof value !== 'boolean') {
                     console.warn('参数需要为boolean');
                     return;
                 }
-                setVisible(val);
+                setVisible(value);
             },
             setHidden() {
                 setVisible(false);
             },
-            initialDisabled: inputParams.disabled,
-            setDisable(value) {
+            initialDisabled: statusParams.disabled,
+            initialReadOnly: statusParams.readOnly,
+            setDisabled(val) {
                 const originalValue = disabled;
+                const value = convertMethodParam(val);
                 setDisabled(value);
                 return () => {
                     setDisabled(originalValue);
@@ -115,12 +122,14 @@ export function useFormInputTrait(inputParams) {
             clearValue() {
                 setSyncedValue(null);
             },
-            setReadOnly(value) {
-                const originalValue = disabled;
-                // 先用disabled属性来做
+            setReadOnly(val) {
+                const [originalReadOnly, originalDisabled] = [readOnly, disabled];
+                const value = convertMethodParam(val);
+                setReadOnly(value);
                 setDisabled(value);
                 return () => {
-                    setDisabled(originalValue);
+                    setReadOnly(originalReadOnly);
+                    setDisabled(originalDisabled);
                 };
             },
             async handleValidate() {
@@ -163,11 +172,27 @@ export function useFormInputTrait(inputParams) {
                                 if (item.pattern) {
                                     // 正则校验
                                     // console.log("pattern 校验>>>>")
-                                    const reg = new RegExp(item.pattern);
-                                    if (!reg.test(String(finalValue))) {
-                                        validPromise.push(Promise.resolve(item));
-                                        return false;
+                                    try {
+                                        let reg;
+                                        if (typeof item.pattern === 'string') {
+                                            const m = item.pattern.match(/(\/?)(.+)\1([a-z]*)/i);
+                                            if (m[3] &&
+                                                !/^(?!.*?(.).*?\1)[gmixXsuUAJ]+$/.test(m[3])) {
+                                                reg = RegExp(item.pattern);
+                                            }
+                                            else {
+                                                reg = new RegExp(m[2], m[3]);
+                                            }
+                                        }
+                                        else {
+                                            reg = new RegExp(item.pattern);
+                                        }
+                                        if (!reg.test(String(finalValue))) {
+                                            validPromise.push(Promise.resolve(item));
+                                            return false;
+                                        }
                                     }
+                                    catch (e) { }
                                 }
                             }
                         });
@@ -209,6 +234,7 @@ export function useFormInputTrait(inputParams) {
         setSyncedValue,
         disabled,
         setDisabled,
+        setReadOnly,
         required,
         rules,
         requiredMsg,

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { FormItemWrapper } from '../common/form-item-wrapper';
+import SelectMultiple from '../form/selectMultiple';
+import Tips from '../form/tips';
+import { useFormInputTrait } from '../form-input-hooks';
+const FormSelectMultiple = React.forwardRef(function FormSelectMultiple(props, inputRef) {
+    const { className, id, style, events, required, requiredFlag, label, labelVisible, dataSourceName, enumName, format, placeholder, primaryField, range, size, tipBlock, viewId, 
+    // where,
+    ...restProps } = props;
+    const { value, name, onChange, disabled, layout, 
+    // readOnly,
+    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+        name: restProps.name,
+        inputRef,
+        required,
+        ...restProps,
+    });
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(FormItemWrapper, { children: [_jsx(SelectMultiple, { id: id, style: style, className: className, events: events, name: name, onChange: onChange, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, defaultValue: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, range: range, size: size, tipBlock: tipBlock, viewId: viewId, 
+                // where={where}
+                dataSourceName: dataSourceName, mode: "selector" }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default FormSelectMultiple;

package/dist/web/components/form-upload-file/index.js

@@ -43,5 +43,4 @@ const FormUploadFile = React.forwardRef(function FormUploadFile(props, ref) {
     }
     return (_jsxs(FormItemWrapper, { children: [_jsx(UploaderFile, { id: id, style: style, className: className, events: events, name: name, onChange: onChange, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, acceptTypes: acceptTypes, defaultValue: value, deleteVisible: deleteVisible, downloadVisible: downloadVisible, maxSize: maxSize, maxUploadCount: maxUploadCount, single: single }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
 });
-FormUploadFile.whyDidYouRender = true;
 export default FormUploadFile;

package/dist/web/components/form-user-tree-select/index.js

@@ -5,7 +5,7 @@ import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
 import { FormItemWrapper } from '../common/form-item-wrapper';
 const FormUserTreeSelect = React.forwardRef(function FormUserTreeSelect(props, inputRef) {
-    const { className, id, style, events, required, requiredFlag, label, labelVisible, confirmValue, defaultValueType, multiple, size, where, secondDisplay, ...restProps } = props;
+    const { className, id, style, events, required, requiredFlag, label, labelVisible, confirmValue, defaultValueType, multiple, size, where, secondDisplay, corpScope, ...restProps } = props;
     const { value, name, 
     // onChange,
     disabled, layout, 
@@ -19,6 +19,6 @@ const FormUserTreeSelect = React.forwardRef(function FormUserTreeSelect(props, i
     if (!visible) {
         return null;
     }
-    return (_jsxs(FormItemWrapper, { children: [_jsx(UserTreeSelect, { id: id, style: style, className: className, events: events, name: name, checked: value, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, confirmValue: confirmValue, defaultValueType: defaultValueType, defaultValue: value, size: size, multiple: multiple, where: where, secondDisplay: secondDisplay }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+    return (_jsxs(FormItemWrapper, { children: [_jsx(UserTreeSelect, { id: id, style: style, className: className, events: events, name: name, checked: value, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, confirmValue: confirmValue, defaultValueType: defaultValueType, defaultValue: value, size: size, multiple: multiple, where: where, secondDisplay: secondDisplay, corpScope: corpScope }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
 });
 export default FormUserTreeSelect;

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

@@ -228,6 +228,30 @@
   float: unset;
   width: 100%;
 }
+
+.wd-form--vertical-left
+  .form-detail-wrap.pc-form-detail-wrap
+  .form-detail-group-parent-container,
+.wd-form--vertical-right
+  .form-detail-wrap.pc-form-detail-wrap
+  .form-detail-group-parent-container {
+  float: unset;
+  width: 100%;
+}
+.wd-form--vertical-left
+  .form-detail-wrap.pc-form-detail-wrap
+  .form-detail-group-label-container {
+  float: unset;
+  width: 100%;
+}
+.wd-form--vertical-right
+  .form-detail-wrap.pc-form-detail-wrap
+  .form-detail-group-label-container {
+  float: unset;
+  width: 100%;
+  text-align: right;
+}
+
 /* 升级后组件样式兼容 */
 .form-detail-wrap .form-detail-add-button .wd-typography,
 .form-detail-wrap .form-detail-delete-button .wd-typography {
@@ -400,10 +424,12 @@
 }
 .form-detail-table .tableHeaderCellContainer {
   display: flex;
+  position: relative;
 }
 .form-detail-table .tableHeaderCellContainer .tableFieldRequired {
   color: #e34d59;
-  margin-right: 5px;
+  position: absolute;
+  left: -10px;
 }
 .form-detail-table .wd-grid-col.form-detail-table-option-container {
   background-color: #f3f3f3;
@@ -442,3 +468,7 @@
 .form-detail-wrap .wd-grid-row > div {
   margin: 0;
 }
+
+.form-detail-wrap.form-detail-table .weda-ui.gsd-h5-react-formitem > .weda-ui {
+  padding: 0;
+}

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

@@ -10,6 +10,28 @@ import { useFormInputTrait, useParentForm } from '../form-input-hooks';
 import { debug } from '../../utils/console';
 import { noop } from '../../utils/constant';
 import { WdText } from '../wd-text';
+// 获取明细组件子项初始值
+const getChildFormItem = (isPureArray, name, parent) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    let childFormItem = [];
+    let fieldSchema = null;
+    if ('model' === (parent === null || parent === void 0 ? void 0 : parent.datasourceType)) {
+        fieldSchema = (_c = (_b = (_a = parent === null || parent === void 0 ? void 0 : parent.dataSourceProfile) === null || _a === void 0 ? void 0 : _a.schema) === null || _b === void 0 ? void 0 : _b.properties) === null || _c === void 0 ? void 0 : _c[name];
+    }
+    else if (['connector', 'custom-connector'].includes(parent === null || parent === void 0 ? void 0 : parent.datasourceType)) {
+        const method = (parent === null || parent === void 0 ? void 0 : parent.methodCreate) || (parent === null || parent === void 0 ? void 0 : parent.methodUpdate) || (parent === null || parent === void 0 ? void 0 : parent.methodGetItem);
+        const inParams = (_f = (_e = (_d = parent === null || parent === void 0 ? void 0 : parent.dataSourceProfile) === null || _d === void 0 ? void 0 : _d.methods) === null || _e === void 0 ? void 0 : _e.find((i) => i.name === method)) === null || _f === void 0 ? void 0 : _f.inParams;
+        fieldSchema = (_g = inParams === null || inParams === void 0 ? void 0 : inParams.properties) === null || _g === void 0 ? void 0 : _g[name];
+    }
+    childFormItem = ((_h = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.items) === null || _h === void 0 ? void 0 : _h.properties)
+        ? Object.keys((_j = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.items) === null || _j === void 0 ? void 0 : _j.properties)
+        : [];
+    // 纯数组，默认key值为'arrayItem'
+    if (isPureArray) {
+        childFormItem = ['arrayItem'];
+    }
+    return childFormItem;
+};
 const logger = debug('form-detail');
 export const reorderContext = (data, name, isPureArray) => data.map((i, index) => {
     const item = { ...i };
@@ -66,6 +88,7 @@ export const changeHandle = ({ type, name, data, childFormItem, isPureArray, par
     return data;
 };
 const FormDetailCom = forwardRef(function FormDetail(props, ref) {
+    var _a;
     const { className, id, style, children, events, name, isPureArray, fieldAuth = 'rw', $widget, hasInitValue = false, isWdFormDetail, viewType = 'table', label, } = props;
     const [innerHandle, setInnerHandle] = useState({});
     const inputRef = useRef({});
@@ -144,6 +167,13 @@ const FormDetailCom = forwardRef(function FormDetail(props, ref) {
             setHasScroll(bodyHasScroll);
         }
     }, []);
+    // 初始化明细组件子项初始值
+    useEffect(() => {
+        if ((parent === null || parent === void 0 ? void 0 : parent.dataSourceProfile) && name) {
+            const childFormItem = getChildFormItem(isPureArray, name, parent);
+            setChildFormItem(childFormItem);
+        }
+    }, [isPureArray, name, (_a = parent === null || parent === void 0 ? void 0 : parent.dataSourceProfile) === null || _a === void 0 ? void 0 : _a.name]);
     // 初始化context的值
     useEffect(() => {
         logger.debug('initDetailValue', initDetailValue);
@@ -176,7 +206,9 @@ const FormDetailCom = forwardRef(function FormDetail(props, ref) {
                     });
                 }
             });
-            parent === null || parent === void 0 ? void 0 : parent.setValue(formDetailItemValue);
+            if (Object.keys(parent.initialValues || {}).length == 0) {
+                parent === null || parent === void 0 ? void 0 : parent.setValue(formDetailItemValue);
+            }
             setIsInit(false);
         }
     }, [

package/dist/web/components/index.js

@@ -1,13 +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 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';
@@ -70,6 +70,7 @@ export { default as Checkbox } from './form/checkbox';
 export { default as Radio } from './form/radio';
 export { default as Switch } from './form/switch';
 export { default as Select } from './form/select';
+export { default as SelectMultiple } from './form/selectMultiple';
 // export const Select = loadable(() => import('./form/select'), { fallback });
 export { default as Uploader } from './form/uploader';
 export { default as UploaderFile } from './form/uploaderFile';
@@ -132,7 +133,6 @@ 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';
@@ -153,12 +153,14 @@ 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 FormSelectMultiple } from './form-select-multiple';
 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';
+export { default as WdOfficialAccount } from './wd-official-account';
 import 'weui/dist/style/weui.css';
 import '../weda-ui.css';
 // 组件标准化
@@ -171,3 +173,17 @@ export { default as WdText } from './wd-text';
 export { default as WdImage } from './wd-image';
 export { default as WdBubble } from './wd-bubble';
 export { default as WdIcon } from './wd-icon';
+export { default as WdTree } from './wd-tree';
+export { default as WdForm } from './wd-form';
+export { default as WdTextarea } from './wd-textarea';
+export { default as WdInput } from './wd-input';
+export { default as WdInputEmail } from './wd-input-email';
+export { default as WdInputUrl } from './wd-input-url';
+export { default as WdInputGroup } from './wd-input-group';
+export { default as WdInputPhone } from './wd-input-phone';
+export { default as WdInputWrap } from './wd-input-wrap';
+export { default as WdSwitch } from './wd-switch';
+export { default as WdRadioList } from './wd-radio-list';
+export { default as WdRadio } from './wd-radio';
+export { default as WdCheckboxList } from './wd-checkbox-list';
+export { default as WdCheckbox } from './wd-checkbox';

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

@@ -381,13 +381,28 @@ export default React.forwardRef(function ListView(props, ref) {
             alertErrorMessage({ message: LISTVIEW_MESSAGE.deleteOne_fail });
         }
     }, [appCloud, isModel, methodRefreshKeepPage]);
-    // 组件方法
-    useImperativeHandle(ref, () => ({
-        methods: {
+    const { total, pageNo, pageSize: statePageSize } = getContextState();
+    // widget api
+    useImperativeHandle(ref, () => {
+        return {
+            // 当前页数据
+            records: dataRef.current.records,
+            // 当前总数
+            total,
+            pageNo,
+            pageSize: statePageSize,
+            // 组件方法
             deleteOne: methodDeleteOne,
             refresh: methodRefresh,
-        },
-    }), [methodDeleteOne, methodRefresh]);
+        };
+    }, [
+        total,
+        pageNo,
+        statePageSize,
+        methodDeleteOne,
+        methodRefresh,
+        dataRef.current.records,
+    ]);
     /**
      * 分页，加载更多
      */

package/dist/web/components/navigationBar/common.js

@@ -6,7 +6,7 @@ const CLASS_PREFIX = 'weda-menu';
 // 标题
 export const renderTitle = (navigationStyle) => {
     const { title, titleColor, showTitle, titleFontSize } = navigationStyle;
-    return (showTitle && (_jsx("span", { "data-testid": "navigationBar-title", style: {
+    return (showTitle && (_jsx("span", { "data-testid": "navigationBar-title", className: "weda-menu__title_text", style: {
             display: 'inline-block',
             color: titleColor,
             fontSize: titleFontSize,

package/dist/web/components/navigationBar/horizontalMenu.js

@@ -64,7 +64,7 @@ const HorizontalMenu = ({ menuData, navigationStyle, selected, setSelected, navi
                     }, children: renderMenuTitle(navigationStyle, { title }, false) }, key)) : (_jsx(List.SubMenu, { className: `${CLASS_PREFIX}__dropdown-list-item`, label: renderMenuTitle(navigationStyle, { title }, false), children: renderMenuList(children, navigationStyle) }, key));
             }) }));
     };
-    return (_jsx(NavMenu, { style: menuStyle, className: `${CLASS_PREFIX}__nav`, left: _jsxs(_Fragment, { children: [_jsx(NavMenu.Item, { type: "logo", className: `${CLASS_PREFIX}__nav-logo`, children: _jsx(MenuLogo, { navigationStyle: navigationStyle, className: `${CLASS_PREFIX}__nav-logo--img` }) }), _jsx(NavMenu.Item, { className: `${CLASS_PREFIX}__nav-title`, children: _jsx("span", { className: `${CLASS_PREFIX}__title`, children: renderTitle(navigationStyle) }) })] }), right: _jsxs("div", { className: `${CLASS_PREFIX}__nav-wrap`, children: [_jsxs(_Fragment, { children: [showButton && position.index > 0 && (_jsxs("div", { className: `${CLASS_PREFIX}__nav-shadow leftButton`, onClick: () => {
+    return (_jsx(NavMenu, { style: menuStyle, className: `${CLASS_PREFIX}__nav`, left: _jsxs(_Fragment, { children: [navigationStyle.showLogo && (_jsx(NavMenu.Item, { type: "logo", className: `${CLASS_PREFIX}__nav-logo`, children: _jsx(MenuLogo, { navigationStyle: navigationStyle, className: `${CLASS_PREFIX}__nav-logo--img` }) })), _jsx(NavMenu.Item, { className: `${CLASS_PREFIX}__nav-title`, children: _jsx("span", { className: `${CLASS_PREFIX}__title`, children: renderTitle(navigationStyle) }) })] }), right: _jsxs("div", { className: `${CLASS_PREFIX}__nav-wrap`, children: [_jsxs(_Fragment, { children: [showButton && position.index > 0 && (_jsxs("div", { className: `${CLASS_PREFIX}__nav-shadow leftButton`, onClick: () => {
                                 const result = position.offset + menuOffset[position.index];
                                 setPosition({ index: position.index - 1, offset: result });
                             }, children: [_jsx("div", { className: `${CLASS_PREFIX}__shadow--icon` }), _jsx("div", { className: `${CLASS_PREFIX}__shadow` }), _jsx("div", { className: `${CLASS_PREFIX}__shadow--white` })] })), _jsx("div", { className: `${CLASS_PREFIX}__nav-content box`, children: _jsx("div", { ref: navWrapRef, className: `${CLASS_PREFIX}__nav-content`, style: { transform: `translate(${position.offset}px, 0px)` }, children: menuData === null || menuData === void 0 ? void 0 : menuData.map((i) => {

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

@@ -301,6 +301,17 @@
   font-size: 16px;
   color: #000000;
   margin-left: 12px;
+  display: flex;
+}
+.weda-menu-horizontal
+  .weda-menu__nav
+  .weda-menu__nav-title
+  .weda-menu__title
+  .weda-menu__title_text {
+  white-space: nowrap;
+  max-width: 300px;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 
 .weda-menu-horizontal .weda-menu__nav .wedatea2td-nav__flex-end {

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

@@ -155,7 +155,14 @@ export default function NavigationBar({ navigationbar, contentSlot, navigationSl
     const MenuRender = () => {
         return (_jsxs("div", { className: `${CLASS_PREFIX}__wrapper`, style: {
                 background: (navigationStyle === null || navigationStyle === void 0 ? void 0 : navigationStyle.menuBackgroundColor) || '#fff',
-            }, children: [platform !== 'h5' && !isHorizontal && (_jsx(VerticalMenu, { menuData: menuData, navigationStyle: navigationStyle, setMenuData: setMenuData, selected: selected, setSelected: setSelected, navigationSlot: navigationSlot })), platform !== 'h5' && isHorizontal && (_jsx(HorizontalMenu, { menuData: menuData, navigationStyle: navigationStyle, selected: selected, setSelected: setSelected, navigationSlot: navigationSlot })), platform === 'h5' && (_jsx(H5Menu, { menuData: isMultiTerminal ? mobileMenuData : menuData, navigationStyle: navigationStyle, setMenuData: setMenuData, className: className, selected: selected, setSelected: setSelected, navigationSlot: navigationSlot, visible: visible, setVisible: setVisible }))] }));
+            }, children: [platform !== 'h5' && !isHorizontal && (_jsx(VerticalMenu, { menuData: menuData, navigationStyle: navigationStyle, setMenuData: setMenuData, selected: selected, setSelected: setSelected, navigationSlot: navigationSlot })), platform !== 'h5' && isHorizontal && (_jsx(HorizontalMenu, { menuData: menuData, navigationStyle: navigationStyle, selected: selected, setSelected: setSelected, navigationSlot: navigationSlot })), platform === 'h5' && (_jsx(H5Menu, { menuData: isMultiTerminal ? mobileMenuData : menuData, navigationStyle: navigationStyle, setMenuData: (menus) => {
+                        if (isMultiTerminal) {
+                            setMobileMenuData(menus);
+                        }
+                        else {
+                            setMenuData(menus);
+                        }
+                    }, className: className, selected: selected, setSelected: setSelected, navigationSlot: navigationSlot, visible: visible, setVisible: setVisible }))] }));
     };
     return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { className: cls, style: navigationWrapStyle, "data-testid": "navigationBar", children: [showNav && _jsx(MenuRender, {}), _jsx("div", { className: "menu-solt", children: contentSlot })] }) }));
 }