@cloudbase/weda-ui 3.5.3 → 3.6.0

package/dist/web/components/wd-date/wd-date.js

@@ -1,32 +1,39 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useMemo } from 'react';
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+import React, { useCallback, useMemo } from 'react';
 import { WdFormItem, WdInputGroup, WdInputWrap } from '../wd-form-item';
-import { convertMoment, useDateFormat, useFormItemCommonTrait, useHandleClear, } from '../../utils/hooks/useFormLegacy';
+import { convertMoment, useDateFormat, useHandleClear, getValueByAddYear, getStartMoment, getEndMoment, } from '../../utils/hooks/useFormLegacy';
+import { useFormInputTrait } from '../../components/form-input-hooks';
 import { getUuid } from '../../utils/tool';
 import { DatePc } from './pc';
 import { DateH5 } from './h5';
 import { usePlatform } from '../../utils/platform';
-import { getDayEnd100, getDayStart100 } from '../../utils/moment';
+import '../form/select/moment-locale';
+import { X_RUNTIME_DEFAULT } from '../../../configs/type-utils/x-runtime-default';
+const isDateNil = (v) => v === '' || v == null;
 /**
  * 标准化：日期组件
  */
 export const WdDate = React.forwardRef(function WdDate(props, ref) {
-    const { classRoot = 'date', start: _start, end: _end, clearable = false, events, } = props;
-    const [startDefault, endDefault] = useMemo(() => [getDayStart100(), getDayEnd100()], []);
-    const [start, end] = [_start || startDefault, _end || endDefault];
+    const { classRoot = 'date', start: _start, end: _end, clearable = X_RUNTIME_DEFAULT.clearable, events, mode = X_RUNTIME_DEFAULT.mode, } = props;
+    const [start, end] = useMemo(() => {
+        const startDefault = isDateNil(_start) ? getValueByAddYear(-100) : _start;
+        const endDefault = isDateNil(_end) ? getValueByAddYear(100) : _end;
+        return [getStartMoment(mode, startDefault), getEndMoment(mode, endDefault)];
+    }, [mode, _start, _end]);
     const isH5 = usePlatform() === 'h5';
     const inputId = useMemo(() => getUuid(), []);
-    const formValue = useMemo(() => { var _a; return (_a = convertMoment(props.value)) === null || _a === void 0 ? void 0 : _a.valueOf(); }, [props.value]); // 数字类型
+    const formValue = useMemo(() => { var _a, _b; return (_b = (_a = convertMoment(props.value)) === null || _a === void 0 ? void 0 : _a.valueOf()) !== null && _b !== void 0 ? _b : null; }, [props.value]); // 数字类型
     const traitProps = { ...props, value: formValue, inputRef: ref };
-    const trait = useFormItemCommonTrait(traitProps);
+    const trait = useFormInputTrait(traitProps);
     const { value, onChange, disabled, visible } = trait;
     const format = useDateFormat(props);
     const readValue = useMemo(() => { var _a; return (_a = convertMoment(value)) === null || _a === void 0 ? void 0 : _a.format(format); }, [value, format]);
-    const pureChange = (v) => {
+    const pureChange = useCallback((v) => {
         var _a;
         onChange === null || onChange === void 0 ? void 0 : onChange(v);
         (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: v });
-    };
+    }, [onChange, events]);
     const clearProps = useHandleClear({
         onChange: pureChange,
         clearable,
@@ -35,7 +42,7 @@ export const WdDate = React.forwardRef(function WdDate(props, ref) {
     });
     const formItemProps = { ...props, ...trait, classRoot, inputId, readValue };
     const inputGroupProps = { ...props, classRoot };
-    const inputWrapProps = { ...props, classRoot, ...clearProps };
+    const inputWrapProps = { ...props, classRoot, disabled, ...clearProps };
     const dateProps = {
         ...props,
         start,
@@ -43,6 +50,7 @@ export const WdDate = React.forwardRef(function WdDate(props, ref) {
         value,
         disabled,
         inputId,
+        mode,
         onChange: pureChange,
     };
     if (!visible)

package/dist/web/components/wd-date-range/h5.d.ts

@@ -1,3 +1,8 @@
 /// <reference types="react" />
-import type { IPureDate } from './elements/interface';
-export declare function DateH5(props: IPureDate): JSX.Element;
+import type { IPureDateRange } from './interface';
+/**
+ * 日期时间 h5 端，value/onChange 是最终表单的值（number[]类型）
+ *
+ * @description 复用 WdDate
+ */
+export declare function DateRangeH5(props: IPureDateRange): JSX.Element;

package/dist/web/components/wd-date-range/h5.js

@@ -1,14 +1,72 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
 import { useConfig } from '../../utils/config-context';
-import { DatePicker } from './elements/DatePicker.h5';
-export function DateH5(props) {
-    const { inputId, disabled, value, onChange, mode, start, end } = props;
-    const [visible, setVisible] = useState(false);
+import { DatePicker } from '../wd-date/elements/DatePicker.h5';
+import { useSyncValue } from '../../utils/hooks/useSyncValue';
+import isEqual from '../../utils/isObjectEqual';
+import { isDateInRange, useDateFormat, getStartMoment, } from '../../utils/hooks/useFormLegacy';
+import { convertDateRangeToString, convertStartEndValue, } from '../../utils/date';
+import { useDeepCompareMemo } from '@react-hookz/web';
+/**
+ * 日期时间 h5 端，value/onChange 是最终表单的值（number[]类型）
+ *
+ * @description 复用 WdDate
+ */
+export function DateRangeH5(props) {
+    const { disabled, onChange, mode, start, end, startPlaceholder, endPlaceholder, } = props;
+    const [value, setValue] = useSyncValue(props.value, isEqual); // 当前状态值
     const { classPrefix } = useConfig();
-    const inputCls = `${classPrefix}-form-select_input ${classPrefix}-form-select_input--range`;
+    const format = useDateFormat(props);
+    const [visible, setVisible] = useState(false);
+    const [step, setStep] = useState('start');
+    const cls = `${classPrefix}-form-select_input ${classPrefix}-form-select_input--range`;
+    const valueDisplay = useDeepCompareMemo(() => convertDateRangeToString(value, format) || [], [value, format]);
+    // 打开
+    const handleOpen = () => {
+        if (disabled)
+            return;
+        setStep('start');
+        setVisible(true);
+    };
+    // 下一步
+    const handleNext = (v) => {
+        if (!verifyRange(v))
+            return;
+        setValue([v, value === null || value === void 0 ? void 0 : value[1]]);
+        setStep('end');
+    };
+    // 上一步
+    const handlePre = (v) => {
+        if (!verifyRange(v))
+            return;
+        setValue([value === null || value === void 0 ? void 0 : value[0], v]);
+        setStep('start');
+    };
+    // 确定，自动转换前后值
     const handleChange = (v) => {
-        onChange(v);
+        if (!verifyRange(v))
+            return;
+        const standardValue = [value === null || value === void 0 ? void 0 : value[0], v].map((d) => getStartMoment(mode, d, false));
+        const result = convertStartEndValue(standardValue);
+        setValue(result);
+        onChange(result);
+        setStep('start');
+        setVisible(false);
+    };
+    // 取消
+    const handleCancel = () => {
+        setValue(props.value);
+        setStep('start');
+        setVisible(false);
+    };
+    // 校验开始/结束范围
+    const verifyRange = (v) => {
+        var _a, _b;
+        const [inRange, title] = isDateInRange(v, start, end, format);
+        if (!inRange) {
+            (_b = (_a = window.app) === null || _a === void 0 ? void 0 : _a.showToast) === null || _b === void 0 ? void 0 : _b.call(_a, { title, icon: 'none' });
+        }
+        return inRange;
     };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { id: inputId, className: inputCls, onClick: () => !disabled && setVisible(true), style: {}, children: ['2021-10-24 12:13:14', _jsx("span", { className: `${classPrefix}-form-select_input-split`, children: "-" }), '2021-10-24 12:13:14'] }), visible && (_jsx(DatePicker, { value: value, start: start, end: end, mode: mode, onClose: () => setVisible(false), onOk: handleChange }))] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: cls, onClick: handleOpen, children: [_jsx("span", { className: `${classPrefix}-form-select_input-${valueDisplay[0] ? 'value' : 'placeholder'}`, children: valueDisplay[0] || startPlaceholder }), _jsx("span", { className: `${classPrefix}-form-select_input-split`, children: "-" }), _jsx("span", { className: `${classPrefix}-form-select_input-${valueDisplay[1] ? 'value' : 'placeholder'}`, children: valueDisplay[1] || endPlaceholder })] }), visible && step === 'start' && (_jsx(DatePicker, { className: `${classPrefix}-custom-picker--range-start`, value: value === null || value === void 0 ? void 0 : value[0], start: start, end: end, mode: mode, okText: _jsx("span", { children: "\u4E0B\u4E00\u6B65" }), maskClosable: false, onClose: handleCancel, onOk: handleNext }, "start")), visible && step === 'end' && (_jsx(DatePicker, { className: `${classPrefix}-custom-picker--range-end`, value: value === null || value === void 0 ? void 0 : value[1], start: start, end: end, mode: mode, cancelText: _jsx("span", { children: "\u4E0A\u4E00\u6B65" }), maskClosable: false, onClose: handlePre, onOk: handleChange }, "end"))] }));
 }

package/dist/web/components/wd-date-range/index.d.ts

@@ -1,3 +1,4 @@
 import { WdDateRange } from './wd-date-range';
-export { WdDateRange, type WdDateRangeProps } from './wd-date-range';
+export { type WdDateRangeProps } from './interface';
+export { WdDateRange };
 export default WdDateRange;

package/dist/web/components/wd-date-range/index.js

@@ -1,3 +1,3 @@
 import { WdDateRange } from './wd-date-range';
-export { WdDateRange } from './wd-date-range';
+export { WdDateRange };
 export default WdDateRange;

package/dist/web/components/wd-date-range/interface.d.ts

@@ -0,0 +1,9 @@
+import type { DataType } from '../../../configs/components/wd-date-range';
+import type { CommonPropsType } from '../../types';
+export interface WdDateRangeProps extends CommonPropsType, DataType {
+    classRoot?: string;
+}
+export interface IPureDateRange extends DataType {
+    onChange?: (v: number[]) => any;
+    disabled?: boolean;
+}

package/dist/web/components/wd-date-range/pc.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { IPureDate } from './elements/interface';
+import type { IPureDateRange } from './interface';
 /**
- * 日期时间 pc 端，value/onChange 是最终表单的值（number类型）
+ * 日期时间 pc 端，value/onChange 是最终表单的值（number[]类型）
  */
-export declare function DatePc(props: IPureDate): JSX.Element;
+export declare function DateRangePc(props: IPureDateRange): JSX.Element;

package/dist/web/components/wd-date-range/pc.js

@@ -1,36 +1,53 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { DatePicker, ConfigProvider } from 'tea-component';
+import { DatePicker, ConfigProvider, } from 'tea-component';
 import { useConfig } from '../../utils/config-context';
-import moment from '../../utils/moment';
-import { YearPicker } from './elements/YearPicker.pc';
+import { useDateFormat, getStartMoment } from '../../utils/hooks/useFormLegacy';
+import { convertMoment } from '../../utils/moment';
+import { YearRangePicker } from '../wd-date/elements/YearRangePicker.pc';
+import { useDeepCompareMemo } from '@react-hookz/web';
+import { convertDateRangToNumber } from '../../utils/date';
 const { RangePicker } = DatePicker;
 /**
- * 日期时间 pc 端，value/onChange 是最终表单的值（number类型）
+ * 日期时间 pc 端，value/onChange 是最终表单的值（number[]类型）
  */
-export function DatePc(props) {
+export function DateRangePc(props) {
     // 属性
-    const { mode } = props;
+    const { disabled, mode, startPlaceholder, endPlaceholder, value: _value, start, end, clearable, onChange, } = props;
     const { classPrefix } = useConfig();
+    const format = useDateFormat(props);
+    const value = useDeepCompareMemo(() => Array.isArray(_value) ? _value.map((d) => convertMoment(d)) : _value, [_value]);
+    const handleChange = (m) => {
+        const standardValue = m === null || m === void 0 ? void 0 : m.map((d) => getStartMoment(mode, d, false));
+        const value = convertDateRangToNumber(standardValue);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    };
+    const dateProps = {
+        disabled,
+        placeholder: [startPlaceholder, endPlaceholder],
+        range: [start, end],
+        value,
+        onChange: handleChange,
+        clearable,
+        format,
+        separator: '-',
+        overlayClassName: `${classPrefix}-dropdown--picker `,
+    };
     // 组件
     let Elem = null;
-    if (mode === 'month') {
-        Elem = (_jsx(RangePicker, { separator: "-", calendarType: "month", defaultValue: [moment('2020-10'), moment('2020-11')] }));
+    if (mode === 'year') {
+        Elem = _jsx(YearRangePicker, { ...dateProps });
     }
-    else if (mode === 'year') {
-        Elem = (_jsx(YearPicker
-        // separator="-"
-        // defaultValue={[moment('2020-10-01'), moment('2020-11-11')]}
-        , {}));
-    }
-    else if (mode === 'datetimeMinute') {
-        Elem = (_jsx(RangePicker, { format: "YYYY-MM-DD HH:mm:ss.SSS", separator: "-", showTime: { format: 'HH:mm:ss.SSS' } }));
+    else if (mode === 'month') {
+        Elem = _jsx(RangePicker, { ...dateProps, calendarType: "month" });
     }
     else if (mode === 'datetime') {
-        Elem = (_jsx(RangePicker, { separator: "-", showTime: true, defaultValue: [moment('2020-10-01'), moment('2020-11-11')] }));
+        Elem = _jsx(RangePicker, { ...dateProps, showTime: true });
+    }
+    else if (mode === 'datetimeMinute') {
+        Elem = _jsx(RangePicker, { ...dateProps, showTime: { format: 'HH:mm' } });
     }
     else {
-        Elem = (_jsx(RangePicker, { separator: "-", defaultValue: [moment('2020-10-01'), moment('2020-11-11')] }));
+        Elem = _jsx(RangePicker, { ...dateProps });
     }
-    // 返回
     return _jsx(ConfigProvider, { classPrefix: classPrefix, children: Elem });
 }

package/dist/web/components/wd-date-range/wd-date-range.d.ts

@@ -1,10 +1,7 @@
 import React from 'react';
-import type { DataType } from '../../../configs/components/wd-date';
-import type { CommonPropsType } from '../../types';
+import '../form/select/moment-locale';
+import type { WdDateRangeProps } from './interface';
 /**
- * 标准化：日期组件
+ * 标准化：日期区间组件
  */
 export declare const WdDateRange: React.ForwardRefExoticComponent<WdDateRangeProps & React.RefAttributes<any>>;
-export interface WdDateRangeProps extends CommonPropsType, DataType {
-    classRoot?: string;
-}

package/dist/web/components/wd-date-range/wd-date-range.js

@@ -1,95 +1,66 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useMemo, useImperativeHandle, useState } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { WdFormItem, WdInputGroup, WdInputWrap } from '../wd-form-item';
-import { useStringProp, convertMoment, useDateFormat, } from '../../utils/hooks/useFormLegacy';
-import { useFormInputTrait } from '../form-input-hooks';
-import { getUuid } from '../../utils/tool';
-import { DatePc } from './pc';
-import { DateH5 } from './h5';
+import { useDateFormat, useHandleClear, getValueByAddYear, getStartMoment, getEndMoment, } from '../../utils/hooks/useFormLegacy';
+import { useFormInputTrait } from '../../components/form-input-hooks';
+import { DateRangePc } from './pc';
+import { DateRangeH5 } from './h5';
 import { usePlatform } from '../../utils/platform';
-import { getDayEnd100, getDayStart100 } from '../../utils/moment';
+import { useDeepCompareMemo } from '@react-hookz/web';
+import { convertDateRangToNumber, convertDateRangeToString, YEAR_START, YEAR_END, } from '../../utils/date';
+import '../form/select/moment-locale';
+import { X_RUNTIME_DEFAULT } from '../../../configs/type-utils/x-runtime-default';
+const isDateNil = (v) => v === '' || v == null;
 /**
- * 标准化：日期组件
+ * 标准化：日期区间组件
  */
-export const WdDateRange = React.forwardRef(function WdDateRange(props, ref) {
-    const { classRoot = 'date', label, name, start: _start, end: _end, clearable = false, events, } = props;
-    const [startDefault, endDefault] = useMemo(() => [getDayStart100(), getDayEnd100()], []);
-    const [start, end] = [_start || startDefault, _end || endDefault];
-    const { before, after } = useStringProp(props);
+export const WdDateRange = React.forwardRef(function WdDateRangeInner(props, ref) {
+    const { classRoot = 'date-range', start: _start, end: _end, clearable = X_RUNTIME_DEFAULT.clearable, events, mode = X_RUNTIME_DEFAULT._modeInRange, } = props;
     const isH5 = usePlatform() === 'h5';
-    const inputId = useMemo(() => getUuid(), []);
-    const [hover, setHover] = useState(false);
-    /** 兼容从 Form 获取属性，必须引入，自动挂载组件方法 */
-    const [innerHandle, setInnerHandle] = useState({});
-    const formValue = useMemo(() => { var _a; return (_a = convertMoment(props.value)) === null || _a === void 0 ? void 0 : _a.valueOf(); }, [props.value]); // 数字类型
-    const traitProps = {
-        ...props,
-        value: formValue,
-        setInnerHandle,
-        inputRef: ref,
-    };
+    // 最早、最晚日期
+    const [start, end] = useMemo(() => {
+        const startDefault = isDateNil(_start)
+            ? getValueByAddYear(YEAR_START)
+            : _start;
+        const endDefault = isDateNil(_end) ? getValueByAddYear(YEAR_END) : _end;
+        return [
+            getStartMoment(mode, startDefault),
+            getEndMoment(mode, endDefault),
+        ];
+    }, [mode, _start, _end]);
+    // 初始值 value
+    const formValue = useDeepCompareMemo(() => convertDateRangToNumber(props.value), [props.value]);
+    // 挂载属性
+    const traitProps = { ...props, value: formValue, inputRef: ref };
     const trait = useFormInputTrait(traitProps);
-    const { value, onChange, disabled, readOnly, visible, required } = trait;
-    const format = useDateFormat(props);
-    const readValue = useMemo(() => { var _a; return (_a = convertMoment(value)) === null || _a === void 0 ? void 0 : _a.format(format); }, [value, format]);
-    useImperativeHandle(ref, () => ({
-        ...innerHandle,
-        name,
-        value,
-        label,
-        required,
-        visible,
-        disabled,
-        readOnly,
-        before,
-        after,
-    }), [
-        innerHandle,
-        name,
-        value,
-        label,
-        required,
-        visible,
-        disabled,
-        readOnly,
-        before,
-        after,
-    ]);
-    const pureChange = (v) => {
+    const { value, onChange, disabled, visible } = trait;
+    const format = useDateFormat({ ...props, mode });
+    // 只读值
+    const readValue = useDeepCompareMemo(() => { var _a; return (_a = convertDateRangeToString(value, format)) === null || _a === void 0 ? void 0 : _a.join(' - '); }, [value, format]);
+    const pureChange = useCallback((v) => {
         var _a;
         onChange === null || onChange === void 0 ? void 0 : onChange(v);
         (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: v });
-    };
-    const onMouseEnter = () => setHover(true);
-    const onMouseLeave = () => setHover(false);
-    const onClear = () => pureChange(null);
-    const hasClearIcon = clearable && !disabled && value && (hover || isH5);
-    const formItemProps = {
-        ...props,
-        ...trait,
-        classRoot,
-        inputId,
-        readValue,
-    };
+    }, [onChange, events]);
+    const clearProps = useHandleClear({
+        onChange: pureChange,
+        clearable,
+        disabled,
+        value,
+    });
+    const formItemProps = { ...props, ...trait, classRoot, readValue };
     const inputGroupProps = { ...props, classRoot };
-    const inputWrapProps = {
-        ...props,
-        classRoot,
-        hasClearIcon,
-        onClear,
-        onMouseEnter,
-        onMouseLeave,
-    };
+    const inputWrapProps = { ...props, classRoot, disabled, ...clearProps };
     const dateProps = {
         ...props,
         start,
         end,
         value,
         disabled,
-        inputId,
+        mode,
         onChange: pureChange,
     };
     if (!visible)
         return null;
-    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: isH5 ? _jsx(DateH5, { ...dateProps }) : _jsx(DatePc, { ...dateProps }) }) }) }));
+    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: isH5 ? (_jsx(DateRangeH5, { ...dateProps })) : (_jsx(DateRangePc, { ...dateProps })) }) }) }));
 });

package/dist/web/components/{wd-department-select → wd-department/_design}/h5.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Portal } from '../common/portal';
-import { useConfig } from '../../utils/config-context';
-import { WdIcon, WdInputWrap } from '../index';
-import { WdRadio } from '../wd-radio';
-import StatusContent from '../statusContent';
+import { Portal } from '../../common/portal';
+import { useConfig } from '../../../utils/config-context';
+import { WdIcon, WdInputWrap } from '../../index';
+import { WdRadio } from '../../wd-radio';
+import StatusContent from '../../statusContent';
 const mockOptionData = [
     { label: '部门/人员1', key: 0 },
     { label: '部门/人员2', key: 1 },

package/dist/web/components/{wd-department-select → wd-department/_design}/wd-department-select.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { CommonPropsType } from '../../types';
+import type { CommonPropsType } from '../../../types';
 export declare const WdDepartmentSelect: () => JSX.Element;
 export interface WdDepartmentSelectProps extends CommonPropsType {
     defaultValue?: string;

package/dist/web/components/{wd-department-select → wd-department/_design}/wd-department-select.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
-import classNames from '../../utils/classnames';
-import { useConfig } from '../../utils/config-context';
-import { WdInputWrap, WdIcon, WdButton } from '../index';
-import { WdFormItem } from '../wd-form-item';
+import classNames from '../../../utils/classnames';
+import { useConfig } from '../../../utils/config-context';
+import { WdInputWrap, WdIcon, WdButton } from '../../index';
+import { WdFormItem } from '../../wd-form-item';
 import { Modal, ConfigProvider } from 'tea-component';
 // import StatusContent from '../statusContent';
-import { usePlatform } from '../../utils/platform';
+import { usePlatform } from '../../../utils/platform';
 import { DepartmentPickerH5 } from './h5';
 const mockDepartmentList = [
     {

package/dist/web/components/wd-department/index.d.ts

@@ -0,0 +1,3 @@
+import { WdDepartment } from './wd-department';
+export { WdDepartment, type WdDepartmentProps } from './wd-department';
+export default WdDepartment;

package/dist/web/components/wd-department/index.js

@@ -0,0 +1,3 @@
+import { WdDepartment } from './wd-department';
+export { WdDepartment } from './wd-department';
+export default WdDepartment;

package/dist/web/components/wd-department/style.d.ts

@@ -0,0 +1 @@
+import './wd-department.css';

package/dist/web/components/wd-department/style.js

@@ -0,0 +1 @@
+import './wd-department.css';

package/dist/web/components/wd-department/wd-department.css

@@ -0,0 +1,35 @@
+/* h5 */
+.wd-form-item.wd-h5-department-root .weui-depart-tree-select.weui-cell {
+  padding: 0;
+}
+
+.wd-form-item.wd-h5-department-root .weui-depart-tree-select input.weui-input {
+  padding: 0;
+}
+
+/* pc */
+.wd-form-item.wd-pc-department-root
+  .weda-ui-org-selected
+  .wedatea2td-dropdown-btn.wedatea2td-dropdown__header {
+  border: none;
+  padding: 0;
+  height: 100%;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
+.wd-form-item.wd-pc-department-root
+  .weda-ui-org-selected
+  .wedatea2td-dropdown__header
+  .wedatea2td-icon-arrowdown {
+  display: none;
+}
+
+.wd-form-item.wd-pc-department-root .wd-form-item-wrap__control,
+.wd-form-item.wd-pc-department-root .wd-form-input-wrap__content {
+  overflow-x: hidden;
+}
+
+.wd-form-item.wd-pc-department-root .weda-ui-user-select-input__values {
+  overflow-x: auto;
+}

package/dist/web/components/wd-department/wd-department.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-department';
+import './style';
+export declare const WdDepartment: React.ForwardRefExoticComponent<WdDepartmentProps & React.RefAttributes<any>>;
+export interface WdDepartmentProps extends CommonPropsType, DataType {
+    classRoot?: string;
+}

package/dist/web/components/wd-department/wd-department.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useCallback } from 'react';
+import { useHandleClear } from '../../utils/hooks/useFormLegacy';
+import { useFormInputTrait } from '../../components/form-input-hooks';
+import { WdFormItem, WdInputGroup, WdInputWrap } from '../wd-form-item';
+import DepartTreeSelect from '../form/userOrgSelect/component/depart-select';
+import { emptyObject } from '../../utils/constant';
+import { RecycleProvider } from '../../utils/hooks/useRecycle';
+import { X_RUNTIME_DEFAULT } from '../../../configs/type-utils/x-runtime-default';
+import './style';
+export const WdDepartment = forwardRef(function WdDepartment(props, ref) {
+    const { classRoot = 'department', clearable = X_RUNTIME_DEFAULT.clearable, placeholder, multiple = X_RUNTIME_DEFAULT.multiple, departmentScope = X_RUNTIME_DEFAULT.departmentScope, events = emptyObject, } = props;
+    const traitProps = { ...props, inputRef: ref };
+    const trait = useFormInputTrait(traitProps);
+    const { value, onChange, disabled, readOnly, visible } = trait;
+    const onClearChange = useCallback((v) => {
+        var _a;
+        onChange === null || onChange === void 0 ? void 0 : onChange(v);
+        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: v });
+    }, [onChange, events]);
+    const clearProps = useHandleClear({
+        onChange: onClearChange,
+        clearable,
+        disabled,
+        value,
+    });
+    const formItemProps = { ...props, ...trait, classRoot, readOnly: false };
+    const inputGroupProps = { ...props, classRoot, readOnly };
+    const inputWrapProps = {
+        ...props,
+        classRoot,
+        disabled,
+        readOnly,
+        ...clearProps,
+    };
+    if (!visible)
+        return null;
+    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(RecycleProvider, { readOnly: readOnly, children: _jsx(DepartTreeSelect, { events: events, confirmValue: value, defaultValue: value, defaultValueType: "confirmDepart", multiple: multiple, placeholder: placeholder, size: "full", departmentScope: departmentScope, readOnly: readOnly, disabled: disabled, decorator: null, onChange: onChange }) }) }) }) }));
+});

package/dist/web/components/wd-form/contexts/form-layout-context.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DataType } from '../../../../configs/components/wd-form';
+type FormLayoutContextProviderProps = {
+    children?: React.ReactNode;
+    layout: DataType['layout'];
+};
+export declare function FormLayoutProvider({ children, layout, }: FormLayoutContextProviderProps): JSX.Element;
+export declare function useFormLayout(): DataType['layout'] | null;
+export {};

package/dist/web/components/wd-form/contexts/form-layout-context.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { createContext } from '../../../utils/global-context';
+const FormLayoutContext = createContext(null, 'FormLayoutContext');
+export function FormLayoutProvider({ children, layout, }) {
+    return (_jsx(FormLayoutContext.Provider, { value: layout, children: children }));
+}
+export function useFormLayout() {
+    return useContext(FormLayoutContext);
+}

package/dist/web/components/wd-form/contexts/form-type-context.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DataType } from '../../../../configs/components/wd-form';
+type FormTypeContextProviderProps = {
+    children?: React.ReactNode;
+    formType: DataType['formType'];
+};
+export declare function FormTypeProvider({ children, formType, }: FormTypeContextProviderProps): JSX.Element;
+export declare function useFormType(): DataType['formType'] | null;
+export {};

package/dist/web/components/wd-form/contexts/form-type-context.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { createContext } from '../../../utils/global-context';
+const FormTypeContext = createContext(null, 'FormTypeContext');
+export function FormTypeProvider({ children, formType, }) {
+    return (_jsx(FormTypeContext.Provider, { value: formType, children: children }));
+}
+export function useFormType() {
+    return useContext(FormTypeContext);
+}

package/dist/web/components/wd-form/contexts/form-widget-context.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { WdFromProps } from '../index';
+type FormWidgetContextProviderProps = {
+    children?: React.ReactNode;
+    $widget: WdFromProps['$widget'];
+};
+export declare function FormWidgetProvider({ children, $widget, }: FormWidgetContextProviderProps): JSX.Element;
+export declare function useFormWidget(): WdFromProps['$widget'] | null;
+export {};