@dtjoy/dt-design 1.1.2 → 1.1.5

package/es/status-tag/index.d.ts

@@ -0,0 +1,29 @@
+import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import React from 'react';
+import './style';
+export declare const PRESET_COLOR_TYPES: readonly ["blue", "yellow", "green", "gray", "red", "purple", "cyan", "pink"];
+export declare const STATUS_TAG_TYPES: readonly ["default", "outline", "fill"];
+export type PresetColorType = (typeof PRESET_COLOR_TYPES)[number] | (string & {});
+export type StatusTagType = (typeof STATUS_TAG_TYPES)[number];
+export interface IStatusTagProps extends HTMLAttributes<HTMLDivElement> {
+    /** 状态类型 */
+    type?: StatusTagType;
+    /** 是否圆角 */
+    rounded?: boolean;
+    /** 状态颜色（支持预设值/自定义十六进制/RGB） */
+    color?: PresetColorType;
+    /** 是否加载中 */
+    loading?: boolean;
+    /** 自定义图标 */
+    icon?: ReactNode;
+    /** 背景颜色（仅fill类型生效），未设置时使用color的0.15透明度 */
+    background?: string;
+    /** 类名 */
+    className?: string;
+    /** 子节点 */
+    children?: ReactNode;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare const StatusTag: React.FC<IStatusTagProps>;
+export default StatusTag;

package/{esm/statusTag → es/status-tag}/index.js

@@ -11,7 +11,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useMemo } from 'react';
 import { LoadingOutlined } from '@ant-design/icons';
 import { Spin } from 'antd';
-import { globalConfig } from 'antd/es/config-provider';
+import { globalConfig } from 'antd/lib/config-provider';
 import "./style";
 import clsx from 'clsx';
 export var PRESET_COLOR_TYPES = Object.freeze(['blue', 'yellow', 'green', 'gray', 'red', 'purple', 'cyan', 'pink']);

package/es/status-tag/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/{lib/statusTag → es/status-tag}/style/index.less

@@ -1,70 +1,70 @@
-@import '../../style/themes/index.less';
-@import './mixin.less';
-@import './mixin.less';
-
-@status-tag-prefix-cls: ~'@{ant-prefix}-status-tag';
-
-@keyframes spin {
-    from {
-        transform: rotate(0deg);
-    }
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-// 主选择器
-.@{status-tag-prefix-cls} {
-    display: flex;
-    align-items: center;
-    width: fit-content;
-    height: 24px;
-    font-size: 12px;
-    color: #3d446e;
-
-    .ant-spin {
-        font-size: 14px; // 修复 antd 字体居中问题
-    }
-
-    &--border {
-        padding: 2px 12px;
-        border: 1px solid #d8dae2;
-        background-color: #fff;
-    }
-
-    &--fill {
-        padding: 2px 12px;
-    }
-
-    &--rounded {
-        border-radius: 14px;
-    }
-
-    &__icon {
-        display: flex;
-        align-items: center;
-        font-size: 16px;
-        margin-right: 8px;
-
-        &--default {
-            display: inline-block;
-            width: 6px;
-            height: 6px;
-            border-radius: 50%;
-        }
-
-        &--loading {
-            animation: spin 1s linear infinite;
-        }
-    }
-
-    &__text {
-        font-size: 12px;
-        font-weight: 400;
-        line-height: 22px;
-        white-space: nowrap;
-    }
-
-    // 调用颜色映射 Mixin，生成所有颜色的样式
-    .color-map();
-}
+@import '../../style/themes/index.less';
+@import './mixin.less';
+
+@status-tag-prefix-cls: ~'@{ant-prefix}-status-tag';
+
+@keyframes spin {
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+// 主选择器
+.@{status-tag-prefix-cls} {
+    display: flex;
+    align-items: center;
+    width: fit-content;
+    height: 24px;
+    color: #3d446e;
+    font-size: 12px;
+
+    .ant-spin {
+        font-size: 14px; // 修复 antd 字体居中问题
+    }
+
+    &--border {
+        padding: 2px 12px;
+        background-color: #fff;
+        border: 1px solid #d8dae2;
+    }
+
+    &--fill {
+        padding: 2px 12px;
+    }
+
+    &--rounded {
+        border-radius: 14px;
+    }
+
+    &__icon {
+        display: flex;
+        align-items: center;
+        margin-right: 8px;
+        font-size: 16px;
+
+        &--default {
+            display: inline-block;
+            width: 6px;
+            height: 6px;
+            border-radius: 50%;
+        }
+
+        &--loading {
+            animation: spin 1s linear infinite;
+        }
+    }
+
+    &__text {
+        font-weight: 400;
+        font-size: 12px;
+        line-height: 22px;
+        white-space: nowrap;
+    }
+
+    // 调用颜色映射 Mixin，生成所有颜色的样式
+    .color-map();
+}

package/{esm/statusTag → es/status-tag}/style/mixin.less

@@ -1,39 +1,48 @@
-.status-color(@color, @bg) {
-    &--icon {
-        color: @color;
-    }
-    &--fill {
-        color: @color;
-        background-color: @bg;
-    }
-    &--iconBg {
-        background: @color;
-    }
-}
-
-.color-map() {
-    &__yellow {
-        .status-color(#FBB310, #FFF4D9);
-    }
-    &__blue {
-        .status-color(#1d78ff, #E8F1FF);
-    }
-    &__green {
-        .status-color(#11d782, #E7FBF7);
-    }
-    &__gray {
-        .status-color(#B1B4C5, #F5F5F8);
-    }
-    &__red {
-        .status-color(#F96C5B, #FDE9E7);
-    }
-    &__purple {
-        .status-color(#AC9DFF, #EAE6FF);
-    }
-    &__cyan {
-        .status-color(#2cccdf, #E7F8FA);
-    }
-    &__pink {
-        .status-color(#FF82AE, #FFE6EF);
-    }
-}
+.status-color(@color, @bg) {
+    &--icon {
+        color: @color;
+    }
+
+    &--fill {
+        color: @color;
+        background-color: @bg;
+    }
+
+    &--iconBg {
+        background: @color;
+    }
+}
+
+.color-map() {
+    &__yellow {
+        .status-color(#FBB310, #FFF4D9);
+    }
+
+    &__blue {
+        .status-color(#1d78ff, #E8F1FF);
+    }
+
+    &__green {
+        .status-color(#11d782, #E7FBF7);
+    }
+
+    &__gray {
+        .status-color(#B1B4C5, #F5F5F8);
+    }
+
+    &__red {
+        .status-color(#F96C5B, #FDE9E7);
+    }
+
+    &__purple {
+        .status-color(#AC9DFF, #EAE6FF);
+    }
+
+    &__cyan {
+        .status-color(#2cccdf, #E7F8FA);
+    }
+
+    &__pink {
+        .status-color(#FF82AE, #FFE6EF);
+    }
+}

package/es/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/{esm → es}/style/index.less

@@ -1 +1 @@
-@import "./themes/index.less";
+@import "./themes/index.less";

package/es/style/themes/index.less

@@ -0,0 +1,2 @@
+@import 'antd/lib/style/themes/default.less';
+@import './variable.less';

package/{esm → es}/style/themes/variable.less

@@ -1,5 +1,5 @@
-@primary-color-disabled: #f3f3f3;
-
-@motion-duration-fast: 0.1s;
-@motion-duration-mid: 0.2s;
-@motion-duration-slow: 0.3s;
+@primary-color-disabled: #f3f3f3;
+
+@motion-duration-fast: 0.1s;
+@motion-duration-mid: 0.2s;
+@motion-duration-slow: 0.3s;

package/es/table/Column.d.ts

@@ -0,0 +1,2 @@
+export { default } from './features/columns/Column';
+export type { ColumnProps } from './features/columns/Column';

package/es/table/Column.js

@@ -0,0 +1 @@
+export { default } from "./features/columns/Column";

package/es/table/ColumnGroup.d.ts

@@ -0,0 +1,2 @@
+export { default } from './features/columns/ColumnGroup';
+export type { ColumnGroupProps } from './features/columns/ColumnGroup';

package/es/table/ColumnGroup.js

@@ -0,0 +1 @@
+export { default } from "./features/columns/ColumnGroup";

package/es/table/InternalTable.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import type { ColumnsType, ColumnType, EditableValidateResult, FilterValue, GetPopupContainer, RefInternalTable, SorterResult, SorterTooltipProps, SortOrder, TableCurrentDataSource, TableLocale, TablePaginationConfig, TableRowSelection } from './interface';
+import type { TableProps as RcTableProps } from './components/RcTable';
+import type { AnyObject, SizeType } from '../_util/type';
+import type { SpinProps } from 'antd/lib/spin';
+export type { ColumnsType, TablePaginationConfig };
+export interface TableProps<RecordType = AnyObject> extends Omit<RcTableProps<RecordType>, 'transformColumns' | 'internalHooks' | 'internalRefs' | 'data' | 'columns' | 'scroll' | 'emptyText' | 'classNames' | 'styles'> {
+    dropdownPrefixCls?: string;
+    dataSource?: RcTableProps<RecordType>['data'];
+    column?: Partial<ColumnType<RecordType>>;
+    columns?: ColumnsType<RecordType>;
+    pagination?: false | TablePaginationConfig;
+    loading?: boolean | SpinProps;
+    size?: SizeType;
+    bordered?: boolean;
+    locale?: TableLocale;
+    rootClassName?: string;
+    onChange?: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<RecordType> | SorterResult<RecordType>[], extra: TableCurrentDataSource<RecordType>) => void;
+    rowSelection?: TableRowSelection<RecordType>;
+    getPopupContainer?: GetPopupContainer;
+    scroll?: RcTableProps<RecordType>['scroll'] & {
+        scrollToFirstRowOnChange?: boolean;
+    };
+    sortDirections?: SortOrder[];
+    showSorterTooltip?: boolean | SorterTooltipProps;
+    virtual?: boolean;
+    /** 是否全局开启列宽拖拽调整 */
+    resizable?: boolean;
+    /** 列宽拖拽回调 */
+    onColumnResize?: (key: React.Key, width: number) => void;
+    /** 是否全局开启可编辑 */
+    editable?: boolean;
+    /** 数据变化回调（可编辑模式） */
+    onEditableChange?: (data: RecordType[]) => void;
+    /** 校验回调 */
+    onValidate?: (result: EditableValidateResult) => void;
+}
+/** Same as `TableProps` but we need record parent render times */
+export interface InternalTableProps<RecordType = AnyObject> extends TableProps<RecordType> {
+    _renderTimes: number;
+}
+declare const _default: RefInternalTable;
+export default _default;