pro-comp-x 0.0.1 → 0.0.2

package/dist/esm/components/ProConfigProvider/context.js

@@ -3,7 +3,12 @@ export var ProDefaultConfig = {
   pageListConfig: {
     filterMode: 'default',
     simpleFilterPlacement: 'left',
-    simpleFilterTrigger: 'click'
+    simpleFilterTrigger: 'click',
+    pagination: {
+      hideOnSinglePage: false,
+      pageCurrentIndex: 'pageNum',
+      pageSizeIndex: 'pageSize'
+    }
   }
 };
 export var ProConfigContext = /*#__PURE__*/React.createContext(ProDefaultConfig);

package/dist/esm/components/ProConfigProvider/index.d.ts

@@ -0,0 +1,10 @@
+import { type ProConfigContextProps } from './context';
+import { type ConfigProviderProps } from 'antd/es/config-provider';
+export interface ProConfigProviderProps extends ConfigProviderProps {
+    proConfig?: ProConfigContextProps;
+}
+/**
+ * 全局化配置
+ */
+declare const ProConfigProvider: ({ children, proConfig, ...antConfigProps }: ProConfigProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default ProConfigProvider;

package/dist/esm/components/ProConfigProvider/index.js

@@ -1,5 +1,3 @@
-import "antd/es/config-provider/style";
-import _ConfigProvider from "antd/es/config-provider";
 var _excluded = ["children", "proConfig"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -10,8 +8,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useMemo } from 'react';
+import { ConfigProvider } from 'antd';
 import { ProConfigContext, ProDefaultConfig } from "./context";
-import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * 全局化配置
  */
@@ -33,11 +31,8 @@ var ProConfigProvider = function ProConfigProvider(_ref) {
     }
     return mergeConfig;
   }, [proConfig]);
-  return /*#__PURE__*/_jsx(ProConfigContext.Provider, {
-    value: proConfigValue,
-    children: /*#__PURE__*/_jsx(_ConfigProvider, _objectSpread(_objectSpread({}, antConfigProps), {}, {
-      children: children
-    }))
-  });
+  return /*#__PURE__*/React.createElement(ProConfigContext.Provider, {
+    value: proConfigValue
+  }, /*#__PURE__*/React.createElement(ConfigProvider, antConfigProps, children));
 };
 export default ProConfigProvider;

package/dist/esm/components/RenderForm/RenderForm.less

@@ -3,6 +3,25 @@
     margin-bottom: 0;
   }
 
+  .@{pro-prefix}-render-form-item {
+    display: flex;
+    gap: @space-sm;
+
+    &-cell {
+      flex: 1;
+    }
+  }
+
+  .@{pro-prefix}-render-form-item-label {
+    display: inline-flex;
+    gap: @space-xs;
+
+    &-helper {
+      cursor: pointer;
+      color: @text-color-secondary;
+    }
+  }
+
   &.@{ant-prefix}-form-horizontal {
     .@{ant-prefix}-form-item {
       margin-bottom: @space-lg;

package/dist/esm/components/RenderForm/index.d.ts

@@ -0,0 +1,64 @@
+import React from 'react';
+import type { CalendarProps, MentionProps, SwitchProps } from 'antd';
+import type { InputToolTipProps, UploadImagesProps } from '../ComponentExtends';
+import type { FormProps, FormInstance } from 'antd/es/form/Form';
+import type { InputProps, TextAreaProps, PasswordProps, SearchProps } from 'antd/es/input';
+import type { CheckboxGroupProps } from 'antd/es/checkbox';
+import type { SelectProps } from 'antd/es/select';
+import type { TreeSelectProps } from 'antd/es/tree-select';
+import type { DatePickerProps, RangePickerProps } from 'antd/es/date-picker';
+import type { UploadProps } from 'antd/es/upload';
+import type { RadioGroupProps } from 'antd/es/radio';
+import type { SliderSingleProps } from 'antd/es/slider';
+import type { FormItemProps } from 'antd/es/form/FormItem';
+import type { InputNumberProps } from 'antd/es/input-number';
+import type { TimePickerProps, TimeRangePickerProps } from 'antd/es/time-picker';
+export type CompTypes = 'input' | 'inputNumber' | 'inputSearch' | 'inputToolTip' | 'password' | 'textArea' | 'select' | 'treeSelect' | 'datePicker' | 'rangePicker' | 'timePicker' | 'rangeTimePicker' | 'upload' | 'uploadImages' | 'radio' | 'switch' | 'checkbox' | 'cascader' | 'mentions' | 'slider' | 'text' | 'render';
+export type FormModeType = 'grid' | 'default';
+export type CompPropsType<Type> = Type extends 'input' ? InputProps : Type extends 'textArea' ? TextAreaProps : Type extends 'select' ? SelectProps : Type extends 'treeSelect' ? TreeSelectProps : Type extends 'datePicker' ? DatePickerProps : Type extends 'rangePicker' ? RangePickerProps : Type extends 'upload' ? UploadProps : Type extends 'uploadImages' ? UploadImagesProps : Type extends 'radio' ? RadioGroupProps : Type extends 'slider' ? SliderSingleProps : Type extends 'timePicker' ? TimePickerProps : Type extends 'rangeTimePicker' ? TimeRangePickerProps : Type extends 'inputNumber' ? InputNumberProps : Type extends 'password' ? PasswordProps : Type extends 'inputSearch' ? SearchProps : Type extends 'inputToolTip' ? InputToolTipProps : Type extends 'checkbox' ? CheckboxGroupProps : Type extends 'calendar' ? CalendarProps<any> : Type extends 'mentions' ? MentionProps : Type extends 'switch' ? SwitchProps : {
+    [key: string]: any;
+};
+export interface FormItemType<Type> {
+    key?: string;
+    label?: string | React.ReactNode;
+    name?: string | (string | number)[];
+    type?: CompTypes;
+    value?: any;
+    span?: number;
+    formProps?: FormItemProps & {
+        helper?: string | React.ReactNode;
+        extend?: string | React.ReactNode;
+    };
+    display?: boolean;
+    props?: CompPropsType<Type>;
+    render?: (options: {
+        setFieldValue: (ev: any) => void;
+        fieldValue: any;
+    }) => React.ReactNode | '' | null;
+    children?: FormItemType<CompTypes>[];
+    childrenOptions?: itemOptionsType;
+}
+export interface RenderFormProps extends FormProps {
+    autocomplete?: 'off' | 'on';
+    form?: FormInstance;
+    gutter?: number;
+    span?: number;
+    layout?: 'horizontal' | 'vertical' | 'inline';
+    formMode?: FormModeType;
+    formItems?: FormItemType<CompTypes>[];
+    renderFormItem?: (formItemNode: React.ReactNode, record: any, index: number) => React.ReactNode;
+}
+export type itemOptionsType = Omit<RenderFormProps, 'autocomplete' | 'form' | 'formItems'>;
+declare const RenderFormItem: ({ prefixCls, form, formRecord, className, children, }: {
+    prefixCls?: string;
+    form?: FormInstance;
+    formRecord: FormItemType<CompTypes>;
+    className?: string;
+    children?: any;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * 表单渲染
+ */
+declare const RenderForm: (props: RenderFormProps) => import("react/jsx-runtime").JSX.Element;
+export default RenderForm;
+export { RenderFormItem, type FormItemProps };

package/dist/esm/components/RenderForm/index.js

@@ -1,55 +1,32 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import "antd/es/form/style";
-import _Form from "antd/es/form";
-import "antd/es/slider/style";
-import _Slider from "antd/es/slider";
-import "antd/es/upload/style";
-import _Upload from "antd/es/upload";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/switch/style";
-import _Switch from "antd/es/switch";
-import "antd/es/mentions/style";
-import _Mentions from "antd/es/mentions";
-import "antd/es/cascader/style";
-import _Cascader from "antd/es/cascader";
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
-import "antd/es/radio/style";
-import _Radio from "antd/es/radio";
-import "antd/es/tree-select/style";
-import _TreeSelect from "antd/es/tree-select";
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-import "antd/es/input-number/style";
-import _InputNumber from "antd/es/input-number";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
 var _excluded = ["label", "name", "formProps"],
-  _excluded2 = ["gutter", "span", "formItems", "layout", "formMode", "prefixCls", "className", "renderFormItem"];
+  _excluded2 = ["gutter", "span", "formItems", "layout", "formMode", "form", "prefixCls", "className", "renderFormItem"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { Fragment } from 'react';
 import classnames from 'classnames';
+import { Form, Input, Row, Col, Select, TreeSelect, Checkbox, Upload, Radio, Button, InputNumber, Cascader, Slider, Mentions, Switch, Popover } from 'antd';
 import { DatePicker, RangePicker, TimePicker, RangeTimePicker, InputToolTip, InputSearch, UploadImages, Text } from "../ComponentExtends";
 import { ConfigContext } from 'antd/es/config-provider';
 import getClassPrefix from "../../utils/getClassPrefix";
-import { UploadOutlined } from '@ant-design/icons';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { UploadOutlined, InfoCircleOutlined } from '@ant-design/icons';
 // 渲染表单项
 var RenderFormItem = function RenderFormItem(_ref) {
-  var formRecord = _ref.formRecord,
+  var prefixCls = _ref.prefixCls,
+    form = _ref.form,
+    formRecord = _ref.formRecord,
     className = _ref.className,
     children = _ref.children;
+  var _React$useContext = React.useContext(ConfigContext),
+    antGetPrefixCls = _React$useContext.getPrefixCls;
+  var antPrefixCls = antGetPrefixCls(prefixCls);
+  var clsPrefix = getClassPrefix(antPrefixCls, 'render-form-item');
   var label = formRecord.label,
     name = formRecord.name,
     formProps = formRecord.formProps,
@@ -64,115 +41,141 @@ var RenderFormItem = function RenderFormItem(_ref) {
         return ((_option$label = option === null || option === void 0 ? void 0 : option.label) !== null && _option$label !== void 0 ? _option$label : '').includes(input);
       }
     };
+    var setFieldValue = function setFieldValue(value) {
+      if (form && name) {
+        form.setFieldValue(name, value);
+      }
+    };
     switch (record.type) {
       case 'input':
-        return /*#__PURE__*/_jsx(_Input, _objectSpread({
+        return /*#__PURE__*/React.createElement(Input, _extends({
           placeholder: "\u8BF7\u8F93\u5165",
           allowClear: true
         }, record.props));
       case 'inputNumber':
-        return /*#__PURE__*/_jsx(_InputNumber, _objectSpread({
+        return /*#__PURE__*/React.createElement(InputNumber, _extends({
           style: {
             width: '100%'
           },
           placeholder: "\u8BF7\u8F93\u5165"
         }, record === null || record === void 0 ? void 0 : record.props));
       case 'password':
-        return /*#__PURE__*/_jsx(_Input.Password, _objectSpread({
+        return /*#__PURE__*/React.createElement(Input.Password, _extends({
           placeholder: "\u8BF7\u8F93\u5165"
         }, record === null || record === void 0 ? void 0 : record.props));
       case 'inputSearch':
-        return /*#__PURE__*/_jsx(InputSearch, _objectSpread({
+        return /*#__PURE__*/React.createElement(InputSearch, _extends({
           allowClear: true,
           placeholder: "\u8BF7\u8F93\u5165"
         }, record === null || record === void 0 ? void 0 : record.props));
       case 'textArea':
-        return /*#__PURE__*/_jsx(_Input.TextArea, _objectSpread({
+        return /*#__PURE__*/React.createElement(Input.TextArea, _extends({
           placeholder: "\u8BF7\u8F93\u5165",
           allowClear: true,
           rows: 3
         }, record.props));
       case 'select':
-        return /*#__PURE__*/_jsx(_Select, _objectSpread(_objectSpread({
+        return /*#__PURE__*/React.createElement(Select, _extends({
           placeholder: "\u8BF7\u9009\u62E9"
-        }, selectCommonProps), record.props));
+        }, selectCommonProps, record.props));
       case 'treeSelect':
-        return /*#__PURE__*/_jsx(_TreeSelect, _objectSpread({
+        return /*#__PURE__*/React.createElement(TreeSelect, _extends({
           allowClear: true,
           placeholder: "\u8BF7\u9009\u62E9"
         }, record.props));
       case 'datePicker':
-        return /*#__PURE__*/_jsx(DatePicker, _objectSpread({
+        return /*#__PURE__*/React.createElement(DatePicker, _extends({
           placeholder: "\u8BF7\u9009\u62E9",
           style: {
             width: '100%'
           }
         }, record.props));
       case 'rangePicker':
-        return /*#__PURE__*/_jsx(RangePicker, _objectSpread({
+        return /*#__PURE__*/React.createElement(RangePicker, _extends({
           style: {
             width: '100%'
           }
         }, record.props));
       case 'timePicker':
-        return /*#__PURE__*/_jsx(TimePicker, _objectSpread({
+        return /*#__PURE__*/React.createElement(TimePicker, _extends({
           placeholder: "\u8BF7\u9009\u62E9",
           style: {
             width: '100%'
           }
         }, record.props));
       case 'rangeTimePicker':
-        return /*#__PURE__*/_jsx(RangeTimePicker, _objectSpread({
+        return /*#__PURE__*/React.createElement(RangeTimePicker, _extends({
           style: {
             width: '100%'
           }
         }, record.props));
       case 'radio':
-        return Array.isArray(record === null || record === void 0 || (_record$props = record.props) === null || _record$props === void 0 ? void 0 : _record$props.options) ? /*#__PURE__*/_jsx(_Radio.Group, _objectSpread({}, record.props)) : /*#__PURE__*/_jsx(_Radio, _objectSpread(_objectSpread({}, record.props), {}, {
-          children: record === null || record === void 0 || (_record$props2 = record.props) === null || _record$props2 === void 0 ? void 0 : _record$props2.children
-        }));
+        return Array.isArray(record === null || record === void 0 || (_record$props = record.props) === null || _record$props === void 0 ? void 0 : _record$props.options) ? /*#__PURE__*/React.createElement(Radio.Group, record.props) : /*#__PURE__*/React.createElement(Radio, record.props, record === null || record === void 0 || (_record$props2 = record.props) === null || _record$props2 === void 0 ? void 0 : _record$props2.children);
       case 'checkbox':
-        return Array.isArray(record === null || record === void 0 || (_record$props3 = record.props) === null || _record$props3 === void 0 ? void 0 : _record$props3.options) ? /*#__PURE__*/_jsx(_Checkbox.Group, _objectSpread({}, record.props)) : /*#__PURE__*/_jsx(_Checkbox, _objectSpread(_objectSpread({}, record.props), {}, {
-          children: record === null || record === void 0 || (_record$props4 = record.props) === null || _record$props4 === void 0 ? void 0 : _record$props4.children
-        }));
+        return Array.isArray(record === null || record === void 0 || (_record$props3 = record.props) === null || _record$props3 === void 0 ? void 0 : _record$props3.options) ? /*#__PURE__*/React.createElement(Checkbox.Group, record.props) : /*#__PURE__*/React.createElement(Checkbox, record.props, record === null || record === void 0 || (_record$props4 = record.props) === null || _record$props4 === void 0 ? void 0 : _record$props4.children);
       case 'cascader':
-        return /*#__PURE__*/_jsx(_Cascader, _objectSpread({}, record.props));
+        return /*#__PURE__*/React.createElement(Cascader, record.props);
       case 'inputToolTip':
-        return /*#__PURE__*/_jsx(InputToolTip, _objectSpread({}, record.props));
+        return /*#__PURE__*/React.createElement(InputToolTip, record.props);
       case 'mentions':
-        return /*#__PURE__*/_jsx(_Mentions, _objectSpread({}, record.props));
+        return /*#__PURE__*/React.createElement(Mentions, record.props);
       case 'switch':
-        return /*#__PURE__*/_jsx(_Switch, _objectSpread({}, record.props));
+        return /*#__PURE__*/React.createElement(Switch, record.props);
       case 'upload':
-        return /*#__PURE__*/_jsx(_Upload, _objectSpread(_objectSpread({}, record.props), {}, {
-          children: typeof (record === null || record === void 0 || (_record$props5 = record.props) === null || _record$props5 === void 0 ? void 0 : _record$props5.children) === 'string' || /*#__PURE__*/React.isValidElement(record === null || record === void 0 || (_record$props6 = record.props) === null || _record$props6 === void 0 ? void 0 : _record$props6.children) ? record === null || record === void 0 || (_record$props7 = record.props) === null || _record$props7 === void 0 ? void 0 : _record$props7.children : /*#__PURE__*/_jsx(_Button, {
-            type: "primary",
-            ghost: true,
-            icon: /*#__PURE__*/_jsx(UploadOutlined, {}),
-            children: (record === null || record === void 0 || (_record$props8 = record.props) === null || _record$props8 === void 0 ? void 0 : _record$props8.text) || '选择文件'
-          })
-        }));
+        return /*#__PURE__*/React.createElement(Upload, record.props, typeof (record === null || record === void 0 || (_record$props5 = record.props) === null || _record$props5 === void 0 ? void 0 : _record$props5.children) === 'string' || /*#__PURE__*/React.isValidElement(record === null || record === void 0 || (_record$props6 = record.props) === null || _record$props6 === void 0 ? void 0 : _record$props6.children) ? record === null || record === void 0 || (_record$props7 = record.props) === null || _record$props7 === void 0 ? void 0 : _record$props7.children : /*#__PURE__*/React.createElement(Button, {
+          type: "primary",
+          ghost: true,
+          icon: /*#__PURE__*/React.createElement(UploadOutlined, null)
+        }, (record === null || record === void 0 || (_record$props8 = record.props) === null || _record$props8 === void 0 ? void 0 : _record$props8.text) || '选择文件'));
       case 'uploadImages':
-        return /*#__PURE__*/_jsx(UploadImages, _objectSpread({}, record === null || record === void 0 ? void 0 : record.props));
+        return /*#__PURE__*/React.createElement(UploadImages, record === null || record === void 0 ? void 0 : record.props);
       case 'slider':
-        return /*#__PURE__*/_jsx(_Slider, _objectSpread({}, record === null || record === void 0 ? void 0 : record.props));
+        return /*#__PURE__*/React.createElement(Slider, record === null || record === void 0 ? void 0 : record.props);
       case 'text':
-        return /*#__PURE__*/_jsx(Text, {
+        return /*#__PURE__*/React.createElement(Text, {
           value: record === null || record === void 0 ? void 0 : record.value
         });
       case 'render':
-        return record.render instanceof Function ? record.render() : '';
+        return record.render instanceof Function ? record.render({
+          setFieldValue: setFieldValue,
+          fieldValue: form && name ? form === null || form === void 0 ? void 0 : form.getFieldValue(name) : undefined
+        }) : '';
       default:
-        return '';
     }
   };
-  return /*#__PURE__*/_jsx(_Form.Item, _objectSpread(_objectSpread({
-    label: label,
-    name: name
-  }, formProps), {}, {
-    className: classnames(className, formProps === null || formProps === void 0 ? void 0 : formProps.className),
-    children: children || renderComp(otherAttr)
-  }));
+  var renderFormItem = function renderFormItem() {
+    var formItemLabel = formProps !== null && formProps !== void 0 && formProps.helper && (typeof (formProps === null || formProps === void 0 ? void 0 : formProps.helper) === 'string' || /*#__PURE__*/React.isValidElement(formProps === null || formProps === void 0 ? void 0 : formProps.helper)) ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(clsPrefix, "-label")
+    }, label || '', /*#__PURE__*/React.createElement(Popover, {
+      content: formProps.helper
+    }, /*#__PURE__*/React.createElement(InfoCircleOutlined, {
+      className: "".concat(clsPrefix, "-label-helper")
+    }))) : label;
+    if (formProps !== null && formProps !== void 0 && formProps.extend && (typeof (formProps === null || formProps === void 0 ? void 0 : formProps.extend) === 'string' || /*#__PURE__*/React.isValidElement(formProps === null || formProps === void 0 ? void 0 : formProps.extend))) {
+      var _formProps$rules;
+      var ruleRequired = Array.isArray(formProps === null || formProps === void 0 ? void 0 : formProps.rules) && (formProps === null || formProps === void 0 || (_formProps$rules = formProps.rules) === null || _formProps$rules === void 0 ? void 0 : _formProps$rules.findIndex(function (item) {
+        return item === null || item === void 0 ? void 0 : item.required;
+      })) > -1;
+      return /*#__PURE__*/React.createElement(Form.Item, {
+        label: formItemLabel,
+        required: typeof (formProps === null || formProps === void 0 ? void 0 : formProps.required) === 'boolean' ? formProps === null || formProps === void 0 ? void 0 : formProps.required : ruleRequired,
+        className: classnames(className, formProps === null || formProps === void 0 ? void 0 : formProps.className)
+      }, /*#__PURE__*/React.createElement("div", {
+        className: clsPrefix
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(clsPrefix, "-cell")
+      }, /*#__PURE__*/React.createElement(Form.Item, _extends({}, formProps, {
+        noStyle: true,
+        name: name
+      }), children || renderComp(otherAttr))), formProps === null || formProps === void 0 ? void 0 : formProps.extend));
+    }
+    return /*#__PURE__*/React.createElement(Form.Item, _extends({}, formProps, {
+      name: name,
+      label: formItemLabel,
+      className: classnames(className, formProps === null || formProps === void 0 ? void 0 : formProps.className)
+    }), children || renderComp(otherAttr));
+  };
+  return renderFormItem();
 };
 
 /**
@@ -189,12 +192,13 @@ var RenderForm = function RenderForm(props) {
     layout = _props$layout === void 0 ? 'vertical' : _props$layout,
     _props$formMode = props.formMode,
     formMode = _props$formMode === void 0 ? 'default' : _props$formMode,
+    form = props.form,
     prefixCls = props.prefixCls,
     className = props.className,
     renderFormItem = props.renderFormItem,
     otherProps = _objectWithoutProperties(props, _excluded2);
-  var _React$useContext = React.useContext(ConfigContext),
-    antGetPrefixCls = _React$useContext.getPrefixCls;
+  var _React$useContext2 = React.useContext(ConfigContext),
+    antGetPrefixCls = _React$useContext2.getPrefixCls;
   var antPrefixCls = antGetPrefixCls(prefixCls);
   var clsPrefix = getClassPrefix(antPrefixCls, 'render-form');
   var formItemList = formItems.filter(function (_ref2) {
@@ -214,13 +218,14 @@ var RenderForm = function RenderForm(props) {
     var renderFormItemNode = function renderFormItemNode(item, idx) {
       var formItemNode = null;
       if (Array.isArray(item.children)) {
-        formItemNode = /*#__PURE__*/_jsx(RenderFormItem, {
+        formItemNode = /*#__PURE__*/React.createElement(RenderFormItem, {
+          form: form,
           formRecord: item,
-          className: "".concat(clsPrefix, "-item-no-space"),
-          children: renderLoopItems(item.children, _objectSpread(_objectSpread({}, initChildrenOptions), item.childrenOptions || {}), level + 1, item)
-        });
+          className: "".concat(clsPrefix, "-item-no-space")
+        }, renderLoopItems(item.children, _objectSpread(_objectSpread({}, initChildrenOptions), item.childrenOptions || {}), level + 1, item));
       } else {
-        formItemNode = /*#__PURE__*/_jsx(RenderFormItem, {
+        formItemNode = /*#__PURE__*/React.createElement(RenderFormItem, {
+          form: form,
           formRecord: item
         });
       }
@@ -228,35 +233,33 @@ var RenderForm = function RenderForm(props) {
     };
     if (Array.isArray(items) && items.length > 0) {
       if ((options === null || options === void 0 ? void 0 : options.formMode) === 'grid') {
-        return /*#__PURE__*/_jsx(_Row, {
-          gutter: (options === null || options === void 0 ? void 0 : options.gutter) || gutter,
-          children: items.map(function (item, idx) {
-            var colKey = Array.isArray(item === null || item === void 0 ? void 0 : item.name) ? item === null || item === void 0 ? void 0 : item.name.join('') : item === null || item === void 0 ? void 0 : item.name;
-            return /*#__PURE__*/_jsx(_Col, {
-              span: (item === null || item === void 0 ? void 0 : item.span) || (options === null || options === void 0 ? void 0 : options.span) || span,
-              children: renderFormItemNode(item, idx)
-            }, (item === null || item === void 0 ? void 0 : item.key) || colKey || "formItem-".concat(level, "-").concat(idx));
-          })
-        });
+        return /*#__PURE__*/React.createElement(Row, {
+          gutter: (options === null || options === void 0 ? void 0 : options.gutter) || gutter
+        }, items.map(function (item, idx) {
+          var colKey = Array.isArray(item === null || item === void 0 ? void 0 : item.name) ? item === null || item === void 0 ? void 0 : item.name.join('') : item === null || item === void 0 ? void 0 : item.name;
+          return /*#__PURE__*/React.createElement(Col, {
+            span: (item === null || item === void 0 ? void 0 : item.span) || (options === null || options === void 0 ? void 0 : options.span) || span,
+            key: (item === null || item === void 0 ? void 0 : item.key) || colKey || "formItem-".concat(level, "-").concat(idx)
+          }, renderFormItemNode(item, idx));
+        }));
       }
       return items.map(function (item, idx) {
         var colKey = Array.isArray(item === null || item === void 0 ? void 0 : item.name) ? item === null || item === void 0 ? void 0 : item.name.join('') : item === null || item === void 0 ? void 0 : item.name;
-        return /*#__PURE__*/_jsx(Fragment, {
-          children: renderFormItemNode(item, idx)
-        }, (item === null || item === void 0 ? void 0 : item.key) || colKey || "formItem-".concat(level, "-").concat(idx));
+        return /*#__PURE__*/React.createElement(Fragment, {
+          key: (item === null || item === void 0 ? void 0 : item.key) || colKey || "formItem-".concat(level, "-").concat(idx)
+        }, renderFormItemNode(item, idx));
       });
     }
     return null;
   };
-  return /*#__PURE__*/_jsx(_Form, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Form, _extends({
+    form: form,
     layout: layout,
     className: classnames(clsPrefix, className)
-  }, otherProps), {}, {
-    children: renderLoopItems(formItemList, {
-      formMode: formMode,
-      gutter: gutter,
-      span: span
-    })
+  }, otherProps), renderLoopItems(formItemList, {
+    formMode: formMode,
+    gutter: gutter,
+    span: span
   }));
 };
 export default RenderForm;

package/dist/esm/index.d.ts

@@ -0,0 +1,25 @@
+/** 配置组件 */
+import ProConfigProvider, { type ProConfigProviderProps } from './components/ProConfigProvider';
+/** 面板组件 */
+import Panel, { type PanelProps } from './components/Panel';
+/** 分页组件 */
+import PageList, { type PageListProps, type FetchListOptionsType } from './components/PageList';
+/** 查询表单 */
+import FilterForm, { type FilterModeType, type FilterFormType } from './components/PageList/FilterForm';
+/** 页面容器 */
+import PageWraper, { type PageWraperProps } from './components/PageWraper';
+/** 表单渲染 */
+import RenderForm, { RenderFormItem, type RenderFormProps, type CompTypes, type FormItemType } from './components/RenderForm';
+/** 表格行拖拽容器 */
+import DraggableBodyRow, { type DraggableBodyRowProps } from './components/DraggableBodyRow';
+/** Tabs标题拖拽容器 */
+import DraggableTabNode, { type DraggableTabPaneProps } from './components/DraggableTabNode';
+/** 拖拽容器 */
+import DraggableCell, { type DraggableCellProps, type dropOptionsType, type draggableInfoType } from './components/DraggableCell';
+import XDndProvider, { type XDndProviderProps } from './components/DndProvider';
+import DraggableTable, { type DraggableTableProps } from './components/DraggableTable';
+/** antd组件扩展 */
+import { RangePicker, DatePicker, type DatePickerProps, InputSearch, type InputSearchProps, InputToolTip, type InputToolTipProps, Modal, type ModalProps, NumberRange, type NumberRangeProps, Radio, type RadioProps, TableEditCell, type TableEditCellProps, UploadImages, type UploadImagesProps, Tabs, type TabsProps, type TabPaneProps, type InputBoxProps, type InputBoxRef, SelectQuery, type SelectQueryProps } from './components/ComponentExtends';
+import './styles/index.less';
+export type { XDndProviderProps, ProConfigProviderProps, PanelProps, PageListProps, FetchListOptionsType, FilterModeType, FilterFormType, PageWraperProps, RenderFormProps, CompTypes, FormItemType, DatePickerProps, InputSearchProps, InputToolTipProps, ModalProps, NumberRangeProps, RadioProps, TableEditCellProps, UploadImagesProps, TabsProps, TabPaneProps, InputBoxProps, InputBoxRef, SelectQueryProps, DraggableBodyRowProps, DraggableTabPaneProps, DraggableCellProps, dropOptionsType, draggableInfoType, DraggableTableProps, };
+export { XDndProvider, ProConfigProvider, Panel, PageList, FilterForm, PageWraper, RenderForm, RenderFormItem, DatePicker, RangePicker, InputSearch, InputToolTip, Modal, NumberRange, Radio, TableEditCell, UploadImages, Tabs, SelectQuery, DraggableBodyRow, DraggableTabNode, DraggableCell, DraggableTable, };

package/dist/esm/index.js

@@ -16,21 +16,6 @@ import PageWraper from "./components/PageWraper";
 /** 表单渲染 */
 import RenderForm, { RenderFormItem } from "./components/RenderForm";
 
-/** 文本编辑器 */
-import PlainText from "./components/PlainText";
-
-/** 变量文本编辑器 */
-import PlainTextBox from "./components/PlainTextBox";
-
-/** 变量markdown文本编辑器 */
-import MdPlainText from "./components/MdPlainText";
-
-/** Markdown编辑器 */
-import MarkdownView from "./components/MarkdownView";
-
-/** 拾色器 */
-import ColorPalette from "./components/ColorPalette";
-
 /** 表格行拖拽容器 */
 import DraggableBodyRow from "./components/DraggableBodyRow";
 
@@ -39,8 +24,10 @@ import DraggableTabNode from "./components/DraggableTabNode";
 
 /** 拖拽容器 */
 import DraggableCell from "./components/DraggableCell";
+import XDndProvider from "./components/DndProvider";
+import DraggableTable from "./components/DraggableTable";
 
 /** antd组件扩展 */
-import { DatePicker, InputSearch, InputToolTip, Modal, NumberRange, Radio, TableEditCell, UploadImages, Tabs, InputBox, SelectQuery } from "./components/ComponentExtends";
+import { RangePicker, DatePicker, InputSearch, InputToolTip, Modal, NumberRange, Radio, TableEditCell, UploadImages, Tabs, SelectQuery } from "./components/ComponentExtends";
 import "./styles/index.less";
-export { ProConfigProvider, Panel, PageList, FilterForm, PageWraper, RenderForm, RenderFormItem, DatePicker, InputSearch, InputToolTip, Modal, NumberRange, Radio, TableEditCell, UploadImages, Tabs, InputBox, PlainText, PlainTextBox, SelectQuery, ColorPalette, MdPlainText, MarkdownView, DraggableBodyRow, DraggableTabNode, DraggableCell };
+export { XDndProvider, ProConfigProvider, Panel, PageList, FilterForm, PageWraper, RenderForm, RenderFormItem, DatePicker, RangePicker, InputSearch, InputToolTip, Modal, NumberRange, Radio, TableEditCell, UploadImages, Tabs, SelectQuery, DraggableBodyRow, DraggableTabNode, DraggableCell, DraggableTable };

package/dist/esm/styles/antd-custom.less

@@ -0,0 +1,5 @@
+// 引入完整的antd样式，确保所有使用的组件样式都被包含
+@import 'antd/dist/antd.less';
+
+// 如果需要自定义主题变量，可以在这里覆盖
+// @primary-color: #1890ff;

package/dist/esm/styles/base.less

@@ -5,10 +5,7 @@
 @import '../components/ComponentExtends/Tabs/Tabs.less';
 @import '../components/ComponentExtends/TableEditCell/TableEditCell.less';
 @import '../components/ComponentExtends/InputBox/InputBox.less';
-@import '../components/PlainTextBox/PlainTextBox.less';
-@import '../components/RenderForm//RenderForm.less';
+@import '../components/RenderForm/RenderForm.less';
 @import '../components/ComponentExtends/SelectQuery/SelectQuery.less';
-@import '../components/MdPlainText/MdPlainText.less';
-@import '../components/ColorPalette/ColorPalette.less';
-@import '../components/MarkdownView/MarkdownView.less';
-@import '../components/DraggableBodyRow/DraggableBodyRow.less';
+@import '../components/DraggableBodyRow/DraggableBodyRow.less';
+@import '../components/DraggableTable/DraggableTable.less';

package/dist/esm/styles/dumi.less

@@ -0,0 +1,17 @@
+@import 'antd/dist/antd.less';
+@import '@ant-design/icons/dist/index.less';
+@import '@ant-design/pro-components/dist/antd-pro.css';
+@import './base.less';
+@import './theme.less';
+
+// 修复按钮样式问题
+.ant-btn {
+  &-primary {
+    background: @primary-color;
+    border-color: @primary-color;
+    &:hover {
+      background: lighten(@primary-color, 10%);
+      border-color: lighten(@primary-color, 10%);
+    }
+  }
+}

package/dist/esm/styles/index.less

@@ -1,2 +1,3 @@
+@import './antd-custom.less';
 @import './base.less';
 @import './theme.less';

package/dist/esm/utils/getClassPrefix.d.ts

@@ -0,0 +1,2 @@
+declare const getClassPrefix: (prefix?: string, componentName?: string) => string;
+export default getClassPrefix;