@flatbiz/antd 3.1.0 → 3.1.2

package/index.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="scheduler" />
 
 import { API, ModelType } from '@dimjs/model';
-import { ButtonProps, CascaderProps, DrawerProps, DropdownProps, FormInstance, FormItemProps, InputNumberProps, InputProps, ModalProps, PopconfirmProps, RadioGroupProps, RowProps, SelectProps, SpaceProps, TableProps, TreeProps, TreeSelectProps, UploadProps } from 'antd';
+import { ButtonProps, CascaderProps, DrawerProps, DropdownProps, FormInstance, FormItemProps, InputNumberProps, InputProps, ModalProps, PopconfirmProps, RadioGroupProps, RowProps, SelectProps, SpaceProps, SwitchProps, TableProps, TimePickerProps, TimeRangePickerProps, TooltipProps, TreeProps, TreeSelectProps, UploadProps } from 'antd';
 import { CheckboxGroupProps } from 'antd/lib/checkbox';
 import { ConfigProviderProps } from 'antd/lib/config-provider';
 import { PickerDateProps, RangePickerDateProps } from 'antd/lib/date-picker/generatePicker';
@@ -937,6 +937,8 @@ export declare type FormItemHorizontalUnionProps = {
 	}[];
 	gap?: number;
 	flexLayoutStyle?: CSSProperties;
+	hidden?: boolean;
+	required?: boolean;
 };
 export declare type FormItemCardProps = {
 	title?: string | ReactElement;
@@ -978,6 +980,7 @@ export declare type IconWrapperProps = {
 	className?: string;
 	size?: "small" | "middle" | "large";
 	onClick?: (event: any) => void;
+	hideHoverBgColor?: boolean;
 };
 export declare const IconWrapper: (props: IconWrapperProps) => JSX.Element;
 export declare type InputWrapperProps = Omit<InputProps, "defaultValue">;
@@ -1289,6 +1292,29 @@ export interface SmsCountDownProps {
 	className?: string;
 }
 export declare const SmsCountDown: FC<SmsCountDownProps>;
+export declare type SwitchWrapperValue = string | number | boolean;
+export declare type SwitchWrapperProps = Omit<SwitchProps, "checked" | "defaultChecked" | "onChange"> & {
+	value?: SwitchWrapperValue;
+	checkedValue: SwitchWrapperValue;
+	unCheckedValue: SwitchWrapperValue;
+	onChange?: (value: SwitchWrapperValue) => void;
+	tooltipProps?: Omit<TooltipProps, "title">;
+	tooltipTitle?: string | ((value?: SwitchWrapperValue) => string | undefined);
+};
+/**
+ * 解决Switch 和 Form.Item 使用只能接收boolean的限制
+ * ```
+ * 1. value 为状态值，不局限于boolean，可以为 [string | number | boolean]
+ * 2. checkedValue 选中值
+ * 3. unCheckedValue 未选中值
+ * 4. 与 Form.Item 组合使用最佳
+ *     <Form.Item name="fieldName" >
+ *       <SwitchWrapper checkedValue={2} unCheckedValue={1} />
+ *     </Form.Item>
+ * 5. 可设置tooltip效果数据显示
+ * ```
+ */
+export declare const SwitchWrapper: (props: SwitchWrapperProps) => JSX.Element;
 export declare type TTagItem = {
 	label: string;
 	value: string | number | boolean;
@@ -1386,6 +1412,84 @@ export declare const tableCellRender: {
 	 */
 	objectCell: (key: string) => (value?: TPlainObject) => any;
 };
+export declare type TimePickerWrapperProps = Omit<TimePickerProps, "value" | "onChange"> & {
+	value?: string;
+	onChange?: (value?: string) => void;
+	/**
+	 * minDate、maxDate设置格式
+	 */
+	disabledDateConfig?: {
+		minDate?: string;
+		maxDate?: string;
+	};
+};
+/**
+ * TimePicker组件包装
+ * ```
+ * 1. value类型为 string
+ * 2. onChange返回类型 string
+ * 3. 默认格式化类型 HH:mm:ss
+ * 4. 其他格式化类型自定义format
+ * 5. 设置disabledTime后，disabledDateConfig配置将失效
+ * ```
+ */
+export declare const TimePickerWrapper: (props: TimePickerWrapperProps) => JSX.Element;
+export declare type TimeRangePickerWrapperProps = Omit<TimeRangePickerProps, "value" | "onChange"> & {
+	value?: [
+		string,
+		string
+	];
+	onChange?: (value?: [
+		string,
+		string
+	]) => void;
+	/**
+	 * minDate、maxDate设置格式
+	 */
+	disabledDateConfig?: {
+		minDate?: string;
+		maxDate?: string;
+	};
+};
+export declare type EventValue<DateType> = DateType | null;
+export declare type RangeValue<DateType> = [
+	EventValue<DateType>,
+	EventValue<DateType>
+] | null;
+/**
+ * TimePicker组件包装
+ * ```
+ * 1. value类型为 [string, string]
+ * 2. onChange返回类型 [string, string]
+ * 3. 默认格式化类型 HH:mm:ss
+ * 4. 其他格式化类型自定义format
+ * 5. 设置disabledTime后，disabledDateConfig配置将失效
+ * ```
+ */
+export declare const TimeRangePickerWrapper: (props: TimeRangePickerWrapperProps) => JSX.Element;
+export declare type TimeRangePickerWrapperFormItemProps = Omit<FormItemProps, "name"> & {
+	/**
+	 * 开始的时间name
+	 */
+	startName: FormItemNamePath;
+	/**
+	 * 结束的时间name
+	 */
+	endName: FormItemNamePath;
+	/**
+	 * 如果 TimeRangePickerWrapperFormItem 在Form.List场景下 必传
+	 */
+	formListName?: FormItemNamePath;
+	timeRangePickerWrapperProps?: Omit<TimeRangePickerWrapperProps, "onChange">;
+};
+/**
+ * 包含了Form.Item组件的时间区间选择组件
+ * ```
+ * 1. 时间区间组件可以定义成两个字段操作，不用再通过数组处理
+ * 2. 会在form中产生一个 `__#invalid_time_xxxx_xxxx` 的无效字段，可以直接忽略
+ * ```
+ */
+export declare const TimeRangePickerWrapperFormItem: (props: TimeRangePickerWrapperFormItemProps) => JSX.Element;
 export declare type TreeSelectorWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
 export declare type TreeSelectorServiceConfig = {
 	params?: TPlainObject;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatbiz/antd",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "description": "flat-biz oss ui components",
   "main": "index.js",
   "typings": "index.d.ts",
@@ -34,7 +34,6 @@
     "@flatbiz/utils": ">=3.0.15",
     "@wove/react": ">=1.2.22",
     "antd": ">=4.22.2",
-    "dequal": ">=2.0.3",
     "moment": ">=2.29.4",
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0"
@@ -45,7 +44,7 @@
     "@dimjs/model": "^1.1.8",
     "@dimjs/model-react": "^1.1.8",
     "@dimjs/utils": "^1.2.23",
-    "@flatbiz/utils": "^3.0.16",
+    "@flatbiz/utils": "^3.1.1",
     "@wove/react": "^1.2.21",
     "antd": "4.22.2",
     "dequal": "^2.0.3",
@@ -53,5 +52,5 @@
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
-  "gitHead": "4378d433b73ee28fd7cb4c64bed8571f993eb5a9"
+  "gitHead": "3ba157a9207cf0ba865885b304db6f033fbb2c79"
 }