@cloudbase/weda-ui 3.4.16 → 3.5.1

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

@@ -8,17 +8,16 @@ const FormRegion = React.forwardRef(function FormSwitch(props, inputRef) {
     const { className, id, style, events, required, requiredFlag, label, labelVisible, placeholder, size, separator, ...restProps } = props;
     const { value, name, 
     // onChange,
-    disabled, layout, 
-    // readOnly,
-    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+    disabled, layout, readOnly, validateErrorMsg, validateState, visible, } = useFormInputTrait({
         name: restProps.name,
         inputRef,
         required,
+        label,
         ...restProps,
     });
     if (!visible) {
         return null;
     }
-    return (_jsxs(FormItemWrapper, { children: [_jsx(Select, { id: id, style: style, className: className, events: events, name: name, disabled: disabled, label: label, regionType: 'levelThree', labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, defaultRegion: value, placeholder: placeholder, separator: separator, size: size, mode: "region" }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+    return (_jsxs(FormItemWrapper, { children: [_jsx(Select, { id: id, style: style, className: className, events: events, name: name, disabled: disabled, label: label, regionType: 'levelThree', labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, defaultRegion: value, placeholder: placeholder, separator: separator, size: size, mode: "region", readOnly: readOnly }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
 });
 export default FormRegion;

package/dist/web/components/form-rich-text/index.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-rich-text';
+import type { CommonPropsType } from '../../types';
+export type FormRichTextProps = CommonPropsType & DataType & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FromRichText: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    title: string;
+    name: string;
+    value: string;
+    required: boolean;
+    disabled: boolean;
+    layout: "" | "vertical" | "horizontal";
+    maxSize: number;
+    acceptTypes: ("image/png" | "image/tif" | "image/bmp" | "image/jpeg" | "image/tiff" | "image/*")[];
+    requiredFlag: boolean;
+    readOnly: boolean;
+    titleVisible: boolean;
+    requiredMsg: string;
+}> & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+    readonly 'x-platforms': ["MOBILEWEB", "PCWEB"];
+    readonly description: "组件中的数据内容发生改变时触发";
+}]>> & React.RefAttributes<any>>;
+export default FromRichText;

package/dist/web/components/form-rich-text/index.js

@@ -6,12 +6,11 @@ import RichText from '../richText';
 import { FormItemWrapper } from '../common/form-item-wrapper';
 const FromRichText = React.forwardRef(function FormRichText(props, inputRef) {
     const { className, id, style, events, title, titleVisible, maxSize, acceptTypes, required, requiredFlag, ...restProps } = props;
-    const { value, name, onChange, disabled, layout, 
-    // readOnly,
-    validateErrorMsg, validateState, readOnly, visible, } = useFormInputTrait({
+    const { value, name, onChange, disabled, layout, validateErrorMsg, validateState, readOnly, visible, } = useFormInputTrait({
         name: restProps.name,
         inputRef,
         required,
+        label: title,
         ...restProps,
     });
     if (!visible) {

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

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-select';
+import type { CommonPropsType } from '../../types';
+export type FormSelectProps = CommonPropsType & DataType & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormSelect: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label: string;
+    name: string;
+    format: "x-enum" | "related" | "father-son" | "many-one";
+    value: string;
+    size: "s" | "m" | "l" | "full";
+    required: boolean;
+    disabled: boolean;
+    placeholder: string;
+    layout: "" | "vertical" | "horizontal";
+    range: {
+        label: string;
+        value: string;
+    }[];
+    dataSourceName: string;
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    where: any[];
+    enumName: string;
+    viewId: string;
+    primaryField: string;
+    tipBlock: string;
+    requiredMsg: string;
+}> & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+}, {
+    readonly title: "取消";
+    readonly name: "cancel";
+}]>> & React.RefAttributes<any>>;
+export default FormSelect;

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

@@ -4,18 +4,37 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import Select from '../form/select';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
-const FormSelect = React.forwardRef(function FormSelect(props, inputRef) {
-    const { className, id, style, events, required, requiredFlag, label, labelVisible, dataSourceName, enumName, format, placeholder, primaryField, range, size, tipBlock, viewId, where, ...restProps } = props;
-    const { value, name, onChange, disabled, layout, 
-    // readOnly,
-    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+import { useState } from 'react';
+const FormSelect = React.forwardRef(function FormSelect(props, ref) {
+    const { className, id, style, events, required = false, requiredFlag = true, label, labelVisible = true, dataSourceName, enumName, format, placeholder = '请选择', primaryField, range, size = 'full', tipBlock, viewId, where, ...restProps } = props;
+    const inputRef = React.useRef(null);
+    const [innerHandle, setInnerHandle] = useState({});
+    const { value, name, onChange, disabled, layout, readOnly, validateErrorMsg, validateState, visible, } = useFormInputTrait({
         inputRef,
         required,
+        setInnerHandle,
+        label,
         ...restProps,
     });
+    const selectFields = React.useMemo(() => {
+        return [primaryField];
+    }, [primaryField]);
+    React.useLayoutEffect(() => {
+        const result = {
+            ...innerHandle,
+            selectFields,
+        };
+        if (typeof ref === 'function') {
+            ref(result);
+        }
+        else if (typeof ref === 'object' && ref !== null) {
+            ref.current = result;
+        }
+    }, [innerHandle, ref, selectFields]);
     if (!visible) {
         return null;
     }
-    return (_jsxs(FormItemWrapper, { children: [_jsx(Select, { id: id, style: style, className: className, events: events, name: name, onChange: onChange, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, defaultValue: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, range: range, size: size, tipBlock: tipBlock, viewId: viewId, where: where, dataSourceName: dataSourceName, mode: "selector" }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+    return (_jsxs(FormItemWrapper, { ...restProps, readOnly: readOnly, disabled: disabled, children: [_jsx(Select, { id: id, style: style, className: className, events: events, name: name, onChange: onChange, disabled: disabled || readOnly, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, defaultValue: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, range: range, size: size, tipBlock: tipBlock, viewId: viewId, where: where, dataSourceName: dataSourceName, readOnly: readOnly, mode: "selector" }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
 });
+// FormSelect.whyDidYouRender = true;
 export default FormSelect;

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

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-select-multiple';
+import type { CommonPropsType } from '../../types';
+export type FormSelectMultipleProps = CommonPropsType & DataType & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormSelectMultiple: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label: string;
+    name: string;
+    format: "many-many" | "one-many";
+    value: string[];
+    size: "s" | "m" | "l" | "full";
+    required: boolean;
+    disabled: boolean;
+    placeholder: string;
+    layout: "" | "vertical" | "horizontal";
+    range: {
+        label: string;
+        value: string;
+    }[];
+    dataSourceName: string;
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    enumName: string;
+    viewId: string;
+    primaryField: string;
+    tipBlock: string;
+    requiredMsg: string;
+}> & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+}, {
+    readonly title: "取消";
+    readonly name: "cancel";
+}]>> & React.RefAttributes<any>>;
+export default FormSelectMultiple;

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

@@ -4,23 +4,40 @@ import { FormItemWrapper } from '../common/form-item-wrapper';
 import SelectMultiple from '../form/selectMultiple';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
-const FormSelectMultiple = React.forwardRef(function FormSelectMultiple(props, inputRef) {
+const FormSelectMultiple = React.forwardRef(function FormSelectMultiple(props, ref) {
     const { className, id, style, events, required, requiredFlag, label, labelVisible, dataSourceName, enumName, format, placeholder, primaryField, range, size, tipBlock, viewId, 
     // where,
     ...restProps } = props;
-    const { value, name, onChange, disabled, layout, 
-    // readOnly,
-    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+    const inputRef = React.useRef(null);
+    const [innerHandle, setInnerHandle] = React.useState({});
+    const { value, name, onChange, disabled, layout, readOnly, validateErrorMsg, validateState, visible, } = useFormInputTrait({
         name: restProps.name,
         inputRef,
         required,
+        setInnerHandle,
+        label,
         ...restProps,
     });
+    const selectFields = React.useMemo(() => {
+        return [primaryField];
+    }, [primaryField]);
+    React.useLayoutEffect(() => {
+        const result = {
+            ...innerHandle,
+            selectFields,
+        };
+        if (typeof ref === 'function') {
+            ref(result);
+        }
+        else if (typeof ref === 'object' && ref !== null) {
+            ref.current = result;
+        }
+    }, [innerHandle, ref, selectFields]);
     if (!visible) {
         return null;
     }
-    return (_jsxs(FormItemWrapper, { children: [_jsx(SelectMultiple, { id: id, style: style, className: className, events: events, name: name, onChange: onChange, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, defaultValue: value, enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, range: range, size: size, tipBlock: tipBlock, viewId: viewId, 
+    return (_jsxs(FormItemWrapper, { ...restProps, readOnly: readOnly, disabled: disabled, children: [_jsx(SelectMultiple, { id: id, style: style, className: className, events: events, name: name, onChange: onChange, disabled: disabled || readOnly, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, defaultValue: value !== null && value !== void 0 ? value : [], enumName: enumName, format: format, placeholder: placeholder, primaryField: primaryField, range: range, size: size, tipBlock: tipBlock, viewId: viewId, 
                 // where={where}
-                dataSourceName: dataSourceName, mode: "selector" }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+                dataSourceName: dataSourceName, readOnly: readOnly, mode: "selector" }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
 });
 export default FormSelectMultiple;

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

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-switch';
+import type { CommonPropsType } from '../../types';
+export type FormSwitchProps = CommonPropsType & DataType & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormSwitch: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label: string;
+    name: string;
+    value: boolean;
+    required: boolean;
+    disabled: boolean;
+    layout: "" | "vertical" | "horizontal";
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    requiredMsg: string;
+}> & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+}]>> & React.RefAttributes<any>>;
+export default FormSwitch;

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

@@ -12,6 +12,7 @@ const FormSwitch = React.forwardRef(function FormSwitch(props, inputRef) {
         name: restProps.name,
         inputRef,
         required,
+        label,
         ...restProps,
     });
     if (!visible) {

package/dist/web/components/form-text-area/index.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-text-area';
+import type { CommonPropsType } from '../../types';
+export type FormTextAreaProps = CommonPropsType & DataType & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormTextArea: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label: string;
+    name: string;
+    value: string;
+    size: "s" | "m" | "l" | "full";
+    required: boolean;
+    maxLength: number;
+    disabled: boolean;
+    placeholder: string;
+    layout: "" | "vertical" | "horizontal";
+    focus: boolean;
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    counterVisible: boolean;
+    requiredMsg: string;
+}> & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+}, {
+    readonly title: "失去焦点";
+    readonly name: "blur";
+}, {
+    readonly title: "获取焦点";
+    readonly name: "focus";
+}, {
+    readonly title: "清空内容";
+    readonly name: "clear";
+}, {
+    readonly title: "确认内容";
+    readonly name: "confirm";
+}]>> & React.RefAttributes<any>>;
+export default FormTextArea;

package/dist/web/components/form-text-area/index.js

@@ -5,13 +5,14 @@ import Textarea from '../form/textarea';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
 const FormTextArea = React.forwardRef(function FormTextArea(props, inputRef) {
-    const { className, id, style, required, requiredFlag, label, labelVisible, placeholder, size, maxLength, focus, events, counterVisible, ...restProps } = props;
+    const { className, id, style, required = false, requiredFlag = true, label, labelVisible = true, placeholder = '请输入', size = 'full', maxLength = 140, focus = false, events, counterVisible = true, ...restProps } = props;
     const { value, name, onChange, disabled, layout, 
     // readOnly,
     validateErrorMsg, validateState, visible, } = useFormInputTrait({
         name: restProps.name,
         inputRef,
         required,
+        label,
         ...restProps,
     });
     if (!visible) {

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

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-time';
+import type { CommonPropsType } from '../../types';
+export type FormTimeProps = CommonPropsType & DataType & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormTime: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label: string;
+    name: string;
+    value: string;
+    size: "s" | "m" | "l" | "full";
+    required: boolean;
+    disabled: boolean;
+    placeholder: string;
+    end: string;
+    start: string;
+    layout: "" | "vertical" | "horizontal";
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    clearable: boolean;
+    requiredMsg: string;
+}> & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+}, {
+    readonly title: "取消";
+    readonly name: "cancel";
+}]>> & React.RefAttributes<any>>;
+export default FormTime;

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

@@ -5,18 +5,17 @@ import Select from '../form/select';
 import Tips from '../form/tips';
 import { useFormInputTrait } from '../form-input-hooks';
 const FormTime = React.forwardRef(function FormTime(props, inputRef) {
-    const { className, id, style, events, required, requiredFlag, label, labelVisible, end, size, start, placeholder, ...restProps } = props;
-    const { value, name, onChange, disabled, layout, 
-    // readOnly,
-    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+    const { className, id, style, events, required, requiredFlag = true, label, labelVisible, end, size, start, placeholder, clearable, ...restProps } = props;
+    const { value, name, onChange, disabled, layout, readOnly, validateErrorMsg, validateState, visible, } = useFormInputTrait({
         name: restProps.name,
         inputRef,
         required,
+        label,
         ...restProps,
     });
     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, defaultTime: value, endTime: end, placeholder: placeholder, startTime: start, size: size, mode: "time" }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+    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, defaultTime: value, endTime: end, placeholder: placeholder, startTime: start, size: size, mode: "time", clearable: clearable, readOnly: readOnly }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
 });
 export default FormTime;

package/dist/web/components/form-upload-file/index.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType, EventsType } from '../../../configs/components/form-upload-file';
+export type FormUploadFileProps = CommonPropsType & DataType & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormUploadFile: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label: string;
+    name: string;
+    value: string[];
+    required: boolean;
+    disabled: boolean;
+    layout: "" | "vertical" | "horizontal";
+    single: boolean;
+    maxUploadCount: number;
+    maxSize: number;
+    acceptTypes: string[];
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    downloadVisible: boolean;
+    deleteVisible: boolean;
+    requiredMsg: string;
+    disableMultiSwitch: boolean;
+}> & {
+    value: string | string[];
+} & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+}, {
+    readonly title: "上传成功";
+    readonly name: "success";
+}, {
+    readonly title: "上传失败";
+    readonly name: "error";
+}]>> & React.RefAttributes<any>>;
+export default FormUploadFile;

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

@@ -14,14 +14,13 @@ const FormUploadFile = React.forwardRef(function FormUploadFile(props, ref) {
         : propValue;
     const [innerHandle, setInnerHandle] = useState({});
     const inputRef = useRef(null);
-    const { value, name, onChange, disabled, layout, 
-    // readOnly,
-    validateErrorMsg, validateState, visible, } = useFormInputTrait({
+    const { value, name, onChange, disabled, layout, readOnly, validateErrorMsg, validateState, visible, } = useFormInputTrait({
         name: restProps.name,
         inputRef,
         required,
         setInnerHandle,
         value: normalizedValue,
+        label,
         ...restProps,
     });
     React.useImperativeHandle(ref, () => {
@@ -41,6 +40,6 @@ const FormUploadFile = React.forwardRef(function FormUploadFile(props, ref) {
     if (!visible) {
         return null;
     }
-    return (_jsxs(FormItemWrapper, { children: [_jsx(UploaderFile, { id: id, style: style, className: className, events: events, name: name, onChange: onChange, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, acceptTypes: acceptTypes, defaultValue: value, deleteVisible: deleteVisible, downloadVisible: downloadVisible, maxSize: maxSize, maxUploadCount: maxUploadCount, single: single }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
+    return (_jsxs(FormItemWrapper, { children: [_jsx(UploaderFile, { id: id, style: style, className: className, events: events, name: name, onChange: onChange, disabled: disabled, label: label, labelVisible: labelVisible, layout: layout, requiredFlag: required && requiredFlag, acceptTypes: acceptTypes, defaultValue: value, deleteVisible: deleteVisible, downloadVisible: downloadVisible, maxSize: maxSize, maxUploadCount: maxUploadCount, single: single, readOnly: readOnly }), (validateState === 'error' || validateState === 'warn') && (_jsx(Tips, { tips: validateErrorMsg, type: "warn" }))] }));
 });
 export default FormUploadFile;

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

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-url';
+import type { CommonPropsType } from '../../types';
+export type PropsType = CommonPropsType & DataType & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormUrl: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label: string;
+    name: string;
+    value: string;
+    size: "s" | "m" | "l" | "full";
+    required: boolean;
+    maxLength: number;
+    disabled: boolean;
+    placeholder: string;
+    layout: "" | "vertical" | "horizontal";
+    focus: boolean;
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    clearable: boolean;
+    requiredMsg: string;
+}> & {
+    onChange: (v: string) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+}, {
+    readonly title: "失焦";
+    readonly name: "blur";
+}, {
+    readonly title: "聚焦";
+    readonly name: "focus";
+}, {
+    readonly title: "确认";
+    readonly name: "confirm";
+}, {
+    readonly title: "清除内容";
+    readonly name: "clear";
+}]>> & React.RefAttributes<any>>;
+export default FormUrl;

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

@@ -20,6 +20,7 @@ const FormUrl = React.forwardRef(function FormUrl(props, inputRef) {
         inputRef,
         required,
         rules,
+        label,
         ...restProps,
     });
     logger.debug(restProps, name, 'WDINPUT_NAME', id);

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

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import type { DataType, EventsType } from '../../../configs/components/form-user-tree-select';
+import type { CommonPropsType } from '../../types';
+export type FormUserTreeSelectProps = CommonPropsType & DataType & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & EventsType;
+declare const FormUserTreeSelect: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    label: string;
+    name: string;
+    value: string;
+    size: "s" | "m" | "l" | "full";
+    required: boolean;
+    disabled: boolean;
+    placeholder: string;
+    layout: "" | "vertical" | "horizontal";
+    multiple: boolean;
+    requiredFlag: boolean;
+    labelVisible: boolean;
+    where: any[];
+    confirmValue: string;
+    defaultValueType: "noneUser" | "confirmUser" | "loginUser";
+    secondDisplay: string;
+    requiredMsg: string;
+    corpScope: string[];
+}> & {
+    onChange: (v: DataType['value']) => void;
+    disabled: boolean;
+    readOnly: boolean;
+} & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<readonly [{
+    readonly title: "值改变";
+    readonly name: "change";
+    readonly description: "组件中的数据内容发生改变时触发";
+}]>> & React.RefAttributes<any>>;
+export default FormUserTreeSelect;

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

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

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

@@ -386,6 +386,8 @@
   margin-bottom: 8px;
   border-radius: 5px;
   overflow-y: hidden;
+  position: relative;
+  z-index: 0;
 }
 .form-detail-wrap.form-detail-table .form-detail-content-wrap {
   margin-top: 0;
@@ -411,6 +413,8 @@
   position: sticky;
   right: 0;
   z-index: 1;
+  align-items: center;
+  display: flex;
 }
 .form-detail-table .wd-grid-col.tableIndexContainer {
   width: 60px;
@@ -481,3 +485,7 @@
 .form-detail-wrap.form-detail-table .weda-ui.gsd-h5-react-formitem > .weda-ui {
   padding: 0;
 }
+
+.form-detail-wrap.form-detail-table .wd-form-item {
+  margin: 0;
+}