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

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

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

package/dist/Button/Button.js

@@ -1,111 +1,138 @@
-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/Button/Button.tsx
-var Button_exports = {};
-__export(Button_exports, {
-  default: () => Button_default
-});
-module.exports = __toCommonJS(Button_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_ConfigProvider = require("../ConfigProvider");
-var import_Icon = require("../Icon");
-var import_Util = require("../Util");
-var import_hooks = require("../hooks");
-var import_ButtonGroup = __toESM(require("./ButtonGroup"));
-var import_ButtonGroupContext = require("./ButtonGroupContext");
-var InternalButton = (props, ref) => {
-  const { disabled: groupDisabled, type: groupType, size: groupSize, bgColor, borderColor } = (0, import_react.useContext)(import_ButtonGroupContext.ButtonGroupContext);
-  const { button } = (0, import_react.useContext)(import_ConfigProvider.ConfigProvider);
-  const {
-    active,
-    block,
-    plain,
-    round,
-    circle,
-    link,
-    text,
-    bg,
-    dashed,
-    className,
-    loading,
-    loadingIcon = "spinner",
-    loadingSlot,
-    nativeType = "button",
-    icon = false,
-    onClick,
-    ...rest
-  } = props;
-  const disabled = (0, import_hooks.useDisabled)(groupDisabled ?? props.disabled);
-  const size = (0, import_hooks.useSize)(groupSize ?? props.size);
-  const { b, m, is } = (0, import_hooks.useClassNames)("button");
-  const [htmlInputProps] = (0, import_hooks.partitionHTMLProps)(rest);
-  const containerRef = (0, import_react.useRef)(null);
-  const spin = (0, import_react.useMemo)(() => loadingSlot ?? /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: loadingIcon, className: (0, import_classnames.default)(b`spin`, is`loading`), spin: true }), [loadingSlot, loadingIcon, b, is]);
-  const type = (0, import_react.useMemo)(() => groupType ?? (props.type || "default"), [groupType, props.type]);
-  const autoInsertSpace = (0, import_react.useMemo)(() => props.autoInsertSpace ?? (button == null ? void 0 : button.autoInsertSpace) ?? true, [button == null ? void 0 : button.autoInsertSpace, props.autoInsertSpace]);
-  const children = (0, import_react.useMemo)(() => {
-    if (autoInsertSpace && typeof props.children === "string" && props.children.length === 2 && /[\u4e00-\u9fa5]{2}/.test(props.children)) {
-      return /* @__PURE__ */ import_react.default.createElement("span", null, props.children.substring(0, 1), " ", props.children.substring(1));
+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 = ["active", "block", "plain", "round", "circle", "link", "text", "bg", "dashed", "className", "loading", "loadingIcon", "loadingSlot", "nativeType", "icon", "onClick"];
+var _this = this,
+  _templateObject,
+  _templateObject2;
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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; }
+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, memo, useContext, useImperativeHandle, useMemo, useRef } from 'react';
+import { ConfigProvider } from "../ConfigProvider";
+import Icon from "../Icon/Icon";
+import { isNotEmpty } from "../Util";
+import { partitionHTMLProps, useClassNames, useDisabled, useSize } from "../hooks";
+import ButtonGroup from "./ButtonGroup";
+import { ButtonGroupContext } from "./ButtonGroupContext";
+import { useButtonCustomStyle } from "./useButtonCustomStyle";
+var InternalButton = function InternalButton(props, ref) {
+  var _useContext = useContext(ButtonGroupContext),
+    groupDisabled = _useContext.disabled,
+    groupType = _useContext.type,
+    groupSize = _useContext.size,
+    bgColor = _useContext.bgColor,
+    borderColor = _useContext.borderColor;
+  var _useContext2 = useContext(ConfigProvider),
+    button = _useContext2.button;
+  var active = props.active,
+    block = props.block,
+    plain = props.plain,
+    round = props.round,
+    circle = props.circle,
+    link = props.link,
+    text = props.text,
+    bg = props.bg,
+    dashed = props.dashed,
+    className = props.className,
+    loading = props.loading,
+    _props$loadingIcon = props.loadingIcon,
+    loadingIcon = _props$loadingIcon === void 0 ? 'spinner' : _props$loadingIcon,
+    loadingSlot = props.loadingSlot,
+    _props$nativeType = props.nativeType,
+    nativeType = _props$nativeType === void 0 ? 'button' : _props$nativeType,
+    _props$icon = props.icon,
+    icon = _props$icon === void 0 ? false : _props$icon,
+    _onClick = props.onClick,
+    rest = _objectWithoutProperties(props, _excluded);
+  var disabled = useDisabled(groupDisabled !== null && groupDisabled !== void 0 ? groupDisabled : props.disabled);
+  var size = useSize(groupSize !== null && groupSize !== void 0 ? groupSize : props.size);
+  var _useClassNames = useClassNames('button'),
+    b = _useClassNames.b,
+    m = _useClassNames.m,
+    is = _useClassNames.is,
+    cssVarBlock = _useClassNames.cssVarBlock,
+    cssVarBlockName = _useClassNames.cssVarBlockName,
+    cssVarName = _useClassNames.cssVarName;
+  var _partitionHTMLProps = partitionHTMLProps(rest),
+    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
+    htmlInputProps = _partitionHTMLProps2[0];
+  var containerRef = useRef(null);
+  var buttonStyle = useButtonCustomStyle(_objectSpread({
+    color: bgColor
+  }, props), cssVarBlock, cssVarName, cssVarBlockName);
+  var spin = useMemo(function () {
+    return loadingSlot !== null && loadingSlot !== void 0 ? loadingSlot : /*#__PURE__*/React.createElement(Icon, {
+      name: loadingIcon,
+      className: classNames(b(_templateObject || (_templateObject = _taggedTemplateLiteral(["spin"]))), is(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["loading"])))),
+      spin: true
+    });
+  }, [loadingSlot, loadingIcon, b, is]);
+  var type = useMemo(function () {
+    return groupType !== null && groupType !== void 0 ? groupType : props.type || 'default';
+  }, [groupType, props.type]);
+  var autoInsertSpace = useMemo(function () {
+    var _ref, _props$autoInsertSpac;
+    return (_ref = (_props$autoInsertSpac = props.autoInsertSpace) !== null && _props$autoInsertSpac !== void 0 ? _props$autoInsertSpac : button === null || button === void 0 ? void 0 : button.autoInsertSpace) !== null && _ref !== void 0 ? _ref : true;
+  }, [button === null || button === void 0 ? void 0 : button.autoInsertSpace, props.autoInsertSpace]);
+  var children = useMemo(function () {
+    if (autoInsertSpace && typeof props.children === 'string' && props.children.length === 2 && /[\u4e00-\u9fa5]{2}/.test(props.children)) {
+      return /*#__PURE__*/React.createElement("span", null, props.children.substring(0, 1), " ", props.children.substring(1));
     }
-    return (0, import_Util.isNotEmpty)(props.children) && /* @__PURE__ */ import_react.default.createElement("span", null, props.children);
+    return isNotEmpty(props.children) && /*#__PURE__*/React.createElement("span", null, props.children);
   }, [autoInsertSpace, props.children]);
-  (0, import_react.useImperativeHandle)(ref, () => ({
-    ref: containerRef,
-    disabled,
-    size,
-    shouldAddSpace: autoInsertSpace
-  }));
-  return /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      ...htmlInputProps,
-      type: nativeType,
+  useImperativeHandle(ref, function () {
+    return {
       ref: containerRef,
-      disabled: disabled || loading,
-      className: (0, import_classnames.default)(b(), m(type, size), is({ block, active, disabled, loading, plain, round, circle, link, text, dashed, "has-bg": bg }), className),
-      style: { background: bgColor, borderColor, ...props.style },
-      onClick: (e) => {
-        var _a;
-        if (!disabled) {
-          onClick == null ? void 0 : onClick.call(void 0, e);
-        }
-        (_a = e.currentTarget) == null ? void 0 : _a.blur();
+      disabled: disabled,
+      size: size,
+      shouldAddSpace: autoInsertSpace
+    };
+  });
+  return /*#__PURE__*/React.createElement("button", _extends({}, htmlInputProps, {
+    type: nativeType,
+    ref: containerRef,
+    disabled: disabled || loading,
+    className: classNames(b(), m(type, size), is({
+      block: block,
+      active: active,
+      disabled: disabled,
+      loading: loading,
+      plain: plain,
+      round: round,
+      circle: circle,
+      link: link,
+      text: text,
+      dashed: dashed,
+      'has-bg': bg
+    }), className),
+    style: _objectSpread(_objectSpread({
+      borderColor: borderColor
+    }, buttonStyle), props.style),
+    onClick: function onClick(e) {
+      var _e$currentTarget;
+      if (!disabled) {
+        _onClick === null || _onClick === void 0 || _onClick.call(_this, e);
       }
-    },
-    loading && spin,
-    icon && !loading && typeof icon === "string" ? /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: icon }) : null,
-    children
-  );
+      (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 || _e$currentTarget.blur();
+    }
+  }), loading && spin, icon && !loading && typeof icon === 'string' ? /*#__PURE__*/React.createElement(Icon, {
+    name: icon
+  }) : null, children);
 };
-var Comp = (0, import_react.memo)((0, import_react.forwardRef)(InternalButton));
+var Comp = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(InternalButton));
 var Button = Comp;
-Button.Group = import_ButtonGroup.default;
-Button.displayName = "ElButton";
-var Button_default = Button;
+Button.Group = ButtonGroup;
+Button.displayName = 'ElButton';
+export default Button;

package/dist/Button/ButtonGroup.js

@@ -1,48 +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 __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/Button/ButtonGroup.tsx
-var ButtonGroup_exports = {};
-__export(ButtonGroup_exports, {
-  default: () => ButtonGroup_default
-});
-module.exports = __toCommonJS(ButtonGroup_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_hooks = require("../hooks");
-var import_ButtonGroupContext = require("./ButtonGroupContext");
-var ButtonGroup = (0, import_react.memo)(
-  (0, import_react.forwardRef)((props, ref) => {
-    const { type, bgColor, borderColor, className, style } = props;
-    const { b } = (0, import_hooks.useClassNames)("button-group");
-    const disabled = (0, import_hooks.useDisabled)(props.disabled);
-    const size = (0, import_hooks.useSize)(props.size);
-    return /* @__PURE__ */ import_react.default.createElement(import_ButtonGroupContext.ButtonGroupContext.Provider, { value: { type, disabled, size, bgColor, borderColor } }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), className), style, ref }, props.children));
-  })
-);
-var ButtonGroup_default = ButtonGroup;
+import classNames from 'classnames';
+import React, { forwardRef, memo } from 'react';
+import { useClassNames, useDisabled, useSize } from "../hooks";
+import { ButtonGroupContext } from "./ButtonGroupContext";
+var ButtonGroup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
+  var type = props.type,
+    bgColor = props.bgColor,
+    borderColor = props.borderColor,
+    className = props.className,
+    style = props.style;
+  var _useClassNames = useClassNames('button-group'),
+    b = _useClassNames.b;
+  var disabled = useDisabled(props.disabled);
+  var size = useSize(props.size);
+  return /*#__PURE__*/React.createElement(ButtonGroupContext.Provider, {
+    value: {
+      type: type,
+      disabled: disabled,
+      size: size,
+      bgColor: bgColor,
+      borderColor: borderColor
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(b(), className),
+    style: style,
+    ref: ref
+  }, props.children));
+}));
+export default ButtonGroup;

package/dist/Button/ButtonGroupContext.js

@@ -1,30 +1,2 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-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/Button/ButtonGroupContext.tsx
-var ButtonGroupContext_exports = {};
-__export(ButtonGroupContext_exports, {
-  ButtonGroupContext: () => ButtonGroupContext
-});
-module.exports = __toCommonJS(ButtonGroupContext_exports);
-var import_react = require("react");
-var ButtonGroupContext = (0, import_react.createContext)({});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ButtonGroupContext
-});
+import { createContext } from 'react';
+export var ButtonGroupContext = /*#__PURE__*/createContext({});

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

package/dist/Button/typings.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IconName } from '../Icon';
 import { BaseProps, NativeProps, TypeAttributes } from '../types/common';
-export interface ButtonProps extends Omit<React.AllHTMLAttributes<HTMLElement>, 'loading' | 'size' | 'icon' | 'style' | 'children'>, BaseProps, NativeProps {
+export interface ButtonProps extends Omit<React.AllHTMLAttributes<HTMLElement>, 'loading' | 'size' | 'icon' | 'style' | 'children'>, BaseProps, NativeProps<'--el-button-bg-color' | '--el-button-border-style' | '--el-button-text-color' | '--el-button-border-color' | '--el-button-hover-bg-color' | '--el-button-active-border-color' | '--el-button-active-bg-color' | '--el-button-active-color' | '--el-button-hover-text-color' | '--el-button-hover-border-color' | '--el-button-hover-link-text-color' | '--el-button-active-text-color' | '--el-button-disabled-text-color' | '--el-button-disabled-bg-color' | '--el-button-disabled-border-color' | '--el-button-divide-border-color' | '--el-button-outline-color' | '--el-button-border-radius-round'> {
     /** 尺寸 */
     size?: TypeAttributes.Size;
     /** 类型 */
@@ -30,10 +30,12 @@ export interface ButtonProps extends Omit<React.AllHTMLAttributes<HTMLElement>,
     active?: boolean;
     /** 是否为禁用状态 */
     disabled?: boolean;
+    /** dark 模式, 意味着自动设置 color 为 dark 模式的颜色 */
+    dark?: boolean;
     /** 自定义图标 */
     icon?: IconName | boolean;
     /** 自定义颜色 */
-    color?: TypeAttributes.Color;
+    color?: string;
     /** Format button to appear inside a content bloc */
     block?: boolean;
     /** 自动在两个中文字符之间插入空格 */

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

package/dist/Button/useButtonCustomStyle.d.ts

@@ -0,0 +1,4 @@
+import { TinyColor } from '@ctrl/tinycolor';
+import { ButtonProps } from './typings';
+export declare function darken(color: TinyColor, amount?: number): string;
+export declare function useButtonCustomStyle(props: ButtonProps, cssVarBlock: any, cssVarName: any, cssVarBlockName: any): Record<string, string>;

package/dist/Button/useButtonCustomStyle.js

@@ -0,0 +1,65 @@
+import { TinyColor } from '@ctrl/tinycolor';
+import { useMemo } from 'react';
+export function darken(color) {
+  var amount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 20;
+  return color.mix('#141414', amount).toString();
+}
+export function useButtonCustomStyle(props, cssVarBlock, cssVarName, cssVarBlockName) {
+  var disabled = props.disabled,
+    color = props.color,
+    dark = props.dark,
+    plain = props.plain;
+
+  // calculate hover & active color by custom color
+  // only work when custom color
+  return useMemo(function () {
+    var styles = {};
+    var buttonColor = color;
+    if (buttonColor) {
+      var match = buttonColor.match(/var\((.*?)\)/);
+      if (match) {
+        buttonColor = window.getComputedStyle(window.document.documentElement).getPropertyValue(match[1]);
+      }
+      var tinyColor = new TinyColor(buttonColor);
+      var activeBgColor = dark ? tinyColor.tint(20).toString() : darken(tinyColor, 20);
+      if (plain) {
+        styles = cssVarBlock({
+          'bg-color': dark ? darken(tinyColor, 90) : tinyColor.tint(90).toString(),
+          'text-color': buttonColor,
+          'border-color': dark ? darken(tinyColor, 50) : tinyColor.tint(50).toString(),
+          'hover-text-color': "var(".concat(cssVarName('color-white'), ")"),
+          'hover-bg-color': buttonColor,
+          'hover-border-color': buttonColor,
+          'active-bg-color': activeBgColor,
+          'active-text-color': "var(".concat(cssVarName('color-white'), ")"),
+          'active-border-color': activeBgColor
+        });
+        if (disabled) {
+          styles[cssVarBlockName('disabled-bg-color')] = dark ? darken(tinyColor, 90) : tinyColor.tint(90).toString();
+          styles[cssVarBlockName('disabled-text-color')] = dark ? darken(tinyColor, 50) : tinyColor.tint(50).toString();
+          styles[cssVarBlockName('disabled-border-color')] = dark ? darken(tinyColor, 80) : tinyColor.tint(80).toString();
+        }
+      } else {
+        var hoverBgColor = dark ? darken(tinyColor, 30) : tinyColor.tint(30).toString();
+        var textColor = tinyColor.isDark() ? "var(".concat(cssVarName('color-white'), ")") : "var(".concat(cssVarName('color-black'), ")");
+        styles = cssVarBlock({
+          'bg-color': buttonColor,
+          'text-color': textColor,
+          'border-color': buttonColor,
+          'hover-bg-color': hoverBgColor,
+          'hover-text-color': textColor,
+          'hover-border-color': hoverBgColor,
+          'active-bg-color': activeBgColor,
+          'active-border-color': activeBgColor
+        });
+        if (disabled) {
+          var disabledButtonColor = dark ? darken(tinyColor, 50) : tinyColor.tint(50).toString();
+          styles[cssVarBlockName('disabled-bg-color')] = disabledButtonColor;
+          styles[cssVarBlockName('disabled-text-color')] = dark ? 'rgba(255, 255, 255, 0.5)' : "var(".concat(cssVarName('color-white'), ")");
+          styles[cssVarBlockName('disabled-border-color')] = disabledButtonColor;
+        }
+      }
+    }
+    return styles;
+  }, [color, cssVarBlock, cssVarBlockName, cssVarName, dark, disabled, plain]);
+}