@ccs-ui/rc-pro 2.4.0 → 2.4.1-alpha.1

package/es/editor/sql.js

@@ -1,54 +1,14 @@
-var _excluded = ["placeholder", "height", "bordered", "isPreview", "style", "className"];
 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); }
 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 _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 { sql } from '@codemirror/lang-sql';
-import CodeMirror from '@uiw/react-codemirror';
-import classNames from 'classnames';
-import useAppConfig from "../hooks/use-app";
+import BaseEditor from "./base";
 import { jsx as _jsx } from "react/jsx-runtime";
-export default function SqlEditor(_ref) {
-  var _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? '请输入' : _ref$placeholder,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '200px' : _ref$height,
-    bordered = _ref.bordered,
-    isPreview = _ref.isPreview,
-    style = _ref.style,
-    className = _ref.className,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useAppConfig = useAppConfig(),
-    theme = _useAppConfig.theme;
-  var isDark = theme === 'dark';
-  var styles = style || {};
-  var previewProps = {};
-  if (bordered !== false) {
-    styles.border = '1px solid #d9d9d9';
-    styles.borderRadius = 3;
-  }
-  if (isPreview) {
-    styles.border = 0;
-    previewProps.editable = false;
-    previewProps.readOnly = true;
-    previewProps.height = 'auto';
-    previewProps.basicSetup = _objectSpread(_objectSpread({}, _typeof(restProps.basicSetup) === 'object' ? restProps.basicSetup : {}), {}, {
-      lineNumbers: false
-    });
-    previewProps.className = "".concat(classNames(className, 'ccs-editor', 'ccs-editor-preview'));
-  }
-  var newHeight = typeof height === 'number' ? "".concat(height, "px") : height;
-  return /*#__PURE__*/_jsx(CodeMirror, _objectSpread(_objectSpread({
-    height: newHeight,
-    extensions: [sql()],
-    placeholder: placeholder,
-    theme: isDark ? 'dark' : 'light'
-  }, restProps), {}, {
-    style: styles,
-    className: classNames('ccs-editor', className)
-  }, previewProps));
+export default function SqlEditor(props) {
+  return /*#__PURE__*/_jsx(BaseEditor, _objectSpread(_objectSpread({}, props), {}, {
+    extensions: [sql()]
+  }));
 }

package/es/ellipsis/_api.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export interface EllipsisProps {
+    /** 文本内容 */
+    content: string;
+    /** 显示行数 */
+    rows?: number;
+    /** 显示位置 */
+    direction?: 'start' | 'end' | 'middle';
+    /** 展开按钮 */
+    expandText?: ReactNode;
+    /** 收缩按钮 */
+    collapseText?: ReactNode;
+    /** 显示提示框 */
+    showTooltip?: boolean;
+}

package/es/ellipsis/_api.js

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

package/es/ellipsis/index.d.ts

@@ -1,22 +1,14 @@
-import type { FC, ReactNode } from 'react';
 import React from 'react';
+import { EllipsisProps } from './_api';
 import './index.less';
-import { PropagationEvent } from './withStopPropagation';
-export type EllipsisProps = {
-    content: string;
-    direction?: 'start' | 'end' | 'middle';
-    rows?: number;
-    expandText?: ReactNode;
-    collapseText?: ReactNode;
-    stopPropagationForActionButtons?: PropagationEvent[];
-    onContentClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    defaultExpanded?: boolean;
-    showTooltip?: boolean;
-};
 /**
  * 文本缩略
  * @param EllipsisProps
  * @returns
  */
-declare const Ellipsis: FC<EllipsisProps>;
-export default Ellipsis;
+declare function Ellipsis({ content, rows, direction, expandText, collapseText, showTooltip, }: EllipsisProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Ellipsis {
+    var displayName: string;
+}
+declare const _default: React.MemoExoticComponent<typeof Ellipsis>;
+export default _default;

package/es/ellipsis/index.js

@@ -6,124 +6,249 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { CopyOutlined } from '@ant-design/icons';
 import CcsUtils from '@ccs-ui/utils';
-import { Tooltip } from 'antd';
-import React from 'react';
-import CcsDialog from "../dialog";
+import { Button, message, Tooltip } from 'antd';
+import React, { useEffect, useRef, useState } from 'react';
+import runes from 'runes2';
+import { CcsResizeObserver } from '..';
 import "./index.less";
-import useMeasure from "./useMeasure";
-import { useResizeEffect } from "./useResizeEffect";
-import { withStopPropagation } from "./withStopPropagation";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var classPrefix = "ccs-ellipsis";
-var defaultProps = {
-  direction: 'end',
-  rows: 1,
-  expandText: '',
-  content: '',
-  collapseText: '',
-  stopPropagationForActionButtons: [],
-  onContentClick: function onContentClick() {},
-  defaultExpanded: false,
-  showTooltip: false
+var measureStyle = {
+  visibility: 'hidden',
+  whiteSpace: 'inherit',
+  lineHeight: 'inherit',
+  fontSize: 'inherit'
 };
+var MEASURE_STATUS = /*#__PURE__*/function (MEASURE_STATUS) {
+  MEASURE_STATUS[MEASURE_STATUS["INIT"] = 99] = "INIT";
+  MEASURE_STATUS[MEASURE_STATUS["CONTENT_INIT"] = 100] = "CONTENT_INIT";
+  MEASURE_STATUS[MEASURE_STATUS["NO_ELLIPSIS"] = 0] = "NO_ELLIPSIS";
+  MEASURE_STATUS[MEASURE_STATUS["MEASURE_WALKING"] = 200] = "MEASURE_WALKING";
+  MEASURE_STATUS[MEASURE_STATUS["MEASURE_ADD_WALKING"] = 300] = "MEASURE_ADD_WALKING";
+  MEASURE_STATUS[MEASURE_STATUS["STABLE_ELLIPSIS"] = 400] = "STABLE_ELLIPSIS";
+  return MEASURE_STATUS;
+}(MEASURE_STATUS || {}); //  稳定省略号
+var ELLIPSIS_TEXT = '...';
 
 /**
  * 文本缩略
  * @param EllipsisProps
  * @returns
  */
-var Ellipsis = function Ellipsis(p) {
-  var props = CcsUtils.mergeProps(defaultProps, p);
-  var direction = props.direction,
-    rows = props.rows,
-    expandText = props.expandText,
-    collapseText = props.collapseText,
-    stopPropagationForActionButtons = props.stopPropagationForActionButtons,
-    onContentClick = props.onContentClick,
-    defaultExpanded = props.defaultExpanded,
-    showTooltip = props.showTooltip;
-  var content = props.content === null ? '' : props.content.toString();
+function Ellipsis(_ref) {
+  var content = _ref.content,
+    _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? 1 : _ref$rows,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'end' : _ref$direction,
+    expandText = _ref.expandText,
+    collapseText = _ref.collapseText,
+    showTooltip = _ref.showTooltip;
+  var containerRef = useRef(null);
+  // 记录单号高度
+  var rowHeightRef = useRef(0);
+  // 计算单行高度的容器
+  var singleRowRef = React.useRef(null);
+  // 计算内容高度内容容器
+  var contentRef = React.useRef(null);
+  // 计算省略号内容容器
+  var walkingContentRef = React.useRef(null);
+  // 最大高度
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    maxHeight = _useState2[0],
+    setMaxHeight = _useState2[1];
+  // 测量状态
+  var _React$useState = React.useState(MEASURE_STATUS.INIT),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    status = _React$useState2[0],
+    setStatus = _React$useState2[1];
+  // 文字内容
+  var contentChars = React.useMemo(function () {
+    return runes(content);
+  }, [content]);
+  // 文字裁剪位置
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    indexNumber = _useState4[0],
+    setIndexNumber = _useState4[1];
+  // 收起状态
+  var _useState5 = useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    collapsed = _useState6[0],
+    setCollapsed = _useState6[1];
+  useEffect(function () {
+    if (status === MEASURE_STATUS.INIT) {
+      var _singleRowRef$current, _singleRowRef$current2;
+      setStatus(MEASURE_STATUS.CONTENT_INIT);
+      setMaxHeight((((_singleRowRef$current = singleRowRef.current) === null || _singleRowRef$current === void 0 ? void 0 : _singleRowRef$current.offsetHeight) || 0) * rows);
+      rowHeightRef.current = ((_singleRowRef$current2 = singleRowRef.current) === null || _singleRowRef$current2 === void 0 ? void 0 : _singleRowRef$current2.offsetHeight) || 0;
+    }
+    if (status === MEASURE_STATUS.CONTENT_INIT) {
+      if (contentRef.current.offsetHeight === contentRef.current.scrollHeight) {
+        // 内容没有超出最大高度，不需要省略号
+        setStatus(MEASURE_STATUS.NO_ELLIPSIS);
+      } else {
+        // 当前内容最大行
+        var maxRow = contentRef.current.scrollHeight / rowHeightRef.current;
 
-  // ============================ Refs ============================
-  var rootRef = React.useRef(null);
+        // 省略结尾,根据最大行数，计算初始字段大致位置
+        var defaultLength = Math.floor(contentChars.length * (rows / maxRow));
+        if (direction === 'start' || direction === 'end') {
+          setIndexNumber(defaultLength);
+        }
 
-  // ========================== Expanded ==========================
-  var _React$useState = React.useState(defaultExpanded),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    expanded = _React$useState2[0],
-    setExpanded = _React$useState2[1];
-  var expandNode = expandText ? withStopPropagation(stopPropagationForActionButtons, /*#__PURE__*/_jsx("a", {
-    onClick: function onClick() {
-      setExpanded(true);
+        // 省略中间,根据最大行数，计算初始字段大致位置
+        if (direction === 'middle') {
+          var len = Math.floor(contentChars.length * (rows / maxRow));
+          var middleLen = Math.floor(len / 2);
+          setIndexNumber(middleLen);
+        }
+
+        // 内容超出最大高度，需要省略号
+        setStatus(MEASURE_STATUS.MEASURE_WALKING);
+      }
+    }
+
+    // 测量省略号
+    if (status === MEASURE_STATUS.MEASURE_WALKING) {
+      // 内容没有超出最大高度，增加字量
+      if (walkingContentRef.current.offsetHeight === walkingContentRef.current.scrollHeight) {
+        setStatus(MEASURE_STATUS.MEASURE_ADD_WALKING);
+        setIndexNumber(indexNumber + 1);
+      } else {
+        // 继续减少字量
+        setIndexNumber(indexNumber - 1);
+      }
+    }
+
+    // 逐个增加字量，直到超出最大高度
+    if (status === MEASURE_STATUS.MEASURE_ADD_WALKING) {
+      if (walkingContentRef.current.offsetHeight < walkingContentRef.current.scrollHeight) {
+        // 内容没有超出最大高度，增加字量成功
+        setStatus(MEASURE_STATUS.STABLE_ELLIPSIS);
+        setIndexNumber(indexNumber - 1);
+      } else {
+        // 继续增加字量
+        setIndexNumber(indexNumber + 1);
+      }
+    }
+  }, [status, indexNumber]);
+
+  // 展开
+  var expandNode = expandText ? /*#__PURE__*/_jsx("a", {
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      setCollapsed(false);
     },
     children: expandText
-  })) : null;
-  var collapseNode = collapseText ? withStopPropagation(stopPropagationForActionButtons, /*#__PURE__*/_jsx("a", {
-    onClick: function onClick() {
-      setExpanded(false);
-    },
-    children: collapseText
-  })) : null;
-
-  // ========================== Ellipsis ==========================
-  var _useMeasure = useMeasure(content, rows, direction, expanded, expandNode, collapseNode),
-    _useMeasure2 = _slicedToArray(_useMeasure, 3),
-    measureNodes = _useMeasure2[0],
-    status = _useMeasure2[1],
-    forceResize = _useMeasure2[2];
-  useResizeEffect(forceResize, rootRef);
+  }) : null;
 
-  // =========================== Render ===========================
-  var renderNode = /*#__PURE__*/_jsx("div", {
-    ref: rootRef,
-    className: classPrefix,
+  // 收起
+  var collapseNode = collapseText ? /*#__PURE__*/_jsx("a", {
     onClick: function onClick(e) {
-      if (e.target === e.currentTarget) {
-        onContentClick(e);
-      }
+      e.stopPropagation();
+      setCollapsed(true);
     },
-    children: measureNodes
-  });
-  if (status === 100 || !showTooltip) {
-    return renderNode;
-  }
-  if (showTooltip) {
-    return /*#__PURE__*/_jsx(Tooltip, {
-      zIndex: 9999,
-      title: function title() {
-        return /*#__PURE__*/_jsxs(_Fragment, {
-          children: [content, /*#__PURE__*/_jsxs("a", {
-            style: {
-              color: 'gray',
-              display: 'block'
-            },
-            onClick: function onClick() {
-              var _CcsDialog$message;
-              CcsUtils.copy(content);
-              (_CcsDialog$message = CcsDialog.message) === null || _CcsDialog$message === void 0 || _CcsDialog$message.info('复制成功');
-            },
-            children: [/*#__PURE__*/_jsx(CopyOutlined, {
+    children: collapseText
+  }) : null;
+  var renderContent = function renderContent() {
+    if (!collapsed) {
+      return /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [content, collapseNode]
+      }, "display");
+    }
+    if (direction === 'start') {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [ELLIPSIS_TEXT, expandNode, contentChars.slice(contentChars.length - indexNumber).join('')]
+      });
+    }
+    if (direction === 'end') {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [contentChars.slice(0, indexNumber).join(''), ELLIPSIS_TEXT, expandNode]
+      });
+    }
+    if (direction === 'middle') {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [contentChars.slice(0, indexNumber).join(''), ELLIPSIS_TEXT, expandNode, !!expandText && ELLIPSIS_TEXT, contentChars.slice(contentChars.length - indexNumber).join('')]
+      });
+    }
+  };
+
+  // 容器尺寸改变
+  var onResize = function onResize(size) {
+    if (size.width === 0) return;
+    setStatus(MEASURE_STATUS.INIT);
+    setIndexNumber(0);
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(CcsResizeObserver.Target, {
+      targetRef: containerRef,
+      onResize: onResize
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "ccs-ellipsis",
+      ref: containerRef,
+      children: [status === MEASURE_STATUS.INIT && /*#__PURE__*/_jsx("div", {
+        "aria-hidden": true,
+        ref: singleRowRef,
+        style: measureStyle,
+        children: "\xA0"
+      }, "stable"), status === MEASURE_STATUS.CONTENT_INIT && /*#__PURE__*/_jsx("div", {
+        ref: contentRef,
+        style: {
+          maxHeight: maxHeight
+        },
+        className: "ccs-ellipsis-scroll",
+        children: content
+      }, "content-init"), status === MEASURE_STATUS.NO_ELLIPSIS && content, (status === MEASURE_STATUS.MEASURE_WALKING || status === MEASURE_STATUS.MEASURE_ADD_WALKING) && /*#__PURE__*/_jsx("div", {
+        ref: walkingContentRef,
+        style: {
+          maxHeight: maxHeight
+        },
+        className: "ccs-ellipsis-scroll",
+        children: renderContent()
+      }, "measure-walking"), status === MEASURE_STATUS.STABLE_ELLIPSIS && (showTooltip ? /*#__PURE__*/_jsx(Tooltip, {
+        zIndex: 9999,
+        title: function title() {
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx("div", {
               style: {
-                marginRight: 5
-              }
-            }), "\u590D\u5236"]
-          })]
-        });
-      },
-      placement: "bottomLeft",
-      destroyTooltipOnHide: true,
-      styles: {
-        body: {
-          whiteSpace: 'normal'
-        }
-      },
-      children: renderNode
-    });
-  }
-};
+                maxHeight: 300,
+                overflow: 'auto'
+              },
+              children: content
+            }), /*#__PURE__*/_jsx("div", {
+              style: {
+                textAlign: 'right'
+              },
+              children: /*#__PURE__*/_jsx(Button, {
+                type: "link",
+                onClick: function onClick() {
+                  CcsUtils.copy(content);
+                  message === null || message === void 0 || message.info('复制成功');
+                },
+                icon: /*#__PURE__*/_jsx(CopyOutlined, {}),
+                children: "\u590D\u5236"
+              })
+            })]
+          });
+        },
+        placement: "bottomLeft",
+        destroyOnHidden: true,
+        styles: {
+          body: {
+            whiteSpace: 'normal'
+          }
+        },
+        children: renderContent()
+      }) : renderContent())]
+    })]
+  });
+}
 if (process.env.NODE_ENV !== 'production') {
   Ellipsis.displayName = 'CcsEllipsis';
 }
-export default Ellipsis;
+export default /*#__PURE__*/React.memo(Ellipsis, function (l, n) {
+  return l.content === n.content;
+});

package/es/ellipsis/index.less

@@ -3,3 +3,19 @@
   line-height: 1.5;
   word-break: break-word;
 }
+
+.ccs-ellipsis-scroll {
+  /* 允许滚动（核心：不能用 overflow: hidden） */
+  overflow: auto; /* 或 overflow-y: auto / overflow-x: auto，根据方向选择 */
+
+  /* 1. 针对 Firefox 浏览器 */
+  scrollbar-width: none; /* 隐藏滚动条（仅 Firefox 支持） */
+
+  /* 2. 针对 IE 和 Edge 旧版本（非 Chromium 内核） */
+  -ms-overflow-style: none; /* 隐藏滚动条（仅 IE/Edge 旧版支持） */
+}
+
+/* 3. 针对 WebKit 内核浏览器（Chrome、Safari、Edge 新版等） */
+.ccs-ellipsis-scroll::-webkit-scrollbar {
+  display: none; /* 隐藏滚动条（WebKit 浏览器通过伪元素控制） */
+}

package/es/form/_api.d.ts

@@ -0,0 +1,70 @@
+import { FormItemProps as AntdFormItemProps, ButtonProps, Form, FormListOperation } from 'antd';
+import { NamePath } from 'antd/es/form/interface';
+import { ReactNode } from 'react';
+import { PropsWithCss } from '../ccs';
+export type FormItem = typeof Form.Item;
+export type RuleType = 'select' | 'input' | 'email' | 'url' | 'phone' | 'idcard' | RegExp;
+/** 依赖更新的值，数组的每个元素是一个字段的值 */
+export type ShowValidateEvent = (values: any[]) => boolean;
+/** CcsForm.Item 表单项组件属性 */
+export type FormItemProps = Omit<AntdFormItemProps, 'shouldUpdate'> & {
+    /**
+     * 依赖字段，当依赖字段变化时，才会触发 shouldUpdate, 多个字段时，只要有一个字段变化，就会触发 shouldUpdate
+     * 如果依赖字段是一个数组中的某个字段，则在数组的索引位置用空标识，例如：['listName', '', 'fieldName']
+     * */
+    shouldUpdateNames?: NamePath[];
+    /**
+     * 显示校验函数，当校验函数返回 true 时，组件才会显示，
+     * 当配置了shouldUpdateNames时，才能获取到最新的字段值
+     * */
+    showValidate?: ShowValidateEvent;
+    /** 校验简单规则RuleType，输入或选择 */
+    simpleRule?: RuleType | RuleType[];
+    /** margin-bottom 值 */
+    mb?: number;
+    /** 分组表单项，将解构name，生成独立的字段值，如时间范围选择，将数组结果解构成独立的字段值 */
+    isGroupName?: boolean;
+};
+export type RenderItemButton = (props: ButtonProps) => ReactNode;
+export type RenderItemProps = Pick<FormListOperation, 'remove'> & {
+    /** 列表项字段名称 */
+    nameIndex: number;
+    /** 列表项拖动按钮 */
+    DragButtom: RenderItemButton;
+    /** 列表项删除按钮 */
+    RemoveButtom: RenderItemButton;
+};
+export type RenderItem = (props: RenderItemProps) => ReactNode;
+/** CcsForm.List List表单组件属性 */
+export type FormListProps = PropsWithCss & {
+    /** 列表名称 */
+    name: string;
+    /** 列表标签 */
+    label?: string;
+    /** 列表最大数量 */
+    max?: number;
+    /** 列表最小数量 */
+    min?: number;
+    /** 列表添加按钮文字或自定义按钮 */
+    addBtn?: string | ReactNode;
+    /** 是否可拖动排序 */
+    isDrag?: boolean;
+    /** 列表子项渲染函数 */
+    renderItem: RenderItem;
+};
+/** 列表项删除按钮 */
+export type ListItemBtnProps = Omit<ButtonProps, 'onClick'> & {};
+/** 表单项更新的值 */
+export interface FormItemUpdateProps {
+    /** 表单项更新的值 */
+    value?: any;
+    /** 表单项更新的值变化时的回调函数 */
+    onChange?: (value: any) => void;
+    /** 表单项更新时的依赖字段值和所有表单项的值 */
+    update?: {
+        /** 依赖字段的值 */
+        changeValues: any[];
+        /** 所有表单项的值 */
+        fieldsValue: any[];
+    };
+}

package/es/form/_api.js

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

package/es/form/index.d.ts

@@ -0,0 +1,15 @@
+import './index.less';
+import FormItem from './item';
+import FormList from './list';
+/**
+ * form 组件扩展
+ * @param FormProps
+ * @returns
+ */
+declare function InternalForm(): import("react/jsx-runtime").JSX.Element;
+declare namespace InternalForm {
+    var displayName: string;
+    var Item: typeof FormItem;
+    var List: typeof FormList;
+}
+export default InternalForm;

package/es/form/index.js

@@ -0,0 +1,24 @@
+import "./index.less";
+import FormItem from "./item";
+import FormList from "./list";
+
+/**
+ * form 组件扩展
+ * @param FormProps
+ * @returns
+ */
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+function InternalForm() {
+  return /*#__PURE__*/_jsx(_Fragment, {});
+}
+if (process.env.NODE_ENV !== 'production') {
+  InternalForm.displayName = 'CcsForm';
+}
+
+/** 表单项 */
+InternalForm.Item = FormItem;
+
+/** 列表项 */
+InternalForm.List = FormList;
+export default InternalForm;

package/es/form/index.less

@@ -0,0 +1,3 @@
+.ccs-form-drag-ghost {
+  background-color: rgba(0, 0, 0, 5%);
+}

package/es/form/item.d.ts

@@ -0,0 +1,2 @@
+import { FormItemProps } from './_api';
+export default function FormItem({ mb, name, rules, children, simpleRule, isGroupName, showValidate, shouldUpdateNames, style, ...item }: FormItemProps): import("react/jsx-runtime").JSX.Element;