@dtjoy/dt-design 1.1.1 → 1.1.5

package/es/splitter/style/index.less

@@ -0,0 +1,349 @@
+@import '../../style/themes/index.less';
+
+@splitter-prefix-cls: ~'@{ant-prefix}-splitter';
+
+@splitter-resize-spinner-size: 20px;
+@splitter-split-bar-draggable-size: @splitter-resize-spinner-size;
+@splitter-split-bar-size: 2px;
+@splitter-split-trigger-size: 6px;
+
+@splitterBarPreviewOffsetVar: ~'@{splitter-prefix-cls}-bar-preview-offset';
+@splitter-transform-x: ~'translateX(var(--@{splitterBarPreviewOffsetVar}))';
+@splitter-transform-y: ~'translateY(var(--@{splitterBarPreviewOffsetVar}))';
+
+.center-position() {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.@{splitter-prefix-cls} {
+  display: flex;
+  align-items: stretch;
+  width: 100%;
+  height: 100%;
+
+  & > .@{splitter-prefix-cls}-bar {
+    position: relative;
+    flex: none;
+    user-select: none;
+
+    .@{splitter-prefix-cls}-bar-dragger {
+      .center-position();
+      z-index: 1;
+      pointer-events: auto;
+
+      &::before {
+        background: @item-hover-bg;
+        content: '';
+        .center-position();
+      }
+
+      &::after {
+        background: rgba(0, 0, 0, 0.15);
+        content: '';
+        .center-position();
+      }
+
+      &:hover:not(.@{splitter-prefix-cls}-bar-dragger-active) {
+        &::before {
+          background: @item-active-bg;
+        }
+      }
+
+      &.@{splitter-prefix-cls}-bar-dragger-active {
+        z-index: 2;
+
+        &::before {
+          background: @item-active-bg;
+        }
+      }
+
+      &.@{splitter-prefix-cls}-bar-dragger-disabled {
+        z-index: 0;
+        cursor: default;
+
+        &,
+        &:hover,
+        &.@{splitter-prefix-cls}-bar-dragger-active {
+          &::before {
+            background: @disabled-bg;
+          }
+        }
+
+        &::after {
+          display: none;
+        }
+      }
+
+      &.@{splitter-prefix-cls}-bar-dragger-customize {
+        &::before {
+          background: transparent;
+        }
+
+        &::after {
+          display: none;
+        }
+      }
+
+      .@{splitter-prefix-cls}-bar-dragger-icon {
+        .center-position();
+        z-index: 2;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    }
+
+    .@{splitter-prefix-cls}-bar-collapse-bar {
+      .center-position();
+      z-index: @zindex-popover;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: @text-color;
+      font-size: @font-size-base;
+      background: @item-hover-bg;
+      border-radius: @border-radius-base;
+      cursor: pointer;
+      opacity: 0;
+
+      &:hover {
+        background: @item-active-bg;
+      }
+
+      &:active {
+        background: @item-active-bg;
+      }
+
+      &.@{splitter-prefix-cls}-bar-collapse-bar-customize {
+        background: transparent;
+
+        &:hover,
+        &:active {
+          background: transparent;
+        }
+      }
+    }
+
+    &:focus-visible {
+      outline: none;
+
+      .@{splitter-prefix-cls}-bar-dragger::before {
+        background: @item-active-bg;
+        box-shadow: 0 0 0 2px @outline-color;
+      }
+    }
+
+    &:hover,
+    &:active {
+      .@{splitter-prefix-cls}-bar-collapse-bar-hover-only {
+        opacity: 1;
+      }
+    }
+
+    .@{splitter-prefix-cls}-bar-collapse-bar-hover-only {
+      @media (hover: none) {
+        opacity: 1;
+      }
+    }
+
+    .@{splitter-prefix-cls}-bar-collapse-bar-always-hidden {
+      display: none;
+    }
+
+    .@{splitter-prefix-cls}-bar-collapse-bar-always-visible {
+      opacity: 1;
+    }
+  }
+
+  .@{splitter-prefix-cls}-mask {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 9999;
+    background: transparent;
+
+    &.@{splitter-prefix-cls}-mask-horizontal {
+      cursor: col-resize;
+    }
+
+    &.@{splitter-prefix-cls}-mask-vertical {
+      cursor: row-resize;
+    }
+  }
+
+  &.@{splitter-prefix-cls}-horizontal {
+    flex-direction: row;
+
+    & > .@{splitter-prefix-cls}-bar {
+      width: 0;
+
+      .@{splitter-prefix-cls}-bar-preview {
+        position: absolute;
+        z-index: 1;
+        display: none;
+        width: @splitter-split-bar-size;
+        height: 100%;
+        background: @primary-color;
+        opacity: 0.2;
+        transition: none;
+        pointer-events: none;
+
+        &.@{splitter-prefix-cls}-bar-preview-active {
+          display: block;
+          transform: @splitter-transform-x;
+        }
+      }
+
+      .@{splitter-prefix-cls}-bar-dragger {
+        width: @splitter-split-trigger-size;
+        height: 100%;
+        cursor: col-resize;
+
+        &::before {
+          width: @splitter-split-bar-size;
+          height: 100%;
+        }
+
+        &::after {
+          width: @splitter-split-bar-size;
+          height: @splitter-split-bar-draggable-size;
+        }
+      }
+
+      .@{splitter-prefix-cls}-bar-collapse-bar {
+        width: @font-size-sm;
+        height: @btn-height-sm;
+
+        &.@{splitter-prefix-cls}-bar-collapse-bar-start {
+          right: (@splitter-split-trigger-size / 2);
+          left: auto;
+          transform: translateY(-50%);
+        }
+
+        &.@{splitter-prefix-cls}-bar-collapse-bar-end {
+          right: auto;
+          left: (@splitter-split-trigger-size / 2);
+          transform: translateY(-50%);
+        }
+      }
+    }
+  }
+
+  &.@{splitter-prefix-cls}-vertical {
+    flex-direction: column;
+
+    & > .@{splitter-prefix-cls}-bar {
+      height: 0;
+
+      .@{splitter-prefix-cls}-bar-preview {
+        position: absolute;
+        z-index: 1;
+        display: none;
+        width: 100%;
+        height: @splitter-split-bar-size;
+        background: @primary-color;
+        opacity: 0.2;
+        transition: none;
+        pointer-events: none;
+
+        &.@{splitter-prefix-cls}-bar-preview-active {
+          display: block;
+          transform: @splitter-transform-y;
+        }
+      }
+
+      .@{splitter-prefix-cls}-bar-dragger {
+        width: 100%;
+        height: @splitter-split-trigger-size;
+        cursor: row-resize;
+
+        &::before {
+          width: 100%;
+          height: @splitter-split-bar-size;
+        }
+
+        &::after {
+          width: @splitter-split-bar-draggable-size;
+          height: @splitter-split-bar-size;
+        }
+      }
+
+      .@{splitter-prefix-cls}-bar-collapse-bar {
+        width: @btn-height-sm;
+        height: @font-size-sm;
+
+        &.@{splitter-prefix-cls}-bar-collapse-bar-start {
+          top: auto;
+          bottom: (@splitter-split-trigger-size / 2);
+          transform: translateX(-50%);
+        }
+
+        &.@{splitter-prefix-cls}-bar-collapse-bar-end {
+          top: (@splitter-split-trigger-size / 2);
+          bottom: auto;
+          transform: translateX(-50%);
+        }
+      }
+    }
+  }
+
+  .@{splitter-prefix-cls}-panel {
+    box-sizing: border-box;
+    overflow: auto;
+
+    &.@{splitter-prefix-cls}-panel-motion {
+      transition: flex-basis 0.3s ease-in-out;
+    }
+
+    &::-webkit-scrollbar {
+      width: 8px;
+      height: 8px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: @table-sticky-scroll-bar-bg;
+      border-radius: @table-sticky-scroll-bar-radius;
+    }
+
+    &.@{splitter-prefix-cls}-panel-hidden {
+      overflow: hidden;
+    }
+
+    &:has(.@{splitter-prefix-cls}:only-child) {
+      overflow: hidden;
+    }
+  }
+
+  &.@{ant-prefix}-rtl.@{splitter-prefix-cls}-horizontal {
+    & > .@{splitter-prefix-cls}-bar {
+      .@{splitter-prefix-cls}-bar-collapse-previous {
+        right: 0;
+        left: unset;
+      }
+
+      .@{splitter-prefix-cls}-bar-collapse-next {
+        right: unset;
+        left: 0;
+      }
+    }
+  }
+
+  &.@{ant-prefix}-rtl.@{splitter-prefix-cls}-vertical {
+    & > .@{splitter-prefix-cls}-bar {
+      .@{splitter-prefix-cls}-bar-collapse-previous {
+        right: 50%;
+        left: unset;
+      }
+
+      .@{splitter-prefix-cls}-bar-collapse-next {
+        right: 50%;
+        left: unset;
+      }
+    }
+  }
+}

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/{esm/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/{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;