@qsxy/element-plus-react 1.0.0-next.10 → 1.0.0-next.12

package/dist/Select/SelectDropdown.js

@@ -1,194 +1,234 @@
-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);
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import classNames from 'classnames';
+import trim from 'lodash/trim';
+import React, { Children, cloneElement, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import scrollIntoView from 'scroll-into-view-if-needed';
+import { Divider } from "../Divider";
+import Icon from "../Icon/Icon";
+import Input from "../Input/Input";
+import Scrollbar from "../Scrollbar/Scrollbar";
+import { isEmpty, isNotEmpty } from "../Util";
+import { useClassNames } from "../hooks";
+import Option from "./Option";
+import { SelectContext } from "./SelectContext";
+var SelectDropdown = /*#__PURE__*/forwardRef(function (props, ref) {
+  var value = props.value,
+    filterable = props.filterable,
+    _props$multiple = props.multiple,
+    multiple = _props$multiple === void 0 ? false : _props$multiple,
+    filterMethod = props.filterMethod,
+    loadingText = props.loadingText,
+    noMatchText = props.noMatchText,
+    noDataText = props.noDataText,
+    searchInstance = props.searchInstance,
+    createItem = props.createItem,
+    setCreateItem = props.setCreateItem,
+    createInputRef = props.createInputRef,
+    onChoose = props.onChoose,
+    popperInstRef = props.popperInstRef,
+    contentRef = props.contentRef;
+  var _useClassNames = useClassNames('select'),
+    b = _useClassNames.b,
+    e = _useClassNames.e,
+    be = _useClassNames.be,
+    is = _useClassNames.is;
+  var ulRef = useRef(null);
 
-// src/Select/SelectDropdown.tsx
-var SelectDropdown_exports = {};
-__export(SelectDropdown_exports, {
-  default: () => SelectDropdown_default
-});
-module.exports = __toCommonJS(SelectDropdown_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_trim = __toESM(require("lodash/trim"));
-var import_react = __toESM(require("react"));
-var import_scroll_into_view_if_needed = __toESM(require("scroll-into-view-if-needed"));
-var import_Divider = require("../Divider");
-var import_Icon = require("../Icon");
-var import_Input = require("../Input");
-var import_Scrollbar = require("../Scrollbar");
-var import_Util = require("../Util");
-var import_hooks = require("../hooks");
-var import_Option = __toESM(require("./Option"));
-var import_SelectContext = require("./SelectContext");
-var SelectDropdown = (0, import_react.forwardRef)((props, ref) => {
-  const {
-    value,
-    filterable,
-    multiple = false,
-    filterMethod,
-    loadingText,
-    noMatchText,
-    noDataText,
-    searchInstance,
-    createItem,
-    setCreateItem,
-    createInputRef,
-    onChoose,
-    popperInstRef,
-    contentRef
-  } = props;
-  const { b, e, be, is } = (0, import_hooks.useClassNames)("select");
-  const ulRef = (0, import_react.useRef)(null);
-  const [hover, setHover] = (0, import_react.useState)(value);
-  const [searchText, setSearchText] = (0, import_react.useState)("");
-  (0, import_react.useEffect)(() => {
-    var _a;
+  // 下拉项高亮
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    hover = _useState2[0],
+    setHover = _useState2[1];
+  // 搜索关键词
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchText = _useState4[0],
+    setSearchText = _useState4[1];
+
+  /** 搜索时 */
+  useEffect(function () {
     if (popperInstRef.current && popperInstRef.current.update) {
-      (_a = popperInstRef.current) == null ? void 0 : _a.update();
+      var _popperInstRef$curren;
+      (_popperInstRef$curren = popperInstRef.current) === null || _popperInstRef$curren === void 0 || _popperInstRef$curren.update();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchText]);
-  const onClearSearch = (0, import_react.useCallback)((event) => {
-    event == null ? void 0 : event.stopPropagation();
-    setSearchText("");
+
+  /** 清除搜索关键词 */
+  var onClearSearch = useCallback(function (event) {
+    event === null || event === void 0 || event.stopPropagation();
+    setSearchText('');
   }, []);
-  const onSearch = (0, import_react.useCallback)(
-    (val) => {
-      const keywords = (0, import_trim.default)(val + "");
-      if (keywords === searchText) {
-        return;
-      } else if ((0, import_Util.isEmpty)(keywords)) {
-        setSearchText("");
-      }
-      setSearchText(keywords);
-    },
-    [searchText]
-  );
-  const filterAction = (0, import_react.useCallback)(
-    (p) => {
-      if ((0, import_Util.isNotEmpty)(searchText) && (0, import_Util.isNotEmpty)(p.value)) {
-        if (filterMethod) {
-          const filterResult = filterMethod(p.label ?? p.value.toString(), searchText);
-          return filterResult;
-        } else {
-          const regex = new RegExp(searchText, "gi");
-          const res = null !== (p.label ?? p.value.toString()).match(regex);
-          return res;
-        }
+
+  /** 搜索 */
+  var onSearch = useCallback(function (val) {
+    var keywords = trim(val + '');
+    if (keywords === searchText) {
+      return;
+    } else if (isEmpty(keywords)) {
+      setSearchText('');
+    }
+    setSearchText(keywords);
+  }, [searchText]);
+  var filterAction = useCallback(function (p) {
+    if (isNotEmpty(searchText) && isNotEmpty(p.value)) {
+      if (filterMethod) {
+        var _p$label;
+        var filterResult = filterMethod((_p$label = p.label) !== null && _p$label !== void 0 ? _p$label : p.value.toString(), searchText);
+        return filterResult;
       } else {
-        return true;
+        var _p$label2;
+        var regex = new RegExp(searchText, 'gi');
+        var res = null !== ((_p$label2 = p.label) !== null && _p$label2 !== void 0 ? _p$label2 : p.value.toString()).match(regex);
+        return res;
       }
-    },
-    [filterMethod, searchText]
-  );
-  const scrollToSelected = (0, import_react.useCallback)(() => {
-    var _a;
-    const node = (_a = ulRef.current) == null ? void 0 : _a.querySelectorAll(".selected");
+    } else {
+      return true;
+    }
+  }, [filterMethod, searchText]);
+  var scrollToSelected = useCallback(function () {
+    var _ulRef$current;
+    var node = (_ulRef$current = ulRef.current) === null || _ulRef$current === void 0 ? void 0 : _ulRef$current.querySelectorAll('.selected');
     if (node && node.length > 0) {
-      (0, import_scroll_into_view_if_needed.default)(node[0], {
-        scrollMode: "if-needed",
-        block: "center"
+      scrollIntoView(node[0], {
+        scrollMode: 'if-needed',
+        block: 'center'
       });
     }
   }, []);
-  (0, import_react.useImperativeHandle)(ref, () => ({
-    clear: () => setSearchText(""),
-    hover: setHover,
-    scrollToSelected
-  }));
-  const loading = (0, import_react.useMemo)(
-    () => /* @__PURE__ */ import_react.default.createElement(import_Option.default, { className: "no-data", value: "" }, loadingText),
-    [loadingText]
-  );
-  const options = (0, import_react.useMemo)(() => {
-    if ((0, import_Util.isNotEmpty)(searchText)) {
-      let match = false;
-      return props.children ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, import_react.Children.toArray(props.children).map((item) => {
-        let nodeType = item == null ? void 0 : item.type;
-        nodeType = (nodeType == null ? void 0 : nodeType.displayName) || nodeType;
-        if (nodeType === "Select.Option") {
+  useImperativeHandle(ref, function () {
+    return {
+      clear: function clear() {
+        return setSearchText('');
+      },
+      hover: setHover,
+      scrollToSelected: scrollToSelected
+    };
+  });
+  var loading = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Option, {
+      className: "no-data",
+      value: ""
+    }, loadingText);
+  }, [loadingText]);
+  var options = useMemo(function () {
+    // 搜索
+    if (isNotEmpty(searchText)) {
+      var match = false;
+      return props.children ? /*#__PURE__*/React.createElement(React.Fragment, null, Children.toArray(props.children).map(function (item) {
+        var _nodeType;
+        var nodeType = item === null || item === void 0 ? void 0 : item.type;
+        nodeType = ((_nodeType = nodeType) === null || _nodeType === void 0 ? void 0 : _nodeType.displayName) || nodeType;
+        if (nodeType === 'Select.Option') {
           if (filterAction(item.props)) {
             match = true;
             return item;
           }
-        } else if (nodeType === "OptionGroup") {
+        } else if (nodeType === 'OptionGroup') {
           if (item.props.children) {
-            const matchChildren = import_react.Children.toArray(item.props.children).filter(
-              (item1) => {
-                if (filterAction(item1.props)) {
-                  match = true;
-                  return item1;
-                }
+            var matchChildren = Children.toArray(item.props.children).filter(function (item1) {
+              if (filterAction(item1.props)) {
+                match = true;
+                return item1;
               }
-            );
-            return matchChildren.length > 0 ? (0, import_react.cloneElement)(item, item.props, matchChildren) : null;
+            });
+            return matchChildren.length > 0 ? /*#__PURE__*/cloneElement(item, item.props, matchChildren) : null;
           } else {
             return null;
           }
         }
-      }), !match && /* @__PURE__ */ import_react.default.createElement(import_Option.default, { className: "no-data", value: "", key: "noMatchText" }, noMatchText)) : null;
-    } else if ((0, import_Util.isNotEmpty)(createItem)) {
+
+        // if (filterAction(item.props)) {
+        //     match = true;
+        //     return item;
+        // }
+      }), !match && /*#__PURE__*/React.createElement(Option, {
+        className: "no-data",
+        value: "",
+        key: 'noMatchText'
+      }, noMatchText)) : null;
+    }
+    // 正在创建新的选项
+    else if (isNotEmpty(createItem)) {
+      // 单选时的创建项显示在下拉项里
       if (!multiple && value === createItem) {
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, createItem && !multiple && /* @__PURE__ */ import_react.default.createElement(import_Option.default, { value: createItem, label: createItem }), props.children);
-      }
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_Option.default,
-        {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, createItem && !multiple && /*#__PURE__*/React.createElement(Option, {
           value: createItem,
-          label: createItem,
-          onClick: () => {
-            if (multiple) {
-              setCreateItem("");
-              if (createInputRef.current) {
-                createInputRef.current.value = "";
-              }
+          label: createItem
+        }), props.children);
+      }
+      return /*#__PURE__*/React.createElement(Option, {
+        value: createItem,
+        label: createItem,
+        onClick: function onClick() {
+          if (multiple) {
+            setCreateItem('');
+            if (createInputRef.current) {
+              createInputRef.current.value = '';
             }
           }
         }
-      );
+      });
     } else {
-      if (import_react.Children.count(props.children) > 0) {
+      if (Children.count(props.children) > 0) {
         return props.children;
       } else {
-        return /* @__PURE__ */ import_react.default.createElement(import_Option.default, { className: "no-data", value: "" }, noDataText);
+        return /*#__PURE__*/React.createElement(Option, {
+          className: "no-data",
+          value: ""
+        }, noDataText);
       }
     }
   }, [searchText, createItem, props.children, noMatchText, filterAction, multiple, value, setCreateItem, createInputRef, noDataText]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`dorpdown`, is({ multiple })), onClick: (event) => event.stopPropagation(), ref: contentRef }, /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, filterable && /* @__PURE__ */ import_react.default.createElement("div", { className: e`search`, onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ import_react.default.createElement(
-    import_Input.Input,
-    {
-      ref: searchInstance,
-      placeholder: "请输入关键词",
-      clearable: true,
-      plain: true,
-      debounceInput: true,
-      onClear: onClearSearch,
-      onChange: onSearch,
-      prefix: /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fal", name: "search" })
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(b(_templateObject || (_templateObject = _taggedTemplateLiteral(["dorpdown"]))), is({
+      multiple: multiple
+    })),
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    },
+    ref: contentRef
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, filterable && /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["search"]))),
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(Input, {
+    ref: searchInstance,
+    placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD",
+    clearable: true,
+    plain: true,
+    debounceInput: true,
+    onClear: onClearSearch,
+    onChange: onSearch,
+    prefix: /*#__PURE__*/React.createElement(Icon, {
+      prefix: "fal",
+      name: "search"
+    })
+  }), /*#__PURE__*/React.createElement(Divider, {
+    style: {
+      margin: 0
+    }
+  })), /*#__PURE__*/React.createElement(SelectContext.Provider, {
+    value: {
+      value: value,
+      onChoose: onChoose,
+      hover: hover,
+      setHover: setHover,
+      multiple: multiple
     }
-  ), /* @__PURE__ */ import_react.default.createElement(import_Divider.Divider, { style: { margin: 0 } })), /* @__PURE__ */ import_react.default.createElement(import_SelectContext.SelectContext.Provider, { value: { value, onChoose, hover, setHover, multiple } }, /* @__PURE__ */ import_react.default.createElement(import_Scrollbar.Scrollbar, { wrapClass: be("dropdown", "wrap") }, /* @__PURE__ */ import_react.default.createElement("ul", { className: be("dropdown", "list"), ref: ulRef }, props.loading ? loading : options)))));
+  }, /*#__PURE__*/React.createElement(Scrollbar, {
+    wrapClass: be('dropdown', 'wrap')
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: be('dropdown', 'list'),
+    ref: ulRef
+  }, props.loading ? loading : options)))));
 });
-var SelectDropdown_default = SelectDropdown;
+export default SelectDropdown;

package/dist/Select/index.js

@@ -1,42 +1,2 @@
-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/Select/index.ts
-var Select_exports = {};
-__export(Select_exports, {
-  Option: () => import_Option.default,
-  Select: () => import_Select.default
-});
-module.exports = __toCommonJS(Select_exports);
-var import_Option = __toESM(require("./Option"));
-var import_Select = __toESM(require("./Select"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Option,
-  Select
-});
+export { default as Option } from "./Option";
+export { default as Select } from "./Select";

package/dist/Select/typings.d.ts

@@ -1,5 +1,5 @@
 import React, { RefObject } from 'react';
-import { InputRef } from '../Input';
+import { InputRef } from '../Input/typings';
 import { PopperOptionRef, PopperOptions } from '../Popper';
 import { AnimationEventProps, BaseProps, FormControlBaseProps, NativeProps, TypeAttributes } from '../types/common';
 export type ValueType = string | number | (string | number)[];

package/dist/Select/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/Select/typings.ts
-var typings_exports = {};
-module.exports = __toCommonJS(typings_exports);
+export {};

package/dist/Skeleton/PlaceholderGraph.js

@@ -1,46 +1,40 @@
-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/Skeleton/PlaceholderGraph.tsx
-var PlaceholderGraph_exports = {};
-__export(PlaceholderGraph_exports, {
-  default: () => PlaceholderGraph_default
+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); }
+var _excluded = ["className", "width", "height", "style", "active", "classPrefix"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function 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 classNames from 'classnames';
+import React, { forwardRef } from 'react';
+import { useClassNames } from "../hooks";
+var SkeletonGraph = /*#__PURE__*/forwardRef(function (props, ref) {
+  var className = props.className,
+    width = props.width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 200 : _props$height,
+    style = props.style,
+    active = props.active,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'placeholder' : _props$classPrefix,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useClassNames = useClassNames(classPrefix),
+    wb = _useClassNames.wb;
+  var classes = classNames(className, wb('graph', {
+    active: active
+  }));
+  var styles = _objectSpread({
+    width: width || '100%',
+    height: height
+  }, style);
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    ref: ref,
+    className: classes,
+    style: styles
+  }));
 });
-module.exports = __toCommonJS(PlaceholderGraph_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_hooks = require("../hooks");
-var SkeletonGraph = (0, import_react.forwardRef)((props, ref) => {
-  const { className, width, height = 200, style, active, classPrefix = "placeholder", ...rest } = props;
-  const { wb } = (0, import_hooks.useClassNames)(classPrefix);
-  const classes = (0, import_classnames.default)(className, wb("graph", { active }));
-  const styles = { width: width || "100%", height, ...style };
-  return /* @__PURE__ */ import_react.default.createElement("div", { ...rest, ref, className: classes, style: styles });
-});
-SkeletonGraph.displayName = "ElSkeletonGraph";
-var PlaceholderGraph_default = SkeletonGraph;
+SkeletonGraph.displayName = 'ElSkeletonGraph';
+export default SkeletonGraph;