@cloudbase/weda-ui 3.4.8 → 3.4.9

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useImperativeHandle } from 'react';
 import { renderDecorator } from '../../../renderDecorator';
 import '../index.css';
@@ -10,7 +11,7 @@ export const UserOrgContext = React.createContext(null);
 export function UserSelectPC({ id, className, style, label = '人员选择', labelVisible = true, //标题显隐
 placeholder = '请选择人员', disabled = false, layout = 'horizontal', requiredFlag = false, size = 'l', multiple = false, //多选
 outerRef, request = defaultRequest, //接口请求
-decorator, onCancel, onConfirm, errInfo, open, setOpen, selectedUserList, setSelectedUserList, confirmUserList, setConfirmUserList, selectedUserIds, setSelectedUserIds, pageNo, setPageNo, pageSize, filterParams, treeData, error, onConfirmSelectUser, }) {
+decorator, onCancel, onConfirm, errInfo, open, setOpen, selectedOrgId, setSelectedOrgId, selectedUserList, setSelectedUserList, confirmUserList, setConfirmUserList, selectedUserIds, setSelectedUserIds, pageNo, setPageNo, pageSize, filterParams, treeData, error, onConfirmSelectUser, secondDisplay, naked, containerClass, triggerElement, }) {
     // 外层组件类
     const cls = classNames({
         'weda-ui': true,
@@ -30,8 +31,9 @@ decorator, onCancel, onConfirm, errInfo, open, setOpen, selectedUserList, setSel
             },
         };
     }, [setOpen]);
-    return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement(UserOrgContext.Provider, { value: {
+    return renderDecorator(_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(UserOrgContext.Provider, { value: {
+                selectedOrgId,
+                setSelectedOrgId,
                 selectedUserList,
                 multiple,
                 setSelectedUserList,
@@ -42,18 +44,16 @@ decorator, onCancel, onConfirm, errInfo, open, setOpen, selectedUserList, setSel
                 pageNo,
                 setPageNo,
                 pageSize,
-            } },
-            React.createElement(Dropdown, { "data-testid": "userSelectDropdown", className: classNames(selectInputCls, `size-${size}`), disabled: disabled, open: open, onOpenChange: (open) => {
+            }, children: _jsx(Dropdown, { "data-testid": "userSelectDropdown", className: classNames(selectInputCls, `size-${size}`, containerClass), disabled: disabled, open: open, onOpenChange: (open) => {
                     if (open)
                         setSelectedUserList(confirmUserList);
                     setOpen(open);
-                }, appearance: 'button', button: React.createElement(InputTags, { tagsList: confirmUserList, placeholder: placeholder, multiple: multiple, errInfo: errInfo, disabled: disabled, onClose: (e, item) => {
+                }, appearance: 'button', button: triggerElement || (_jsx(InputTags, { tagsList: confirmUserList, placeholder: placeholder, multiple: multiple, errInfo: errInfo, disabled: disabled, onClose: (e, item) => {
                         const currentConfirmUserList = confirmUserList.filter((l) => (l === null || l === void 0 ? void 0 : l.id) !== (item === null || item === void 0 ? void 0 : item.id));
                         setConfirmUserList(currentConfirmUserList);
                         onConfirmSelectUser(currentConfirmUserList);
                         e.stopPropagation();
-                    } }), overlayClassName: 'weda-ui-user-selected-overlay-hidden', style: { width: '100%' } },
-                React.createElement(UserModel, { open: open, setOpen: setOpen, onConfirm: onConfirm, onCancel: onCancel, treeData: treeData || [], treeDataError: error, filterParams: filterParams })))))({
+                    } })), overlayClassName: 'weda-ui-user-selected-overlay-hidden', style: { width: '100%' }, children: _jsx(UserModel, { open: open, setOpen: setOpen, onConfirm: onConfirm, onCancel: onCancel, treeData: treeData || [], treeDataError: error, filterParams: filterParams, secondDisplay: secondDisplay }) }) }) }), naked ? null : undefined)({
         id,
         className: cls,
         style,

package/dist/web/components/form/userOrgSelect/component/userOrgSelect.css

@@ -986,10 +986,13 @@
 
 .weda-select-user-dept .weda-select-user-dept__result-list,
 .weda-select-user-dept__dialog .weda-select-user-dept__result-list {
-  flex: 1 1 0px;
+  /* flex: 1 1 0px;
   display: flex;
   align-items: center;
-  overflow: hidden;
+  overflow: hidden; */
+  overflow-x: scroll;
+  width: 100%;
+  white-space: nowrap;
 }
 
 .weda-select-user-dept .weda-select-user-dept__result-list .wedatea2td-tag,
@@ -1042,6 +1045,9 @@
   font-size: 12px;
   line-height: 20px;
   color: rgba(0, 0, 0, 0.9);
+  position: relative;
+  display: inline-block;
+  margin-left: 6px;
 }
 
 .weda-select-user-dept__dialog
@@ -1158,3 +1164,15 @@
 input[type='radio']:checked {
   background-color: #fff;
 }
+
+.weda-ui-user-select-list__display-h5 {
+  color: #000000;
+  opacity: 0.4;
+  margin-top: 4px;
+  display: inline-block;
+  padding-left: 55px;
+  white-space: nowrap;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

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

@@ -1,13 +1,14 @@
-import React, { useState, useEffect, useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState } from 'react';
 import { renderDecorator } from '../../renderDecorator';
 import { IconFont } from 'tdesign-icons-react';
 import classNames from '../../../../utils/classnames';
-import { defaultRequest } from '../common/fetch-data-service';
-import { dealOrgDataH5 } 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';
-export function DepartTreeSelectH5({ id, className, style, label = '部门选择', labelVisible = true, name = 'formDepartTreeSelect', placeholder = '请选择部门', disabled = false, layout = 'horizontal', requiredFlag = false, size = 'l', decorator, request = defaultRequest, multiple = true, focus: autoFocus = false, confirmOrgList, setConfirmOrgList, selectedOrgList, setSelectedOrgList, errorInfo, setErrorInfo, }) {
+import debounce from '../../../../utils/debounce';
+export function DepartTreeSelectH5({ id, className, style, label = '部门选择', labelVisible = true, name = 'formDepartTreeSelect', placeholder = '请选择部门', disabled = false, layout = 'horizontal', requiredFlag = false, size = 'l', decorator, multiple = true, focus: autoFocus = false, confirmOrgList, setConfirmOrgList, selectedOrgList, setSelectedOrgList, errorInfo, setErrorInfo, treeData, }) {
     var _a;
     const cls = classNames({
         'weda-ui': true,
@@ -22,27 +23,12 @@ export function DepartTreeSelectH5({ id, className, style, label = '部门选择
     });
     const [visible, setVisible] = React.useState(false);
     const [isSearch, setIsSearch] = useState(false);
-    const [orgsTreeData, setOrgsTreeData] = useState([]);
-    const [originalOrgData, setOriginalOrgData] = useState([]);
-    const [count, setCount] = useState(1); //计数弹窗显示层级
+    const [showTreeData, setShowTreeData] = useState([]);
+    // 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 initOrgsData = useCallback(async () => {
-        try {
-            setTitleText('选择部门');
-            const resData = (await request('InitRootOrgs', {})) || [];
-            const data = dealOrgDataH5(resData);
-            //初始化数据时，默认返回第一层组织结构
-            setCount(1);
-            setOrgsTreeData(data);
-            setOriginalOrgData([{ index: 1, treeData: data, title: '选择部门' }]);
-        }
-        catch (e) {
-            setErrorInfo({ errorStatus: true, errorMessage: e });
-        }
-    }, [request]);
     const handleFocus = (value) => {
         setIsSearch(value);
     };
@@ -50,169 +36,93 @@ export function DepartTreeSelectH5({ id, className, style, label = '部门选择
         setErrorInfo({ errorStatus: false, errorMessage: null });
         handleFocus(false);
         setSearchValue('');
-        initOrgsData();
+        setShowTreeData(treeData);
     };
-    const onSearch = async (event) => {
-        var _a;
+    const onSearch = debounce((key) => {
         try {
             setErrorInfo({ errorStatus: false, errorMessage: null });
-            const sValue = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
-            setSearchValue(sValue);
-            if (sValue) {
-                const { Orgs = [] } = await request('SearchByCondition', {
-                    KeyWords: sValue.trim(),
-                    SearchCondition: {
-                        SearchType: 'SearchByOrg',
-                        NeedUser: false,
-                    },
-                });
-                setOrgsTreeData(dealOrgDataH5(Orgs));
+            if (key && key.length > 0) {
+                const res = fetchSearchOrg({ key, treeData });
+                setShowTreeData(res);
             }
             else {
-                setSearchValue('');
-                initOrgsData();
+                setShowTreeData(treeData);
             }
         }
         catch (e) {
             setErrorInfo({ errorStatus: true, errorMessage: e });
         }
-    };
+    }, 500);
     const onFocus = function () {
         setSearchValue('');
-        initOrgsData();
         setVisible(true);
+        setShowTreeData(treeData);
     };
     const onClose = () => {
         setErrorInfo({ errorStatus: false, errorMessage: null });
         setVisible(false);
-        setOrgsTreeData([]);
-        initOrgsData();
+        setShowTreeData(treeData);
     };
     const onConfirm = (selectedOrgList = []) => {
         setConfirmOrgList(selectedOrgList);
         setErrorInfo({ errorStatus: false, errorMessage: null });
-        setOrgsTreeData([]);
+        setShowTreeData(treeData);
         setVisible(false);
     };
-    //获取组织结构
-    useEffect(() => {
-        initOrgsData();
-    }, []);
-    //点击部门节点，获取子部门节点
-    const loadDepartData = async (node, count) => {
-        try {
-            setLoading({ id: node.orgId, status: true });
-            const { Orgs = [] } = await request('LazyDescribeOrgs', {
-                OrgId: node.orgId,
-                DescribeCondition: {
-                    NeedUser: true,
-                },
-            });
-            // 如果不存在数据
-            if (!(Orgs === null || Orgs === void 0 ? void 0 : Orgs.length)) {
-                orgsTreeData.forEach((item, index, orgsTreeData) => {
-                    if (item.id == node.id) {
-                        orgsTreeData[index].expandable = false;
-                    }
-                });
-                setOrgsTreeData([...orgsTreeData]);
-            }
-            else {
-                const children = dealOrgDataH5(Orgs);
-                setTitleText(node === null || node === void 0 ? void 0 : node.content);
-                setOrgsTreeData(children);
-                originalOrgData.push({
-                    index: count + 1,
-                    treeData: children,
-                    title: node === null || node === void 0 ? void 0 : node.content,
-                });
-                setCount(count + 1);
-                setOriginalOrgData(originalOrgData);
-            }
-            setLoading({ id: null, status: false });
-        }
-        catch (e) {
-            setErrorInfo({ errorStatus: true, errorMessage: e });
-        }
+    // 获取某节点子部门
+    const loadItem = (item) => {
+        setShowTreeData((item === null || item === void 0 ? void 0 : item.children) ? [].concat(item === null || item === void 0 ? void 0 : item.children) : []);
+        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);
-                        setOrgsTreeData((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(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement("div", { className: subCls },
-            React.createElement("div", { className: "weui-cell__bd weui-flex" },
-                React.createElement("input", { className: "weui-input", placeholder: placeholder, 
-                    //value={value}
-                    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" })),
-            React.createElement(Modal, { visible: visible, onClose: onClose, destroyOnClose: true, className: `weda-ui weda-select-user-dept__dialog` },
-                React.createElement(Modal.Body, { className: ((_a = selectedOrgList[0]) === null || _a === void 0 ? void 0 : _a.orgId) ? 'is-selected-value' : '' },
-                    React.createElement("div", { className: "weda-select-user-dept__dialog-header", id: count.toString() },
-                        React.createElement("div", { className: count == 1 ? '' : 'arrow-left', onClick: () => retLevel(count) }),
-                        titleText),
-                    React.createElement(ModalSearchH5, { value: searchValue, onChange: (key) => onSearch(key), onCancel: cancleSearch, isSearch: isSearch, onFocus: () => {
-                            handleFocus(true);
-                        } }),
-                    (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorStatus) ? (React.createElement(ErrorStatus, { description: (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorMessage) || null })) : !(loading === null || loading === void 0 ? void 0 : loading.status) ? (React.createElement(React.Fragment, null, orgsTreeData && orgsTreeData.length > 0 ? (React.createElement("div", { className: classNames('weda-select-user-dept__dialog-list') }, orgsTreeData.map((item) => {
-                        var _a;
-                        return (React.createElement("div", { className: "weda-select-user-dept__list-item", key: item === null || item === void 0 ? void 0 : item.id },
-                            React.createElement("div", { className: "weda-select-user-dept__list-item-wrap" },
-                                React.createElement(Radio.Group, { value: (_a = selectedOrgList.filter((e) => (e === null || e === void 0 ? void 0 : e.orgId) === (item === null || item === void 0 ? void 0 : item.orgId))[0]) === null || _a === void 0 ? void 0 : _a.orgId, onChange: (value) => {
-                                        const ids = selectedOrgList.map((item) => item === null || item === void 0 ? void 0 : item.orgId);
-                                        // 多选情况，取消选中某元素时
-                                        if (ids.indexOf(value) !== -1) {
-                                            setSelectedOrgList(selectedOrgList.filter((e) => e.orgId !== value));
-                                        }
-                                        else {
-                                            selectedOrgList.push(item);
-                                            setSelectedOrgList(multiple ? [...selectedOrgList] : [item]);
-                                        }
-                                    }, layout: "column" },
-                                    React.createElement(Radio, { name: item === null || item === void 0 ? void 0 : item.orgId },
-                                        React.createElement("div", { className: "weda-select-user-dept__item-detail", onClick: () => {
-                                                loadDepartData(item, count);
-                                            } },
-                                            React.createElement("div", { className: "item-name" }, item === null || item === void 0 ? void 0 : item.content),
-                                            (item === null || item === void 0 ? void 0 : item.expandable) &&
-                                                loading.id !== item.orgId && (React.createElement("div", { className: "lcap-icon lcap-icon-chevronright" }))))),
-                                loading.id === item.orgId && (loading === null || loading === void 0 ? void 0 : loading.status) && (React.createElement("div", null,
-                                    React.createElement(IconFont, { name: "loading", className: `weda-grid-navigation__fonticon depart_loading` }))))));
-                    }))) : (React.createElement(Status, { className: "dim-tree-select--blank", icon: 'blank', size: 's', title: `暂无部门数据` })))) : (React.createElement(LoadingStatus, null))),
-                React.createElement(Modal.Footer, null,
-                    React.createElement("div", null,
-                        selectedOrgList.length > 0 && (React.createElement("div", { className: "weda-select-user-dept__select-result" },
-                            React.createElement("div", { className: "weda-select-user-dept__select-label" }, "\u5DF2\u9009\u62E9"),
-                            React.createElement("div", { className: "weda-select-user-dept__result-list" }, selectedOrgList.map((d) => (React.createElement("div", { key: (d === null || d === void 0 ? void 0 : d.orgId) || (d === null || d === void 0 ? void 0 : d.value), className: "weda-select-user-dept__result-item", onClick: () => {
-                                    setSelectedOrgList(selectedOrgList.filter((e) => (e === null || e === void 0 ? void 0 : e.orgId) !== (d === null || d === void 0 ? void 0 : d.orgId)));
-                                } }, d === null || d === void 0 ? void 0 :
-                                d.content,
-                                React.createElement("div", { className: "close" }))))))),
-                        React.createElement("div", { className: "weda-select-user-dept__btn-group" },
-                            React.createElement(Button, { type: "weak", onClick: onClose }, "\u53D6\u6D88"),
-                            React.createElement(Bubble, { content: selectedOrgList.length === 0 && confirmOrgList.length === 0
-                                    ? '请选择部门'
-                                    : null, className: "weda-select-user-dept__bubble" },
-                                React.createElement(Button, { type: "primary", onClick: () => onConfirm(selectedOrgList), disabled: selectedOrgList.length === 0 &&
-                                        confirmOrgList.length === 0 }, "\u786E\u5B9A")))))))))({
+    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, { 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: () => {
+                                        handleFocus(true);
+                                    } }), (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorStatus) ? (_jsx(ErrorStatus, { description: (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorMessage) || null })) : !(loading === null || loading === void 0 ? void 0 : loading.status) ? (_jsx(_Fragment, { children: showTreeData && showTreeData.length > 0 ? (_jsx("div", { className: classNames('weda-select-user-dept__dialog-list'), children: showTreeData.map((item) => {
+                                            var _a;
+                                            return (_jsx("div", { className: "weda-select-user-dept__list-item", children: _jsxs("div", { className: "weda-select-user-dept__list-item-wrap", children: [_jsx(Radio.Group, { value: (_a = selectedOrgList.filter((e) => (e === null || e === void 0 ? void 0 : e.id) === (item === null || item === void 0 ? void 0 : item.id))[0]) === null || _a === void 0 ? void 0 : _a.id, onChange: (value) => {
+                                                                const ids = selectedOrgList.map((item) => item === null || item === void 0 ? void 0 : item.id);
+                                                                // 多选情况，取消选中某元素时
+                                                                if (ids.indexOf(value) !== -1) {
+                                                                    setSelectedOrgList(selectedOrgList.filter((e) => e.id !== value));
+                                                                }
+                                                                else {
+                                                                    selectedOrgList.push(item);
+                                                                    setSelectedOrgList(multiple ? [...selectedOrgList] : [item]);
+                                                                }
+                                                            }, layout: "column", children: _jsx(_Fragment, { children: (item === null || item === void 0 ? void 0 : item.selectable) ? (_jsx(Radio, { name: item === null || item === void 0 ? void 0 : item.id, children: _jsxs("div", { className: "weda-select-user-dept__item-detail weda-select-user-dept__item-detail-is-org", onClick: () => {
+                                                                            (item === null || item === void 0 ? void 0 : item.children) ? loadItem(item) : false;
+                                                                        }, children: [_jsx("div", { className: "item-name", children: item === null || item === void 0 ? void 0 : item.content }), (item === null || item === void 0 ? void 0 : item.children) &&
+                                                                                loading.id !== item.id && (_jsx("div", { className: "lcap-icon lcap-icon-chevronright" }))] }) })) : (_jsxs("div", { className: "weda-select-user-dept__item-detail weda-select-user-dept__item-detail-is-org", onClick: () => {
+                                                                        (item === null || item === void 0 ? void 0 : item.children) ? loadItem(item) : false;
+                                                                    }, children: [_jsx("div", { className: "item-name", children: item === null || item === void 0 ? void 0 : item.content }), (item === null || item === void 0 ? void 0 : item.children) && loading.id !== item.id && (_jsx("div", { className: "lcap-icon lcap-icon-chevronright" }))] })) }) }), loading.id === item.id && (loading === null || loading === void 0 ? void 0 : loading.status) && (_jsx("div", { children: _jsx(IconFont, { name: "loading", className: `weda-grid-navigation__fonticon depart_loading` }) }))] }) }, item === null || item === void 0 ? void 0 : item.id));
+                                        }) })) : (_jsx(Status, { className: "dim-tree-select--blank", icon: 'blank', size: 's', title: `暂无部门数据` })) })) : (_jsx(LoadingStatus, {}))] }), _jsx(Modal.Footer, { children: _jsxs("div", { children: [selectedOrgList.length > 0 && (_jsxs("div", { className: "weda-select-user-dept__select-result", children: [_jsx("div", { className: "weda-select-user-dept__select-label", children: "\u5DF2\u9009\u62E9" }), _jsx("div", { className: "weda-select-user-dept__result-list", children: selectedOrgList.map((d) => (_jsxs("div", { className: "weda-select-user-dept__result-item", onClick: () => {
+                                                        setSelectedOrgList(selectedOrgList.filter((e) => (e === null || e === void 0 ? void 0 : e.id) !== (d === null || d === void 0 ? void 0 : d.id)));
+                                                    }, children: [d === null || d === void 0 ? void 0 : d.content, _jsx("div", { className: "close" })] }, (d === null || d === void 0 ? void 0 : d.id) || (d === null || d === void 0 ? void 0 : d.value)))) })] })), _jsxs("div", { className: "weda-select-user-dept__btn-group", children: [_jsx(Button, { type: "weak", onClick: onClose, children: "\u53D6\u6D88" }), _jsx(Bubble, { content: selectedOrgList.length === 0 && confirmOrgList.length === 0
+                                                    ? '请选择部门'
+                                                    : null, className: "weda-select-user-dept__bubble", children: _jsx(Button, { type: "primary", onClick: () => onConfirm(selectedOrgList), disabled: selectedOrgList.length === 0 &&
+                                                        confirmOrgList.length === 0, children: "\u786E\u5B9A" }) })] })] }) })] })] }) }))({
         id,
         className: cls,
         style,

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

@@ -1,8 +1,8 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import destr from 'destr';
 import useSWR from 'swr';
 import { fetchUserData, DescribeOrgs } from '../common/fetch-data-service';
-const Icon = (React.createElement("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/794436ec3d598c50f771e346a8fce4e0.svg" }));
+const Icon = (_jsx("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/794436ec3d598c50f771e346a8fce4e0.svg" }));
 const buildTreeData = (list) => {
     let res = [];
     let tempOrgList = [];
@@ -16,6 +16,7 @@ const buildTreeData = (list) => {
                 icon: Icon,
                 content: i.departmentName,
                 children: undefined,
+                selectable: true,
                 // 下面这3个属性是 TreeData 节点自定义属性
                 code: i.departmentCode,
                 parentcode: i.departmentParentCode,
@@ -42,6 +43,7 @@ const getChildren = (all, item) => {
             icon: Icon,
             content: i.departmentName,
             children: undefined,
+            selectable: true,
             // 下面这3个属性是 TreeData 节点自定义属性
             code: i.departmentCode,
             parentcode: i.departmentParentCode,

package/dist/web/components/form-checkbox/index.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { FormItemWrapper } from '../common/form-item-wrapper';
+import Checkbox from '../form/checkbox';
+import Tips from '../form/tips';
+import { useFormInputTrait } from '../form-input-hooks';
+const FormCheckbox = React.forwardRef(function FormCheckbox(props, inputRef) {
+    const { className, id, style, required, requiredFlag, events, label, labelVisible, enumName, format, 
+    // tipBlock,
+    range: propRange, ...restProps } = props;
+    const { value, name, onChange, disabled, layout, 
+    // readOnly,
+    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+        name: restProps.name,
+        inputRef,
+        required,
+        ...restProps,
+    });
+    const range = React.useMemo(() => {
+        const range = propRange &&
+            propRange.map((item) => {
+                const checked = value && value.find((val) => val === item.value);
+                return {
+                    value: item.value,
+                    label: item.label,
+                    checked: !!checked,
+                };
+            });
+        return range;
+    }, [propRange, value]);
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(FormItemWrapper, { children: [_jsx(Checkbox, { id: id, className: className, style: style, name: name, events: events, onChange: onChange, controlValue: value, disabled: disabled, enumName: enumName, format: format, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, range: range }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default FormCheckbox;

package/dist/web/components/form-date/index.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useRef, useState } from 'react';
+import { FormItemWrapper } from '../common/form-item-wrapper';
+import Select from '../form/select';
+import Tips from '../form/tips';
+import { useFormInputTrait } from '../form-input-hooks';
+const submitFormatter = (value) => {
+    if (value == undefined) {
+        return NaN;
+    }
+    let date = typeof value === 'number'
+        ? new Date(value)
+        : value.includes(':') // 时间日期
+            ? new Date(value)
+            : new Date(`${value}T00:00:00+0800`);
+    // @ts-expect-error 老逻辑
+    if (isNaN(date)) {
+        date = new Date(`${value.replace(/-/g, '/')} 00:00:00`);
+    }
+    return date.valueOf();
+};
+const FormDate = React.forwardRef(function FormSwitch(props, ref) {
+    const { className, id, style, events, required, requiredFlag, label, labelVisible, mode, end, placeholder, size, start, ...restProps } = props;
+    const [innerHandle, setInnerHandle] = useState({});
+    const inputRef = useRef({});
+    const { value, name, onChange, disabled, layout, 
+    // readOnly,
+    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+        name: restProps.name,
+        // @ts-expect-error inputRef 没用
+        inputRef,
+        required,
+        setInnerHandle,
+        ...restProps,
+    });
+    React.useImperativeHandle(ref, () => {
+        return {
+            ...innerHandle,
+            getValue: () => {
+                var _a;
+                return submitFormatter((_a = innerHandle === null || innerHandle === void 0 ? void 0 : innerHandle.getValue) === null || _a === void 0 ? void 0 : _a.call(innerHandle));
+            },
+            // value: submitFormatter(innerHandle.value),
+        };
+    }, [innerHandle]);
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(FormItemWrapper, { children: [_jsx(Select, { id: id, style: style, className: className, events: events, onChange: onChange, name: name, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, defaultValue: value, mode: "date", dateMode: mode, defaultDate: value, endDate: end, placeholder: placeholder, size: size, startDate: start }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default FormDate;

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { FormItemWrapper } from '../common/form-item-wrapper';
+import Tips from '../form/tips';
+import DepartTreeSelect from '../form/userOrgSelect/component/depart-select';
+import { useFormInputTrait } from '../form-input-hooks';
+const FormDepartTreeSelect = React.forwardRef(function FormDepartTreeSelect(props, inputRef) {
+    const { className, id, style, confirmValue, label, labelVisible, multiple, defaultValueType, placeholder, required, requiredFlag, size, events, departmentScope, ...restProps } = props;
+    const { name, value, onChange, disabled, layout, 
+    // readOnly,
+    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+        name: restProps.name,
+        inputRef,
+        required,
+        ...restProps,
+    });
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(FormItemWrapper, { children: [_jsx(DepartTreeSelect, { id: id, events: events, className: className, style: style, confirmValue: confirmValue, onChange: onChange, defaultValue: value, defaultValueType: defaultValueType, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, multiple: multiple, name: name, placeholder: placeholder, requiredFlag: required && requiredFlag, size: size, departmentScope: departmentScope }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default FormDepartTreeSelect;

package/dist/web/components/form-email/index.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { debug } from '../../utils/console';
+import { useFormInputTrait } from '../form-input-hooks';
+import Input from '../form/input';
+import Tips from '../form/tips';
+import { FormItemWrapper } from '../common/form-item-wrapper';
+const rules = [
+    {
+        format: 'email',
+        message: '邮箱校验失败',
+    },
+];
+const logger = debug('wd-input');
+const FormEmail = React.forwardRef(function FormEmail(props, inputRef) {
+    const { className, id, style, required, requiredFlag, label, labelVisible, placeholder, size, maxLength, focus, clearable, events, ...restProps } = props;
+    const { value, name, onChange, disabled, layout, 
+    // readOnly,
+    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+        inputRef,
+        required,
+        rules,
+        ...restProps,
+    });
+    logger.debug(restProps, name, 'WDINPUT_NAME', id);
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(FormItemWrapper, { children: [_jsx(Input, { defaultValue: value, id: id, className: className, style: style, onChange: onChange, disabled: disabled, requiredFlag: requiredFlag && required, layout: layout, label: label, labelVisible: labelVisible, clearable: clearable, maxLength: maxLength, password: false, size: size, type: "text", focus: focus, events: events, placeholder: placeholder }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default FormEmail;

package/dist/web/components/form-image-uploader/index.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import Tips from '../form/tips';
+import { useFormInputTrait } from '../form-input-hooks';
+import { Uploader } from '../../components';
+import { FormItemWrapper } from '../common/form-item-wrapper';
+import { useRef, useState } from 'react';
+const FormImageUploader = React.forwardRef(function FormImageUploader(props, ref) {
+    const { className, id, style, events, required, requiredFlag, labelVisible, value: propValue, title, acceptTypes, maxSize, maxUploadCount, single, showShape, ...restProps } = props;
+    const normalizedValue = typeof propValue === 'string'
+        ? propValue == ''
+            ? null
+            : propValue.split(',')
+        : propValue;
+    const [innerHandle, setInnerHandle] = useState({});
+    const inputRef = useRef(null);
+    const { value, name, onChange, disabled, layout, 
+    // readOnly,
+    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+        name: restProps.name,
+        inputRef,
+        required,
+        setInnerHandle,
+        value: normalizedValue,
+        ...restProps,
+    });
+    React.useImperativeHandle(ref, () => {
+        var _a;
+        let value = innerHandle.value;
+        if (Array.isArray(innerHandle.value) && single) {
+            value = (_a = value === null || value === void 0 ? void 0 : value[0]) !== null && _a !== void 0 ? _a : '';
+        }
+        return {
+            ...innerHandle,
+            value,
+            getValue: () => {
+                return value;
+            },
+        };
+    }, [innerHandle, single]);
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(FormItemWrapper, { children: [_jsx(Uploader, { id: id, style: style, className: className, events: events, name: name, onChange: onChange, disabled: disabled, title: title, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, acceptTypes: acceptTypes, defaultValue: value, maxSize: maxSize, maxUploadCount: maxUploadCount, single: single, 
+                // @ts-expect-error 兼容老逻辑
+                tips: props.tips, 
+                // isChooseAvatar={isChooseAvatar}
+                showShape: showShape }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default FormImageUploader;

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { debug } from '../../utils/console';
+import { useFormInputTrait } from '../form-input-hooks';
+import Input from '../form/input';
+import Tips from '../form/tips';
+import { FormItemWrapper } from '../common/form-item-wrapper';
+const logger = debug('wd-input');
+const WdInput = React.forwardRef(function WdInput(props, inputRef) {
+    const { className, id, style, required, requiredFlag, label, labelVisible, placeholder, size, type, maxLength, password, focus, clearable, events, ...restProps } = props;
+    const { value, name, onChange, disabled, layout, 
+    // readOnly,
+    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+        name: restProps.name,
+        inputRef,
+        required,
+        ...restProps,
+    });
+    logger.debug(restProps, name, 'WDINPUT_NAME', id);
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(FormItemWrapper, { children: [_jsx(Input, { name: name, defaultValue: value, id: id, className: className, style: style, onChange: onChange, disabled: disabled, requiredFlag: requiredFlag && required, layout: layout, label: label, labelVisible: labelVisible, clearable: clearable, maxLength: maxLength, password: password, size: size, type: type, focus: focus, events: events, placeholder: placeholder }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default WdInput;