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

package/dist/Avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import { AvatarProps } from './typings';
-declare const Avatar: FC<AvatarProps>;
+declare const Avatar: React.MemoExoticComponent<React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>>;
 export default Avatar;

package/dist/Avatar/Avatar.js

@@ -1,86 +1,94 @@
-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/Avatar/Avatar.tsx
-var Avatar_exports = {};
-__export(Avatar_exports, {
-  default: () => Avatar_default
-});
-module.exports = __toCommonJS(Avatar_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_Icon = __toESM(require("../Icon/Icon"));
-var import_base = require("../Util/base");
-var import_hooks = require("../hooks");
-var Avatar = (0, import_react.memo)((props) => {
-  const { icon, size = "default", shape = "circle", src, srcSet, alt, fit = "cover", classPrefix = "avatar", onError } = props;
-  const { b, m, cssVarBlock } = (0, import_hooks.useClassNames)(classPrefix);
-  const [hasLoadError, setHasLoadError] = (0, import_react.useState)(false);
-  const handleError = (e) => {
+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); }
+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 _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; }
+/* eslint-disable indent */
+import classNames from 'classnames';
+import React, { forwardRef, memo, useEffect, useMemo, useState } from 'react';
+import Icon from "../Icon/Icon";
+import { addUnit, isNotEmpty, isNumber, isString } from "../Util/base";
+import { partitionHTMLProps, useClassNames } from "../hooks";
+var Avatar = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
+  var icon = props.icon,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'default' : _props$size,
+    _props$shape = props.shape,
+    shape = _props$shape === void 0 ? 'circle' : _props$shape,
+    src = props.src,
+    srcSet = props.srcSet,
+    alt = props.alt,
+    _props$fit = props.fit,
+    fit = _props$fit === void 0 ? 'cover' : _props$fit,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'avatar' : _props$classPrefix,
+    onError = props.onError;
+  var _partitionHTMLProps = partitionHTMLProps(props, {
+      htmlProps: ['onMouseEnter', 'onMouseLeave', 'onClick', 'onContextMenu']
+    }),
+    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
+    tooltipEvents = _partitionHTMLProps2[0];
+  var _useClassNames = useClassNames(classPrefix),
+    b = _useClassNames.b,
+    m = _useClassNames.m,
+    cssVarBlock = _useClassNames.cssVarBlock;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasLoadError = _useState2[0],
+    setHasLoadError = _useState2[1];
+  var handleError = function handleError(e) {
     setHasLoadError(true);
-    onError(e);
+    onError === null || onError === void 0 || onError(e);
   };
-  (0, import_react.useEffect)(() => {
-    if ((0, import_base.isNotEmpty)(src)) {
+  useEffect(function () {
+    if (isNotEmpty(src)) {
       setHasLoadError(false);
     }
   }, [src]);
-  const avatarClass = (0, import_react.useMemo)(() => {
-    const classList = [b()];
-    if ((0, import_base.isString)(size)) {
+  var avatarClass = useMemo(function () {
+    var classList = [b()];
+    if (isString(size)) {
       classList.push(m(size));
     }
     if (icon) {
-      classList.push(m("icon"));
+      classList.push(m('icon'));
     }
     if (shape) {
       classList.push(m(shape));
     }
-    return (0, import_classnames.default)(classList);
-  }, [b, icon, m, shape, size]);
-  const sizeStyle = (0, import_react.useMemo)(() => {
-    return (0, import_base.isNumber)(size) ? cssVarBlock({
-      size: (0, import_base.addUnit)(size) || ""
-    }) : void 0;
+    return classNames(classList, props.className);
+  }, [b, icon, m, props.className, shape, size]);
+  var sizeStyle = useMemo(function () {
+    return isNumber(size) ? cssVarBlock({
+      size: addUnit(size) || ''
+    }) : {};
   }, [cssVarBlock, size]);
-  const children = (0, import_react.useMemo)(() => icon ? /* @__PURE__ */ import_react.default.createElement(import_Icon.default, { name: icon }) : props.children, [icon, props.children]);
-  return /* @__PURE__ */ import_react.default.createElement("span", { className: avatarClass, style: sizeStyle }, (src || srcSet) && !hasLoadError ? /* @__PURE__ */ import_react.default.createElement(
-    "img",
-    {
-      src,
-      alt,
-      srcSet,
-      style: {
-        objectFit: fit
-      },
-      onError: handleError
-    }
-  ) : children);
-});
-Avatar.displayName = "ElAvatar";
-var Avatar_default = Avatar;
+  var children = useMemo(function () {
+    return icon ? /*#__PURE__*/React.createElement(Icon, {
+      name: icon
+    }) : props.children;
+  }, [icon, props.children]);
+  return /*#__PURE__*/React.createElement("span", _extends({
+    ref: ref,
+    className: avatarClass,
+    style: _objectSpread(_objectSpread({}, sizeStyle), props.style)
+  }, tooltipEvents), (src || srcSet) && !hasLoadError ? /*#__PURE__*/React.createElement("img", {
+    src: src,
+    alt: alt,
+    srcSet: srcSet,
+    style: {
+      objectFit: fit
+    },
+    onError: handleError
+  }) : children);
+}));
+Avatar.displayName = 'ElAvatar';
+export default Avatar;

package/dist/Avatar/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/Avatar/index.ts
-var Avatar_exports = {};
-__export(Avatar_exports, {
-  Avatar: () => import_Avatar.default
-});
-module.exports = __toCommonJS(Avatar_exports);
-var import_Avatar = __toESM(require("./Avatar"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Avatar
-});
+export { default as Avatar } from "./Avatar";

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

package/dist/Badge/Badge.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { BadgeProps } from './typings';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>>;
-export default _default;
+declare const Badge: React.MemoExoticComponent<React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>>;
+export default Badge;

package/dist/Badge/Badge.js

@@ -1,64 +1,79 @@
-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/Badge/Badge.tsx
-var Badge_exports = {};
-__export(Badge_exports, {
-  default: () => Badge_default
-});
-module.exports = __toCommonJS(Badge_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_isNumber = __toESM(require("lodash/isNumber"));
-var import_react = __toESM(require("react"));
-var import_Transition = __toESM(require("../Transition/Transition"));
-var import_hooks = require("../hooks");
-var Badge = (0, import_react.forwardRef)((props, ref) => {
-  const { type = "danger", isDot, value, max, hidden, showZero = true, color, offset = [], badgeClass, badgeStyle = {} } = props;
-  const { b, e, em, is } = (0, import_hooks.useClassNames)("badge");
-  const nodeRef = (0, import_react.useRef)(null);
-  const content = (0, import_react.useMemo)(() => {
+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 _templateObject;
+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 _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 isNumber from 'lodash/isNumber';
+import React, { forwardRef, memo, useMemo, useRef } from 'react';
+import Transition from "../Transition/Transition";
+import { partitionHTMLProps, useClassNames } from "../hooks";
+var Badge = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'danger' : _props$type,
+    isDot = props.isDot,
+    value = props.value,
+    max = props.max,
+    hidden = props.hidden,
+    _props$showZero = props.showZero,
+    showZero = _props$showZero === void 0 ? true : _props$showZero,
+    color = props.color,
+    _props$offset = props.offset,
+    offset = _props$offset === void 0 ? [] : _props$offset,
+    badgeClass = props.badgeClass,
+    _props$badgeStyle = props.badgeStyle,
+    badgeStyle = _props$badgeStyle === void 0 ? {} : _props$badgeStyle;
+  var _partitionHTMLProps = partitionHTMLProps(props, {
+      htmlProps: ['onMouseEnter', 'onMouseLeave', 'onClick', 'onContextMenu']
+    }),
+    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
+    tooltipEvents = _partitionHTMLProps2[0];
+  var _useClassNames = useClassNames('badge'),
+    b = _useClassNames.b,
+    e = _useClassNames.e,
+    em = _useClassNames.em,
+    is = _useClassNames.is;
+  var nodeRef = useRef(null);
+  var content = useMemo(function () {
     if (isDot) {
-      return "";
+      return '';
     }
-    if ((0, import_isNumber.default)(value) && (0, import_isNumber.default)(max)) {
-      return max < value ? `${max}+` : `${value}`;
+    if (isNumber(value) && isNumber(max)) {
+      return max < value ? "".concat(max, "+") : "".concat(value);
     }
-    return `${value}`;
+    return "".concat(value);
   }, [isDot, max, value]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { ref, className: (0, import_classnames.default)(b(), props.className), style: props.style }, props.children, /* @__PURE__ */ import_react.default.createElement(import_Transition.default, { nodeRef, name: b("zoom-in-center", false), visible: !hidden && (!!content || isDot) && !(!showZero && value === 0), display: "inline-flex" }, /* @__PURE__ */ import_react.default.createElement(
-    "sup",
-    {
-      ref: nodeRef,
-      className: (0, import_classnames.default)(e`content`, em("content", type), is({ fixed: !!props.children, dot: isDot }), badgeClass),
-      style: { background: color, marginRight: (offset == null ? void 0 : offset[0]) ? -offset[0] : null, marginTop: offset == null ? void 0 : offset[1], ...badgeStyle }
-    },
-    content
-  )));
-});
-Badge.displayName = "ElBadge";
-var Badge_default = (0, import_react.memo)(Badge);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: classNames(b(), props.className),
+    style: props.style
+  }, tooltipEvents), props.children, /*#__PURE__*/React.createElement(Transition, {
+    nodeRef: nodeRef,
+    name: b('zoom-in-center', false),
+    visible: !hidden && (!!content || isDot) && !(!showZero && value === 0),
+    display: "inline-flex"
+  }, /*#__PURE__*/React.createElement("sup", {
+    ref: nodeRef,
+    className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["content"]))), em('content', type), is({
+      fixed: !!props.children,
+      dot: isDot
+    }), badgeClass),
+    style: _objectSpread({
+      background: color,
+      marginRight: offset !== null && offset !== void 0 && offset[0] ? -offset[0] : null,
+      marginTop: offset === null || offset === void 0 ? void 0 : offset[1]
+    }, badgeStyle)
+  }, content)));
+}));
+Badge.displayName = 'ElBadge';
+export default Badge;

package/dist/Badge/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/Badge/index.ts
-var Badge_exports = {};
-__export(Badge_exports, {
-  Badge: () => import_Badge.default
-});
-module.exports = __toCommonJS(Badge_exports);
-var import_Badge = __toESM(require("./Badge"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Badge
-});
+export { default as Badge } from "./Badge";

package/dist/Badge/typings.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AnimationEventProps, BaseProps, NativeProps, TypeAttributes } from '../types/common';
-export interface BadgeProps extends BaseProps, NativeProps, AnimationEventProps {
+export interface BadgeProps extends BaseProps, NativeProps<'--el-badge-bg-color' | '--el-badge-radius' | '--el-badge-font-size' | '--el-badge-padding' | '--el-badge-size'>, AnimationEventProps {
     /** 显示值 */
     value?: string | number;
     /** 最大值，超过最大值会显示 {max}+。 只有当 value 是数字类型时起作用。 */

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

package/dist/Breadcrumb/Breadcrumb.js

@@ -1,51 +1,24 @@
-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/Breadcrumb/Breadcrumb.tsx
-var Breadcrumb_exports = {};
-__export(Breadcrumb_exports, {
-  BreadcrumbContext: () => BreadcrumbContext,
-  default: () => Breadcrumb_default
-});
-module.exports = __toCommonJS(Breadcrumb_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_hooks = require("../hooks");
-var Breadcrumb = (0, import_react.memo)((props) => {
-  const { classPrefix = "breadcrumb", separator = "/" } = props;
-  const { b } = (0, import_hooks.useClassNames)(classPrefix);
-  return /* @__PURE__ */ import_react.default.createElement(BreadcrumbContext.Provider, { value: { separator } }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), props.className), style: props.style }, props.children));
-});
-var Breadcrumb_default = Breadcrumb;
-var BreadcrumbContext = (0, import_react.createContext)({
-  separator: "/"
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  BreadcrumbContext
+import classNames from 'classnames';
+import React, { createContext, memo } from 'react';
+import { useClassNames } from "../hooks";
+var Breadcrumb = /*#__PURE__*/memo(function (props) {
+  var _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'breadcrumb' : _props$classPrefix,
+    _props$separator = props.separator,
+    separator = _props$separator === void 0 ? '/' : _props$separator;
+  var _useClassNames = useClassNames(classPrefix),
+    b = _useClassNames.b;
+  return /*#__PURE__*/React.createElement(BreadcrumbContext.Provider, {
+    value: {
+      separator: separator
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(b(), props.className),
+    style: props.style
+  }, props.children));
 });
+Breadcrumb.displayName = 'ElBreadcrumb';
+export default Breadcrumb;
+export var BreadcrumbContext = /*#__PURE__*/createContext({
+  separator: '/'
+});