@qsxy/element-plus-react 1.0.0-next.2 → 1.0.0-next.3

package/README.md

@@ -0,0 +1,31 @@
+# @qsxy/element-plus-react
+
+[![NPM version](https://img.shields.io/npm/v/element-plus-react.svg?style=flat)](https://npmjs.org/package/@qsxy/element-plus-react)
+[![NPM downloads](http://img.shields.io/npm/dm/element-plus-react.svg?style=flat)](https://npmjs.org/package/@qsxy/element-plus-react)
+
+@qsxy/element-plus-react
+
+## Usage
+
+TODO
+
+## Options
+
+TODO
+
+## Development
+
+```bash
+# install dependencies
+$ npm i @qsxy/element-plus-react
+```
+
+```javascript
+// how to use
+import '@qsxy/element-plus-react/dist/index.css';
+import { ElButton, ElLink } from '@qsxy/element-plus-react';
+```
+
+## LICENSE
+
+MIT

package/dist/Badge/typings.d.ts

@@ -1,14 +1,24 @@
 import React from 'react';
 import { AnimationEventProps, BaseProps, NativeProps, TypeAttributes } from '../types/common';
 export interface BadgeProps extends BaseProps, NativeProps, AnimationEventProps {
+    /** 显示值 */
     value?: string | number;
+    /** 最大值，超过最大值会显示 {max}+。 只有当 value 是数字类型时起作用。 */
     max?: number;
+    /** 是否显示小圆点。 */
     isDot?: boolean;
+    /** 是否隐藏 Badge。 */
     hidden?: Boolean;
+    /** 类型 */
     type?: TypeAttributes.Appearance;
+    /** 值为零时是否显示 Badge */
     showZero?: boolean;
+    /** 背景色 */
     color?: string;
+    /** badge 的偏移量 */
     offset?: [number, number];
+    /** 自定义 badge 样式 */
     badgeStyle?: React.CSSProperties;
+    /** 自定义 badge 类名  */
     badgeClass?: string;
 }

package/dist/Breadcrumb/typings.d.ts

@@ -2,12 +2,16 @@ import React from 'react';
 import { RouteProps } from 'react-router-dom';
 import { BaseProps, NativeProps } from '../types/common';
 export interface BreadcrumbProps extends BaseProps, NativeProps {
+    /** 分隔符 */
     separator?: string | React.ReactElement<any>;
 }
 export interface BreadcrumbContextProps {
+    /** 分隔符 */
     separator: string | React.ReactElement<any>;
 }
 export interface BreadcrumbItemProps extends BaseProps, NativeProps {
+    /** 路由跳转目标，同 vue-router 的 to 属性	 */
     to?: string | RouteProps;
+    /** 如果设置该属性为 true, 导航将不会留下历史记录	 */
     onClick?: (to?: string | RouteProps) => void;
 }

package/dist/Button/typings.d.ts

@@ -2,36 +2,64 @@ 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 {
+    /** 尺寸 */
     size?: TypeAttributes.Size;
+    /** 类型 */
     type?: TypeAttributes.Appearance;
+    /** 是否为朴素按钮 */
     plain?: boolean;
+    /** 是否为圆角按钮 */
     round?: boolean;
+    /** 是否为圆形按钮 */
     circle?: boolean;
+    /** 是否为文字按钮 */
     text?: boolean;
+    /** 是否显示文字按钮背景颜色	 */
     bg?: boolean;
+    /** 是否为链接按钮 */
     link?: boolean;
+    /** 是否为虚线按钮 */
     dashed?: boolean;
+    /** 是否为加载中状态 */
     loading?: boolean;
+    /** 自定义加载中图标 */
     loadingIcon?: IconName;
+    /** 自定义加载中图标 */
     loadingSlot?: React.ReactElement;
+    /** 是否为激活状态 */
     active?: boolean;
+    /** 是否为禁用状态 */
     disabled?: boolean;
+    /** 自定义图标 */
     icon?: IconName | boolean;
+    /** 自定义颜色 */
     color?: TypeAttributes.Color;
+    /** Format button to appear inside a content bloc */
     block?: boolean;
+    /** 自动在两个中文字符之间插入空格 */
     autoInsertSpace?: boolean;
+    /** Providing a `href` will render an `<a>` element, _styled_ as a button */
     href?: string;
+    /** Where to display the linked URL */
     target?: string;
+    /** Defines HTML button type attribute */
     nativeType?: 'button' | 'reset' | 'submit';
 }
 export type ButtonRef = {
+    /** 按钮 html 元素	 */
     ref: React.MutableRefObject<HTMLButtonElement>;
+    /** 按钮尺寸 */
     size: TypeAttributes.Size;
+    /** 类型 */
     type?: TypeAttributes.Appearance;
+    /** 是否为禁用状态 */
     disabled?: boolean;
+    /** 是否在两个字符之间插入空格 */
     shouldAddSpace?: boolean;
 };
 export type ButtonGroupProps = BaseProps & NativeProps & Pick<ButtonProps, 'disabled' | 'size' | 'type'> & {
+    /** 背景色 */
     bgColor?: string;
+    /** 边框颜色 */
     borderColor?: string;
 };

package/dist/Calendar/CalendarContext.d.ts

@@ -10,16 +10,26 @@ export interface CalendarContextProps {
     initialValue?: string | [v1: string, v2: string];
     value?: Dayjs;
     valueRange?: [value: Dayjs, value: Dayjs];
+    /** 显示类型 */
     dateType?: DateType | DateRangeType;
+    /** 是否展示“今天”按钮 */
     showToday?: boolean;
+    /** 是否展示“此刻”按钮 */
     showNow?: boolean;
+    /** 设置ISO周数，其中1为星期一，7为星期日 */
     isoWeek?: boolean;
+    /** 在范围选择器里取消两个日期面板之间的联动 */
     unlinkPanels?: boolean;
     popperInstRef?: RefObject<PopperOptionRef>;
+    /** 快捷方式 */
     shortcuts?: Shortcuts[];
+    /** 一个用来判断该日期是否被禁用的函数，接受一个 Date 对象作为参数。 应该返回一个 Boolean 值。 */
     disabledDate?: (time: Date) => boolean;
+    /** 关闭下拉框方法 */
     close?: () => void;
+    /** 单选框提交数据方法 */
     onChange?: (value: Dayjs, params?: ChangeParams) => void;
+    /** 日期范围框提交数据方法 */
     onChangeRange?: (value: [value: Dayjs, value: Dayjs], finish: boolean) => void;
     formatter?: (value: Dayjs, text: number) => React.ReactElement;
 }

package/dist/Calendar/ShortCuts.d.ts

@@ -4,7 +4,9 @@ import { ClassValue } from '../hooks/useClassNames';
 import { ChangeParams } from './CalendarContext';
 import { Shortcuts } from './typings';
 interface Props {
+    /** 快捷方式 */
     shortcuts: Shortcuts[];
+    /** 单选框提交数据方法 */
     onChange?: (value: Dayjs, params?: ChangeParams) => void;
     e: (...classes: ClassValue[]) => string;
 }

package/dist/Calendar/typings.d.ts

@@ -5,32 +5,50 @@ export type DateRangeType = 'daterange' | 'monthrange' | 'yearrange';
 export type RangePosition = 'left' | 'right';
 export type ValueRagne = [value: Dayjs, value: Dayjs];
 export type ValueRagneTemp = [value: Dayjs, value: Dayjs, value: Dayjs];
+/** 快捷方式 */
 export interface Shortcuts {
     text: string;
     value: Date | (() => Date);
 }
 export interface CalendarProps extends BaseProps, NativeProps {
+    /** 是否显示时间 */
     hasTime?: boolean;
 }
 export interface HeaderProps {
+    /**  */
     prefix?: string;
+    /** 年 */
     year?: number | string;
+    /** 月 */
     month?: number | string;
+    /** 是否禁用 */
     disabled?: boolean;
+    /**  */
+    /**  */
+    /** 是否显示月份 */
     showMonth?: boolean;
+    /** 是否显示后退按钮 */
     showBackward?: boolean;
+    /** 是否显示前进按钮 */
     showForward?: boolean;
+    /** 是否纯文本模式 */
     plain?: boolean;
+    /** 是否显示边框 */
     border?: boolean;
     postion?: RangePosition;
     disabledForward?: boolean;
     disabledBackward?: boolean;
     disabledForwards?: boolean;
     disabledBackwards?: boolean;
+    /**  */
     onToggleView?: (type: DateType, postion?: RangePosition) => void;
+    /**  */
     onMoveBackward?: () => void;
+    /**  */
     onMoveForward?: () => void;
+    /**  */
     onMoveBackwards?: () => void;
+    /**  */
     onMoveForwards?: () => void;
 }
 export type YearPanelProps = {

package/dist/Card/typings.d.ts

@@ -1,8 +1,12 @@
 import React from 'react';
 import { BaseProps, NativeProps } from '../types/common';
 export interface CardProps extends BaseProps, NativeProps<'--el-card-border-color' | '--el-card-border-radius' | '--el-card-padding' | '--el-card-bg-color'> {
+    /** 卡片的标题 你可以通过设置 header 来修改标题 */
     header?: string | React.ReactElement<any>;
+    /** 卡片页脚。 你既可以通过设置 footer 来修改卡片底部内容 */
     footer?: string | React.ReactElement<any>;
+    /** body 的 CSS 样式 */
     bodyStyle?: React.CSSProperties;
+    /** 设置阴影显示时机 */
     shadow?: 'always' | 'never' | 'hover';
 }

package/dist/Cascader/CascaderDropdown.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { OptionNode } from './typings';
 interface Props {
+    /** 用于分隔选项的字符 */
     separator: string;
     options: OptionNode[][];
     value: string[] | string[][];

package/dist/Cascader/CascaderMenu.d.ts

@@ -8,5 +8,12 @@ interface Props {
 export interface CascaderMenuRef {
     scrollToSelected: () => void;
 }
+/**
+ * @author	Parker
+ * @CreateTime	2022/4/17 14:14:01
+ * @LastEditor	Parker
+ * @ModifyTime	2025/2/22 16:22:21
+ * @Description
+ */
 declare const CascaderMenu: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<CascaderMenuRef>>>;
 export default CascaderMenu;

package/dist/Cascader/typings.d.ts

@@ -5,75 +5,155 @@ import { DataNode, DirectoryTreeProps, Key } from '../Tree';
 import { AnimationEventProps, BaseProps, FormControlBaseProps, NativeProps } from '../types/common';
 export type ValueType = string[] | string[][];
 export interface CascaderProps<V = ValueType, S = DataNode> extends Omit<FormControlBaseProps<V>, 'onChange' | 'value' | 'defaultValue'>, BaseProps, NativeProps, AnimationEventProps, PopperOptions, Omit<DirectoryTreeProps<S>, 'children' | 'style' | 'expandedKeys' | 'className' | 'readOnly' | 'disabled'> {
+    /** 初始值 */
     defaultValue?: ValueType;
+    /** 值（可控） */
     value?: ValueType;
+    /** 可选项数据源，键名可通过 Props 属性配置 */
     options?: any[];
+    /** 配置选项 */
     props?: CascaderMenuProps;
+    /** 树形租金配置选项 */
     treeMenuProps?: TreeMenuProps;
+    /** 是否禁用 */
     disabled?: boolean;
+    /** 是否可以清空选项 */
     clearable?: boolean;
+    /** 输入框中是否显示选中值的完整路径 */
     showAllLevels?: boolean;
+    /** 用于分隔选项的字符 */
     separator?: string;
+    /** 是否可搜索 */
     filterable?: boolean;
+    /** 自定义搜索方法 */
     filterMethod?: (val: ValueType, searchText: string) => boolean;
+    /** 占位符 */
     placeholder?: string;
+    /** 选项为空时显示的文字 */
     noDataText?: string;
+    /** 搜索条件无匹配时显示的文字 */
     noMatchText?: string;
+    /** 是否正在从远程获取数据 */
     loading?: boolean;
+    /** 远程加载时显示的文字 */
     loadingText?: string;
+    /**  */
     required?: boolean;
+    /** 表单校验错误提示 */
     error?: boolean;
+    /** 表单校验警告提示 */
     warning?: boolean;
+    /** 多选时是否将选中值按文字的形式展示 */
     collapseTags?: boolean;
+    /** 需要显示的 Tag 的最大数量 只有当 collapseTags 设置为 true 时才会生效。 */
     maxCollapseTags?: number;
+    /** 当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapseTags属性必须设定为 true */
     collapseTagsTooltip?: boolean;
+    /** 鼠标悬停于折叠标签的文本格式化函数， 要使用此属性，collapseTags属性必须设定为 true */
     collapseTips?: (collapseNum: number, total: number) => string;
+    /** 是否纯文本模式，即无边框 */
     plain?: boolean;
+    /** 输入框头部内容，只对 type="text" 有效 */
     prefix?: React.ReactElement<any> | string | number;
+    /** 输入框尾部内容，只对 type="text" 有效 */
     suffix?: React.ReactElement<any> | string | number;
+    /** 输入框前置内容，只对 type="text" 有效 */
     prepend?: React.ReactElement<any> | string | number;
+    /** 输入框后置内容，只对 type="text" 有效 */
     append?: React.ReactElement | string | number;
     expandedKeys?: Key[][];
     lable?: string;
+    /** 是否追加到body下 */
     appendToBody?: boolean;
+    /** 选中值发生变化时触发 */
     onChange?: (value: ValueType, level?: number, label?: string | string[], node?: S[] | S[][]) => void;
+    /** 是否可以选择 */
     shouldSelect?: (node?: object, level?: number) => boolean;
     labelFormatter?: (level?: number, node?: object[]) => string;
 }
 export interface CascaderMenuProps {
+    /** 次级菜单的展开方式 */
     expandTrigger?: 'click' | 'hover';
+    /** 是否多选 */
     multiple?: boolean;
+    /** 是否严格的遵守父子节点不互相关联 */
     checkStrictly?: boolean;
+    /** 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值 */
     emitPath?: boolean;
+    /** 是否动态加载子节点，需与 lazyLoad 方法结合使用 */
     lazy?: boolean;
+    /** 加载动态数据的方法，仅在 lazy 为 true 时有效 */
     lazyLoad?: (node: object, resolve?: (value: object[], isTree?: boolean) => void, reject?: () => void) => void;
+    /** 指定选项的值为选项对象的某个属性值 */
     valueKey?: string;
+    /** 指定选项标签为选项对象的某个属性值 */
     labelKey?: string;
+    /** 指定选项的子选项为选项对象的某个属性值 */
     childrenKey?: string;
+    /** 指定选项的禁用为选项对象的某个属性值 */
     disabledKey?: string;
+    /** 指定选项的叶子节点的标志位为选项对象的某个属性值 */
     leafKey?: string;
 }
 export interface TreeMenuProps {
+    /** 指定选项的值为选项对象的某个属性值 */
     valueKey?: string;
+    /** 指定选项标签为选项对象的某个属性值 */
     labelKey?: string;
+    /** 指定选项的子选项为选项对象的某个属性值 */
     childrenKey?: string;
+    /** 指定选项的禁用为选项对象的某个属性值 */
     disabledKey?: string;
+    /** 指定选项的叶子节点的标志位为选项对象的某个属性值 */
     leafKey?: string;
 }
 export interface CascaderRef {
     inputInstance?: InputRef;
     setLabel: (label: string) => void;
     onClear: () => void;
+    /** 重置懒加载的节点，适用于动态懒加载配置 */
     resetNodes: () => void;
     setVisible: (visible: boolean) => void;
 }
 export interface OptionNode extends Object {
+    /**
+     * 主键
+     * @private
+     */
     __id: string;
+    /**
+     * 父级节点ID
+     * @private
+     */
     __pId: string;
+    /**
+     * 层级
+     * @private
+     */
     __level?: number;
+    /**
+     * 是否叶子节点
+     * @private
+     */
     __leaf?: boolean;
+    /**
+     * 是否已勾选
+     * @private
+     */
     __checked?: boolean;
+    /**
+     * 是否半选
+     * @private
+     */
     __indeterminate?: boolean;
+    /**
+     * 时子节点集合
+     * @private
+     */
     children?: OptionNode[];
+    /**
+     * 树形组件时子节点集合
+     * @private
+     */
     treeChildren?: boolean;
 }

package/dist/Cascader/useCascader.d.ts

@@ -1,29 +1,101 @@
 import { Key } from '../Tree';
 import { CascaderProps, OptionNode } from './typings';
+/**
+ * @author	Parker
+ * @CreateTime	2022/4/17 16:02:49
+ * @LastEditor	Parker
+ * @ModifyTime	2022/11/20 13:05:51
+ * @Description
+ */
 export declare const useCascader: (initialData: object[], props: CascaderProps, value: string[] | string[][]) => {
+    /** 最高层级 */
     allLevel: number;
+    /** 选项数据 */
     optionData: Record<string, OptionNode[]>;
+    /**
+     * 懒加载时存储option
+     * @param nodes
+     * @param level 层级
+     */
     storeOptionData: (nodes: object[], level: number, parent: OptionNode, { isTree, isCover }: {
         isTree?: boolean;
         isCover?: boolean;
     }) => OptionNode[];
+    /**
+     * 获取选中的值
+     * @param level 层级
+     * @returns
+     */
     getSelectedValue: () => string[];
+    /**
+     * 获取任意层级选中的值
+     * @param level 层级
+     * @returns
+     */
     getValueOfLevel: (level?: number) => string;
+    /**
+     * 获取选中的文本
+     * @param level 层级
+     * @returns
+     */
     getSelectedLabel: (labelFormatter?: (node?: OptionNode[]) => string) => string;
+    /**
+     * 设置任意层级节点的标签
+     * @param level 层级
+     * @param value
+     */
     setSelectedNode: (level: number, node: OptionNode) => void;
     setSelectedValue: (level: number, val: string) => void;
     getSelectedNode: () => OptionNode[];
+    /**
+     * 设置选中节点
+     * @param level 层级
+     * @param node 当前节点
+     * @param checked 是否选中
+     */
     setCheckedNode: (level: number, node: OptionNode, checked: boolean) => void;
     getCheckedNodes: () => OptionNode[][];
     getCheckedValue: () => string[][];
     getCheckedLabel: () => any[][];
     loopGetParent: (level: number, node: OptionNode, result?: OptionNode[]) => OptionNode[];
+    /**
+     * 获取任意节点的option数据
+     * @param level 层级
+     * @returns
+     */
     getOptions: (level: number) => OptionNode[];
+    /** 清空值 */
     clearSelected: () => void;
+    /**
+     * 设置节点是否为叶子节点
+     * @param node
+     * @param isLeaf
+     */
     setNodeLeaf: (node: OptionNode, isLeaf: boolean) => void;
+    /**
+     * 获取数据类型
+     * @param level 层级
+     * @returns
+     */
     getDataType: (level: number) => any;
+    /**
+     * 获取树数据
+     * @param level 层级
+     * @returns
+     */
     getTreeData: (level: number) => any[];
+    /**
+     * 获取扩展key
+     * @param level 层级
+     * @returns
+     */
     getExpandedKeys: (level: number) => Key[];
+    /**
+     * 设置扩展key
+     * @param level 层级
+     * @param keys
+     * @returns
+     */
     setExpandedKeys: (level: number, keys: Key[]) => void;
     handleSearch: (searchText: string) => OptionNode[][];
     resetNodes: () => void;

package/dist/Checkbox/typings.d.ts

@@ -7,15 +7,26 @@ export type CheckboxRef = {
     setChecked: (value: boolean) => void;
 };
 export interface CheckboxProps<V = ValueType> extends Omit<React.AllHTMLAttributes<HTMLElement>, 'value' | 'defaultValue' | 'loading' | 'size' | 'icon' | 'style' | 'onChange' | 'children'>, Omit<FormControlBaseProps<V>, 'onChange'>, BaseProps, NativeProps {
+    /** tooltip 提示*/
     title?: string;
+    /** Inline layout */
     inline?: boolean;
+    /** 是否只读 */
     readOnly?: boolean;
+    /** 是否选中 */
     checked?: boolean;
+    /** 默认是否选中 */
     defaultChecked?: boolean;
+    /** 是否中间状态 */
     indeterminate?: boolean;
+    /** 原生 name 属性 */
     name?: string;
+    /** 点击checkbox时是否阻止默认事件 */
     prevent?: boolean;
+    /** 当绑定值变化时触发的事件 */
     onChange?: (checked: boolean, value: ValueType, event: React.ChangeEvent<HTMLInputElement>) => void;
+    /** 点击checkbox顶级div事件 */
     onClick?: (event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void;
+    /** 点击checkbox事件 */
     onCheckboxClick?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
 }

package/dist/CheckboxGroup/CheckboxGroup.d.ts

@@ -3,9 +3,13 @@ import type { ValueType } from '../Checkbox/index';
 import { BaseProps, FormControlBaseProps, NativeProps, TypeAttributes } from '../types/common';
 export interface CheckboxGroupProps<V = ValueType[] | boolean> extends FormControlBaseProps<V>, BaseProps, NativeProps {
     name?: string;
+    /** 尺寸 */
     size?: TypeAttributes.Size;
+    /** 单个CheckBox时获取Boolean类型的值 */
     getBooleanOnSingle?: boolean;
+    /** 可被勾选的 checkbox 的最小数量 */
     min?: number;
+    /** 可被勾选的 checkbox 的最大数量 */
     max?: number;
 }
 declare const CheckboxGroup: FC<CheckboxGroupProps>;

package/dist/CheckboxGroup/CheckboxGroupContext.d.ts

@@ -9,6 +9,7 @@ export interface CheckboxGroupContextValue {
     disabled?: boolean;
     readOnly?: boolean;
     plaintext?: boolean;
+    /** 尺寸 */
     size?: TypeAttributes.Size;
     onChange?: (value: any, checked: boolean, event: any) => void;
 }

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/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/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;
 }

package/dist/ColorPicker/AlphaSlider.d.ts

@@ -8,5 +8,12 @@ interface Props {
 export interface AlphaSliderRef {
     update: () => void;
 }
+/**
+ * @author	Parker
+ * @CreateTime	2022/5/14 18:16:52
+ * @LastEditor	Parker
+ * @ModifyTime	2022/5/14 22:17:13
+ * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
+ */
 declare const AlphaSlider: React.ForwardRefExoticComponent<Props & React.RefAttributes<AlphaSliderRef>>;
 export default AlphaSlider;

package/dist/ColorPicker/HueSlider.d.ts

@@ -8,5 +8,12 @@ interface Props {
 export interface HueSliderRef {
     update: () => void;
 }
+/**
+ * @author	Parker
+ * @CreateTime	2022/5/14 16:16:37
+ * @LastEditor	Parker
+ * @ModifyTime	2022/11/20 11:55:00
+ * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
+ */
 declare const HueSlider: React.ForwardRefExoticComponent<Props & React.RefAttributes<HueSliderRef>>;
 export default HueSlider;