@qsxy/element-plus-react 1.0.0-next.1 → 1.0.0-next.11

package/dist/Dropdown/DropdownItem.js

@@ -1,62 +1,42 @@
-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/DropdownItem.tsx
-var DropdownItem_exports = {};
-__export(DropdownItem_exports, {
-  default: () => DropdownItem_default
-});
-module.exports = __toCommonJS(DropdownItem_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_Tooltip = require("../Tooltip");
-var import_hooks = require("../hooks");
-var import_DropdownContext = require("./DropdownContext");
-var DropdownItem = (props) => {
-  const { classPrefix = "dropdown-menu", disabled, command, divided, active } = props;
-  const { e, em, is } = (0, import_hooks.useClassNames)(classPrefix);
-  const { hideOnClick, onClick } = (0, import_react.useContext)(import_DropdownContext.DropdownContext);
-  const { onMouseLeave } = (0, import_react.useContext)(import_Tooltip.TooltipContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, divided && /* @__PURE__ */ import_react.default.createElement("li", { className: em("item", "divided") }), /* @__PURE__ */ import_react.default.createElement(
-    "li",
-    {
-      className: (0, import_classnames.default)(e`item`, is({ active, disabled }), props.className),
-      style: props.style,
-      onClick: (event) => {
-        event.stopPropagation();
-        if (!disabled) {
-          onClick == null ? void 0 : onClick(command);
-          hideOnClick && onMouseLeave(event);
-        }
+var _templateObject;
+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, { useContext } from 'react';
+import { TooltipContext } from "../Tooltip/TooltipContext";
+import { useClassNames } from "../hooks";
+import { DropdownContext } from "./DropdownContext";
+var DropdownItem = function DropdownItem(props) {
+  var _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
+    disabled = props.disabled,
+    command = props.command,
+    divided = props.divided,
+    active = props.active;
+  var _useClassNames = useClassNames(classPrefix),
+    e = _useClassNames.e,
+    em = _useClassNames.em,
+    is = _useClassNames.is;
+  var _useContext = useContext(DropdownContext),
+    hideOnClick = _useContext.hideOnClick,
+    _onClick = _useContext.onClick;
+  var _useContext2 = useContext(TooltipContext),
+    onMouseLeave = _useContext2.onMouseLeave;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, divided && /*#__PURE__*/React.createElement("li", {
+    className: em('item', 'divided')
+  }), /*#__PURE__*/React.createElement("li", {
+    className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["item"]))), is({
+      active: active,
+      disabled: disabled
+    }), props.className),
+    style: props.style,
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      if (!disabled) {
+        _onClick === null || _onClick === void 0 || _onClick(command);
+        hideOnClick && onMouseLeave(event);
       }
-    },
-    props.children
-  ));
+    }
+  }, props.children));
 };
-DropdownItem.displayName = "DropdownItem";
-var DropdownItem_default = DropdownItem;
+DropdownItem.displayName = 'DropdownItem';
+export default DropdownItem;

package/dist/Dropdown/DropdownMenu.js

@@ -1,57 +1,29 @@
-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;
+  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"])))
+  }, /*#__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 = 'DropdownMenu';
+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

@@ -2,26 +2,41 @@ import React from 'react';
 import { PopperOptions } from '../Popper';
 import { TransitionProps } from '../Transition';
 import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
-export interface DropdownProps extends BaseProps, NativeProps, PopperOptions, AnimationEventProps, TransitionProps {
+/** Dropdown 属性 */
+export interface DropdownProps extends BaseProps<React.ReactElement>, NativeProps, PopperOptions, AnimationEventProps, Omit<TransitionProps, 'children'> {
     menu: React.ReactElement<DropdownMenuProps>;
+    /** 触发下拉的行为 */
     trigger?: 'hover' | 'click' | 'contextmenu';
+    /** 是否在点击菜单项后隐藏菜单 */
     hideOnClick?: boolean;
+    /** 展开下拉菜单的延时，仅在 trigger 为 hover 时有效 */
     showTimeout?: number;
+    /** 收起下拉菜单的延时（仅在 trigger 为 hover 时有效） */
     hideTimeout?: number;
+    /** 状态是否可见 */
     visible?: boolean;
+    /** 初始值 */
     defaultVisible?: boolean;
+    /** 是否禁用 */
     disabled?: boolean;
     onMouseEnter?: (e?: React.MouseEvent<any>) => void;
     onMouseLeave?: (e?: React.MouseEvent<any>) => void;
+    /** 点击菜单项触发的事件回调 */
     onClick?: (command: string | number | object) => void;
+    /** 下拉框出现/隐藏时触发: 出现则为 true，隐藏则为 false */
     visiblechange?: (visible: boolean) => void;
 }
 export interface DropdownMenuProps extends BaseProps, NativeProps {
     classPrefix?: string;
 }
+/** Dropdown-Item 属性 */
 export interface DropdownItemProps extends BaseProps, NativeProps {
+    /** 派发到command回调函数的指令参数 */
     command?: string | number | object;
+    /** 是否禁用*/
     disabled?: boolean;
+    /** 是否显示分隔符 */
     divided?: boolean;
+    /** 是否为激活状态 */
     active?: boolean;
 }

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,61 +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);
-};
-Empty.defaultProps = {
-  description: "暂无数据"
+  }) : /*#__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 = 'Empty';
+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", {
+    "stop-color": "var(--el-empty-fill-color-1)",
+    offset: "0%"
+  }), /*#__PURE__*/React.createElement("stop", {
+    "stop-color": "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", {
+    "stop-color": "var(--el-empty-fill-color-1)",
+    offset: "0%"
+  }), /*#__PURE__*/React.createElement("stop", {
+    "stop-color": "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",
+    "stroke-width": "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", "fill-rule": "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;