@pointcloud/pcloud-components 0.1.11 → 0.1.13

package/dist/esm/AdvancedFilter/FormFilter.js

@@ -44,6 +44,21 @@ export default (function (props) {
       form: form
     };
   });
+  var formatTime = function formatTime(v) {
+    var fieldName = Object.keys(v)[0];
+    var config = formItemConfig.find(function (item) {
+      return item.name === fieldName;
+    });
+    if ((config === null || config === void 0 ? void 0 : config.type) === 'datePicker') {
+      var _v$fieldName;
+      v[fieldName] = (_v$fieldName = v[fieldName]) === null || _v$fieldName === void 0 ? void 0 : _v$fieldName.format((config === null || config === void 0 ? void 0 : config.format) || 'YYYY-MM-DD HH:mm:ss');
+    }
+    if ((config === null || config === void 0 ? void 0 : config.type) === 'rangePicker') {
+      var _v$fieldName$, _v$fieldName$2;
+      v[fieldName] = [(_v$fieldName$ = v[fieldName][0]) === null || _v$fieldName$ === void 0 ? void 0 : _v$fieldName$.format((config === null || config === void 0 ? void 0 : config.format) || 'YYYY-MM-DD HH:mm:ss'), (_v$fieldName$2 = v[fieldName][1]) === null || _v$fieldName$2 === void 0 ? void 0 : _v$fieldName$2.format((config === null || config === void 0 ? void 0 : config.format) || 'YYYY-MM-DD HH:mm:ss')];
+    }
+    return v;
+  };
   var search = function search() {
     var values = form.getFieldsValue();
     Object.keys(values).forEach(function (item) {
@@ -61,21 +76,6 @@ export default (function (props) {
     var value = formatTime(v);
     onValuesChange && onValuesChange(value);
   };
-  var formatTime = function formatTime(v) {
-    var fieldName = Object.keys(v)[0];
-    var config = formItemConfig.find(function (item) {
-      return item.name === fieldName;
-    });
-    if ((config === null || config === void 0 ? void 0 : config.type) === 'datePicker') {
-      var _v$fieldName;
-      v[fieldName] = (_v$fieldName = v[fieldName]) === null || _v$fieldName === void 0 ? void 0 : _v$fieldName.format((config === null || config === void 0 ? void 0 : config.format) || 'YYYY-MM-DD HH:mm:ss');
-    }
-    if ((config === null || config === void 0 ? void 0 : config.type) === 'rangePicker') {
-      var _v$fieldName$, _v$fieldName$2;
-      v[fieldName] = [(_v$fieldName$ = v[fieldName][0]) === null || _v$fieldName$ === void 0 ? void 0 : _v$fieldName$.format((config === null || config === void 0 ? void 0 : config.format) || 'YYYY-MM-DD HH:mm:ss'), (_v$fieldName$2 = v[fieldName][1]) === null || _v$fieldName$2 === void 0 ? void 0 : _v$fieldName$2.format((config === null || config === void 0 ? void 0 : config.format) || 'YYYY-MM-DD HH:mm:ss')];
-    }
-    return v;
-  };
   var reset = function reset() {
     form.resetFields();
     onReset && onReset();

package/dist/esm/AdvancedFilter/index.js

@@ -34,24 +34,26 @@ var AdvancedFilter = function AdvancedFilter(props) {
     setInputValue = _useState4[1];
   var inputRef = useRef(null);
   var formRef = useRef(null);
-  useImperativeHandle(fRef, function () {
+  var resetFields = function resetFields() {
     var _formRef$current;
+    setInputValue('');
+    formRef === null || formRef === void 0 ? void 0 : (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.resetFields();
+  };
+  useImperativeHandle(fRef, function () {
+    var _formRef$current2;
     return {
       resetFields: resetFields,
-      form: (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.form
+      form: (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.form
     };
   });
-  var resetFields = function resetFields() {
-    var _formRef$current2;
-    setInputValue('');
-    formRef === null || formRef === void 0 ? void 0 : (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.resetFields();
-  };
   var handleSearch = function handleSearch(values) {
     var _inputRef$current, _inputRef$current$inp;
     var value = inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$inp = _inputRef$current.input) === null || _inputRef$current$inp === void 0 ? void 0 : _inputRef$current$inp.value;
+    // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
     onSearch && onSearch(_objectSpread(_objectSpread({}, values), _defineProperty({}, inputProps.name, value)));
   };
   var inputSearch = function inputSearch(v) {
+    // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
     (inputProps === null || inputProps === void 0 ? void 0 : inputProps.inputSearch) && inputProps.inputSearch(_defineProperty({}, inputProps.name, v));
   };
   return /*#__PURE__*/_jsx(Collapse, {
@@ -83,6 +85,7 @@ var AdvancedFilter = function AdvancedFilter(props) {
             placeholder: inputProps === null || inputProps === void 0 ? void 0 : inputProps.placeholder,
             onChange: function onChange(e) {
               setInputValue(e.target.value);
+              // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
               onValuesChange && onValuesChange(e.target.value);
             },
             onSearch: inputSearch,

package/dist/esm/AdvancedFilter/interface.d.ts

@@ -1,4 +1,31 @@
 import React from 'react';
+export declare type FormItemType = 'input' | 'inputNumber' | 'radio' | 'select' | 'checkbox' | 'datePicker' | 'rangePicker' | 'switch' | 'treeSelect';
+export interface FormItem {
+    /**
+     * @description 筛选项label文字
+     */
+    label?: string;
+    /**
+     * @description 筛选项字段名
+     */
+    name: string;
+    /**
+     * @description 筛选项类型
+     */
+    type: FormItemType;
+    /**
+     * @description 筛选项placeholder
+     */
+    placeholder?: string;
+    /**
+     * @description 筛选项的配置项(select|treeSelect时可用)
+     */
+    options?: any[];
+    /**
+     * @description 筛选项的格式化配置(rangePicker|datePicker时可用)
+     */
+    format?: string;
+}
 export interface FormProps {
     /**
      * @description 筛选项配置
@@ -28,6 +55,20 @@ export interface FProps extends FormProps {
      */
     formRef?: any;
 }
+export interface InputProps {
+    /**
+     * @description input检索框placeholder
+     */
+    placeholder?: string;
+    /**
+     * @description input检索框字段名
+     */
+    name: string;
+    /**
+     * @description input检索框回车时或点击检索图标时触发
+     */
+    inputSearch?: (v: any) => void;
+}
 export interface FilterProps extends FormProps {
     /**
      * @description 左侧渲染区
@@ -54,44 +95,3 @@ export interface FilterProps extends FormProps {
      */
     icon?: React.ReactNode;
 }
-export interface FormItem {
-    /**
-     * @description 筛选项label文字
-     */
-    label?: string;
-    /**
-     * @description 筛选项字段名
-     */
-    name: string;
-    /**
-     * @description 筛选项类型
-     */
-    type: FormItemType;
-    /**
-     * @description 筛选项placeholder
-     */
-    placeholder?: string;
-    /**
-     * @description 筛选项的配置项(select|treeSelect时可用)
-     */
-    options?: any[];
-    /**
-     * @description 筛选项的格式化配置(rangePicker|datePicker时可用)
-     */
-    format?: string;
-}
-export declare type FormItemType = 'input' | 'inputNumber' | 'radio' | 'select' | 'checkbox' | 'datePicker' | 'rangePicker' | 'switch' | 'treeSelect';
-export interface InputProps {
-    /**
-     * @description input检索框placeholder
-     */
-    placeholder?: string;
-    /**
-     * @description input检索框字段名
-     */
-    name: string;
-    /**
-     * @description input检索框回车时或点击检索图标时触发
-     */
-    inputSearch?: (v: any) => void;
-}

package/dist/esm/ColorPicker/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ColorPickerProps, TwitterPickerProps, HuePickerProps, AlphaPickerProps, BlockPickerProps, ChromePickerProps, CompactPickerProps, CirclePickerProps, SliderPickerProps } from './interface';
+import './index.less';
+declare const ColorPicker: {
+    (props: ColorPickerProps): JSX.Element;
+    PSPicker(props: ColorPickerProps & {
+        title?: string;
+    }): JSX.Element;
+    SliderPicker(props: SliderPickerProps): JSX.Element;
+    AlphaPicker(props: AlphaPickerProps): JSX.Element;
+    BlockPicker(props: BlockPickerProps): JSX.Element;
+    ChromePicker(props: ChromePickerProps): JSX.Element;
+    CirclePicker(props: CirclePickerProps): JSX.Element;
+    CompactPicker(props: CompactPickerProps): JSX.Element;
+    HuePicker(props: HuePickerProps): JSX.Element;
+    TwitterPicker(props: TwitterPickerProps): JSX.Element;
+};
+export default ColorPicker;

package/dist/esm/ColorPicker/index.js

@@ -0,0 +1,165 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+/*
+ * @Author       : frank
+ * @Date         : 2023-11-21
+ * @Description  : 多模式颜色选择器组件
+ */
+import { useState, useContext } from 'react';
+import classNames from 'classnames';
+import { Popconfirm } from 'antd';
+import { SketchPicker, PhotoshopPicker, SliderPicker, AlphaPicker, BlockPicker, ChromePicker, CirclePicker, CompactPicker, HuePicker, TwitterPicker } from 'react-color';
+import { ConfigContext } from "../ConfigProvider";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ColorPicker = function ColorPicker(props) {
+  var className = props.className,
+    _props$initColor = props.initColor,
+    initColor = _props$initColor === void 0 ? '#ff0000' : _props$initColor,
+    onChange = props.onChange,
+    onCancel = props.onCancel,
+    onConfirm = props.onConfirm,
+    onChangeComplete = props.onChangeComplete;
+  var _useContext = useContext(ConfigContext),
+    prefixCls = _useContext.prefixCls,
+    getPrefixCls = _useContext.getPrefixCls;
+  var classname = getPrefixCls('color-picker');
+  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-color-picker"), !!prefixCls), classname, className);
+  var triggerClass = classNames(_defineProperty({}, "".concat(className, "-trigger"), !!className), 'trigger');
+  var _useState = useState(initColor),
+    _useState2 = _slicedToArray(_useState, 2),
+    color = _useState2[0],
+    setColor = _useState2[1];
+  var _useState3 = useState(initColor),
+    _useState4 = _slicedToArray(_useState3, 2),
+    finialColor = _useState4[0],
+    setFinialColor = _useState4[1];
+  var handleConfirm = function handleConfirm() {
+    var _color = color !== null && color !== void 0 && color.a ? "rgba(".concat(color === null || color === void 0 ? void 0 : color.r, ",").concat(color === null || color === void 0 ? void 0 : color.g, ",").concat(color === null || color === void 0 ? void 0 : color.b, ",").concat(color === null || color === void 0 ? void 0 : color.a, ")") : initColor;
+    setFinialColor(_color);
+    // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
+    onConfirm && onConfirm(_color);
+  };
+  var handleChange = function handleChange(e) {
+    setColor(e.rgb);
+    // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
+    onChange && onChange(e);
+  };
+  var handleChangeComplete = function handleChangeComplete(v) {
+    var _color = color !== null && color !== void 0 && color.a ? "rgba(".concat(color === null || color === void 0 ? void 0 : color.r, ",").concat(color === null || color === void 0 ? void 0 : color.g, ",").concat(color === null || color === void 0 ? void 0 : color.b, ",").concat(color === null || color === void 0 ? void 0 : color.a, ")") : initColor;
+    // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
+    onChangeComplete && onChangeComplete(_color);
+  };
+  return /*#__PURE__*/_jsx(Popconfirm, {
+    overlayClassName: wrapperClass,
+    icon: null,
+    title: /*#__PURE__*/_jsx(SketchPicker, {
+      className: "picker",
+      color: color,
+      onChange: handleChange,
+      onChangeComplete: handleChangeComplete
+    }),
+    onConfirm: handleConfirm,
+    onCancel: onCancel,
+    okText: "\u786E\u5B9A",
+    cancelText: "\u53D6\u6D88",
+    children: /*#__PURE__*/_jsx("span", {
+      className: triggerClass,
+      style: {
+        background: finialColor
+      }
+    })
+  });
+};
+var PsPicker = function PsPicker(_ref) {
+  var className = _ref.className,
+    initColor = _ref.initColor,
+    onConfirm = _ref.onConfirm,
+    onChange = _ref.onChange,
+    onChangeComplete = _ref.onChangeComplete,
+    title = _ref.title;
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showColorPicker = _useState6[0],
+    setShowColorPicker = _useState6[1];
+  var _useState7 = useState(initColor),
+    _useState8 = _slicedToArray(_useState7, 2),
+    color = _useState8[0],
+    setColor = _useState8[1];
+  var _useState9 = useState(initColor),
+    _useState10 = _slicedToArray(_useState9, 2),
+    finialColor = _useState10[0],
+    setFinialColor = _useState10[1];
+  var triggerClass = classNames(_defineProperty({}, "".concat(className, "-trigger"), !!className), 'trigger');
+  var onCancel = function onCancel() {
+    setShowColorPicker(false);
+  };
+  var onOk = function onOk() {
+    var _color = color !== null && color !== void 0 && color.r ? "rgba(".concat(color === null || color === void 0 ? void 0 : color.r, ",").concat(color === null || color === void 0 ? void 0 : color.g, ",").concat(color === null || color === void 0 ? void 0 : color.b, ",").concat(color === null || color === void 0 ? void 0 : color.a, ")") : initColor;
+    setShowColorPicker(false);
+    setFinialColor(_color);
+    // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
+    onConfirm && onConfirm(color);
+  };
+  var handleClick = function handleClick() {
+    setShowColorPicker(true);
+  };
+  var handleChange = function handleChange(e) {
+    setColor(e.rgb);
+    // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
+    onChange && onChange(e);
+  };
+  var handleChangeComplete = function handleChangeComplete() {
+    var _color = color !== null && color !== void 0 && color.a ? "rgba(".concat(color === null || color === void 0 ? void 0 : color.r, ",").concat(color === null || color === void 0 ? void 0 : color.g, ",").concat(color === null || color === void 0 ? void 0 : color.b, ",").concat(color === null || color === void 0 ? void 0 : color.a, ")") : initColor;
+    // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
+    onChangeComplete && onChangeComplete(_color);
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
+      className: triggerClass,
+      style: {
+        background: finialColor
+      },
+      onClick: handleClick
+    }), showColorPicker ? /*#__PURE__*/_jsx(PhotoshopPicker, {
+      className: "ps-picker",
+      color: color,
+      header: title,
+      onChange: handleChange,
+      onChangeComplete: handleChangeComplete,
+      onCancel: onCancel,
+      onAccept: onOk
+    }) : null]
+  });
+};
+ColorPicker.PSPicker = function (props) {
+  return /*#__PURE__*/_jsx(PsPicker, _objectSpread({}, props));
+};
+ColorPicker.SliderPicker = function (props) {
+  return /*#__PURE__*/_jsx(SliderPicker, _objectSpread({}, props));
+};
+ColorPicker.AlphaPicker = function (props) {
+  return /*#__PURE__*/_jsx(AlphaPicker, _objectSpread({}, props));
+};
+ColorPicker.BlockPicker = function (props) {
+  return /*#__PURE__*/_jsx(BlockPicker, _objectSpread({}, props));
+};
+ColorPicker.ChromePicker = function (props) {
+  return /*#__PURE__*/_jsx(ChromePicker, _objectSpread({}, props));
+};
+ColorPicker.CirclePicker = function (props) {
+  return /*#__PURE__*/_jsx(CirclePicker, _objectSpread({}, props));
+};
+ColorPicker.CompactPicker = function (props) {
+  return /*#__PURE__*/_jsx(CompactPicker, _objectSpread({}, props));
+};
+ColorPicker.HuePicker = function (props) {
+  return /*#__PURE__*/_jsx(HuePicker, _objectSpread({}, props));
+};
+ColorPicker.TwitterPicker = function (props) {
+  return /*#__PURE__*/_jsx(TwitterPicker, _objectSpread({}, props));
+};
+export default ColorPicker;

package/dist/esm/ColorPicker/index.less

@@ -0,0 +1,18 @@
+@import '../commonStyle/index.less';
+
+.@{prefix}-color-picker {
+  .sketch-picker {
+    padding: 0 !important;
+    box-shadow: none !important;
+  }
+}
+
+.trigger {
+  display: inline-block;
+  width: 60px;
+  height: 26px;
+  border: 5px solid #fff;
+  border-radius: 2px;
+  box-shadow: 0 0 2px #000;
+  cursor: pointer;
+}

package/dist/esm/ColorPicker/interface.d.ts

@@ -0,0 +1,164 @@
+/// <reference types="react" />
+declare type Hlsa = {
+    h: number;
+    s: number;
+    l: number;
+    a?: number;
+};
+declare type Rgba = {
+    r: number;
+    b: number;
+    g: number;
+    a?: number;
+};
+interface ComponentProps {
+    /**
+     * 组件的颜色状态值
+     */
+    color?: string | Hlsa | Rgba | undefined;
+    /**
+     * 颜色值变化时触发
+     * @param v 色值对象
+     */
+    onChange?: (v: any) => void;
+    /**
+     * 颜色变化完成时触发
+     * @param v 颜色值 rgba
+     */
+    onChangeComplete?: (v: any) => void;
+}
+export interface ColorPickerProps extends ComponentProps {
+    /**
+     * 容器类名
+     */
+    className?: string;
+    /**
+     * 初始颜色，触发按钮的默认色
+     */
+    initColor?: string;
+    /**
+     * 点击取消时的回调函数
+     */
+    onCancel?: () => void;
+    /**
+     * 点击确定时的回调函数
+     */
+    onConfirm: (v: any) => void;
+}
+export interface TwitterPickerProps extends ComponentProps {
+    /**
+     * 单个色块的宽度(px)
+     * @default 276
+     */
+    width?: string;
+    /**
+     * 默认展示的颜色值集合
+     * @default ['#FF6900', '#FCB900', '#7BDCB5', '#00D084', '#8ED1FC', '#0693E3', '#ABB8C3', '#EB144C', '#F78DA7', '#9900EF']
+     */
+    colors?: string[];
+    /**
+     * 小三角形位置
+     */
+    triangle?: 'hide' | 'top-left' | 'top-right';
+}
+export interface HuePickerProps extends ComponentProps {
+    /**
+     * 自定义滑块
+     */
+    pointer?: React.ReactNode;
+    /**
+     * 方向
+     * @default horizontal
+     */
+    direction?: 'horizontal' | 'vertical';
+}
+export interface AlphaPickerProps extends ComponentProps {
+    /**
+     * 单个色块的宽度(px)
+     * @default 316
+     */
+    width?: string;
+    /**
+     * 单个色块的高度(px)
+     * @default 16
+     */
+    height?: string;
+    /**
+     * 方向
+     * @default horizontal
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * 自定义滑块
+     */
+    pointer?: React.ReactNode;
+}
+export interface SliderPickerProps extends ComponentProps {
+    /**
+     * 自定义滑块
+     */
+    pointer?: React.ReactNode;
+}
+export interface CompactPickerProps extends ComponentProps {
+    /**
+     * 默认展示的颜色值集合
+     * @default ['#4D4D4D', '#999999', '#FFFFFF', '#F44E3B', '#FE9200', '#FCDC00', '#DBDF00', '#A4DD00', '#68CCCA', '#73D8FF', '#AEA1FF', '#FDA1FF', '#333333', '#808080', '#cccccc', '#D33115', '#E27300', '#FCC400', '#B0BC00', '#68BC00', '#16A5A5', '#009CE0', '#7B64FF', '#FA28FF', '#000000', '#666666', '#B3B3B3', '#9F0500', '#C45100', '#FB9E00', '#808900', '#194D33', '#0C797D', '#0062B1', '#653294', '#AB149E']
+     */
+    colors?: string[];
+}
+export interface CirclePickerProps extends ComponentProps {
+    /**
+     * 单个色块的宽度(px)
+     * @default 252
+     */
+    width?: string;
+    /**
+     * 默认展示的颜色值集合
+     * @default ["#f44336", "#e91e63", "#9c27b0", "#673ab7", "#3f51b5", "#2196f3", "#03a9f4", "#00bcd4", "#009688", "#4caf50", "#8bc34a", "#cddc39", "#ffeb3b", "#ffc107", "#ff9800", "#ff5722", "#795548", "#607d8b"]
+     */
+    colors?: string[];
+    /**
+     * 圆圈大小
+     * @default 28
+     */
+    circleSize?: number;
+    /**
+     * 圆圈之间的间隔(px)
+     * @default 14
+     */
+    circleSpacing?: number;
+}
+export interface BlockPickerProps extends ComponentProps {
+    /**
+     * 单个色块的宽度(px)
+     * @default 170
+     */
+    width?: string;
+    /**
+     * 默认展示的颜色值集合
+     * @default ['#D9E3F0', '#F47373', '#697689', '#37D67A', '#2CCCE4', '#555555', '#dce775', '#ff8a65', '#ba68c8']
+     */
+    colors?: string[];
+    /**
+     * 小三角的位置
+     * @default 'top'
+     */
+    triangle?: 'hide' | 'top';
+}
+export interface ChromePickerProps extends ComponentProps {
+    /**
+     * 是否显示不透明度的配置项
+     * @default false
+     */
+    disableAlpha?: boolean;
+}
+export declare type ColorPickerType = ColorPickerProps;
+export declare type TwitterPickerType = TwitterPickerProps;
+export declare type HuePickerType = HuePickerProps;
+export declare type AlphaPickerType = AlphaPickerProps;
+export declare type SliderPickerType = SliderPickerProps;
+export declare type CompactPickerType = CompactPickerProps;
+export declare type CirclePickerType = CirclePickerProps;
+export declare type BlockPickerType = BlockPickerProps;
+export declare type ChromePickerType = ChromePickerProps;
+export {};

package/dist/esm/ColorPicker/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/DForm/DItem/itemType.d.ts

@@ -1,13 +1,14 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import { InputProps, InputNumberProps, AutoCompleteProps, CascaderProps, SelectProps, TreeSelectProps, DatePickerProps, TimePickerProps, MentionProps, CheckboxProps, RadioProps, RateProps, SliderSingleProps, SwitchProps, TransferProps, UploadProps, ButtonProps, DividerProps, FormItemProps } from 'antd';
+import { InputProps, InputNumberProps, AutoCompleteProps, CascaderProps, SelectProps, TreeSelectProps, DatePickerProps, TimePickerProps, MentionProps, CheckboxProps, RadioProps, RateProps, SliderSingleProps, SwitchProps, TransferProps, UploadProps, ButtonProps, DividerProps, FormItemProps, RadioGroupProps } from 'antd';
 import { PasswordProps, TextAreaProps } from 'antd/lib/input';
 import { RangePickerProps } from 'antd/lib/date-picker';
+import { CheckboxGroupProps } from 'antd/lib/checkbox';
 import { DInputProps } from '../../DInput';
 import { DSelectProps } from '../../DSelect';
 import { DCascaderProps } from '../../DCascader';
 import { DTreeSelectProps } from '../../DTreeSelect';
 import { DUploadProps } from '../../DUpload';
-declare type DItemBaseProps = {
+export declare type DItemBaseProps = {
     /** label标签文本,同antd Form.Item的label,只能是string */
     label?: string;
     /** name标签文本,同antd Form.Item的name */
@@ -102,5 +103,5 @@ declare type ButtonItemProps = {
 declare type DividerItemProps = {
     renderType?: 'divider';
 } & DItemBaseProps & DividerProps;
-export declare type DItemProps = CustomItemProps | DInputItemProps | InputItemProps | TextAreaItemProps | PasswordItemProps | InputNumberItemProps | AutoCompleteItemProps | DSelectItemProps | SelectItemProps | DCascaderItemProps | CascaderItemProps | DTreeSelectItemProps | TreeSelectItemProps | DatePickerItemProps | TimePickerItemProps | RangePickerItemProps | MentionItemProps | CheckboxItemProps | RadioItemProps | RateItemProps | SliderItemProps | SwitchItemProps | TransferItemProps | UploadItemProps | DUploadItemProps | ButtonItemProps | DividerItemProps;
+export declare type DItemProps = CustomItemProps | DInputItemProps | InputItemProps | TextAreaItemProps | PasswordItemProps | InputNumberItemProps | AutoCompleteItemProps | DSelectItemProps | SelectItemProps | DCascaderItemProps | CascaderItemProps | DTreeSelectItemProps | TreeSelectItemProps | DatePickerItemProps | TimePickerItemProps | RangePickerItemProps | MentionItemProps | CheckboxItemProps | CheckboxGroupProps | RadioItemProps | RadioGroupProps | RateItemProps | SliderItemProps | SwitchItemProps | TransferItemProps | UploadItemProps | DUploadItemProps | ButtonItemProps | DividerItemProps;
 export {};

package/dist/esm/DForm/DItem/itemsRender.d.ts

@@ -1,40 +1,43 @@
-import { AutoCompleteProps, ButtonProps, CascaderProps, CheckboxProps, DatePickerProps, DividerProps, FormItemProps, InputNumberProps, InputProps, MentionProps, RadioProps, RateProps, SelectProps, SliderSingleProps, SwitchProps, TimePickerProps, TransferProps, TreeSelectProps, UploadProps } from 'antd';
+import { AutoCompleteProps, ButtonProps, CascaderProps, CheckboxProps, DatePickerProps, DividerProps, FormItemProps, InputNumberProps, InputProps, MentionProps, RadioProps, RadioGroupProps, RateProps, SelectProps, SliderSingleProps, SwitchProps, TimePickerProps, TransferProps, TreeSelectProps, UploadProps } from 'antd';
 import { ReactNode } from 'react';
 import { RangePickerProps } from 'antd/lib/date-picker';
 import { PasswordProps, TextAreaProps } from 'antd/lib/input';
+import { CheckboxGroupProps } from 'antd/lib/checkbox/Group';
 import { DCascaderProps } from '../../DCascader';
 import { DInputProps } from '../../DInput';
 import { DSelectProps } from '../../DSelect';
 import { DTreeSelectProps } from '../../DTreeSelect';
 import { DUploadProps } from '../../DUpload';
-import { DItemProps } from './itemType';
+import { DItemBaseProps } from './itemType';
 declare const renderMap: {
-    dInput: (props: DInputProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    input: (props: InputProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    textArea: (props: TextAreaProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    password: (props: PasswordProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    inputNumber: (props: InputNumberProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    autoComplete: (props: AutoCompleteProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    dSelect: (props: DSelectProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    select: (props: SelectProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    dCascader: (props: DCascaderProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    cascader: (props: CascaderProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    dTreeSelect: (props: DTreeSelectProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    treeSelect: (props: TreeSelectProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    datePicker: (props: DatePickerProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    timePicker: (props: TimePickerProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    dInput: (props: DInputProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    input: (props: InputProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    textArea: (props: TextAreaProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    password: (props: PasswordProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    inputNumber: (props: InputNumberProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    autoComplete: (props: AutoCompleteProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    dSelect: (props: DSelectProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    select: (props: SelectProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    dCascader: (props: DCascaderProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    cascader: (props: CascaderProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    dTreeSelect: (props: DTreeSelectProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    treeSelect: (props: TreeSelectProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    datePicker: (props: DatePickerProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    timePicker: (props: TimePickerProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
     rangePicker: (props: RangePickerProps, formItemProps: FormItemProps) => JSX.Element;
-    mentions: (props: MentionProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    checkbox: (props: CheckboxProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    radio: (props: RadioProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    mentions: (props: MentionProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    checkbox: (props: CheckboxProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    checkboxGroup: (props: CheckboxGroupProps, formItemProps: FormItemProps) => JSX.Element;
+    radio: (props: RadioProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    radioGroup: (props: RadioGroupProps, formItemProps: FormItemProps) => JSX.Element;
     rate: (props: RateProps, formItemProps: FormItemProps) => JSX.Element;
     slider: (props: SliderSingleProps, formItemProps: FormItemProps) => JSX.Element;
     switch: (props: SwitchProps, formItemProps: FormItemProps) => JSX.Element;
-    transfer: (props: TransferProps<any>, formItemProps: FormItemProps, label: DItemProps['label'], render: TransferProps<any>['render']) => JSX.Element;
-    upload: (props: UploadProps, formItemProps: FormItemProps, label: DItemProps['label'], render: () => void, children: UploadProps['children']) => JSX.Element;
-    dUpload: (props: DUploadProps, formItemProps: FormItemProps, label: DItemProps['label'], render: (props: any) => ReactNode, children: DUploadProps['children']) => JSX.Element;
-    button: (props: ButtonProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
-    divider: (props: DividerProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    transfer: (props: TransferProps<any>, formItemProps: FormItemProps, render: TransferProps<any>['render']) => JSX.Element;
+    upload: (props: UploadProps, formItemProps: FormItemProps, label: DItemBaseProps['label'], render: () => void, children: UploadProps['children']) => JSX.Element;
+    dUpload: (props: DUploadProps, formItemProps: FormItemProps, render: (props: any) => ReactNode, children: DUploadProps['children']) => JSX.Element;
+    button: (props: ButtonProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
+    divider: (props: DividerProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => JSX.Element;
     other: (formItemProps: FormItemProps, children: DUploadProps['children']) => JSX.Element;
 };
 export default renderMap;