@next-bricks/form 1.21.2 → 1.21.3

package/dist-types/auto-complete/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import "@next-core/theme";
 import { FormItemElementBase, MessageBody } from "@next-shared/form";
-import type { FormItemProps } from "../form-item/index.jsx";
+import type { FormItemProps } from "../form-item/index.js";
 export interface AutoCompleteProps extends FormItemProps {
     curElement?: HTMLElement;
     value?: string;

package/dist-types/checkbox/index.d.ts

@@ -30,8 +30,6 @@ export interface CheckboxProps extends FormItemProps {
     isGroup?: boolean;
     optionGroups?: OptionGroup[];
     themeVariant?: "default" | "elevo";
-    onChange?: (value: CheckboxValueType[]) => void;
-    optionsChange?: (options: CheckboxOptionType[], name: string) => void;
 }
 /**
  * 表单复选框构件

package/dist-types/date-picker/index.d.ts

@@ -1,7 +1,7 @@
 import React, { CSSProperties } from "react";
 import "@next-core/theme";
 import { FormItemElementBase } from "@next-shared/form";
-import type { FormItemProps } from "../form-item/index.jsx";
+import type { FormItemProps } from "../form-item/index.js";
 import type { Dayjs } from "dayjs";
 import "dayjs/locale/zh-cn.js";
 import { DisabledDateType, PickerMode } from "../interface.js";

package/dist-types/dynamic-form-item/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { Form } from "../form/index.js";
-import type { FormItemProps } from "../form-item/index.jsx";
+import type { FormItemProps } from "../form-item/index.js";
 import { UseBrickConf } from "@next-core/types";
 import "@next-core/theme";
 import { FormItemElementBase } from "@next-shared/form";

package/dist-types/input/index.d.ts

@@ -1,7 +1,7 @@
 import React, { type CSSProperties } from "react";
 import "@next-core/theme";
 import { FormItemElementBase, MessageBody } from "@next-shared/form";
-import type { FormItemProps } from "../form-item/index.jsx";
+import type { FormItemProps } from "../form-item/index.js";
 import { ComponentSize, InputType } from "../interface.js";
 export interface InputProps extends FormItemProps {
     value?: string;

package/dist-types/jsx.d.ts

@@ -4,7 +4,7 @@ import type { Checkbox, CheckboxProps, CheckboxOptionType } from "./checkbox";
 import type { EoColorPicker, EoColorPickerProps } from "./color-picker";
 import type { Form, FormProps } from "./form";
 import type { IconSelect, IconSelectProps } from "./icon-select";
-import type { Input, InputProps } from "./input/index.jsx";
+import type { Input, InputProps } from "./input/index.js";
 import type { GeneralComplexOption, Radio, RadioProps } from "./radio";
 import type { GeneralSearch, SearchProps } from "./search";
 import type { Select, SelectProps } from "./select";
@@ -16,7 +16,7 @@ import type { EoUploadFile, UploadFileProps } from "./upload/upload-file";
 import type { FileData } from "./upload/utils.js";
 import type { EoDatePicker } from "./date-picker";
 import type { DynamicFormItem } from "./dynamic-form-item";
-import type { SubmitButtons } from "./submit-buttons";
+import type { SubmitButtons, SubmitButtonsProps } from "./submit-buttons";
 import type { GeneralSwitch } from "./general-switch";
 import type { EoTimePicker } from "./time-picker";
 import type { MessageBody } from "@next-shared/form";
@@ -100,7 +100,7 @@ declare global {
                     name: string;
                 }>) => void;
             };
-            "eo-submit-buttons": DetailedHTMLProps<HTMLAttributes<SubmitButtons>, SubmitButtons> & {
+            "eo-submit-buttons": DetailedHTMLProps<HTMLAttributes<SubmitButtons>, SubmitButtons> & SubmitButtonsProps & {
                 onSubmit?: (event: CustomEvent<void>) => void;
                 onCancel?: (event: CustomEvent<void>) => void;
             };

package/dist-types/radio/index.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { FormItemElementBase } from "@next-shared/form";
 import type { RadioType, GeneralOption, GeneralComplexOption, UIType, RadioGroupButtonStyle, ComponentSize } from "../interface.js";
 import "@next-core/theme";
-import type { FormItemProps } from "../form-item/index.jsx";
+import type { FormItemProps } from "../form-item/index.js";
 import { UseSingleBrickConf } from "@next-core/types";
 import "./host-context.css";
 interface CustomOptions {
@@ -13,7 +13,7 @@ interface CustomOptions {
     value: string;
     [propName: string]: any;
 }
-export interface RadioProps {
+export interface RadioProps extends FormItemProps {
     type?: RadioType;
     options: GeneralOption[] | CustomOptions[] | undefined;
     value?: any;

package/dist-types/select/index.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { FormItemElementBase } from "@next-shared/form";
 import type { GeneralComplexOption } from "../interface.js";
 import "@next-core/theme";
-import type { FormItemProps } from "../form-item/index.jsx";
+import type { FormItemProps } from "../form-item/index.js";
 import { UseSingleBrickConf } from "@next-core/types";
 interface UseBackendConf {
     provider: string;

package/dist-types/submit-buttons/index.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { FormItemElementBase } from "@next-shared/form";
 import type { FormItemProps } from "../form-item/index.js";
 import type { ButtonType } from "../interface.js";
-interface SubmitButtonsProps extends FormItemProps {
+export interface SubmitButtonsProps extends FormItemProps {
     curElement: HTMLElement;
     submitText?: string;
     submitType?: ButtonType;
@@ -10,8 +10,6 @@ interface SubmitButtonsProps extends FormItemProps {
     cancelText?: string;
     cancelType?: ButtonType;
     themeVariant?: "default" | "elevo";
-    onSubmitClick?: (event: React.MouseEvent) => void;
-    onCancelClick?: (event: React.MouseEvent) => void;
 }
 /**
  * 表单提交按钮
@@ -51,5 +49,9 @@ declare class SubmitButtons extends FormItemElementBase {
     private _handleCancelClick;
     render(): React.JSX.Element;
 }
-export declare function ButtonsComponent(props: SubmitButtonsProps): React.JSX.Element;
+interface SubmitButtonComponentProps extends SubmitButtonsProps {
+    onSubmitClick?: (event: React.MouseEvent) => void;
+    onCancelClick?: (event: React.MouseEvent) => void;
+}
+export declare function ButtonsComponent(props: SubmitButtonComponentProps): React.JSX.Element;
 export { SubmitButtons };

package/dist-types/textarea/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { FormItemElementBase } from "@next-shared/form";
 import "@next-core/theme";
-import type { FormItemProps } from "../form-item/index.jsx";
+import type { FormItemProps } from "../form-item/index.js";
 type AutoSize = boolean | {
     minRows?: number;
     maxRows?: number;
@@ -20,6 +20,7 @@ export interface TextareaProps extends FormItemProps {
     maxLength?: number;
     autoSize?: AutoSize;
     validateState?: string;
+    variant?: "default" | "muted";
     themeVariant?: "default" | "elevo";
 }
 export interface TextareaComponentProps extends TextareaProps {

package/dist-types/time-picker/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import "@next-core/theme";
 import { FormItemElementBase } from "@next-shared/form";
-import type { FormItemProps } from "../form-item/index.jsx";
+import type { FormItemProps } from "../form-item/index.js";
 import { TimePickerProps } from "antd/lib/time-picker";
 interface EoTimePickerProps extends FormItemProps {
     shadowRoot: ShadowRoot | null;

package/dist-types/time-range-picker/index.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties } from "react";
 import { FormItemElementBase, MessageBody } from "@next-shared/form";
-import type { FormItemProps } from "../form-item/index.jsx";
+import type { FormItemProps } from "../form-item/index.js";
 import "@next-core/theme";
 import "dayjs/locale/zh-cn.js";
 export declare enum presetRangeType {
@@ -11,12 +11,12 @@ export declare enum presetRangeType {
     ThisYear = "\u4ECA\u5E74"
 }
 export interface TimeRange {
-    startTime: string;
-    endTime: string;
+    startTime?: string;
+    endTime?: string;
 }
-type PickerType = "date" | "week" | "month" | "quarter" | "year";
-type OtherPickerType = "dateTime" | "hmTime" | "time";
-export type RangeType = PickerType & OtherPickerType;
+export type PickerType = "date" | "week" | "month" | "quarter" | "year";
+export type OtherPickerType = "dateTime" | "hmTime" | "time";
+export type RangeType = PickerType | OtherPickerType;
 export interface EoTimeRangePickerProps extends FormItemProps {
     shadowRoot?: ShadowRoot | null;
     value?: TimeRange;
@@ -24,12 +24,11 @@ export interface EoTimeRangePickerProps extends FormItemProps {
     rangeType?: RangeType;
     placeholder?: string | [string, string];
     inputStyle?: CSSProperties;
-    onChange?: (range: TimeRange) => void;
     emitChangeOnInit?: boolean;
     selectNearDays?: number;
     presetRanges?: presetRangeType[];
 }
-type RealTimeRangePickerProps = Omit<EoTimeRangePickerProps, keyof Omit<FormItemProps, "formElement">>;
+type RealTimeRangePickerProps = Omit<EoTimeRangePickerComponentProps, keyof Omit<FormItemProps, "formElement">>;
 /**
  * 时间区间选择器
  * @author zhendonghuang
@@ -88,5 +87,8 @@ export declare class EoTimeRangePicker extends FormItemElementBase {
     render(): React.JSX.Element;
 }
 export declare function RealTimeRangePicker(props: RealTimeRangePickerProps): React.ReactElement;
-export declare function EoTimeRangePickerComponent(props: EoTimeRangePickerProps): React.JSX.Element;
+interface EoTimeRangePickerComponentProps extends EoTimeRangePickerProps {
+    onChange?: (range: TimeRange) => void;
+}
+export declare function EoTimeRangePickerComponent(props: EoTimeRangePickerComponentProps): React.JSX.Element;
 export {};

package/dist-types/upload/upload-file/index.d.ts

@@ -5,7 +5,7 @@ import { FormItemElementBase } from "@next-shared/form";
 import type { FormItemProps } from "../../form-item/index.js";
 import "@next-core/theme";
 import { FileData } from "../utils.js";
-export interface UploadFileProps {
+export interface UploadFileProps extends FormItemProps {
     label?: string;
     name?: string;
     required?: boolean;

package/dist-types/upload/upload-image/index.d.ts

@@ -3,7 +3,7 @@ import "@next-core/theme";
 import { FormItemElementBase } from "@next-shared/form";
 import type { FormItemProps } from "../../form-item/index.js";
 import { type ImageData } from "./utils.js";
-export interface UploadImageProps {
+export interface UploadImageProps extends FormItemProps {
     label?: string;
     name?: string;
     required?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/form",
-  "version": "1.21.2",
+  "version": "1.21.3",
   "homepage": "https://github.com/easyops-cn/next-advanced-bricks/tree/master/bricks/form",
   "repository": {
     "type": "git",
@@ -46,5 +46,5 @@
     "@next-bricks/icons": "*",
     "@next-bricks/illustrations": "*"
   },
-  "gitHead": "acf4cd2e2492c1ff5cd58abfcb5c29d6e5ba9aea"
+  "gitHead": "44ff0a9a170ae911252a2030b9edde16ad229532"
 }