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

package/dist/index.d.ts

@@ -106,5 +106,6 @@ export type { DividerProps } from './Divider';
 export { PopupManager, download, genFileId, generateTree, getScrollWidth, isEmpty, isNotEmpty, randomCode } from './Util';
 export * from './hooks';
 export type { AnimationEventProps, BaseProps, FormControlBaseProps, NativeProps, StandardProps, TooltipBaseProps, TypeAttributes } from './types/common';
+/** 全局配置 */
 export { ConfigProvider } from './ConfigProvider';
 export type { ConfigProviderProps } from './ConfigProvider';

package/dist/theme-chalk/build.scss

@@ -0,0 +1,64 @@
+/* Basic 基础组件 */
+@import './common';
+@import './link';
+@import './button';
+@import './icon';
+@import './row';
+@import './col';
+@import './scrollbar';
+@import './popper';
+@import './transition';
+
+/* Form 表单组件 */
+@import './cascader';
+@import './checkbox';
+@import './checkbox-button';
+@import './checkbox-group';
+@import './color-picker';
+@import './radio';
+@import './radio-group';
+@import './input';
+@import './input-number';
+@import './select';
+@import './calendar';
+@import './date-picker';
+@import './date-time-picker';
+@import './time-picker';
+@import './switch';
+@import './transfer';
+@import './form';
+@import './upload';
+
+/* Data 数据展示 */
+@import './badge';
+@import './card';
+@import './collapse';
+@import './descriptions';
+@import './pagination';
+@import './progress';
+@import './table';
+@import './time-line';
+@import './tree';
+@import './tree-select';
+@import './tag';
+
+// /* Navigation 导航 */
+@import './breadcrumb';
+@import './dropdown';
+@import './tabs';
+@import './empty';
+@import './placeholder';
+
+/* Feedback 反馈组件 */
+@import './dialog';
+@import './drawer';
+@import './loading';
+@import './message';
+@import './message-box';
+@import './notification';
+@import './tooltip';
+@import './popconfirm';
+@import './popover';
+
+/* Others 其他 */
+@import './divider';

package/dist/theme-chalk/icon/fonts.scss

@@ -0,0 +1,8 @@
+@import './scss/index.scss';
+@import './scss/v4-shims.scss';
+@import './scss/regular.scss';
+@import './scss/light.scss';
+@import './scss/thin.scss';
+@import './scss/duotone.scss';
+@import './scss/brands.scss';
+@import './scss/solid.scss';

package/dist/theme-chalk/icon/index.scss

@@ -1,14 +1,5 @@
 @use '../common/var';
 
-@import './scss/index.scss';
-@import './scss/v4-shims.scss';
-@import './scss/regular.scss';
-@import './scss/light.scss';
-@import './scss/thin.scss';
-@import './scss/duotone.scss';
-@import './scss/brands.scss';
-@import './scss/solid.scss';
-
 .#{$namespace}-icon-loading {
     animation: rotating 2s linear infinite;
 }

package/dist/theme-chalk/index.scss

@@ -2,6 +2,7 @@
 @import './common';
 @import './link';
 @import './button';
+@import './icon/fonts';
 @import './icon';
 @import './row';
 @import './col';

package/dist/theme-chalk/link/index.scss

@@ -1,88 +1,3 @@
-// @use 'sass:map';
-
-// @use '../../Common/styles/mixins/mixins' as *;
-// @use '../../Common/styles/mixins/var' as *;
-// @use '../../Common/styles/mixins/utils' as *;
-// @use '../../Common/styles/common/var' as *;
-
-// @include b(link) {
-//     @include set-component-css-var('link', $link);
-// }
-
-// @include b(link) {
-//     display: inline-flex;
-//     flex-direction: row;
-//     align-items: center;
-//     justify-content: center;
-//     vertical-align: middle;
-//     position: relative;
-//     text-decoration: none;
-//     outline: none;
-//     cursor: pointer;
-//     padding: 0;
-//     font-size: getCssVar('link', 'font-size');
-//     font-weight: getCssVar('link', 'font-weight');
-
-//     color: getCssVar('link', 'text-color');
-
-//     &:hover {
-//         color: getCssVar('link', 'hover-text-color');
-//     }
-
-//     @include when(underline) {
-//         &:hover:after {
-//             content: '';
-//             position: absolute;
-//             left: 0;
-//             right: 0;
-//             height: 0;
-//             bottom: 0;
-//             border-bottom: 1px solid getCssVar('link', 'hover-text-color');
-//         }
-//     }
-
-//     @include when(disabled) {
-//         color: getCssVar('link', 'disabled-text-color');
-//         cursor: not-allowed;
-//     }
-
-//     & [class*='#{$namespace}-icon-'] {
-//         & + span {
-//             margin-left: 5px;
-//         }
-//     }
-
-//     &.#{$namespace}-link--default {
-//         &:after {
-//             border-color: getCssVar('link', 'hover-text-color');
-//         }
-//     }
-
-//     @include e(inner) {
-//         display: inline-flex;
-//         justify-content: center;
-//         align-items: center;
-//     }
-
-//     @each $type in $types {
-//         &.#{$namespace}-link--#{$type} {
-//             @include css-var-from-global(('link', 'text-color'), ('color', $type));
-//             @include css-var-from-global(('link', 'hover-text-color'), ('color', $type, 'light-3'));
-//             @include css-var-from-global(('link', 'disabled-text-color'), ('color', $type, 'light-5'));
-
-//             &:after {
-//                 border-color: getCssVar('link', 'text-color');
-//             }
-
-//             @include when(underline) {
-//                 &:hover:after {
-//                     border-color: getCssVar('link', 'text-color');
-//                 }
-//             }
-//         }
-//     }
-// }
-
 @use '../common/var';
 .#{$namespace}-link {
     --#{$namespace}-link-font-size: 14px;

package/dist/types/common.d.ts

@@ -12,29 +12,49 @@ export declare namespace TypeAttributes {
 export type ComponentChildren = React.ReactNode | React.ReactNode[];
 export interface FormControlBaseProps<ValueType = React.AllHTMLAttributes<HTMLInputElement>['value']> {
     name?: string;
+    /** 初始值 */
     defaultValue?: ValueType;
+    /** 值（可控） */
     value?: ValueType;
+    /** 选中值发生变化时触发 */
     onChange?: (value: ValueType | boolean, event?: React.ChangeEvent<any>) => void;
+    /** 禁用 */
     disabled?: boolean;
+    /** 尺寸 */
     size?: TypeAttributes.Size;
+    /** Render the control as plain text */
+    /** 只读 */
     readOnly?: boolean;
+    /** 样式前缀 */
     classPrefix?: string;
 }
+/** 基础参数 */
 export interface BaseProps<S = ComponentChildren> {
+    /** 组件 CSS 类的前缀 */
     classPrefix?: string;
+    /** 下拉面板自定义内联样式 */
     popperStyle?: React.CSSProperties;
+    /** 子组件 */
     children?: S;
 }
 export type NativeProps<S extends string = never> = {
+    /** 自定义样式 */
     className?: string;
+    /** 自定义内联样式 */
     style?: React.CSSProperties & Partial<Record<S, string>>;
 };
 export interface AnimationEventProps {
+    /** 显示前动画过渡的回调函数 */
     beforeEnter?: (node?: null | HTMLElement | Text) => void;
+    /** 显示中动画过渡的回调函数 */
     onEnter?: (node?: null | HTMLElement | Text) => void;
+    /** 显示后动画过渡的回调函数 */
     afterEnter?: (node?: null | HTMLElement | Text) => void;
+    /** 退出前动画过渡的回调函数 */
     beforeLeave?: (node?: null | HTMLElement | Text) => void;
+    /** 退出中动画过渡的回调函数 */
     onLeave?: (node?: null | HTMLElement | Text) => void;
+    /** 退出后动画过渡的回调函数 */
     afterLeave?: (node?: null | HTMLElement | Text) => void;
 }
 export interface TooltipBaseProps<T extends EventTarget> {
@@ -44,8 +64,12 @@ export interface TooltipBaseProps<T extends EventTarget> {
     onContextMenu?: (event?: React.MouseEvent<T>) => void;
 }
 export interface StandardProps extends React.HTMLAttributes<HTMLElement> {
+    /** The prefix of the component CSS class */
     classPrefix?: string;
+    /** 自定义样式 */
     className?: string;
+    /** 自定义内联样式 */
     style?: React.CSSProperties;
+    /** 子组件 */
     children?: ComponentChildren;
 }

package/dist/types/type.d.ts

@@ -1,4 +1,9 @@
 export declare const tuple: <T extends string[]>(...args: T) => T;
 export declare const tupleNum: <T extends number[]>(...args: T) => T;
+/**
+ * https://stackoverflow.com/a/59187769 Extract the type of an element of an array/tuple without
+ * performing indexing
+ */
 export type ElementOf<T> = T extends (infer E)[] ? E : T extends readonly (infer F)[] ? F : never;
+/** https://github.com/Microsoft/TypeScript/issues/29729 */
 export type LiteralUnion<T extends U, U> = T | (U & {});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qsxy/element-plus-react",
-  "version": "1.0.0-next.1",
+  "version": "1.0.0-next.3",
   "description": "element-plus-react",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",