@bifrostui/react 1.1.11-beta.0 → 1.1.11-beta.6

package/es/Select/Select.js

@@ -1,165 +1,194 @@
-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", "children", "name", "inputRef", "inputProps", "BackdropProps", "value", "defaultValue", "disabled", "placeholder", "icon", "open", "onChange", "onClose", "onOpen", "onClick"];
-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 _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 _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; }
-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 { CaretDownIcon, CaretUpIcon } from '@bifrostui/icons';
-import { useValue } from '@bifrostui/utils';
-import clsx from 'clsx';
-import React, { useEffect, useMemo, useState } from 'react';
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { CaretDownIcon, CaretUpIcon } from "@bifrostui/icons";
+import { useValue } from "@bifrostui/utils";
+import clsx from "clsx";
+import React, { useEffect, useMemo, useState } from "react";
 import Fade from "../Fade";
 import Slide from "../Slide";
 import BuiSelectContext from "./selectContext";
 import Backdrop from "../Backdrop";
 import "./Select.css";
-var prefixCls = 'bui-select';
-var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    children = props.children,
-    name = props.name,
-    inputRef = props.inputRef,
-    inputProps = props.inputProps,
-    BackdropProps = props.BackdropProps,
-    value = props.value,
-    defaultValue = props.defaultValue,
-    disabled = props.disabled,
-    placeholder = props.placeholder,
-    icon = props.icon,
-    open = props.open,
-    onChange = props.onChange,
-    onClose = props.onClose,
-    onOpen = props.onOpen,
-    onClick = props.onClick,
-    others = _objectWithoutProperties(props, _excluded);
-  var _useValue = useValue({
-      value: value,
-      defaultValue: defaultValue,
-      onChange: onChange
-    }),
-    _useValue2 = _slicedToArray(_useValue, 2),
-    selectValue = _useValue2[0],
-    selectValueChange = _useValue2[1];
-
-  // 是否展开下拉框
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  // 根选择器展示的内容
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    renderValue = _useState4[0],
-    setRenderValue = _useState4[1];
-  var defaultIcon = isOpen ? /*#__PURE__*/React.createElement(CaretUpIcon, {
-    className: "".concat(prefixCls, "-selector-icon"),
-    htmlColor: "#9c9ca5"
-  }) : /*#__PURE__*/React.createElement(CaretDownIcon, {
-    className: "".concat(prefixCls, "-selector-icon"),
-    htmlColor: "#9c9ca5"
+const prefixCls = "bui-select";
+const Select = React.forwardRef((props, ref) => {
+  const _a = props, {
+    className,
+    children,
+    name,
+    inputRef,
+    inputProps,
+    BackdropProps,
+    value,
+    defaultValue,
+    disabled,
+    placeholder,
+    icon,
+    open,
+    onChange,
+    onClose,
+    onOpen,
+    onClick
+  } = _a, others = __objRest(_a, [
+    "className",
+    "children",
+    "name",
+    "inputRef",
+    "inputProps",
+    "BackdropProps",
+    "value",
+    "defaultValue",
+    "disabled",
+    "placeholder",
+    "icon",
+    "open",
+    "onChange",
+    "onClose",
+    "onOpen",
+    "onClick"
+  ]);
+  const [selectValue, selectValueChange] = useValue({
+    value,
+    defaultValue,
+    onChange
   });
-
-  // 点击根选择器的回调
-  var handleSelectClick = function handleSelectClick(e) {
-    if (disabled) return;
+  const [isOpen, setIsOpen] = useState(false);
+  const [renderValue, setRenderValue] = useState("");
+  const defaultIcon = isOpen ? /* @__PURE__ */ React.createElement(CaretUpIcon, { className: `${prefixCls}-selector-icon`, htmlColor: "#9c9ca5" }) : /* @__PURE__ */ React.createElement(
+    CaretDownIcon,
+    {
+      className: `${prefixCls}-selector-icon`,
+      htmlColor: "#9c9ca5"
+    }
+  );
+  const handleSelectClick = (e) => {
+    if (disabled)
+      return;
     setIsOpen(!isOpen);
-    if (typeof onClick === 'function') onClick(e);
+    if (typeof onClick === "function")
+      onClick(e);
   };
-
-  // 点击某个选项的回调
-  var handleOptionClick = function handleOptionClick(e, optionValue, label) {
+  const handleOptionClick = (e, optionValue, label) => {
     if (!value) {
       setRenderValue(label);
       selectValueChange(e, optionValue);
     } else {
-      onChange === null || onChange === void 0 || onChange(e, {
-        value: optionValue
-      });
+      onChange == null ? void 0 : onChange(e, { value: optionValue });
     }
     setIsOpen(false);
   };
-  var handleBackdropTouchStart = function handleBackdropTouchStart() {
+  const handleBackdropTouchStart = () => {
     if (isOpen) {
       setIsOpen(false);
     }
   };
-  var selectContext = useMemo(function () {
-    return {
-      selectValue: selectValue,
-      setRenderValue: setRenderValue,
-      handleOptionClick: handleOptionClick
-    };
-  }, [selectValue]);
-
-  // 监听外部open的改变
-  useEffect(function () {
-    if (open !== undefined) setIsOpen(open);
+  const selectContext = useMemo(
+    () => ({ selectValue, setRenderValue, handleOptionClick }),
+    [selectValue]
+  );
+  useEffect(() => {
+    if (open !== void 0)
+      setIsOpen(open);
   }, [open]);
-
-  // 折叠/展开时的处理
-  useEffect(function () {
-    // 非function情况，直接调用会报错
+  useEffect(() => {
     if (isOpen) {
-      onOpen === null || onOpen === void 0 || onOpen();
+      onOpen == null ? void 0 : onOpen();
     } else {
-      onClose === null || onClose === void 0 || onClose();
+      onClose == null ? void 0 : onClose();
     }
   }, [isOpen]);
-  return /*#__PURE__*/React.createElement(BuiSelectContext.Provider, {
-    value: selectContext
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    className: clsx(prefixCls, className, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-active"), isOpen)),
-    ref: ref
-  }, others, {
-    onClick: handleSelectClick
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-selector-container")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-selector")
-  }, renderValue || placeholder), /*#__PURE__*/React.createElement("input", _extends({
-    name: name,
-    readOnly: true,
-    ref: inputRef,
-    value: selectValue
-  }, inputProps, {
-    className: clsx("".concat(prefixCls, "-input"), _defineProperty({}, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className))
-  })), icon || defaultIcon), /*#__PURE__*/React.createElement(Fade, {
-    in: isOpen,
-    timeout: {
-      enter: 150,
-      exit: 150
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: clsx("".concat(prefixCls, "-option-container"))
-  }, /*#__PURE__*/React.createElement(Slide, {
-    in: isOpen,
-    timeout: {
-      enter: 150,
-      exit: 150
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: clsx("".concat(prefixCls, "-option-main"))
-  }, children))))), /*#__PURE__*/React.createElement(Backdrop, _extends({
-    open: isOpen,
-    invisible: true
-    // onTouchStart 解决需滑动两次透明蒙层才会消失
-    ,
-    onTouchStart: handleBackdropTouchStart,
-    onClick: handleBackdropTouchStart
-  }, BackdropProps, {
-    className: clsx("".concat(prefixCls, "-backdrop"), _defineProperty({}, BackdropProps === null || BackdropProps === void 0 ? void 0 : BackdropProps.className, BackdropProps === null || BackdropProps === void 0 ? void 0 : BackdropProps.className))
-  })));
+  return /* @__PURE__ */ React.createElement(BuiSelectContext.Provider, { value: selectContext }, /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadProps(__spreadValues({
+      className: clsx(prefixCls, className, {
+        [`${prefixCls}-disabled`]: disabled,
+        [`${prefixCls}-active`]: isOpen
+      }),
+      ref
+    }, others), {
+      onClick: handleSelectClick
+    }),
+    /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-selector-container` }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-selector` }, renderValue || placeholder), /* @__PURE__ */ React.createElement(
+      "input",
+      __spreadProps(__spreadValues({
+        name,
+        readOnly: true,
+        ref: inputRef,
+        value: selectValue
+      }, inputProps), {
+        className: clsx(`${prefixCls}-input`, {
+          [inputProps == null ? void 0 : inputProps.className]: inputProps == null ? void 0 : inputProps.className
+        })
+      })
+    ), icon || defaultIcon),
+    /* @__PURE__ */ React.createElement(
+      Fade,
+      {
+        in: isOpen,
+        timeout: {
+          enter: 150,
+          exit: 150
+        }
+      },
+      /* @__PURE__ */ React.createElement("div", { className: clsx(`${prefixCls}-option-container`) }, /* @__PURE__ */ React.createElement(
+        Slide,
+        {
+          in: isOpen,
+          timeout: {
+            enter: 150,
+            exit: 150
+          }
+        },
+        /* @__PURE__ */ React.createElement("div", { className: clsx(`${prefixCls}-option-main`) }, children)
+      ))
+    )
+  ), /* @__PURE__ */ React.createElement(
+    Backdrop,
+    __spreadProps(__spreadValues({
+      open: isOpen,
+      invisible: true,
+      onTouchStart: handleBackdropTouchStart,
+      onClick: handleBackdropTouchStart
+    }, BackdropProps), {
+      className: clsx(`${prefixCls}-backdrop`, {
+        [BackdropProps == null ? void 0 : BackdropProps.className]: BackdropProps == null ? void 0 : BackdropProps.className
+      })
+    })
+  ));
 });
-Select.displayName = 'BuiSelect';
+Select.displayName = "BuiSelect";
 Select.defaultProps = {
-  defaultValue: ''
+  defaultValue: ""
+};
+var Select_default = Select;
+export {
+  Select_default as default
 };
-export default Select;

package/es/Select/Select.types.js

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

package/es/Select/SelectOption.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { SelectOptionProps } from './Select.types';
 import './Select.less';
-declare const SelectOption: React.ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectOption: React.ForwardRefExoticComponent<Omit<SelectOptionProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SelectOption;

package/es/Select/SelectOption.js

@@ -1,43 +1,68 @@
-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 = ["value", "label", "disabled", "className", "children"];
-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 _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 clsx from 'clsx';
-import React, { useContext, useEffect } from 'react';
-import BuiSelectContext from "./selectContext";
-import "./Select.css";
-var prefixCls = 'bui-select-option';
-var SelectOption = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var value = props.value,
-    label = props.label,
-    disabled = props.disabled,
-    className = props.className,
-    children = props.children,
-    others = _objectWithoutProperties(props, _excluded);
-  var _useContext = useContext(BuiSelectContext),
-    selectValue = _useContext.selectValue,
-    setRenderValue = _useContext.setRenderValue,
-    handleOptionClick = _useContext.handleOptionClick;
-
-  // 自定义label值+defaultValue初始化时，传递自定义label值到select
-  useEffect(function () {
-    if (value === selectValue) {
-      setRenderValue(label);
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-  }, [selectValue, label, value]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: clsx(prefixCls, className, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-active"), !disabled && value === selectValue), "".concat(prefixCls, "-disabled"), disabled)),
-    ref: ref
-  }, others, {
-    onClick: function onClick(e) {
-      // 传递当前选中选项的value、label
-      if (!disabled) handleOptionClick(e, value, label);
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
     }
-  }), children || label);
-});
-SelectOption.displayName = 'BuiSelectOption';
-export default SelectOption;
+  return target;
+};
+import clsx from "clsx";
+import React, { useContext, useEffect } from "react";
+import BuiSelectContext from "./selectContext";
+import "./Select.css";
+const prefixCls = "bui-select-option";
+const SelectOption = React.forwardRef(
+  (props, ref) => {
+    const _a = props, { value, label, disabled, className, children } = _a, others = __objRest(_a, ["value", "label", "disabled", "className", "children"]);
+    const { selectValue, setRenderValue, handleOptionClick } = useContext(BuiSelectContext);
+    useEffect(() => {
+      if (value === selectValue) {
+        setRenderValue(label);
+      }
+    }, [selectValue, label, value]);
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      __spreadProps(__spreadValues({
+        className: clsx(prefixCls, className, {
+          [`${prefixCls}-active`]: !disabled && value === selectValue,
+          [`${prefixCls}-disabled`]: disabled
+        }),
+        ref
+      }, others), {
+        onClick: (e) => {
+          if (!disabled)
+            handleOptionClick(e, value, label);
+        }
+      }),
+      children || label
+    );
+  }
+);
+SelectOption.displayName = "BuiSelectOption";
+var SelectOption_default = SelectOption;
+export {
+  SelectOption_default as default
+};

package/es/Select/index.js

@@ -1,4 +1,8 @@
 import SelectOption from "./SelectOption";
-export { default, default as Select } from "./Select";
+import { default as default2, default as default3 } from "./Select";
 export * from "./Select.types";
-export { SelectOption };
+export {
+  default3 as Select,
+  SelectOption,
+  default2 as default
+};

package/es/Select/selectContext.js

@@ -1,5 +1,8 @@
-import { createContext } from 'react';
-var BuiSelectContext = /*#__PURE__*/createContext({
+import { createContext } from "react";
+const BuiSelectContext = createContext({
   selectValue: null
 });
-export default BuiSelectContext;
+var selectContext_default = BuiSelectContext;
+export {
+  selectContext_default as default
+};

package/es/Skeleton/Skeleton.css

@@ -3,7 +3,12 @@
   display: block;
 }
 .bui-skeleton-animation-wave {
-  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
+  background:
+    linear-gradient(
+      90deg,
+      rgba(190, 190, 190, 0.2) 25%,
+      rgba(129, 129, 129, 0.24) 37%,
+      rgba(190, 190, 190, 0.2) 63%);
   background-size: 400% 100%;
   animation: bui-skeleton-wave 1.4s ease infinite;
 }
@@ -18,7 +23,7 @@
   border-radius: var(--border-radius);
 }
 .bui-skeleton-text::before {
-  content: '\00a0';
+  content: "\a0";
 }
 .bui-skeleton-rectangular {
   height: 1.2em;

package/es/Skeleton/Skeleton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import './Skeleton.less';
 import { SkeletonProps } from './Skeleton.types';
-declare const Skeleton: React.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const Skeleton: React.ForwardRefExoticComponent<Omit<SkeletonProps<"div", {}>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export default Skeleton;

package/es/Skeleton/Skeleton.js

@@ -1,38 +1,79 @@
-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", "style", "animation", "width", "height", "variant", "children"];
-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 clsx from 'clsx';
-import React from 'react';
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import clsx from "clsx";
+import React from "react";
 import "./Skeleton.css";
-var prefixCls = 'bui-skeleton';
-var Skeleton = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    style = props.style,
-    animation = props.animation,
-    width = props.width,
-    height = props.height,
-    variant = props.variant,
-    children = props.children,
-    others = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: clsx(prefixCls, "".concat(prefixCls, "-").concat(variant), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-animation-").concat(animation), animation), "".concat(prefixCls, "-with-children"), Boolean(children)), className),
-    ref: ref,
-    style: _objectSpread({
-      width: width,
-      height: height
-    }, style)
-  }, others), children);
-});
-Skeleton.displayName = 'BuiSkeleton';
+const prefixCls = "bui-skeleton";
+const Skeleton = React.forwardRef(
+  (props, ref) => {
+    const _a = props, {
+      className,
+      style,
+      animation,
+      width,
+      height,
+      variant,
+      children
+    } = _a, others = __objRest(_a, [
+      "className",
+      "style",
+      "animation",
+      "width",
+      "height",
+      "variant",
+      "children"
+    ]);
+    return /* @__PURE__ */ React.createElement(
+      "span",
+      __spreadValues({
+        className: clsx(
+          prefixCls,
+          `${prefixCls}-${variant}`,
+          {
+            [`${prefixCls}-animation-${animation}`]: animation,
+            [`${prefixCls}-with-children`]: Boolean(children)
+          },
+          className
+        ),
+        ref,
+        style: __spreadValues({ width, height }, style)
+      }, others),
+      children
+    );
+  }
+);
+Skeleton.displayName = "BuiSkeleton";
 Skeleton.defaultProps = {
-  animation: 'wave',
-  variant: 'text'
+  animation: "wave",
+  variant: "text"
+};
+var Skeleton_default = Skeleton;
+export {
+  Skeleton_default as default
 };
-export default Skeleton;