@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.20

package/lib/filter/utils.js

@@ -0,0 +1,192 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.wrappedValueStyle = exports.wrapContent = exports.normalizeLabel = exports.getWrappedValueStyle = exports.getStableOptionsKey = exports.getPlaceholder = exports.getIcon = exports.generateFilterId = exports.filterOptions = exports.areArraysEqual = void 0;
+var _icons = require("@oceanbase/icons");
+var _jsxRuntime = require("react/jsx-runtime");
+const getIcon = icon => {
+  switch (icon) {
+    case 'time':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ClockCircleOutlined, {});
+    case 'filter':
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FilterOutlined, {});
+    default:
+      return undefined;
+  }
+};
+
+/**
+ * 将 ReactNode 转换为稳定的字符串标识符
+ * 用于生成 filterId
+ */
+exports.getIcon = getIcon;
+const reactNodeToString = node => {
+  if (typeof node === 'string' || typeof node === 'number') {
+    return String(node);
+  }
+  if (typeof node === 'boolean' || node === null || node === undefined) {
+    return '';
+  }
+  if (Array.isArray(node)) {
+    return node.map(reactNodeToString).join('-');
+  }
+  if (typeof node === 'object' && 'props' in node) {
+    // 尝试从 props 中获取 children 或 value
+    const props = node.props;
+    if (props?.children) {
+      return reactNodeToString(props.children);
+    }
+    if (props?.value !== undefined) {
+      return String(props.value);
+    }
+    if (props?.label) {
+      return reactNodeToString(props.label);
+    }
+  }
+  // 如果无法转换，使用对象的键或默认值
+  return '';
+};
+
+/**
+ * 生成稳定的 filterId
+ * 基于 componentName 和 label 生成，确保 label 变化时 ID 也会更新
+ */
+const generateFilterId = (componentName, label, fallbackIndex) => {
+  const labelStr = reactNodeToString(label);
+  // 如果 label 为空，使用 fallbackIndex 或时间戳作为后备
+  if (!labelStr && fallbackIndex !== undefined) {
+    return `filter-${componentName}-${fallbackIndex}`;
+  }
+  if (!labelStr) {
+    return `filter-${componentName}-${Date.now()}`;
+  }
+  // 清理 label 字符串，移除特殊字符，只保留字母数字和连字符
+  const cleanLabel = labelStr.replace(/[^a-zA-Z0-9\u4e00-\u9fa5]/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');
+  return `filter-${componentName}-${cleanLabel}`;
+};
+
+/**
+ * 获取 Filter 组件的占位符文案
+ */
+exports.generateFilterId = generateFilterId;
+const getPlaceholder = () => {
+  return '请选择';
+};
+
+/**
+ * Wrapped 模式下显示值的样式
+ */
+exports.getPlaceholder = getPlaceholder;
+const wrappedValueStyle = exports.wrappedValueStyle = {
+  whiteSpace: 'nowrap',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  flex: 1
+};
+
+/**
+ * 获取 Wrapped 模式下显示值的样式（包含颜色）
+ * @param hasValue 是否有值
+ */
+const getWrappedValueStyle = hasValue => ({
+  ...wrappedValueStyle,
+  color: hasValue ? undefined : '#b6c0d4'
+});
+
+/**
+ * 包装 Filter 内容的容器
+ * @param content 内容
+ * @param padding 内边距，默认为 8
+ * @param maxHeight 最大高度，默认为 300
+ */
+exports.getWrappedValueStyle = getWrappedValueStyle;
+const wrapContent = (content, padding = 8, maxHeight = 300) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      padding,
+      maxHeight,
+      overflowY: 'auto'
+    },
+    children: content
+  });
+};
+
+/**
+ * 深度比较两个数组是否相等（用于 options 比较）
+ */
+exports.wrapContent = wrapContent;
+const areArraysEqual = (a, b) => {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  if (a.length !== b.length) return false;
+  try {
+    return JSON.stringify(a) === JSON.stringify(b);
+  } catch {
+    // 如果 JSON.stringify 失败，使用浅比较
+    return a.every((item, index) => item === b[index]);
+  }
+};
+
+/**
+ * 稳定化 options 数组的引用（使用 JSON.stringify 作为 key）
+ * 这是一个普通函数，不是 Hook
+ */
+exports.areArraysEqual = areArraysEqual;
+const getStableOptionsKey = options => {
+  if (!options || options.length === 0) return '';
+  try {
+    return JSON.stringify(options);
+  } catch {
+    // 如果序列化失败，使用长度和第一个元素的组合
+    return `${options.length}-${String(options[0])}`;
+  }
+};
+
+/**
+ * 将 ReactNode 转换为可搜索的字符串
+ * 用于搜索功能中的文本匹配
+ */
+exports.getStableOptionsKey = getStableOptionsKey;
+const normalizeLabel = label => {
+  if (typeof label === 'string') return label;
+  if (typeof label === 'number') return String(label);
+  if (typeof label === 'boolean' || label === null || label === undefined) {
+    return '';
+  }
+  if (Array.isArray(label)) {
+    return label.map(normalizeLabel).join(' ');
+  }
+  if (typeof label === 'object' && 'props' in label) {
+    // 尝试从 props 中获取 children 或文本内容
+    const props = label.props;
+    if (props?.children) {
+      return normalizeLabel(props.children);
+    }
+    if (props?.text !== undefined) {
+      return String(props.text);
+    }
+    if (props?.label) {
+      return normalizeLabel(props.label);
+    }
+  }
+  return '';
+};
+
+/**
+ * 根据关键词过滤选项列表
+ * @param options 选项列表
+ * @param keyword 搜索关键词
+ * @returns 过滤后的选项列表
+ */
+exports.normalizeLabel = normalizeLabel;
+const filterOptions = (options, keyword) => {
+  if (!keyword.trim()) return options;
+  const lowerKeyword = keyword.toLowerCase().trim();
+  return options.filter(option => {
+    const labelText = normalizeLabel(option.label);
+    return labelText.toLowerCase().includes(lowerKeyword);
+  });
+};
+exports.filterOptions = filterOptions;

package/lib/float-button/index.js

@@ -1,23 +1,16 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/float-button/index.ts
-var float_button_exports = {};
-module.exports = __toCommonJS(float_button_exports);
-__reExport(float_button_exports, require("antd/es/float-button"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/float-button")
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _floatButton = require("antd/es/float-button");
+Object.keys(_floatButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _floatButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _floatButton[key];
+    }
+  });
+});

package/lib/float-button/interface.js

@@ -1,23 +1,16 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/float-button/interface.ts
-var interface_exports = {};
-module.exports = __toCommonJS(interface_exports);
-__reExport(interface_exports, require("antd/es/float-button/interface"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/float-button/interface")
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _interface = require("antd/es/float-button/interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _interface[key];
+    }
+  });
+});

package/lib/form/FormItem.d.ts

@@ -17,6 +17,7 @@ export type LabelTooltipType = WrapperTooltipProps | React.ReactNode;
 export interface FormItemProps extends AntFormItemProps {
     tooltip?: WrapperTooltipProps | ReactNode;
     action?: ReactNode;
+    description?: ReactNode;
 }
 type CompoundedComponent = React.FC<FormItemProps> & {
     useStatus: typeof AntFormItem.useStatus;

package/lib/form/FormItem.js

@@ -1,103 +1,107 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/form/FormItem.tsx
-var FormItem_exports = {};
-__export(FormItem_exports, {
-  default: () => FormItem_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _context = require("antd/es/form/context");
+var _lodash = require("lodash");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _useTooltipTypeList = require("../tooltip/hooks/useTooltipTypeList");
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _FormItem = require("antd/es/form/FormItem");
+Object.keys(_FormItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FormItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FormItem[key];
+    }
+  });
 });
-module.exports = __toCommonJS(FormItem_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_context = require("antd/es/form/context");
-var import_lodash = require("lodash");
-var import_classnames = __toESM(require("classnames"));
-var import_config_provider = __toESM(require("../config-provider"));
-var import_useTooltipTypeList = require("../tooltip/hooks/useTooltipTypeList");
-var import_style = __toESM(require("./style"));
-__reExport(FormItem_exports, require("antd/es/form/FormItem"), module.exports);
-var AntFormItem = import_antd.Form.Item;
-var FormItem = ({
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AntFormItem = _antd.Form.Item;
+const FormItem = ({
   children,
   label,
   tooltip,
   action,
+  description,
   layout: externalLayout,
   prefixCls: customizePrefixCls,
   className,
   ...restProps
 }) => {
-  var _a;
-  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const prefixCls = getPrefixCls("form", customizePrefixCls);
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const formItemCls = (0, import_classnames.default)(className);
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('form', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const formItemCls = (0, _classnames.default)(className, {
+    [`${prefixCls}-item-has-description`]: !!description
+  });
   const {
     layout: contextLayout,
     // compatible with vertical for version < antd 27.0.0
     // ref: https://github.com/ant-design/ant-design/pull/54611
     // @ts-ignore
     vertical
-  } = (0, import_react.useContext)(import_context.FormContext);
+  } = (0, _react.useContext)(_context.FormContext);
   const layout = externalLayout || contextLayout;
-  const typeList = (0, import_useTooltipTypeList.useTooltipTypeList)();
-  if (typeof tooltip === "object" && !import_react.default.isValidElement(tooltip)) {
-    const { icon, type, overlayInnerStyle, ...restTooltipProps } = tooltip;
-    const typeItem = typeList.find((item) => item.type === type);
+  const typeList = (0, _useTooltipTypeList.useTooltipTypeList)();
+  // tooltip config
+  if (typeof tooltip === 'object' && ! /*#__PURE__*/_react.default.isValidElement(tooltip)) {
+    const {
+      icon,
+      type,
+      overlayInnerStyle,
+      ...restTooltipProps
+    } = tooltip;
+    const typeItem = typeList.find(item => item.type === type);
     tooltip = {
-      color: typeItem == null ? void 0 : typeItem.backgroundColor,
+      color: typeItem?.backgroundColor,
       overlayInnerStyle: {
-        color: typeItem == null ? void 0 : typeItem.color,
+        color: typeItem?.color,
         ...overlayInnerStyle
       },
       ...restTooltipProps
     };
   }
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
-      AntFormItem,
-      {
-        layout,
-        label: action && (layout === "vertical" || vertical) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, label, action && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-item-action` }, action)) : label,
-        tooltip,
-        required: (0, import_lodash.isPlainObject)(children) && ((_a = children.type) == null ? void 0 : _a.__ANT_SWITCH) ? true : void 0,
-        prefixCls: customizePrefixCls,
-        className: formItemCls,
-        ...restProps
-      },
-      children
-    )
-  );
+
+  // description config - only show in vertical layout
+  const isVertical = layout === 'vertical' || vertical;
+  const descriptionContent = description && isVertical ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: `${prefixCls}-item-description`,
+    children: description
+  }) : null;
+  const actionContent = action && (layout === 'vertical' || vertical) ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: `${prefixCls}-item-action`,
+    children: action
+  }) : null;
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(AntFormItem, {
+    layout: layout,
+    label: actionContent || descriptionContent ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [label, actionContent, descriptionContent]
+    }) : label,
+    tooltip: tooltip
+    // auto set required for Switch children to hide optional mark
+    // @ts-ignore
+    ,
+    required: (0, _lodash.isPlainObject)(children) && children.type?.__ANT_SWITCH ? true : undefined,
+    prefixCls: customizePrefixCls,
+    className: formItemCls,
+    ...restProps,
+    children: children
+  }));
 };
 FormItem.useStatus = AntFormItem.useStatus;
-var FormItem_default = FormItem;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/form/FormItem")
-});
+var _default = exports.default = FormItem;

package/lib/form/index.js

@@ -1,83 +1,65 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/form/index.tsx
-var form_exports = {};
-__export(form_exports, {
-  default: () => form_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(form_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_config_provider = __toESM(require("../config-provider"));
-var import_FormItem = __toESM(require("./FormItem"));
-var import_style = __toESM(require("./style"));
-__reExport(form_exports, require("antd/es/form"), module.exports);
-var Form = ({
+var _exportNames = {};
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _FormItem = _interopRequireDefault(require("./FormItem"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _form = require("antd/es/form");
+Object.keys(_form).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _form[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _form[key];
+    }
+  });
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Form = ({
   hideRequiredMark,
   prefixCls: customizePrefixCls,
   className,
   ...restProps
 }) => {
-  const { getPrefixCls, form: contextForm } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const prefixCls = getPrefixCls("form", customizePrefixCls);
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const formCls = (0, import_classnames.default)(className);
-  return wrapSSR(
-    // @ts-ignore to ignore children type error
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Form,
-      {
-        requiredMark: (
-          // could remove hideRequiredMark logic after https://github.com/ant-design/ant-design/pull/46299 is published
-          hideRequiredMark ? false : (contextForm == null ? void 0 : contextForm.requiredMark) !== void 0 ? contextForm == null ? void 0 : contextForm.requiredMark : "optional"
-        ),
-        hideRequiredMark,
-        preserve: false,
-        prefixCls: customizePrefixCls,
-        className: formCls,
-        ...restProps
-      }
-    )
-  );
+  const {
+    getPrefixCls,
+    form: contextForm
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('form', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const formCls = (0, _classnames.default)(className);
+  return wrapCSSVar(
+  /*#__PURE__*/
+  // @ts-ignore to ignore children type error
+  (0, _jsxRuntime.jsx)(_antd.Form, {
+    requiredMark:
+    // could remove hideRequiredMark logic after https://github.com/ant-design/ant-design/pull/46299 is published
+    hideRequiredMark ? false : contextForm?.requiredMark !== undefined ? contextForm?.requiredMark : 'optional',
+    hideRequiredMark: hideRequiredMark,
+    preserve: false,
+    prefixCls: customizePrefixCls,
+    className: formCls,
+    ...restProps
+  }));
 };
-Form.Item = import_FormItem.default;
-Form.List = import_antd.Form.List;
-Form.ErrorList = import_antd.Form.ErrorList;
-Form.useForm = import_antd.Form.useForm;
-Form.useFormInstance = import_antd.Form.useFormInstance;
-Form.useWatch = import_antd.Form.useWatch;
-Form.Provider = import_antd.Form.Provider;
-Form.create = import_antd.Form.create;
-var form_default = Form;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/form")
-});
+Form.Item = _FormItem.default;
+Form.List = _antd.Form.List;
+Form.ErrorList = _antd.Form.ErrorList;
+Form.useForm = _antd.Form.useForm;
+Form.useFormInstance = _antd.Form.useFormInstance;
+Form.useWatch = _antd.Form.useWatch;
+Form.Provider = _antd.Form.Provider;
+Form.create = _antd.Form.create;
+var _default = exports.default = Form;

package/lib/form/interface.js

@@ -1,23 +1,16 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/form/interface.ts
-var interface_exports = {};
-module.exports = __toCommonJS(interface_exports);
-__reExport(interface_exports, require("antd/es/form/interface"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/form/interface")
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+var _interface = require("antd/es/form/interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _interface[key];
+    }
+  });
+});