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

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

package/dist/Col/typings.d.ts

@@ -3,14 +3,24 @@ export type MediaType = keyof Pick<ColProps, 'span' | 'offset' | 'push' | 'pull'
 export type MediaLayout = Partial<Record<MediaType, number>>;
 export type MediaSize = Pick<ColProps, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
 export interface ColProps extends BaseProps, NativeProps {
+    /** 栅格占据的列数 */
     span?: number;
+    /** 栅格左侧的间隔格数 */
     offset?: number;
+    /** 栅格向右移动格数 */
     push?: number;
+    /** 栅格向左移动格数 */
     pull?: number;
+    /** <768px 响应式栅格数或者栅格属性对象 */
     xs?: number | MediaLayout;
+    /** ≥768px 响应式栅格数或者栅格属性对象 */
     sm?: number | MediaLayout;
+    /** ≥992px 响应式栅格数或者栅格属性对象 */
     md?: number | MediaLayout;
+    /** ≥1200px 响应式栅格数或者栅格属性对象 */
     lg?: number | MediaLayout;
+    /** ≥1920px 响应式栅格数或者栅格属性对象 */
     xl?: number | MediaLayout;
+    /** 自定义元素标签 */
     tag?: string;
 }

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

package/dist/Collapse/Collapse.js

@@ -1,46 +1,37 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Collapse/Collapse.tsx
-var Collapse_exports = {};
-__export(Collapse_exports, {
-  default: () => Collapse_default
+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 React, { memo } from 'react';
+import { useClassNames, useControlled } from "../hooks";
+import { CollapseContext } from "./CollapseContext";
+var Collapse = /*#__PURE__*/memo(function (props) {
+  var defaultActiveName = props.defaultActiveName,
+    activeName = props.activeName,
+    accordion = props.accordion,
+    onChange = props.onChange,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'collapse' : _props$classPrefix;
+  var _useClassNames = useClassNames(classPrefix),
+    b = _useClassNames.b;
+  var _useControlled = useControlled(activeName, defaultActiveName),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    value = _useControlled2[0],
+    setValue = _useControlled2[1];
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(b(), props.className),
+    style: props.style
+  }, /*#__PURE__*/React.createElement(CollapseContext.Provider, {
+    value: {
+      value: value,
+      setValue: setValue,
+      accordion: accordion,
+      onChange: onChange
+    }
+  }, props.children));
 });
-module.exports = __toCommonJS(Collapse_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_hooks = require("../hooks");
-var import_CollapseContext = require("./CollapseContext");
-var Collapse = (0, import_react.memo)((props) => {
-  const { defaultActiveName, activeName, accordion, onChange, classPrefix = "collapse" } = props;
-  const { b } = (0, import_hooks.useClassNames)(classPrefix);
-  const [value, setValue] = (0, import_hooks.useControlled)(activeName, defaultActiveName);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), props.className), style: props.style }, /* @__PURE__ */ import_react.default.createElement(import_CollapseContext.CollapseContext.Provider, { value: { value, setValue, accordion, onChange } }, props.children));
-});
-Collapse.displayName = "Collapse";
-var Collapse_default = Collapse;
+Collapse.displayName = 'ElCollapse';
+export default Collapse;

package/dist/Collapse/CollapseContext.d.ts

@@ -1,9 +1,12 @@
 /// <reference types="react" />
 import { CollapseProps } from './typings';
 interface CollapseContextProps {
+    /** 当前激活的面板(可控模式：如果是手风琴模式，绑定值类型需要为string，否则为array) */
     value: CollapseProps['activeName'];
     setValue: (value: CollapseProps['activeName']) => void;
+    /** 是否手风琴模式 */
     accordion: boolean;
+    /** 当前激活面板改变时触发(如果是手风琴模式，参数 activeNames 类型为string，否则为array) */
     onChange: (activeNames: string | string[]) => void;
 }
 export declare const CollapseContext: import("react").Context<CollapseContextProps>;

package/dist/Collapse/CollapseContext.js

@@ -1,35 +1,7 @@
-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/Collapse/CollapseContext.ts
-var CollapseContext_exports = {};
-__export(CollapseContext_exports, {
-  CollapseContext: () => CollapseContext
-});
-module.exports = __toCommonJS(CollapseContext_exports);
-var import_react = require("react");
-var CollapseContext = (0, import_react.createContext)({
+import { createContext } from 'react';
+export var CollapseContext = /*#__PURE__*/createContext({
   value: null,
   setValue: null,
   accordion: false,
   onChange: null
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CollapseContext
-});
+});

package/dist/Collapse/CollapseItem.js

@@ -1,50 +1,36 @@
-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/Collapse/CollapseItem.tsx
-var CollapseItem_exports = {};
-__export(CollapseItem_exports, {
-  default: () => CollapseItem_default
-});
-module.exports = __toCommonJS(CollapseItem_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_Icon = require("../Icon");
-var import_Transition = require("../Transition");
-var import_hooks = require("../hooks");
-var import_CollapseContext = require("./CollapseContext");
-var import_CollapseTransition = require("./CollapseTransition");
-var CollapseItem = (0, import_react.memo)((props) => {
-  const { name, title, disabled, classPrefix = "collapse-item" } = props;
-  const { b, e, is } = (0, import_hooks.useClassNames)(classPrefix);
-  const { value, setValue, accordion, onChange } = (0, import_react.useContext)(import_CollapseContext.CollapseContext);
-  const active = (0, import_react.useMemo)(() => {
-    if (accordion && typeof value === "string") {
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+import classNames from 'classnames';
+import React, { memo, useCallback, useContext, useMemo, useRef } from 'react';
+import Icon from "../Icon/Icon";
+import Transition from "../Transition/Transition";
+import { useClassNames } from "../hooks";
+import { CollapseContext } from "./CollapseContext";
+import { afterEnter as _afterEnter, afterLeave as _afterLeave, beforeEnter as _beforeEnter, beforeLeave as _beforeLeave, onEnter as _onEnter, onLeave as _onLeave } from "./CollapseTransition";
+var CollapseItem = /*#__PURE__*/memo(function (props) {
+  var name = props.name,
+    title = props.title,
+    disabled = props.disabled,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'collapse-item' : _props$classPrefix;
+  var _useClassNames = useClassNames(classPrefix),
+    b = _useClassNames.b,
+    e = _useClassNames.e,
+    is = _useClassNames.is;
+  var _useContext = useContext(CollapseContext),
+    value = _useContext.value,
+    setValue = _useContext.setValue,
+    accordion = _useContext.accordion,
+    onChange = _useContext.onChange;
+  var containerRef = useRef(null);
+  var active = useMemo(function () {
+    if (accordion && typeof value === 'string') {
       return name === value;
     } else {
       if (value instanceof Array) {
@@ -53,42 +39,73 @@ var CollapseItem = (0, import_react.memo)((props) => {
     }
     return false;
   }, [accordion, name, value]);
-  const handleClick = (0, import_react.useCallback)(() => {
+  var handleClick = useCallback(function () {
     if (accordion) {
-      setValue(active ? "" : name);
-      onChange == null ? void 0 : onChange(active ? "" : name);
+      setValue(active ? '' : name);
+      onChange === null || onChange === void 0 || onChange(active ? '' : name);
     } else {
       if (value instanceof Array) {
         if (active) {
-          const v = JSON.parse(JSON.stringify(value));
+          var v = JSON.parse(JSON.stringify(value));
           v.splice(v.indexOf(name), 1);
           setValue(v);
-          onChange == null ? void 0 : onChange(v);
+          onChange === null || onChange === void 0 || onChange(v);
         } else {
-          setValue([...value, name]);
-          onChange == null ? void 0 : onChange([...value, name]);
+          setValue([].concat(_toConsumableArray(value), [name]));
+          onChange === null || onChange === void 0 || onChange([].concat(_toConsumableArray(value), [name]));
         }
       } else {
         setValue(active ? [] : [name]);
-        onChange == null ? void 0 : onChange(active ? [] : [name]);
+        onChange === null || onChange === void 0 || onChange(active ? [] : [name]);
       }
     }
   }, [accordion, active, name, onChange, setValue, value]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), is({ active, disabled }), props.className), style: props.style }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: e`header`, onClick: handleClick }, title, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angle-right", className: (0, import_classnames.default)(e`arrow`, is({ active })) }))), /* @__PURE__ */ import_react.default.createElement(
-    import_Transition.Transition,
-    {
-      name: "r-menu-collapse",
-      duration: 300,
-      visible: active,
-      beforeEnter: import_CollapseTransition.beforeEnter,
-      onEnter: import_CollapseTransition.onEnter,
-      afterEnter: import_CollapseTransition.afterEnter,
-      beforeLeave: import_CollapseTransition.beforeLeave,
-      onLeave: import_CollapseTransition.onLeave,
-      afterLeave: import_CollapseTransition.afterLeave
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(b(), is({
+      active: active,
+      disabled: disabled
+    }), props.className),
+    style: props.style
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["header"]))),
+    onClick: handleClick
+  }, title, /*#__PURE__*/React.createElement(Icon, {
+    name: "angle-right",
+    className: classNames(e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["arrow"]))), is({
+      active: active
+    }))
+  }))), /*#__PURE__*/React.createElement(Transition, {
+    nodeRef: containerRef,
+    name: b('menu-collapse', false),
+    duration: 300,
+    visible: active,
+    beforeEnter: function beforeEnter() {
+      return _beforeEnter(containerRef);
+    },
+    onEnter: function onEnter() {
+      return _onEnter(containerRef);
+    },
+    afterEnter: function afterEnter() {
+      return _afterEnter(containerRef);
+    },
+    beforeLeave: function beforeLeave() {
+      return _beforeLeave(containerRef);
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`wrap`), style: { display: "none" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`content` }, props.children))
-  ));
+    onLeave: function onLeave() {
+      return _onLeave(containerRef);
+    },
+    afterLeave: function afterLeave() {
+      return _afterLeave(containerRef);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    className: classNames(e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["wrap"])))),
+    style: {
+      display: 'none'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["content"])))
+  }, props.children))));
 });
-CollapseItem.displayName = "CollapseItem";
-var CollapseItem_default = CollapseItem;
+CollapseItem.displayName = 'CollapseItem';
+export default CollapseItem;

package/dist/Collapse/CollapseTransition.d.ts

@@ -1,6 +1,7 @@
-export declare const beforeEnter: (el: any) => void;
-export declare const onEnter: (el: HTMLElement) => void;
-export declare const afterEnter: (el: HTMLElement) => void;
-export declare const beforeLeave: (el: any) => void;
-export declare const onLeave: (el: any) => void;
-export declare const afterLeave: (el: any) => void;
+import { RefObject } from 'react';
+export declare const beforeEnter: (node: RefObject<HTMLElement>) => void;
+export declare const onEnter: (node: RefObject<HTMLElement>) => void;
+export declare const afterEnter: (node: RefObject<HTMLElement>) => void;
+export declare const beforeLeave: (node: RefObject<any>) => void;
+export declare const onLeave: (node: RefObject<any>) => void;
+export declare const afterLeave: (node: RefObject<HTMLElement>) => void;

package/dist/Collapse/CollapseTransition.js

@@ -1,78 +1,58 @@
-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 });
+import { addClass, removeClass } from 'dom-lib';
+export var beforeEnter = function beforeEnter(node) {
+  if (node.current) {
+    var el = node.current;
+    el.style.opacity = '0';
+    el.style.height = '0';
   }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Collapse/CollapseTransition.ts
-var CollapseTransition_exports = {};
-__export(CollapseTransition_exports, {
-  afterEnter: () => afterEnter,
-  afterLeave: () => afterLeave,
-  beforeEnter: () => beforeEnter,
-  beforeLeave: () => beforeLeave,
-  onEnter: () => onEnter,
-  onLeave: () => onLeave
-});
-module.exports = __toCommonJS(CollapseTransition_exports);
-var import_dom_lib = require("dom-lib");
-var beforeEnter = (el) => {
-  el.style.height = "0";
-  el.style.opacity = "0";
 };
-var onEnter = (el) => {
-  (0, import_dom_lib.addClass)(el, "collapse-transition");
-  el.dataset.oldOverflow = el.style.overflow;
-  if (el.scrollHeight !== 0) {
-    el.style.height = `${el.scrollHeight}px`;
-  } else {
-    el.style.height = "";
+export var onEnter = function onEnter(node) {
+  if (node.current) {
+    var el = node.current;
+    addClass(el, 'collapse-transition');
+    el.dataset.oldOverflow = el.style.overflow;
+    if (el.scrollHeight !== 0) {
+      el.style.height = "".concat(el.scrollHeight, "px");
+    } else {
+      el.style.height = '';
+    }
+    el.style.overflow = 'hidden';
+    el.style.opacity = '1';
   }
-  el.style.overflow = "hidden";
-  el.style.opacity = "1";
-};
-var afterEnter = (el) => {
-  (0, import_dom_lib.removeClass)(el, "collapse-transition");
-  el.style.height = "";
-  el.style.overflow = el.dataset.oldOverflow;
 };
-var beforeLeave = (el) => {
-  (0, import_dom_lib.addClass)(el, "collapse-transition");
-  if (!el.dataset) {
-    el.dataset = {};
+export var afterEnter = function afterEnter(node) {
+  if (node.current) {
+    var el = node.current;
+    removeClass(el, 'collapse-transition');
+    el.style.height = '';
+    el.style.overflow = el.dataset.oldOverflow;
   }
-  el.dataset.oldOverflow = el.style.overflow;
-  el.style.height = `${el.scrollHeight}px`;
-  el.style.overflow = "hidden";
-  el.style.margin = 0;
 };
-var onLeave = (el) => {
-  el.style.transitionProperty = "height";
-  el.style.height = 0;
+export var beforeLeave = function beforeLeave(node) {
+  if (node.current) {
+    var el = node.current;
+    addClass(el, 'collapse-transition');
+    if (!el.dataset) {
+      el.dataset = {};
+    }
+    el.dataset.oldOverflow = el.style.overflow;
+    el.style.height = "".concat(el.scrollHeight, "px");
+    el.style.overflow = 'hidden';
+    el.style.margin = 0;
+  }
 };
-var afterLeave = (el) => {
-  el.style.height = "";
-  el.style.overflow = el.dataset.oldOverflow;
-  el.style.display = "";
+export var onLeave = function onLeave(node) {
+  if (node.current) {
+    var el = node.current;
+    el.style.transitionProperty = 'height';
+    el.style.height = 0;
+  }
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  afterEnter,
-  afterLeave,
-  beforeEnter,
-  beforeLeave,
-  onEnter,
-  onLeave
-});
+export var afterLeave = function afterLeave(node) {
+  if (node.current) {
+    var el = node.current;
+    el.style.height = '';
+    el.style.overflow = el.dataset.oldOverflow;
+    el.style.display = '';
+  }
+};

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

package/dist/Collapse/typings.d.ts

@@ -1,13 +1,20 @@
 import React from 'react';
 import { BaseProps, NativeProps } from '../types/common';
 export interface CollapseProps extends BaseProps, NativeProps<'--el-collapse-border-color' | '--el-collapse-header-height' | '--el-collapse-header-bg-color' | '--el-collapse-header-text-color' | '--el-collapse-header-font-size' | '--el-collapse-content-bg-color' | '--el-collapse-content-font-size' | '--el-collapse-content-text-color' | '--el-transition-duration' | '--el-collapse-item-margin'> {
+    /** 当前激活的面板(如果是手风琴模式，绑定值类型需要为string，否则为array) */
     defaultActiveName?: string | string[];
+    /** 当前激活的面板(可控模式：如果是手风琴模式，绑定值类型需要为string，否则为array) */
     activeName?: string | string[];
+    /** 是否手风琴模式 */
     accordion?: boolean;
+    /** 当前激活面板改变时触发(如果是手风琴模式，参数 activeNames 类型为string，否则为array) */
     onChange?: (activeNames: string | string[]) => void;
 }
 export interface CollapseItemProps extends BaseProps, NativeProps {
+    /** 唯一标志符 */
     name: string;
+    /** 面板标题 */
     title?: string | React.ReactElement;
+    /** 是否禁用 */
     disabled?: boolean;
 }