@dtjoy/dt-design 1.1.1 → 1.1.5

package/lib/statusTag/index.js

@@ -1,125 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.STATUS_TAG_TYPES = exports.PRESET_COLOR_TYPES = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icons = require("@ant-design/icons");
-var _antd = require("antd");
-var _configProvider = require("antd/es/config-provider");
-require("./style");
-var _clsx = _interopRequireDefault(require("clsx"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const PRESET_COLOR_TYPES = exports.PRESET_COLOR_TYPES = Object.freeze(['blue', 'yellow', 'green', 'gray', 'red', 'purple', 'cyan', 'pink']);
-const STATUS_TAG_TYPES = exports.STATUS_TAG_TYPES = Object.freeze(['default', 'outline', 'fill']);
-const DEFAULT_OPACITY = 0.15;
-/**
- * 校验是否为预设颜色
- * @param color 待校验颜色值
- */
-function isPresetColor(color) {
-  if (!color || typeof color !== 'string') return false;
-  return PRESET_COLOR_TYPES.includes(color);
-}
-
-/**
- * 计算颜色的透明版本
- * @param color 原始颜色（支持hex/rgb/rgba）
- * @param opacity 透明度（默认0.15）
- */
-function calculateTransparentColor(color, opacity = DEFAULT_OPACITY) {
-  if (!color) return 'rgba(0, 0, 0, 0.15)';
-  if (color.startsWith('rgb')) {
-    if (color.startsWith('rgba')) return color.replace(/,\s*[\d.]+(?=\))/, `,${opacity}`);
-    return `${color.slice(0, -1)},${opacity})`;
-  }
-  let hex = color.trim().replace(/^#/, '');
-  if (hex.length === 3) {
-    hex = hex.split('').map(char => char + char).join('');
-  }
-  if (!/^[0-9A-F]{6}$/i.test(hex)) return 'rgba(0, 0, 0, 0.15)';
-  const r = Number.parseInt(hex.substring(0, 2), 16);
-  const g = Number.parseInt(hex.substring(2, 4), 16);
-  const b = Number.parseInt(hex.substring(4, 6), 16);
-  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
-}
-const StatusTag = /*#__PURE__*/_react.default.memo(props => {
-  const {
-    className,
-    type = 'default',
-    icon,
-    color = 'green',
-    loading = false,
-    rounded = false,
-    background,
-    style,
-    children,
-    ...restProps
-  } = props;
-  const prefixCls = (0, _configProvider.globalConfig)().getPrefixCls('status-tag');
-  const showDefaultIcon = (0, _react.useMemo)(() => icon === undefined, [icon]);
-  const containerClasses = (0, _react.useMemo)(() => (0, _clsx.default)(prefixCls, className, {
-    [`${prefixCls}--border`]: type === 'outline',
-    [`${prefixCls}--fill`]: type === 'fill',
-    [`${prefixCls}--rounded`]: rounded,
-    [`${prefixCls}__${color}--fill`]: type === 'fill' && isPresetColor(color)
-  }), [className, type, color, rounded, prefixCls]);
-  const customColorStyle = (0, _react.useMemo)(() => {
-    if (type !== 'fill' || isPresetColor(color)) return {};
-    return {
-      color,
-      background: background || calculateTransparentColor(color)
-    };
-  }, [type, color, background]);
-  const iconStyleConfig = (0, _react.useMemo)(() => {
-    if (isPresetColor(color)) {
-      return {
-        className: (0, _clsx.default)('anticon', {
-          [`${prefixCls}__${color}--icon`]: true,
-          [`${prefixCls}__icon--default`]: !icon,
-          [`${prefixCls}__${color}--iconBg`]: !icon
-        }),
-        style: {}
-      };
-    }
-    return {
-      className: (0, _clsx.default)('anticon', {
-        [`${prefixCls}__icon--default`]: !icon
-      }),
-      style: {
-        color: icon ? color : undefined,
-        background: !icon ? color : undefined
-      }
-    };
-  }, [color, icon, prefixCls]);
-  const loadingIndicator = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_icons.LoadingOutlined, {
-    className: `${prefixCls}__icon ${prefixCls}__icon--loading`
-  }), [prefixCls]);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, restProps, {
-    className: containerClasses,
-    style: {
-      ...customColorStyle,
-      ...style
-    },
-    "aria-busy": loading
-  }), loading ? /*#__PURE__*/_react.default.createElement(_antd.Spin, {
-    spinning: true,
-    indicator: loadingIndicator,
-    size: "small"
-  }) : (icon || showDefaultIcon) && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}__icon`
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: iconStyleConfig.className,
-    style: iconStyleConfig.style
-  }, icon ?? null)), children && /*#__PURE__*/_react.default.createElement("span", {
-    className: `${prefixCls}__text`
-  }, children));
-});
-if (process.env.NODE_ENV !== 'production') {
-  StatusTag.displayName = 'StatusTag';
-}
-var _default = exports.default = StatusTag;

package/lib/statusTag/style/index.d.ts

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

package/lib/style/index.d.ts

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

package/lib/table/InternalTable.d.ts

@@ -1,32 +0,0 @@
-import type { TableProps as RcTableProps } from '@rc-component/table';
-import type { SpinProps, TooltipProps } from 'antd';
-import type { SizeType } from 'antd/lib/config-provider/SizeContext';
-import type { FilterValue } from 'antd/lib/table/interface';
-import './style';
-import type { AnyObject } from '../_util/type';
-import type { ColumnsType, GetPopupContainer, RefInternalTable, SorterResult, SortOrder, TableCurrentDataSource, TableLocale, TablePaginationConfig, TableRowSelection } from './interface';
-export type { ColumnsType, TablePaginationConfig };
-export interface TableProps<RecordType> extends Omit<RcTableProps<RecordType>, 'transformColumns' | 'internalHooks' | 'internalRefs' | 'data' | 'columns' | 'scroll' | 'emptyText'> {
-    dropdownPrefixCls?: string;
-    dataSource?: RcTableProps<RecordType>['data'];
-    columns?: ColumnsType<RecordType>;
-    pagination?: false | TablePaginationConfig;
-    loading?: boolean | SpinProps;
-    size?: SizeType;
-    bordered?: boolean;
-    locale?: TableLocale;
-    virtual?: boolean;
-    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 | TooltipProps;
-}
-export interface InternalTableProps<RecordType = AnyObject> extends TableProps<RecordType> {
-    _renderTimes: number;
-}
-declare const _default: RefInternalTable;
-export default _default;

package/lib/table/RcTable/VirtualTable.d.ts

@@ -1,2 +0,0 @@
-declare const RcVirtualTable: import("@rc-component/table/lib/VirtualTable").ForwardGenericVirtualTable;
-export default RcVirtualTable;

package/lib/table/RcTable/VirtualTable.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _table = require("@rc-component/table");
-const RcVirtualTable = (0, _table.genVirtualTable)((prev, next) => {
-  const {
-    _renderTimes: prevRenderTimes
-  } = prev;
-  const {
-    _renderTimes: nextRenderTimes
-  } = next;
-  return prevRenderTimes !== nextRenderTimes;
-});
-var _default = exports.default = RcVirtualTable;

package/lib/table/RcTable/index.d.ts

@@ -1,2 +0,0 @@
-declare const RcTable: import("@rc-component/table/lib/Table").ForwardGenericTable;
-export default RcTable;

package/lib/table/RcTable/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _table = require("@rc-component/table");
-const RcTable = (0, _table.genTable)((prev, next) => {
-  const {
-    _renderTimes: prevRenderTimes
-  } = prev;
-  const {
-    _renderTimes: nextRenderTimes
-  } = next;
-  return prevRenderTimes !== nextRenderTimes;
-});
-var _default = exports.default = RcTable;

package/lib/table/TableMeasureRowContext.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const TableMeasureRowContext: React.Context<boolean>;
-export default TableMeasureRowContext;

package/lib/table/hooks/useContainerWidth.d.ts

@@ -1 +0,0 @@
-export default function useContainerWidth(prefixCls: string): (ele: HTMLElement, width: number) => number;

package/lib/table/hooks/useContainerWidth.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useContainerWidth;
-function useContainerWidth(prefixCls) {
-  const getContainerWidth = (ele, width) => {
-    const container = ele.querySelector(`.${prefixCls}-container`);
-    let returnWidth = width;
-    if (container) {
-      const style = getComputedStyle(container);
-      const borderLeft = Number.parseInt(style.borderLeftWidth, 10);
-      const borderRight = Number.parseInt(style.borderRightWidth, 10);
-      returnWidth = width - borderLeft - borderRight;
-    }
-    return returnWidth;
-  };
-  return getContainerWidth;
-}

package/lib/table/index.d.ts

@@ -1,7 +0,0 @@
-import type { TablePaginationConfig, TableProps } from './InternalTable';
-import Table from './Table';
-export type { ColumnGroupType, ColumnsType, ColumnType } from './interface';
-export type { Reference as TableRef } from '@rc-component/table';
-export type { ColumnProps } from 'antd/lib/table/Column';
-export type { TablePaginationConfig, TableProps };
-export default Table;

package/lib/table/interface.d.ts

@@ -1,196 +0,0 @@
-import type * as React from 'react';
-import type { Reference } from '@rc-component/table';
-import type { ExpandableConfig, FixedType, GetComponentProps, GetRowKey, ColumnType as RcColumnType, RenderedCell as RcRenderedCell } from '@rc-component/table/lib/interface';
-import type { CheckboxProps, DropdownProps, PaginationProps, TooltipProps } from 'antd';
-import type { Breakpoint } from 'antd/lib/_util/responsiveObserve';
-import type { INTERNAL_SELECTION_ITEM } from 'antd/lib/table/hooks/useSelection';
-import type { AnyObject } from '../_util/type';
-import type { InternalTableProps, TableProps } from './InternalTable';
-export type RefTable = <RecordType = AnyObject>(props: React.PropsWithChildren<TableProps<RecordType>> & React.RefAttributes<Reference>) => React.ReactElement;
-export type RefInternalTable = <RecordType = AnyObject>(props: React.PropsWithChildren<InternalTableProps<RecordType>> & React.RefAttributes<Reference>) => React.ReactElement;
-export type { ExpandableConfig, GetRowKey };
-export type Key = React.Key;
-export type SafeKey = Exclude<Key, bigint>;
-export type RowSelectionType = 'checkbox' | 'radio';
-export type SelectionItemSelectFn = (currentRowKeys: Key[]) => void;
-export type ExpandType = null | 'row' | 'nest';
-export interface TableLocale {
-    filterTitle?: string;
-    filterConfirm?: React.ReactNode;
-    filterReset?: React.ReactNode;
-    filterEmptyText?: React.ReactNode;
-    /**
-     * @deprecated Please use `filterCheckAll` instead.
-     */
-    filterCheckall?: React.ReactNode;
-    filterCheckAll?: React.ReactNode;
-    filterSearchPlaceholder?: string;
-    emptyText?: React.ReactNode | (() => React.ReactNode);
-    selectAll?: React.ReactNode;
-    selectNone?: React.ReactNode;
-    selectInvert?: React.ReactNode;
-    selectionAll?: React.ReactNode;
-    sortTitle?: string;
-    expand?: string;
-    collapse?: string;
-    triggerDesc?: string;
-    triggerAsc?: string;
-    cancelSort?: string;
-}
-export type SortOrder = 'descend' | 'ascend' | null;
-export type SorterTooltipTarget = 'full-header' | 'sorter-icon';
-export type SorterTooltipProps = TooltipProps & {
-    target?: SorterTooltipTarget;
-};
-declare const _TableActions: readonly ["paginate", "sort", "filter"];
-export type TableAction = (typeof _TableActions)[number];
-export type CompareFn<T = AnyObject> = (a: T, b: T, sortOrder?: SortOrder) => number;
-export interface ColumnFilterItem {
-    text: React.ReactNode;
-    value: React.Key | boolean;
-    children?: ColumnFilterItem[];
-}
-export interface ColumnTitleProps<RecordType = AnyObject> {
-    /** @deprecated Will be remove in v7, Please use `sorterColumns` instead. */
-    sortOrder?: SortOrder;
-    /** @deprecated Will be remove in v7, Please use `sorterColumns` instead. */
-    sortColumn?: ColumnType<RecordType>;
-    sortColumns?: {
-        column: ColumnType<RecordType>;
-        order: SortOrder;
-    }[];
-    filters?: Record<string, FilterValue>;
-}
-export type ColumnTitle<RecordType = AnyObject> = React.ReactNode | ((props: ColumnTitleProps<RecordType>) => React.ReactNode);
-export type FilterValue = (Key | boolean)[];
-export type FilterKey = (string | number)[] | null;
-export type FilterSearchType<RecordType = AnyObject> = boolean | ((input: string, record: RecordType) => boolean);
-export interface FilterConfirmProps {
-    closeDropdown: boolean;
-}
-export interface FilterRestProps {
-    confirm?: boolean;
-    closeDropdown?: boolean;
-}
-export interface FilterDropdownProps {
-    prefixCls: string;
-    setSelectedKeys: (selectedKeys: React.Key[]) => void;
-    selectedKeys: React.Key[];
-    /**
-     * Confirm filter value, if you want to close dropdown before commit, you can call with
-     * {closeDropdown: true}
-     */
-    confirm: (param?: FilterConfirmProps) => void;
-    clearFilters?: (param?: FilterRestProps) => void;
-    filters?: ColumnFilterItem[];
-    /** Only close filterDropdown */
-    close: () => void;
-    visible: boolean;
-}
-interface CoverableDropdownProps extends Omit<DropdownProps, 'onOpenChange' | 'overlay' | 'visible' | 'onVisibleChange'> {
-    onOpenChange?: (open: boolean) => void;
-}
-export interface ColumnType<RecordType = AnyObject> extends Omit<RcColumnType<RecordType>, 'title'> {
-    title?: ColumnTitle<RecordType>;
-    sorter?: boolean | CompareFn<RecordType> | {
-        compare?: CompareFn<RecordType>;
-        /** Config multiple sorter order priority */
-        multiple?: number;
-    };
-    sortOrder?: SortOrder;
-    defaultSortOrder?: SortOrder;
-    sortDirections?: SortOrder[];
-    sortIcon?: (props: {
-        sortOrder: SortOrder;
-    }) => React.ReactNode;
-    showSorterTooltip?: boolean | SorterTooltipProps;
-    filtered?: boolean;
-    filters?: ColumnFilterItem[];
-    filterDropdown?: React.ReactNode | ((props: FilterDropdownProps) => React.ReactNode);
-    filterOnClose?: boolean;
-    filterMultiple?: boolean;
-    filteredValue?: FilterValue | null;
-    defaultFilteredValue?: FilterValue | null;
-    filterIcon?: React.ReactNode | ((filtered: boolean) => React.ReactNode);
-    filterMode?: 'menu' | 'tree';
-    filterSearch?: FilterSearchType<ColumnFilterItem>;
-    onFilter?: (value: React.Key | boolean, record: RecordType) => boolean;
-    /**
-     * Can cover `<Dropdown>` props
-     * @since 5.22.0
-     */
-    filterDropdownProps?: CoverableDropdownProps;
-    filterResetToDefaultFilteredValue?: boolean;
-    responsive?: Breakpoint[];
-    /**
-     * @deprecated Please use `filterDropdownProps.open` instead.
-     * @since 4.23.0
-     */
-    filterDropdownOpen?: boolean;
-    /**
-     * @deprecated Please use `filterDropdownProps.onOpenChange` instead.
-     * @since 4.23.0
-     */
-    onFilterDropdownOpenChange?: (visible: boolean) => void;
-}
-export interface ColumnGroupType<RecordType = AnyObject> extends Omit<ColumnType<RecordType>, 'dataIndex'> {
-    children: ColumnsType<RecordType>;
-}
-export type ColumnsType<RecordType = AnyObject> = (ColumnGroupType<RecordType> | ColumnType<RecordType>)[];
-export interface SelectionItem {
-    key: string;
-    text: React.ReactNode;
-    onSelect?: SelectionItemSelectFn;
-}
-export type SelectionSelectFn<T = AnyObject> = (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
-export type RowSelectMethod = 'all' | 'none' | 'invert' | 'single' | 'multiple';
-export interface TableRowSelection<T = AnyObject> {
-    /** Keep the selection keys in list even the key not exist in `dataSource` anymore */
-    preserveSelectedRowKeys?: boolean;
-    type?: RowSelectionType;
-    selectedRowKeys?: Key[];
-    defaultSelectedRowKeys?: Key[];
-    onChange?: (selectedRowKeys: Key[], selectedRows: T[], info: {
-        type: RowSelectMethod;
-    }) => void;
-    getCheckboxProps?: (record: T) => Partial<Omit<CheckboxProps, 'checked' | 'defaultChecked'>>;
-    onSelect?: SelectionSelectFn<T>;
-    /** @deprecated This function will be remove in v7 and should use `onChange` instead */
-    onSelectMultiple?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
-    /** @deprecated This function will be remove in v7 and should use `onChange` instead */
-    onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
-    /** @deprecated This function will be remove in v7 and should use `onChange` instead */
-    onSelectInvert?: (selectedRowKeys: Key[]) => void;
-    /** @deprecated This function will be remove in v7 and should use `onChange` instead */
-    onSelectNone?: () => void;
-    selections?: INTERNAL_SELECTION_ITEM[] | boolean;
-    hideSelectAll?: boolean;
-    fixed?: FixedType;
-    columnWidth?: string | number;
-    columnTitle?: React.ReactNode | ((checkboxNode: React.ReactNode) => React.ReactNode);
-    checkStrictly?: boolean;
-    /** Set the alignment of the selection column */
-    align?: 'left' | 'center' | 'right';
-    renderCell?: (value: boolean, record: T, index: number, originNode: React.ReactNode) => React.ReactNode | RcRenderedCell<T>;
-    onCell?: GetComponentProps<T>;
-    getTitleCheckboxProps?: () => Partial<Omit<CheckboxProps, 'checked' | 'defaultChecked'>> & React.AriaAttributes;
-}
-export type TransformColumns<RecordType = AnyObject> = (columns: ColumnsType<RecordType>) => ColumnsType<RecordType>;
-export interface TableCurrentDataSource<RecordType = AnyObject> {
-    currentDataSource: RecordType[];
-    action: TableAction;
-}
-export interface SorterResult<RecordType = AnyObject> {
-    column?: ColumnType<RecordType>;
-    order?: SortOrder;
-    field?: Key | readonly Key[];
-    columnKey?: Key;
-}
-export type GetPopupContainer = (triggerNode: HTMLElement) => HTMLElement;
-export type TablePaginationPlacement = 'topStart' | 'topCenter' | 'topEnd' | 'bottomStart' | 'bottomCenter' | 'bottomEnd' | 'none';
-export type TablePaginationPosition = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'none';
-export interface TablePaginationConfig extends PaginationProps {
-    placement?: TablePaginationPlacement[];
-    /** @deprecated please use `placement` instead */
-    position?: TablePaginationPosition[];
-}

package/lib/table/style/index.d.ts

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

package/lib/table/util.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { AnyObject } from '../_util/type';
-import type { ColumnTitle, ColumnTitleProps, ColumnType, Key } from './interface';
-export declare const getColumnKey: <RecordType extends AnyObject = AnyObject>(column: ColumnType<RecordType>, defaultKey: string) => Key;
-export declare function getColumnPos(index: number, pos?: string): string;
-export declare const renderColumnTitle: <RecordType extends AnyObject = AnyObject>(title: ColumnTitle<RecordType>, props: ColumnTitleProps<RecordType>) => import("react").ReactNode;
-/**
- * Safe get column title
- *
- * Should filter [object Object]
- *
- * @param title
- */
-export declare const safeColumnTitle: <RecordType extends AnyObject = AnyObject>(title: ColumnTitle<RecordType>, props: ColumnTitleProps<RecordType>) => import("react").ReactNode;

package/lib/table/util.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getColumnKey = void 0;
-exports.getColumnPos = getColumnPos;
-exports.safeColumnTitle = exports.renderColumnTitle = void 0;
-const getColumnKey = (column, defaultKey) => {
-  if ('key' in column && column.key !== undefined && column.key !== null) {
-    return column.key;
-  }
-  if (column.dataIndex) {
-    return Array.isArray(column.dataIndex) ? column.dataIndex.join('.') : column.dataIndex;
-  }
-  return defaultKey;
-};
-exports.getColumnKey = getColumnKey;
-function getColumnPos(index, pos) {
-  return pos ? `${pos}-${index}` : `${index}`;
-}
-const renderColumnTitle = (title, props) => {
-  if (typeof title === 'function') {
-    return title(props);
-  }
-  return title;
-};
-
-/**
- * Safe get column title
- *
- * Should filter [object Object]
- *
- * @param title
- */
-exports.renderColumnTitle = renderColumnTitle;
-const safeColumnTitle = (title, props) => {
-  const res = renderColumnTitle(title, props);
-  if (Object.prototype.toString.call(res) === '[object Object]') {
-    return '';
-  }
-  return res;
-};
-exports.safeColumnTitle = safeColumnTitle;