@cloudbase/weda-ui 3.4.2 → 3.4.4

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

@@ -0,0 +1,65 @@
+import React, { useImperativeHandle } from 'react';
+import { renderDecorator } from '../../../renderDecorator';
+import '../index.css';
+import { ConfigProvider, Dropdown } from 'tea-component';
+import { UserModel } from './user-model';
+import { defaultRequest } from '../../common/fetch-data-service';
+import { InputTags } from '../input-tags';
+import classNames from '../../../../../utils/classnames';
+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, }) {
+    // 外层组件类
+    const cls = classNames({
+        'weda-ui': true,
+        'weda-user-tree-select': true,
+        [className]: className,
+    });
+    const selectInputCls = classNames({
+        'weda-ui-user-selected': true,
+    });
+    // 实例 ref 到外部
+    useImperativeHandle(outerRef, () => {
+        return {
+            methods: {
+                open: () => {
+                    setOpen(true);
+                },
+            },
+        };
+    }, [setOpen]);
+    return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement(UserOrgContext.Provider, { value: {
+                selectedUserList,
+                multiple,
+                setSelectedUserList,
+                selectedUserIds,
+                setSelectedUserIds,
+                confirmUserList,
+                request,
+                pageNo,
+                setPageNo,
+                pageSize,
+            } },
+            React.createElement(Dropdown, { "data-testid": "userSelectDropdown", className: classNames(selectInputCls, `size-${size}`), 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) => {
+                        setConfirmUserList(confirmUserList.filter((l) => (l === null || l === void 0 ? void 0 : l.id) !== (item === null || item === void 0 ? void 0 : item.id)));
+                        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 })))))({
+        id,
+        className: cls,
+        style,
+        size,
+        label: labelVisible ? label : null,
+        layout,
+        multiCell: false,
+        requiredFlag,
+        decorator,
+    });
+}