@qsxy/element-plus-react 1.0.0-next.8 → 1.0.2

package/dist/Dropdown/DropdownMenu.js

@@ -1,57 +1,31 @@
-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 _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import classNames from 'classnames';
+import noop from 'lodash/noop';
+import React, { useContext } from 'react';
+import Scrollbar from "../Scrollbar/Scrollbar";
+import { TooltipContext } from "../Tooltip/TooltipContext";
+import { useClassNames } from "../hooks";
+var DropdownMenu = function DropdownMenu(props) {
+  var _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,
+    maxHeight = props.maxHeight;
+  var _useClassNames = useClassNames(classPrefix),
+    b = _useClassNames.b,
+    e = _useClassNames.e;
+  var _useContext = useContext(TooltipContext),
+    onMouseEnter = _useContext.onMouseEnter,
+    onMouseLeave = _useContext.onMouseLeave,
+    trigger = _useContext.trigger;
+  return /*#__PURE__*/React.createElement(Scrollbar, {
+    viewClass: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["list"]))),
+    height: maxHeight
+  }, /*#__PURE__*/React.createElement("ul", {
+    onMouseEnter: trigger === 'hover' ? onMouseEnter : noop,
+    onMouseLeave: trigger === 'hover' ? onMouseLeave : noop,
+    className: classNames(b(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["menu"]))), props.className),
+    style: props.style
+  }, props.children));
 };
-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 __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/Dropdown/DropdownMenu.tsx
-var DropdownMenu_exports = {};
-__export(DropdownMenu_exports, {
-  default: () => DropdownMenu_default
-});
-module.exports = __toCommonJS(DropdownMenu_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_noop = __toESM(require("lodash/noop"));
-var import_react = __toESM(require("react"));
-var import_Scrollbar = require("../Scrollbar");
-var import_Tooltip = require("../Tooltip");
-var import_hooks = require("../hooks");
-var DropdownMenu = (props) => {
-  const { classPrefix = "dropdown" } = props;
-  const { b, e } = (0, import_hooks.useClassNames)(classPrefix);
-  const { onMouseEnter, onMouseLeave, trigger } = (0, import_react.useContext)(import_Tooltip.TooltipContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_Scrollbar.Scrollbar, { viewClass: e`list` }, /* @__PURE__ */ import_react.default.createElement(
-    "ul",
-    {
-      onMouseEnter: trigger === "hover" ? onMouseEnter : import_noop.default,
-      onMouseLeave: trigger === "hover" ? onMouseLeave : import_noop.default,
-      className: (0, import_classnames.default)(b`menu`, props.className),
-      style: props.style
-    },
-    props.children
-  ));
-};
-DropdownMenu.displayName = "DropdownMenu";
-var DropdownMenu_default = DropdownMenu;
+DropdownMenu.displayName = 'ElDropdownMenu';
+export default DropdownMenu;

package/dist/Dropdown/index.js

@@ -1,45 +1,3 @@
-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 __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/Dropdown/index.ts
-var Dropdown_exports = {};
-__export(Dropdown_exports, {
-  Dropdown: () => import_Dropdown.default,
-  DropdownItem: () => import_DropdownItem.default,
-  DropdownMenu: () => import_DropdownMenu.default
-});
-module.exports = __toCommonJS(Dropdown_exports);
-var import_Dropdown = __toESM(require("./Dropdown"));
-var import_DropdownItem = __toESM(require("./DropdownItem"));
-var import_DropdownMenu = __toESM(require("./DropdownMenu"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Dropdown,
-  DropdownItem,
-  DropdownMenu
-});
+export { default as Dropdown } from "./Dropdown";
+export { default as DropdownItem } from "./DropdownItem";
+export { default as DropdownMenu } from "./DropdownMenu";

package/dist/Dropdown/typings.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { RefObject } from 'react';
 import { PopperOptions } from '../Popper';
 import { TransitionProps } from '../Transition';
 import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
@@ -24,10 +24,12 @@ export interface DropdownProps extends BaseProps<React.ReactElement>, NativeProp
     /** 点击菜单项触发的事件回调 */
     onClick?: (command: string | number | object) => void;
     /** 下拉框出现/隐藏时触发: 出现则为 true，隐藏则为 false */
-    visiblechange?: (visible: boolean) => void;
+    onVisiblechange?: (visible: boolean) => void;
 }
 export interface DropdownMenuProps extends BaseProps, NativeProps {
     classPrefix?: string;
+    /** 菜单最大高度 */
+    maxHeight?: number;
 }
 /** Dropdown-Item 属性 */
 export interface DropdownItemProps extends BaseProps, NativeProps {
@@ -40,3 +42,10 @@ export interface DropdownItemProps extends BaseProps, NativeProps {
     /** 是否为激活状态 */
     active?: boolean;
 }
+export type DropdownRef = {
+    ref: RefObject<HTMLDivElement>;
+    /** 打开下拉菜单 */
+    handleOpen?: () => void;
+    /** 关闭下拉菜单 */
+    handleClose?: () => void;
+};

package/dist/Dropdown/typings.js

@@ -1,17 +1 @@
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Dropdown/typings.ts
-var typings_exports = {};
-module.exports = __toCommonJS(typings_exports);
+export {};

package/dist/Empty/Empty.js

@@ -1,58 +1,37 @@
-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 __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/Empty/Empty.tsx
-var Empty_exports = {};
-__export(Empty_exports, {
-  default: () => Empty_default
-});
-module.exports = __toCommonJS(Empty_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_hooks = require("../hooks");
-var import_ImgEmpty = __toESM(require("./ImgEmpty"));
-var Empty = (props) => {
-  const { image, imageSize, description = "暂无数据" } = props;
-  const { b, e } = (0, import_hooks.useClassNames)("empty");
-  const imageStyle = (0, import_react.useMemo)(() => {
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import classNames from 'classnames';
+import React, { useMemo } from 'react';
+import { useClassNames } from "../hooks";
+import ImgEmpty from "./ImgEmpty";
+var Empty = function Empty(props) {
+  var image = props.image,
+    imageSize = props.imageSize,
+    _props$description = props.description,
+    description = _props$description === void 0 ? '暂无数据' : _props$description;
+  var _useClassNames = useClassNames('empty'),
+    b = _useClassNames.b,
+    e = _useClassNames.e;
+  var imageStyle = useMemo(function () {
     return {
-      width: imageSize ? imageSize : ""
+      width: imageSize ? imageSize : ''
     };
   }, [imageSize]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), props.className) }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`image`, style: imageStyle }, image ? /* @__PURE__ */ import_react.default.createElement(
-    "img",
-    {
-      src: "image",
-      onDragStart: () => {
-        return false;
-      }
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(b(), props.className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["image"]))),
+    style: imageStyle
+  }, image ? /*#__PURE__*/React.createElement("img", {
+    src: "image",
+    onDragStart: function onDragStart() {
+      return false;
     }
-  ) : /* @__PURE__ */ import_react.default.createElement(import_ImgEmpty.default, null)), /* @__PURE__ */ import_react.default.createElement("div", { className: e`description` }, /* @__PURE__ */ import_react.default.createElement("p", null, description)), props.children ? /* @__PURE__ */ import_react.default.createElement("div", { className: e`bottom` }, props.children) : null);
+  }) : /*#__PURE__*/React.createElement(ImgEmpty, null)), /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["description"])))
+  }, /*#__PURE__*/React.createElement("p", null, description)), props.children ? /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["bottom"])))
+  }, props.children) : null);
 };
-Empty.displayName = "Empty";
-var Empty_default = Empty;
+Empty.displayName = 'ElEmpty';
+export default Empty;

package/dist/Empty/ImgEmpty.js

@@ -1,118 +1,116 @@
-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 });
+import React, { useMemo } from 'react';
+import { randomCode } from "../Util";
+var ImgEmpty = function ImgEmpty() {
+  var ids = useMemo(function () {
+    return ["linearGradient-".concat(randomCode(5)), "linearGradient-".concat(randomCode(5))];
+  }, []);
+  return /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 79 86",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink"
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: ids[0],
+    x1: "38.8503086%",
+    y1: "0%",
+    x2: "61.1496914%",
+    y2: "100%"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "var(--el-empty-fill-color-1)",
+    offset: "0%"
+  }), /*#__PURE__*/React.createElement("stop", {
+    stopColor: "var(--el-empty-fill-color-4)",
+    offset: "100%"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: ids[1],
+    x1: "0%",
+    y1: "9.5%",
+    x2: "100%",
+    y2: "90.5%"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "var(--el-empty-fill-color-1)",
+    offset: "0%"
+  }), /*#__PURE__*/React.createElement("stop", {
+    stopColor: "var(--el-empty-fill-color-6)",
+    offset: "100%"
+  })), /*#__PURE__*/React.createElement("rect", {
+    id: "path-3-1",
+    x: "0",
+    y: "0",
+    width: "17",
+    height: "36"
+  })), /*#__PURE__*/React.createElement("g", {
+    id: "Illustrations",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "B-type",
+    transform: "translate(-1268.000000, -535.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "Group-2",
+    transform: "translate(1268.000000, 535.000000)"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "Oval-Copy-2",
+    d: "M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",
+    fill: "var(--el-empty-fill-color-3)"
+  }), /*#__PURE__*/React.createElement("polygon", {
+    id: "Rectangle-Copy-14",
+    fill: "var(--el-empty-fill-color-7)",
+    transform: "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
+    points: "13 58 53 58 42 45 2 45"
+  }), /*#__PURE__*/React.createElement("g", {
+    id: "Group-Copy",
+    transform: "translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"
+  }, /*#__PURE__*/React.createElement("polygon", {
+    id: "Rectangle-Copy-10",
+    fill: "var(--el-empty-fill-color-7)",
+    transform: "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
+    points: "2.84078316e-14 3 18 3 23 7 5 7"
+  }), /*#__PURE__*/React.createElement("polygon", {
+    id: "Rectangle-Copy-11",
+    fill: "var(--el-empty-fill-color-5)",
+    points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
+  }), /*#__PURE__*/React.createElement("rect", {
+    id: "Rectangle-Copy-12",
+    fill: "url(#".concat(ids[0], ")"),
+    transform: "translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",
+    x: "38",
+    y: "7",
+    width: "17",
+    height: "36"
+  }), /*#__PURE__*/React.createElement("polygon", {
+    id: "Rectangle-Copy-13",
+    fill: "var(--el-empty-fill-color-2)",
+    transform: "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
+    points: "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
+  })), /*#__PURE__*/React.createElement("rect", {
+    id: "Rectangle-Copy-15",
+    fill: "url(#".concat(ids[1], ")"),
+    x: "13",
+    y: "45",
+    width: "40",
+    height: "36"
+  }), /*#__PURE__*/React.createElement("g", {
+    id: "Rectangle-Copy-17",
+    transform: "translate(53.000000, 45.000000)"
+  }, /*#__PURE__*/React.createElement("use", {
+    id: "Mask",
+    fill: "var(--el-empty-fill-color-8)",
+    transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
+    xlinkHref: "#path-3-1"
+  }), /*#__PURE__*/React.createElement("polygon", {
+    id: "Rectangle-Copy",
+    fill: "var(--el-empty-fill-color-9)",
+    mask: "url(#mask-4-1)",
+    transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
+    points: "7 0 24 0 20 18 7 16.5"
+  })), /*#__PURE__*/React.createElement("polygon", {
+    id: "Rectangle-Copy-18",
+    fill: "var(--el-empty-fill-color-2)",
+    transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
+    points: "62 45 79 45 70 58 53 58"
+  })))));
 };
-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 __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/Empty/ImgEmpty.tsx
-var ImgEmpty_exports = {};
-__export(ImgEmpty_exports, {
-  default: () => ImgEmpty_default
-});
-module.exports = __toCommonJS(ImgEmpty_exports);
-var import_react = __toESM(require("react"));
-var import_Util = require("../Util");
-var ImgEmpty = () => {
-  const ids = (0, import_react.useMemo)(() => [`linearGradient-${(0, import_Util.randomCode)(5)}`, `linearGradient-${(0, import_Util.randomCode)(5)}`], []);
-  return /* @__PURE__ */ import_react.default.createElement("svg", { viewBox: "0 0 79 86", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: ids[0], x1: "38.8503086%", y1: "0%", x2: "61.1496914%", y2: "100%" }, /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-1)", offset: "0%" }), /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-4)", offset: "100%" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: ids[1], x1: "0%", y1: "9.5%", x2: "100%", y2: "90.5%" }, /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-1)", offset: "0%" }), /* @__PURE__ */ import_react.default.createElement("stop", { "stop-color": "var(--el-empty-fill-color-6)", offset: "100%" })), /* @__PURE__ */ import_react.default.createElement("rect", { id: "path-3-1", x: "0", y: "0", width: "17", height: "36" })), /* @__PURE__ */ import_react.default.createElement("g", { id: "Illustrations", stroke: "none", "stroke-width": "1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "B-type", transform: "translate(-1268.000000, -535.000000)" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "Group-2", transform: "translate(1268.000000, 535.000000)" }, /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      id: "Oval-Copy-2",
-      d: "M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",
-      fill: "var(--el-empty-fill-color-3)"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "polygon",
-    {
-      id: "Rectangle-Copy-14",
-      fill: "var(--el-empty-fill-color-7)",
-      transform: "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
-      points: "13 58 53 58 42 45 2 45"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "g",
-    {
-      id: "Group-Copy",
-      transform: "translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      "polygon",
-      {
-        id: "Rectangle-Copy-10",
-        fill: "var(--el-empty-fill-color-7)",
-        transform: "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
-        points: "2.84078316e-14 3 18 3 23 7 5 7"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement("polygon", { id: "Rectangle-Copy-11", fill: "var(--el-empty-fill-color-5)", points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43" }),
-    /* @__PURE__ */ import_react.default.createElement(
-      "rect",
-      {
-        id: "Rectangle-Copy-12",
-        fill: `url(#${ids[0]})`,
-        transform: "translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",
-        x: "38",
-        y: "7",
-        width: "17",
-        height: "36"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "polygon",
-      {
-        id: "Rectangle-Copy-13",
-        fill: "var(--el-empty-fill-color-2)",
-        transform: "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
-        points: "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
-      }
-    )
-  ), /* @__PURE__ */ import_react.default.createElement("rect", { id: "Rectangle-Copy-15", fill: `url(#${ids[1]})`, x: "13", y: "45", width: "40", height: "36" }), /* @__PURE__ */ import_react.default.createElement("g", { id: "Rectangle-Copy-17", transform: "translate(53.000000, 45.000000)" }, /* @__PURE__ */ import_react.default.createElement(
-    "use",
-    {
-      id: "Mask",
-      fill: "var(--el-empty-fill-color-8)",
-      transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
-      xlinkHref: "#path-3-1"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "polygon",
-    {
-      id: "Rectangle-Copy",
-      fill: "var(--el-empty-fill-color-9)",
-      mask: "url(#mask-4-1)",
-      transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
-      points: "7 0 24 0 20 18 7 16.5"
-    }
-  )), /* @__PURE__ */ import_react.default.createElement(
-    "polygon",
-    {
-      id: "Rectangle-Copy-18",
-      fill: "var(--el-empty-fill-color-2)",
-      transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
-      points: "62 45 79 45 70 58 53 58"
-    }
-  )))));
-};
-var ImgEmpty_default = ImgEmpty;
+export default ImgEmpty;

package/dist/Empty/index.js

@@ -1,39 +1 @@
-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 __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/Empty/index.ts
-var Empty_exports = {};
-__export(Empty_exports, {
-  Empty: () => import_Empty.default
-});
-module.exports = __toCommonJS(Empty_exports);
-var import_Empty = __toESM(require("./Empty"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Empty
-});
+export { default as Empty } from "./Empty";

package/dist/Form/FieldContext.js

@@ -1,35 +1,10 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+import { createContext } from 'react';
+import { warning } from "../Util";
+export var HOOK_MARK = 'RC_FORM_INTERNAL_HOOKS';
+var warningFunc = function warningFunc() {
+  warning(false, 'Can not find FormContext. Please make sure you wrap Field under Form.');
 };
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Form/FieldContext.ts
-var FieldContext_exports = {};
-__export(FieldContext_exports, {
-  HOOK_MARK: () => HOOK_MARK,
-  default: () => FieldContext_default
-});
-module.exports = __toCommonJS(FieldContext_exports);
-var import_react = require("react");
-var import_Util = require("../Util");
-var HOOK_MARK = "RC_FORM_INTERNAL_HOOKS";
-var warningFunc = () => {
-  (0, import_Util.warning)(false, "Can not find FormContext. Please make sure you wrap Field under Form.");
-};
-var FormContext = (0, import_react.createContext)({
+var FormContext = /*#__PURE__*/createContext({
   getFieldValue: warningFunc,
   getFieldsValue: warningFunc,
   getFieldError: warningFunc,
@@ -50,7 +25,7 @@ var FormContext = (0, import_react.createContext)({
   labelWidth: 120,
   size: null,
   rules: {},
-  getInternalHooks: () => {
+  getInternalHooks: function getInternalHooks() {
     warningFunc();
     return {
       dispatch: warningFunc,
@@ -68,8 +43,4 @@ var FormContext = (0, import_react.createContext)({
     };
   }
 });
-var FieldContext_default = FormContext;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  HOOK_MARK
-});
+export default FormContext;

package/dist/Form/Form.d.ts

@@ -1,16 +1,21 @@
-import { FC } from 'react';
+import React, { ForwardedRef } from 'react';
 import { FormProvider } from './FormContext';
 import Field from './FormItem';
 import List from './List';
-import { FormProps } from './typings';
+import { FormInstance, FormProps, Store } from './typings';
 import useForm from './useForm';
 import useWatch from './useWatch';
-interface FormComponent extends FC<FormProps> {
+declare const ForwardForm: <RecordType = Store>(props: FormProps<RecordType> & {
+    ref?: ForwardedRef<FormInstance<RecordType>>;
+}) => React.ReactElement;
+type InternalFormType = typeof ForwardForm;
+interface FormInterface extends InternalFormType {
+    displayName?: string;
     FormProvider: typeof FormProvider;
     Item: typeof Field;
     List: typeof List;
     useForm: typeof useForm;
     useWatch: typeof useWatch;
 }
-declare const Form: FormComponent;
+declare const Form: FormInterface;
 export default Form;