@dtjoy/dt-design 1.1.1 → 1.1.5

package/{esm → es}/button/style/mixin.less

@@ -1,39 +1,40 @@
-// ===================== 按钮尺寸处理 =====================
-.apply-btn-size(@padding; @font-size; @icon-size: 16px; @gap: 8px) {
-  padding: @padding;
-  font-size: @font-size;
-
-  .anticon {
-    font-size: @icon-size;
-    + span {
-      margin-left: @gap;
-    }
-  }
-}
-
-// ===================== 禁用状态生成器 =====================
-// 参数: 背景色, 文字颜色, 边框颜色
-.generate-btn-disabled(@bg; @color; @border) {
-  &[disabled],
-  &[disabled]:hover,
-  &[disabled]:active,
-  &[disabled]:focus {
-    color: @color;
-    background: @bg;
-    border-color: @border;
-    cursor: not-allowed;
-    opacity: 1;
-    box-shadow: none;
-    text-shadow: none;
-  }
-}
-
-// ===================== 交互状态快捷配置 =====================
-.btn-hover-variant(@color; @bg; @border) {
-  &:hover,
-  &:focus {
-    color: @color;
-    background: @bg;
-    border-color: @border;
-  }
-}
+// ===================== 按钮尺寸处理 =====================
+.apply-btn-size(@padding; @font-size; @icon-size: 16px; @gap: 8px) {
+  padding: @padding;
+  font-size: @font-size;
+
+  .anticon {
+    font-size: @icon-size;
+
+    + span {
+      margin-left: @gap;
+    }
+  }
+}
+
+// ===================== 禁用状态生成器 =====================
+// 参数: 背景色, 文字颜色, 边框颜色
+.generate-btn-disabled(@bg; @color; @border) {
+  &[disabled],
+  &[disabled]:hover,
+  &[disabled]:active,
+  &[disabled]:focus {
+    color: @color;
+    text-shadow: none;
+    background: @bg;
+    border-color: @border;
+    box-shadow: none;
+    cursor: not-allowed;
+    opacity: 1;
+  }
+}
+
+// ===================== 交互状态快捷配置 =====================
+.btn-hover-variant(@color; @bg; @border) {
+  &:hover,
+  &:focus {
+    color: @color;
+    background: @bg;
+    border-color: @border;
+  }
+}

package/{esm → es}/collapsible/index.js

@@ -16,7 +16,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
-import { isEqual, pick } from 'lodash-es';
+import isEqual from 'lodash/isEqual';
+import pick from 'lodash/pick';
 import "./style";
 import { ConfigConsumer } from 'antd/lib/config-provider/context';
 import clsx from 'clsx';
@@ -50,7 +51,7 @@ var Collapsible = /*#__PURE__*/function (_React$Component) {
         domHeight = _this$state.domHeight,
         isTransitioning = _this$state.isTransitioning,
         visible = _this$state.visible;
-      var prefixCls = getPrefixCls('splitter', customizePrefixCls);
+      var prefixCls = getPrefixCls('collapsible', customizePrefixCls);
       var wrapperStyle = _objectSpread({
         overflow: 'hidden',
         height: isOpen ? domHeight : collapseHeight,

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

@@ -1,24 +1,24 @@
-@import '../../style/themes/index.less';
-
-@collapsible-prefix-cls: ~'@{ant-prefix}-collapsible';
-
-@transition-duration-collapsible-height: 250ms;
-@transition-function-collapsible-height: cubic-bezier(0.25, 0.1, 0.25, 1);
-@transition-delay-collapsible-height: 0ms;
-
-@transition-duration-collapsible-opacity: 250ms;
-@transition-function-collapsible-opacity: @ease-in;
-@transition-delay-collapsible-opacity: 0ms;
-
-// 容器基础样式
-.@{collapsible-prefix-cls}-wrapper {
-    box-sizing: border-box;
-}
-
-// 过渡动画样式
-.@{collapsible-prefix-cls}-transition {
-    transition: height @transition-duration-collapsible-height
-            @transition-function-collapsible-height @transition-delay-collapsible-height,
-        opacity @transition-duration-collapsible-opacity @transition-function-collapsible-opacity
-            @transition-delay-collapsible-opacity;
-}
+@import '../../style/themes/index.less';
+
+@collapsible-prefix-cls: ~'@{ant-prefix}-collapsible';
+
+@transition-duration-collapsible-height: 250ms;
+@transition-function-collapsible-height: cubic-bezier(0.25, 0.1, 0.25, 1);
+@transition-delay-collapsible-height: 0ms;
+
+@transition-duration-collapsible-opacity: 250ms;
+@transition-function-collapsible-opacity: @ease-in;
+@transition-delay-collapsible-opacity: 0ms;
+
+// 容器基础样式
+.@{collapsible-prefix-cls}-wrapper {
+    box-sizing: border-box;
+}
+
+// 过渡动画样式
+.@{collapsible-prefix-cls}-transition {
+    transition: height @transition-duration-collapsible-height
+            @transition-function-collapsible-height @transition-delay-collapsible-height,
+        opacity @transition-duration-collapsible-opacity @transition-function-collapsible-opacity
+            @transition-delay-collapsible-opacity;
+}

package/{esm/collapsibleActionItems → es/collapsible-action-items}/index.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import React from 'react';
-import type { ButtonProps } from "..";
+import type { ButtonProps } from '@dtjoy/dt-design';
 import type { DropDownProps } from 'antd';
 import './style';
 export type ActionItem = {

package/{esm/collapsibleActionItems → es/collapsible-action-items}/index.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React from 'react';
 import { EllipsisOutlined } from '@ant-design/icons';
 import { Button } from "./..";
-import { Divider, Dropdown, Menu } from 'antd';
-import { globalConfig } from 'antd/es/config-provider';
+import { Divider, Dropdown } from 'antd';
+import { globalConfig } from 'antd/lib/config-provider';
 import "./style";
 import clsx from 'clsx';
 var CollapsibleActionItems = function CollapsibleActionItems(props) {
@@ -24,9 +24,8 @@ var CollapsibleActionItems = function CollapsibleActionItems(props) {
   var isOverMaxCount = actionItems.length > maxCount;
   var prefixCls = globalConfig().getPrefixCls('collapsible-action-items');
   var getActionItemNode = function getActionItemNode(item) {
-    var isCollapse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var customRender = item.render ? item.render() : null;
-    if (!isCollapse) return /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "__btn"),
       key: item.key,
       onClick: function onClick() {
@@ -36,22 +35,20 @@ var CollapsibleActionItems = function CollapsibleActionItems(props) {
       type: "link",
       disabled: item.disabled
     }, buttonProps), item.name));
-    return /*#__PURE__*/React.createElement(Menu.Item, {
-      key: item.key,
-      disabled: item.disabled
-    }, customRender || item.name);
   };
   var displayAction = actionItems.slice(0, isOverMaxCount ? maxCount - 1 : maxCount).map(function (item) {
-    return getActionItemNode(item, false);
+    return getActionItemNode(item);
   });
-  var dropdownMenu = isOverMaxCount ? /*#__PURE__*/React.createElement(Menu, {
-    "data-testid": "action-dropdown-menu",
-    onClick: function onClick(info) {
-      return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(info.key);
-    }
-  }, actionItems.slice(maxCount - 1).map(function (item) {
-    return getActionItemNode(item, true);
-  })) : null;
+  var collapsedItems = isOverMaxCount ? actionItems.slice(maxCount - 1) : [];
+  var menuItems = React.useMemo(function () {
+    return collapsedItems.map(function (item) {
+      return {
+        key: item.key,
+        disabled: item.disabled,
+        label: item.render ? item.render() : item.name
+      };
+    });
+  }, [collapsedItems]);
   return /*#__PURE__*/React.createElement("div", {
     className: clsx(prefixCls, className),
     style: style
@@ -60,9 +57,14 @@ var CollapsibleActionItems = function CollapsibleActionItems(props) {
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: actionItem.key
     }, actionItem, showDivider && divider);
-  }), dropdownMenu && /*#__PURE__*/React.createElement(Dropdown, _extends({
+  }), collapsedItems.length > 0 && /*#__PURE__*/React.createElement(Dropdown, _extends({
     placement: 'bottomRight',
-    overlay: dropdownMenu,
+    menu: {
+      items: menuItems,
+      onClick: function onClick(info) {
+        return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(info.key);
+      }
+    },
     getPopupContainer: function getPopupContainer(triggerNode) {
       var _triggerNode$parentEl;
       return (_triggerNode$parentEl = triggerNode.parentElement) !== null && _triggerNode$parentEl !== void 0 ? _triggerNode$parentEl : document.body;

package/{lib/collapsibleActionItems → es/collapsible-action-items}/style/index.less

@@ -1,7 +1,7 @@
-@import '../../style/themes/index.less';
-
-@collapsible-action-items-prefix-cls: ~'@{ant-prefix}-collapsible-action-items';
-
-.@{collapsible-action-items-prefix-cls}__icon {
-    font-size: 16px;
-}
+@import '../../style/themes/index.less';
+
+@collapsible-action-items-prefix-cls: ~'@{ant-prefix}-collapsible-action-items';
+
+.@{collapsible-action-items-prefix-cls}__icon {
+    font-size: 16px;
+}

package/{lib → es}/flex/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './style';
 import type { FlexProps } from './interface';
-declare const Flex: React.ForwardRefExoticComponent<FlexProps<import("../_util/type").AnyObject> & {
-    children?: React.ReactNode;
+declare const Flex: React.ForwardRefExoticComponent<FlexProps<import("../_util").AnyObject> & {
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLElement>>;
 export default Flex;

package/{esm → es}/flex/index.js

@@ -15,13 +15,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
-import { ConfigContext, globalConfig } from 'antd/es/config-provider';
+import { ConfigContext, globalConfig } from 'antd/lib/config-provider';
 import clsx from 'clsx';
-import { omit } from 'lodash-es';
+import omit from 'lodash/omit';
 import "./style";
 import { isPresetSize } from "../_util/gapSize";
 import { useOrientation } from "../_util/hooks";
-import isNonNullable from "../_util/isNonNullable";
+import { isNonNullable } from "../_util/is";
 import createFlexClassNames from "./utils";
 var Flex = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var customizePrefixCls = props.prefixCls,

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

@@ -1,77 +1,81 @@
-@import '../../style/themes/index.less';
-
-@flex-prefix-cls: ~'@{ant-prefix}-flex';
-
-// 属性与值的映射
-@align-items-values: {
-    stretch: stretch;
-    flex-start: flex-start;
-    center: center;
-    flex-end: flex-end;
-    baseline: baseline;
-};
-
-@justify-content-values: {
-    flex-start: flex-start;
-    center: center;
-    flex-end: flex-end;
-    space-between: space-between;
-    space-around: space-around;
-    space-evenly: space-evenly;
-};
-
-@flex-wrap-values: {
-    nowrap: nowrap;
-    wrap: wrap;
-    wrap-reverse: wrap-reverse;
-};
-
-.@{flex-prefix-cls} {
-    display: flex;
-    margin: 0;
-    padding: 0;
-
-    // 方向
-    &-vertical {
-        flex-direction: column;
-    }
-    &-rtl {
-        direction: rtl;
-    }
-    &:empty {
-        display: none;
-    }
-
-    // 间距 (Gap)
-    &-gap-small {
-        gap: @padding-xs;
-    }
-    &-gap-middle {
-        gap: @padding-md;
-    }
-    &-gap-large {
-        gap: @padding-lg;
-    }
-
-    // 使用 Loops/Each 抽象重复代码
-    // flex-wrap
-    each(@flex-wrap-values, .(@value, @key) {
-        &-wrap-@{key} {
-            flex-wrap: @value;
-        }
-    });
-
-    // align-items
-    each(@align-items-values, .(@value, @key) {
-        &-align-@{key} {
-            align-items: @value;
-        }
-    });
-
-    // justify-content
-    each(@justify-content-values, .(@value, @key) {
-        &-justify-@{key} {
-            justify-content: @value;
-        }
-    });
+@import '../../style/themes/index.less';
+
+@flex-prefix-cls: ~'@{ant-prefix}-flex';
+
+// 属性与值的映射
+@align-items-values: {
+    stretch: stretch;
+    flex-start: flex-start;
+    center: center;
+    flex-end: flex-end;
+    baseline: baseline;
+};
+
+@justify-content-values: {
+    flex-start: flex-start;
+    center: center;
+    flex-end: flex-end;
+    space-between: space-between;
+    space-around: space-around;
+    space-evenly: space-evenly;
+};
+
+@flex-wrap-values: {
+    nowrap: nowrap;
+    wrap: wrap;
+    wrap-reverse: wrap-reverse;
+};
+
+.@{flex-prefix-cls} {
+    display: flex;
+    margin: 0;
+    padding: 0;
+
+    // 方向
+    &-vertical {
+        flex-direction: column;
+    }
+
+    &-rtl {
+        direction: rtl;
+    }
+
+    &:empty {
+        display: none;
+    }
+
+    // 间距 (Gap)
+    &-gap-small {
+        gap: @padding-xs;
+    }
+
+    &-gap-middle {
+        gap: @padding-md;
+    }
+
+    &-gap-large {
+        gap: @padding-lg;
+    }
+
+    // 使用 Loops/Each 抽象重复代码
+    // flex-wrap
+    each(@flex-wrap-values, .(@value, @key) {
+        &-wrap-@{key} {
+            flex-wrap: @value;
+        }
+    });
+
+    // align-items
+    each(@align-items-values, .(@value, @key) {
+        &-align-@{key} {
+            align-items: @value;
+        }
+    });
+
+    // justify-content
+    each(@justify-content-values, .(@value, @key) {
+        &-justify-@{key} {
+            justify-content: @value;
+        }
+    });
 }

package/{esm/formList → es/form-list}/index.d.ts

@@ -18,6 +18,9 @@ type PanelRenderFunc = (...args: Parameters<FormListProps['children']>) => Retur
 /**
  * Form.Table 组件类型
  */
+/**
+ * @deprecated FormList 已废弃，将在后续大版本中移除。
+ */
 export interface IFormTableProps
 /**
  * Support all FormListProps except children for which is re-defined in this component
@@ -51,6 +54,9 @@ Omit<TableProps<any>, 'columns' | 'rowSelection' | 'pagination' | 'className' |
     footer?: PanelRenderFunc;
     summary?: PanelRenderFunc;
 }
+/**
+ * @deprecated FormList 已废弃，将在后续大版本中移除。
+ */
 export interface ColumnType
 /**
  * Support all FormItemProps, and re-defined `rules` and `dependencies`
@@ -74,5 +80,8 @@ Omit<TableColumnType<FormListFieldData>, 'render'> {
      */
     render?: (fieldData: FormListFieldData, namePath: OverrideParameters, formInstance?: RcFormInstance) => ReactNode;
 }
+/**
+ * @deprecated FormList 已废弃，将在后续大版本中移除。
+ */
 export default function InternalTable({ name, rules, initialValue, ...tableProps }: IFormTableProps): React.JSX.Element;
 export {};

package/{esm/formList → es/form-list}/index.js

@@ -13,22 +13,32 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useMemo } from 'react';
 import { Utils } from '@dtinsight/dt-utils';
 import { Form, Table } from 'antd';
-import { globalConfig } from 'antd/es/config-provider';
+import { globalConfig } from 'antd/lib/config-provider';
 import clsx from 'clsx';
 import "./style";
 
-/**
- * Override NamePath parameters type
+/**
+ * Override NamePath parameters type
  */
 
-/**
- * Override PanelRender type
+/**
+ * Override PanelRender type
  */
 
-/**
- * Form.Table 组件类型
+/**
+ * Form.Table 组件类型
+ */
+/**
+ * @deprecated FormList 已废弃，将在后续大版本中移除。
+ */
+
+/**
+ * @deprecated FormList 已废弃，将在后续大版本中移除。
  */
 
+/**
+ * @deprecated FormList 已废弃，将在后续大版本中移除。
+ */
 export default function InternalTable(_ref) {
   var name = _ref.name,
     rules = _ref.rules,
@@ -87,7 +97,7 @@ export default function InternalTable(_ref) {
       return _objectSpread(_objectSpread({}, cols), {}, {
         title: function title() {
           return /*#__PURE__*/React.createElement(React.Fragment, null, isRequired && /*#__PURE__*/React.createElement("span", {
-            className: "dtc-form__table__column--required"
+            className: "".concat(prefixCls, "__column--required")
           }), typeof cols.title === 'function' ? cols.title.apply(cols, arguments) : cols.title);
         },
         render: function render(_, fieldData) {

package/{lib/formList → es/form-list}/style/index.less

@@ -1,45 +1,45 @@
-@import '../../style/themes/index.less';
-
-@form-list-prefix-cls: ~'@{ant-prefix}-form-list';
-
-.@{form-list-prefix-cls} {
-  height: 100%;
-
-  &__column {
-    &--required {
-      &::before {
-        content: "*";
-        display: inline-block;
-        margin-inline-end: 4px;
-        font-size: 14px;
-        line-height: 1;
-        color: @error-color;
-      }
-
-      vertical-align: -0.1em;
-    }
-  }
-
-  .ant-table,
-  .ant-table-container {
-    height: 100%;
-  }
-
-  .ant-form-item {
-    margin-bottom: 0;
-  }
-
-  table colgroup > col.ant-table-selection-col {
-    width: 48px;
-  }
-
-  .ant-table-thead > tr > th.ant-table-selection-column {
-    padding: 0 16px;
-  }
-
-  .ant-table-tbody > tr > td.ant-table-selection-column {
-    padding: 0 16px;
-  }
-}
-
-
+@import '../../style/themes/index.less';
+
+@form-list-prefix-cls: ~'@{ant-prefix}-form-list';
+
+.@{form-list-prefix-cls} {
+  height: 100%;
+
+  &__column {
+    &--required {
+      &::before {
+        display: inline-block;
+        color: @error-color;
+        font-size: 14px;
+        line-height: 1;
+        content: "*";
+        margin-inline-end: 4px;
+      }
+
+      vertical-align: -0.1em;
+    }
+  }
+
+  .ant-table,
+  .ant-table-container {
+    height: 100%;
+  }
+
+  .ant-form-item {
+    margin-bottom: 0;
+  }
+
+  table colgroup > col.ant-table-selection-col {
+    width: 48px;
+  }
+
+  .ant-table-thead > tr > th.ant-table-selection-column {
+    padding: 0 16px;
+  }
+
+  .ant-table-tbody > tr > td.ant-table-selection-column {
+    padding: 0 16px;
+  }
+}
+
+

package/es/index.d.ts

@@ -0,0 +1,26 @@
+export { default as BlockHeader } from './block-header';
+export type { ButtonProps } from './button';
+export { default as Button } from './button';
+export { default as Collapsible } from './collapsible';
+export { default as CollapsibleActionItems } from './collapsible-action-items';
+export { default as Flex } from './flex';
+export type { FlexProps } from './flex/interface';
+/**
+ * @deprecated FormList 组件已废弃，将在后续大版本中移除，请尽快迁移到替代方案。
+ */
+export { default as FormList } from './form-list';
+/**
+ * @deprecated FormList 相关类型已废弃，将在后续大版本中移除。
+ */
+export type { ColumnType as FormListColumnType, IFormTableProps } from './form-list';
+export { default as OverflowList } from './overflow-list';
+export { default as Resize } from './resize';
+export { default as Splitter } from './splitter';
+export type { PanelProps, ShowCollapsibleIconMode, SplitterProps } from './splitter';
+export { default as StatusTag } from './status-tag';
+export type { IStatusTagProps, PresetColorType, StatusTagType } from './status-tag';
+export { Table } from './table';
+export { Summary } from './table';
+export { BatchEditModal } from './table';
+export { applyBatchRules } from './table';
+export type { AlignType, CellType, ColumnGroupType, ColumnsType, ColumnType, CustomizeComponent, CustomizeScrollBody, DataIndex, Direction, EditableConfig, EditableValidateResult, ExpandableConfig, ExpandableType, FixedInfo, FixedType, GetComponent, GetComponentProps, GetRowKey, OnCustomizeScroll, PanelRender, Reference, RenderedCell, RenderExpandIcon, RowClassName, ScrollConfig, SizeType, StickyOffsets, ColumnGroupType as TableColumnGroupType, ColumnsType as TableColumnsType, ColumnType as TableColumnType, TableComponents, ExpandableConfig as TableExpandableConfig, TableLayout, TablePaginationConfig, TableProps, Reference as TableReference, TableSticky, TriggerEventHandler, VirtualScrollConfig, } from './table';

package/es/index.js

@@ -0,0 +1,21 @@
+export { default as BlockHeader } from "./block-header";
+export { default as Button } from "./button";
+export { default as Collapsible } from "./collapsible";
+export { default as CollapsibleActionItems } from "./collapsible-action-items";
+export { default as Flex } from "./flex";
+/**
+ * @deprecated FormList 组件已废弃，将在后续大版本中移除，请尽快迁移到替代方案。
+ */
+export { default as FormList } from "./form-list";
+/**
+ * @deprecated FormList 相关类型已废弃，将在后续大版本中移除。
+ */
+
+export { default as OverflowList } from "./overflow-list";
+export { default as Resize } from "./resize";
+export { default as Splitter } from "./splitter";
+export { default as StatusTag } from "./status-tag";
+export { Table } from "./table";
+export { Summary } from "./table";
+export { BatchEditModal } from "./table";
+export { applyBatchRules } from "./table";