@cloudbase/weda-ui 0.2.17 → 0.2.21-alpha.1

package/dist/web/components/form/userOrgSelect/departTreeSelect/departTreeSelect.h5.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import type { CommonFormPropsType } from '../../types';
+export declare function DepartTreeSelectH5({ id, className, style, label, labelVisible, name, placeholder, disabled, layout, requiredFlag, size, decorator, multiple, focus: autoFocus, confirmOrgList, setConfirmOrgList, selectedOrgList, setSelectedOrgList, errorInfo, setErrorInfo, treeData, }: {
+    id: any;
+    className: any;
+    style: any;
+    label?: string;
+    labelVisible?: boolean;
+    name?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    layout?: string;
+    requiredFlag?: boolean;
+    size?: string;
+    decorator: any;
+    multiple?: boolean;
+    focus?: boolean;
+    confirmOrgList: any;
+    setConfirmOrgList: any;
+    selectedOrgList: any;
+    setSelectedOrgList: any;
+    errorInfo: any;
+    setErrorInfo: any;
+    treeData: any;
+}): JSX.Element;
+export interface IDepartTreeSelec extends CommonFormPropsType {
+    defaultValue?: Readonly<string | string[]>;
+    confirmValue?: string;
+    placeholder?: string;
+    defaultValueType?: 'noneDepart' | 'confirmDepart';
+    maxLength?: number;
+    focus?: boolean;
+    mutiple?: boolean;
+    size?: 's' | 'm' | 'l' | 'full';
+    clearable?: boolean;
+    multiple?: boolean;
+    relation?: object;
+    isMuti?: boolean;
+    onChange?: (v: any) => void;
+    request?: any;
+}

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

@@ -0,0 +1,143 @@
+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 { fetchSearchOrg, getNodeFromTreeByCode } from '../common/utils';
+import { Modal, ConfigProvider, Radio, Status, Bubble } from 'tea-component';
+import { ModalSearchH5 } from '../component/modal-search-h5';
+import { LoadingStatus, ErrorStatus } from '../component/error-tips';
+import { WdButton } from '../../../wd-button';
+import debounce from '../../../../utils/debounce';
+import { errorHandler } from '../../../../utils/error';
+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,
+        'weda-select-user-dept': true,
+        [className]: className,
+    });
+    const subCls = classNames({
+        'weui-cell': true,
+        'weui-cell_active': true,
+        'weui-cell_form': true,
+        'weui-cell_disabled': disabled,
+        'weui-depart-tree-select': true,
+    });
+    const [visible, setVisible] = React.useState(false);
+    const [isSearch, setIsSearch] = useState(false);
+    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 handleFocus = (value) => {
+        setIsSearch(value);
+    };
+    const cancleSearch = () => {
+        setErrorInfo({ errorStatus: false, errorMessage: null });
+        handleFocus(false);
+        setSearchValue('');
+        setShowTreeData(treeData);
+    };
+    const onSearch = debounce((key) => {
+        try {
+            setErrorInfo({ errorStatus: false, errorMessage: null });
+            if (key && key.length > 0) {
+                const res = fetchSearchOrg({ key, treeData });
+                setShowTreeData(res);
+            }
+            else {
+                setShowTreeData(treeData);
+            }
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+            errorHandler({
+                code: 'FetchSearchOrgError',
+                error: e,
+                id,
+            });
+        }
+    }, 500);
+    const onFocus = function () {
+        setSearchValue('');
+        setVisible(true);
+        setShowTreeData(treeData);
+    };
+    const onClose = () => {
+        setErrorInfo({ errorStatus: false, errorMessage: null });
+        setVisible(false);
+        setShowTreeData(treeData);
+    };
+    const onConfirm = (selectedOrgList = []) => {
+        setConfirmOrgList(selectedOrgList);
+        setErrorInfo({ errorStatus: false, errorMessage: null });
+        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) : []);
+        setCurrentItem(item);
+    };
+    // 返回targetItem节点所在的层级
+    const returnToLevelOfNode = (targetItem) => {
+        if (!targetItem) {
+            return;
+        }
+        // 已经返回到根节点层级
+        if (!targetItem.parentcode || targetItem.parentcode === '!!ROOT') {
+            setShowTreeData(treeData);
+            setCurrentItem(null);
+        }
+        else {
+            // 要返回targetItem所在的层级，需要找到targetItem的父节点parent，再显示parent的子节点即可
+            const parent = getNodeFromTreeByCode(treeData, targetItem.parentcode);
+            setShowTreeData((parent === null || parent === void 0 ? void 0 : parent.children) || []);
+            // 标记当前是从根节点进到这一层
+            setCurrentItem(parent);
+        }
+    };
+    const btnDisabled = selectedOrgList.length === 0 && confirmOrgList.length === 0;
+    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 {
+                                                                    const _ = multiple
+                                                                        ? [].concat(selectedOrgList, item)
+                                                                        : [item];
+                                                                    setSelectedOrgList(_);
+                                                                }
+                                                            }, 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(WdButton, { variant: "outline", theme: "secondary", className: "weda-select-user-dept__btn-item", events: { tap: onClose }, text: "\u53D6\u6D88" }), _jsx(Bubble, { content: btnDisabled ? '请选择部门' : null, className: "weda-select-user-dept__bubble", children: _jsx("span", { className: "weda-select-user-dept__btn-item", children: _jsx(WdButton, { text: "\u786E\u5B9A", events: { tap: () => onConfirm(selectedOrgList) }, disabled: btnDisabled }) }) })] })] }) })] })] }) }), decorator)({
+        id,
+        className: cls,
+        style,
+        label: labelVisible ? label : null,
+        multiCell: false,
+        requiredFlag,
+        layout,
+        size,
+    });
+}

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

@@ -0,0 +1,22 @@
+export interface IDepartItem {
+    departmentName: string;
+    departmentOwnerList: string[];
+    depth: number;
+    departmentParentCode: string;
+    departmentCode: string;
+    _id: string;
+    disableSelect?: boolean;
+    OrgName?: string;
+    OrgId?: string;
+    source: number;
+}
+export interface IDepartTreeItem {
+    DataId: string;
+    DataRecord: string;
+}
+export declare const useDepartData: (props: any) => {
+    error: any;
+    treeData: any[];
+    orgTreeData: any[];
+    orgList: any[];
+};

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

@@ -0,0 +1,93 @@
+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 = (_jsx("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/794436ec3d598c50f771e346a8fce4e0.svg" }));
+const buildTreeData = (list) => {
+    let res = [];
+    let tempOrgList = [];
+    if ((list === null || list === void 0 ? void 0 : list.length) > 0) {
+        const all = list.map((i) => JSON.parse(i.DataRecord));
+        tempOrgList = all
+            .filter((i) => i.departmentName)
+            .map((i) => {
+            return {
+                id: i._id,
+                icon: Icon,
+                content: i.departmentName,
+                children: undefined,
+                selectable: true,
+                // 下面这3个属性是 TreeData 节点自定义属性
+                code: i.departmentCode,
+                parentcode: i.departmentParentCode,
+                depth: i.depth,
+                disableSelect: i.disableSelect,
+            };
+        });
+        const tempAll = tempOrgList.filter((i) => i.depth === 1);
+        res = [...tempAll];
+        if (res.length > 0) {
+            res.forEach((v) => {
+                getChildren(all, v);
+            });
+        }
+    }
+    return { res, tempOrgList };
+};
+// 递归，构建树结构
+const getChildren = (all, item) => {
+    const childrenNode = all.filter((i) => i.departmentParentCode === item.code && i.departmentName);
+    const children = childrenNode.map((i) => {
+        return {
+            id: i._id,
+            icon: Icon,
+            content: i.departmentName,
+            children: undefined,
+            selectable: true,
+            // 下面这3个属性是 TreeData 节点自定义属性
+            code: i.departmentCode,
+            parentcode: i.departmentParentCode,
+            depth: i.depth,
+            disableSelect: i.disableSelect,
+        };
+    });
+    if (children.length > 0)
+        item.children = children;
+    children.forEach((n) => {
+        getChildren(all, n);
+    });
+};
+const isNoOrgList = {
+    id: 'isNoOrgList',
+    content: '未关联部门用户',
+    icon: Icon,
+};
+export const useDepartData = (props) => {
+    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);
+        // 是否展示非组织节点
+        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 {
+            treeData: finalTempTreeData,
+            orgTreeData: tempTreeData,
+            orgList: tempOrgList,
+        };
+    }, 
+    // 30秒dedupe
+    { dedupingInterval: 30 * 1000 });
+    /**
+     * orgList:jsonstr 转化后的数据
+     * treeData: 结构化之后的tree数据可直接用于 <Tree/> 组件
+     */
+    return { ...treeData, error };
+};

package/dist/web/components/form/userOrgSelect/hooks/use-views-data.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 获取用户表标准视图中排序规则
+ */
+export declare const useViewData: (where: any) => {
+    filterParams: {
+        orderBy: any;
+        orderType: any;
+        where: any;
+    };
+};

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

@@ -0,0 +1,48 @@
+import React, { useEffect, useState } from 'react';
+import { getWhereList } from '../../../../utils/platform';
+import { fetchViewList } from '../common/fetch-data-service';
+import isObjectEqual from '../../../../utils/isObjectEqual';
+/**
+ * 获取用户表标准视图中排序规则
+ */
+export const useViewData = (where) => {
+    const whereRef = React.useRef(undefined);
+    //视图排序
+    const [filterParams, setFilterParam] = useState({
+        orderBy: null,
+        orderType: null,
+        where: null,
+    });
+    const fetchData = async ({ where }) => {
+        var _a, _b;
+        const whereEffected = Array.isArray(where) && where.length > 0
+            ? [].concat(getWhereList(where))[0]
+            : null;
+        const { Count, Rows } = await fetchViewList();
+        const params = {
+            orderBy: null,
+            orderType: null,
+            where: whereEffected,
+        };
+        if (Count) {
+            const properties = (_b = (_a = Rows === null || Rows === void 0 ? void 0 : Rows.filter((item) => item.ViewType === 'STANDARD')[0]) === null || _a === void 0 ? void 0 : _a.Properties) === null || _b === void 0 ? void 0 : _b.map((itemProperties) => {
+                itemProperties = JSON.parse(itemProperties);
+                return itemProperties;
+            });
+            // 排序
+            const sortItem = properties === null || properties === void 0 ? void 0 : properties.filter((item) => item['x-sortable'])[0];
+            if (sortItem) {
+                params.orderBy = sortItem.name;
+                params.orderType = sortItem['x-defaultSort'];
+            }
+        }
+        setFilterParam(params);
+    };
+    useEffect(() => {
+        if (!isObjectEqual(whereRef.current, where)) {
+            fetchData({ where });
+            whereRef.current = where;
+        }
+    }, [where]);
+    return { filterParams };
+};

package/dist/web/components/form-checkbox/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-checkbox';
+import type { CommonPropsType } from '../../types';
+export type PropsType = CommonPropsType & DataType & {
+    onChange: (v: string[]) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormCheckbox: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export default FormCheckbox;

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

@@ -0,0 +1,37 @@
+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,
+        label,
+        ...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.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-date';
+import type { CommonPropsType } from '../../types';
+export type FormDateProps = CommonPropsType & DataType & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormDate: React.ForwardRefExoticComponent<CommonPropsType & {
+    size: "l" | "m" | "s" | "full";
+    value: string;
+    label: string;
+    disabled: boolean;
+    name: string;
+    required: boolean;
+    clearable: boolean;
+    labelVisible: boolean;
+    requiredFlag: boolean;
+    requiredMsg: string;
+    layout: "" | "horizontal" | "vertical";
+    placeholder: string;
+    mode: "datetime" | "year" | "month" | "day";
+    start: string;
+    end: string;
+} & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & {
+    events: {
+        change: (eventDetail: unknown, ...args: unknown[]) => unknown;
+        cancel: (eventDetail: unknown, ...args: unknown[]) => unknown;
+    };
+} & React.RefAttributes<any>>;
+export default FormDate;

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

@@ -0,0 +1,50 @@
+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, clearable, ...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, clearable: clearable, readOnly: readOnly }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default FormDate;

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

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-depart-tree-select';
+import type { CommonPropsType } from '../../types';
+export type FormDepartTreeSelectProps = CommonPropsType & DataType & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormDepartTreeSelect: React.ForwardRefExoticComponent<CommonPropsType & {
+    size: "l" | "m" | "s" | "full";
+    value: string;
+    label: string;
+    disabled: boolean;
+    name: string;
+    required: boolean;
+    labelVisible: boolean;
+    requiredFlag: boolean;
+    requiredMsg: string;
+    layout: "" | "horizontal" | "vertical";
+    placeholder: string;
+    defaultValueType: "noneDepart" | "confirmDepart";
+    confirmValue: string;
+    multiple: boolean;
+    departmentScope: string[];
+} & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & {
+    events: {
+        change: (eventDetail: unknown, ...args: unknown[]) => unknown;
+    };
+} & React.RefAttributes<any>>;
+export default FormDepartTreeSelect;

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

@@ -0,0 +1,21 @@
+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,
+        label,
+        ...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, readOnly: readOnly }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+});
+export default FormDepartTreeSelect;

package/dist/web/components/form-email/index.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-email';
+import type { CommonPropsType } from '../../types';
+export type PropsType = CommonPropsType & DataType & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormEmail: React.ForwardRefExoticComponent<CommonPropsType & {
+    size: "l" | "m" | "s" | "full";
+    value: string;
+    label: string;
+    disabled: boolean;
+    name: string;
+    required: boolean;
+    maxLength: number;
+    clearable: boolean;
+    labelVisible: boolean;
+    requiredFlag: boolean;
+    requiredMsg: string;
+    layout: "" | "horizontal" | "vertical";
+    placeholder: string;
+    focus: boolean;
+} & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & {
+    events: {
+        change: (eventDetail: unknown, ...args: unknown[]) => unknown;
+        blur: (eventDetail: unknown, ...args: unknown[]) => unknown;
+        focus: (eventDetail: unknown, ...args: unknown[]) => unknown;
+        confirm: (eventDetail: unknown, ...args: unknown[]) => unknown;
+        clear: (eventDetail: unknown, ...args: unknown[]) => unknown;
+    };
+} & React.RefAttributes<any>>;
+export default FormEmail;

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

@@ -0,0 +1,32 @@
+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,
+        label,
+        ...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;