@dtjoy/dt-design 1.1.2 → 1.1.5

package/esm/splitter/style/index.less

@@ -1,312 +0,0 @@
-@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;
-    width: 100%;
-    height: 100%;
-    align-items: stretch;
-
-    & > .@{splitter-prefix-cls}-bar {
-        flex: none;
-        position: relative;
-        user-select: none;
-
-        .@{splitter-prefix-cls}-bar-dragger {
-            .center-position();
-            z-index: 1;
-            pointer-events: auto;
-
-            &::before {
-                content: '';
-                background: @item-hover-bg;
-                .center-position();
-            }
-
-            &::after {
-                content: '';
-                background: rgba(0, 0, 0, 0.15);
-                .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-collapse-bar {
-            .center-position();
-            z-index: @zindex-popover;
-            background: @item-hover-bg;
-            font-size: @font-size-base;
-            border-radius: @border-radius-base;
-            color: @text-color;
-            cursor: pointer;
-            opacity: 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-
-            &:hover {
-                background: @item-active-bg;
-            }
-
-            &:active {
-                background: @item-active-bg;
-            }
-        }
-
-        &: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;
-        z-index: 9999;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        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 {
-                height: 100%;
-                width: @splitter-split-bar-size;
-                position: absolute;
-                background: @primary-color;
-                opacity: 0.2;
-                pointer-events: none;
-                transition: none;
-                z-index: 1;
-                display: none;
-
-                &.@{splitter-prefix-cls}-bar-preview-active {
-                    display: block;
-
-                    transform: @splitter-transform-x;
-                }
-            }
-
-            .@{splitter-prefix-cls}-bar-dragger {
-                cursor: col-resize;
-                height: 100%;
-                width: @splitter-split-trigger-size;
-
-                &::before {
-                    height: 100%;
-                    width: @splitter-split-bar-size;
-                }
-
-                &::after {
-                    height: @splitter-split-bar-draggable-size;
-                    width: @splitter-split-bar-size;
-                }
-            }
-
-            .@{splitter-prefix-cls}-bar-collapse-bar {
-                width: @font-size-sm;
-                height: @btn-height-sm;
-
-                &.@{splitter-prefix-cls}-bar-collapse-bar-start {
-                    left: auto;
-                    right: (@splitter-split-trigger-size / 2);
-                    transform: translateY(-50%);
-                }
-
-                &.@{splitter-prefix-cls}-bar-collapse-bar-end {
-                    left: (@splitter-split-trigger-size / 2);
-                    right: auto;
-                    transform: translateY(-50%);
-                }
-            }
-        }
-    }
-
-    &.@{splitter-prefix-cls}-vertical {
-        flex-direction: column;
-
-        & > .@{splitter-prefix-cls}-bar {
-            height: 0;
-
-            .@{splitter-prefix-cls}-bar-preview {
-                height: @splitter-split-bar-size;
-                width: 100%;
-                position: absolute;
-                background: @primary-color;
-                opacity: 0.2;
-                pointer-events: none;
-                transition: none;
-                z-index: 1;
-                display: none;
-
-                &.@{splitter-prefix-cls}-bar-preview-active {
-                    display: block;
-                    transform: @splitter-transform-y;
-                }
-            }
-
-            .@{splitter-prefix-cls}-bar-dragger {
-                cursor: row-resize;
-                width: 100%;
-                height: @splitter-split-trigger-size;
-
-                &::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 {
-                height: @font-size-sm;
-                width: @btn-height-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 {
-        overflow: auto;
-        padding: 0 1px;
-        box-sizing: border-box;
-
-        &::-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 {
-            padding: 0;
-            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/style/themes/index.less

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

package/lib/_util/extendsObject.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function mergeProps(...items) {
-  const ret = {};
-  items.forEach(item => {
-    if (item) {
-      Object.keys(item).forEach(key => {
-        if (item[key] !== undefined) {
-          ret[key] = item[key];
-        }
-      });
-    }
-  });
-  return ret;
-}
-var _default = exports.default = mergeProps;

package/lib/_util/isNonNullable.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const isNonNullable = val => {
-  return val !== undefined && val !== null;
-};
-var _default = exports.default = isNonNullable;

package/lib/blockHeader/index.js

@@ -1,121 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icons = require("@ant-design/icons");
-var _antd = require("antd");
-var _configProvider = require("antd/es/config-provider");
-var _clsx = _interopRequireDefault(require("clsx"));
-require("./style");
-var _util = require("../_util");
-var _collapsible = _interopRequireDefault(require("../collapsible"));
-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); } // 优化后的代码示例
-function isControlled(props) {
-  return props.expand !== undefined;
-}
-const prefixCls = (0, _configProvider.globalConfig)().getPrefixCls('block-header');
-const preTitleRowCls = `${prefixCls}__title`;
-const BlockHeader = props => {
-  const {
-    id,
-    title,
-    description = '',
-    tooltip,
-    size = 'middle',
-    spaceBottom = {
-      expand: 16,
-      collapse: 16
-    },
-    className = '',
-    contentClassName = '',
-    style = {},
-    contentStyle = {},
-    background = true,
-    defaultExpand = true,
-    addonAfter,
-    expand,
-    children = '',
-    addonBefore = /*#__PURE__*/_react.default.createElement("div", {
-      className: "addon-before--default"
-    }),
-    onExpand,
-    titleStyle,
-    keepDOM = false,
-    lazy = false,
-    expandable = true
-  } = props;
-  const [internalExpand, setInternalExpand] = (0, _react.useState)(defaultExpand);
-  const currentExpand = isControlled(props) ? expand ?? false : internalExpand;
-  const showCollapse = expandable && !!children;
-  const tooltipProps = (0, _util.toTooltipProps)(tooltip);
-  const bottomStyle = (0, _react.useMemo)(() => {
-    if (typeof spaceBottom === 'number') {
-      return {
-        marginBottom: spaceBottom
-      };
-    }
-    const key = currentExpand ? 'expand' : 'collapse';
-    return {
-      marginBottom: spaceBottom[key] ?? 0
-    };
-  }, [spaceBottom, currentExpand]);
-  const handleExpand = () => {
-    const newExpandState = !currentExpand;
-    !isControlled(props) && setInternalExpand(newExpandState);
-    onExpand?.(newExpandState);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    id: id,
-    className: (0, _clsx.default)(`${prefixCls}`, className),
-    style: {
-      ...bottomStyle,
-      ...style
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(preTitleRowCls, `${preTitleRowCls}--${size}`, {
-      [`${preTitleRowCls}--background`]: background,
-      [`${preTitleRowCls}--pointer`]: showCollapse
-    }),
-    style: titleStyle,
-    onClick: showCollapse ? handleExpand : undefined
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "title__box"
-  }, addonBefore ? /*#__PURE__*/_react.default.createElement("div", {
-    className: `title__addon-before title__addon-before--${size}`
-  }, addonBefore) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "title__text"
-  }, title), tooltipProps?.title ? /*#__PURE__*/_react.default.createElement("div", {
-    className: `title__tooltip`
-  }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, _extends({}, tooltipProps, {
-    className: (0, _clsx.default)(tooltipProps?.className)
-  }), /*#__PURE__*/_react.default.createElement(_icons.QuestionCircleOutlined, null))) : null, description ? /*#__PURE__*/_react.default.createElement("div", {
-    className: `title__description`
-  }, description) : null), addonAfter && /*#__PURE__*/_react.default.createElement("div", {
-    className: `title__addon-after`
-  }, addonAfter), showCollapse && /*#__PURE__*/_react.default.createElement("div", {
-    className: `title__collapse`
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "collapse__text"
-  }, currentExpand ? '收起' : '展开'), /*#__PURE__*/_react.default.createElement(_icons.UpOutlined, {
-    className: (0, _clsx.default)('collapse__icon', {
-      'collapse__icon--up': currentExpand,
-      'collapse__icon--down': !currentExpand
-    })
-  }))), /*#__PURE__*/_react.default.createElement(_collapsible.default, {
-    isOpen: currentExpand,
-    keepDOM: keepDOM,
-    lazyRender: lazy
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(`${prefixCls}__content`, contentClassName, {
-      [`${prefixCls}__content--active`]: currentExpand || !showCollapse
-    }),
-    style: contentStyle
-  }, children)));
-};
-var _default = exports.default = BlockHeader;

package/lib/collapsibleActionItems/index.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _icons = require("@ant-design/icons");
-var _ = require("./..");
-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 _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 CollapsibleActionItems = props => {
-  const {
-    actionItems,
-    maxCount = 3,
-    className,
-    divider = /*#__PURE__*/_react.default.createElement(_antd.Divider, {
-      type: "vertical"
-    }),
-    collapseIcon = /*#__PURE__*/_react.default.createElement(_icons.EllipsisOutlined, null),
-    dropdownProps,
-    buttonProps,
-    style,
-    onItemClick
-  } = props;
-  const isOverMaxCount = actionItems.length > maxCount;
-  const prefixCls = (0, _configProvider.globalConfig)().getPrefixCls('collapsible-action-items');
-  const getActionItemNode = (item, isCollapse = false) => {
-    const customRender = item.render ? item.render() : null;
-    if (!isCollapse) return /*#__PURE__*/_react.default.createElement("span", {
-      className: `${prefixCls}__btn`,
-      key: item.key,
-      onClick: () => !item.disabled && onItemClick?.(item.key)
-    }, customRender || /*#__PURE__*/_react.default.createElement(_.Button, _extends({
-      type: "link",
-      disabled: item.disabled
-    }, buttonProps), item.name));
-    return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
-      key: item.key,
-      disabled: item.disabled
-    }, customRender || item.name);
-  };
-  const displayAction = actionItems.slice(0, isOverMaxCount ? maxCount - 1 : maxCount).map(item => getActionItemNode(item, false));
-  const dropdownMenu = isOverMaxCount ? /*#__PURE__*/_react.default.createElement(_antd.Menu, {
-    "data-testid": "action-dropdown-menu",
-    onClick: info => onItemClick?.(info.key)
-  }, actionItems.slice(maxCount - 1).map(item => getActionItemNode(item, true))) : null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(prefixCls, className),
-    style: style
-  }, displayAction.map((actionItem, index) => {
-    const showDivider = index < actionItems.length - 1;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-      key: actionItem.key
-    }, actionItem, showDivider && divider);
-  }), dropdownMenu && /*#__PURE__*/_react.default.createElement(_antd.Dropdown, _extends({
-    placement: 'bottomRight',
-    overlay: dropdownMenu,
-    getPopupContainer: triggerNode => triggerNode.parentElement ?? document.body
-  }, dropdownProps), /*#__PURE__*/_react.default.createElement("a", {
-    className: `${prefixCls}__icon`
-  }, collapseIcon)));
-};
-var _default = exports.default = CollapsibleActionItems;

package/lib/formList/index.js

@@ -1,130 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = InternalTable;
-var _react = _interopRequireWildcard(require("react"));
-var _dtUtils = require("@dtinsight/dt-utils");
-var _antd = require("antd");
-var _configProvider = require("antd/es/config-provider");
-var _clsx = _interopRequireDefault(require("clsx"));
-require("./style");
-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); }
-/**
- * Override NamePath parameters type
- */
-
-/**
- * Override PanelRender type
- */
-
-/**
- * Form.Table 组件类型
- */
-
-function InternalTable({
-  name,
-  rules,
-  initialValue,
-  ...tableProps
-}) {
-  const {
-    tableClassName,
-    columns: rawColumns,
-    // override title, footer, summary
-    title,
-    footer,
-    summary,
-    ...restProps
-  } = tableProps;
-  const prefixCls = (0, _configProvider.globalConfig)().getPrefixCls('form-list');
-  const formInstance = _antd.Form.useFormInstance();
-  const convertRawToTableCol = raw => {
-    if (!raw?.length) return [];
-    return raw.map(({
-      noStyle,
-      style,
-      className,
-      id,
-      hasFeedback,
-      validateStatus,
-      required,
-      hidden,
-      initialValue,
-      messageVariables,
-      tooltip,
-      dependencies,
-      rules: rawRules,
-      validateFirst,
-      validateTrigger,
-      valuePropName,
-      wrapperCol,
-      render,
-      ...cols
-    }) => {
-      const formItemProps = {
-        noStyle,
-        style,
-        className,
-        id,
-        hasFeedback,
-        validateStatus,
-        required,
-        hidden,
-        initialValue,
-        messageVariables,
-        validateFirst,
-        validateTrigger,
-        wrapperCol,
-        tooltip,
-        valuePropName
-      };
-      const isRequired = required || rawRules?.some(rule => typeof rule === 'object' && rule.required);
-      return {
-        ...cols,
-        title: (...titleProps) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isRequired && /*#__PURE__*/_react.default.createElement("span", {
-          className: "dtc-form__table__column--required"
-        }), typeof cols.title === 'function' ? cols.title(...titleProps) : cols.title),
-        render(_, fieldData) {
-          const currentNamePath = [fieldData.name, cols.dataIndex].filter(_dtUtils.Utils.checkExist).flat();
-          const rules = rawRules?.map(rule => typeof rule === 'function' ? form => rule(form, currentNamePath) : rule);
-          if (dependencies) {
-            return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
-              noStyle: true,
-              dependencies: typeof dependencies === 'function' ? dependencies(currentNamePath) : dependencies
-            }, formInstance => /*#__PURE__*/_react.default.createElement(_antd.Form.Item, _extends({
-              name: currentNamePath,
-              rules: rules
-            }, formItemProps), render?.(fieldData, currentNamePath, formInstance)));
-          }
-          return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, _extends({
-            name: currentNamePath,
-            rules: rules
-          }, formItemProps), render?.(fieldData, currentNamePath, formInstance));
-        }
-      };
-    });
-  };
-  const columns = (0, _react.useMemo)(() => {
-    if (typeof rawColumns === 'function') return rawColumns;
-    return convertRawToTableCol(rawColumns);
-  }, [rawColumns]);
-  return /*#__PURE__*/_react.default.createElement(_antd.Form.List, {
-    name: name,
-    rules: rules,
-    initialValue: initialValue
-  }, (fields, ope, meta) => /*#__PURE__*/_react.default.createElement(_antd.Table, _extends({
-    className: (0, _clsx.default)(prefixCls, tableClassName),
-    rowKey: "key",
-    dataSource: fields,
-    pagination: false,
-    columns: typeof columns === 'function' ? convertRawToTableCol(columns(fields, ope, meta)) : columns,
-    footer: footer ? () => footer(fields, ope, meta) : undefined,
-    title: title ? () => title(fields, ope, meta) : undefined,
-    summary: summary ? () => summary(fields, ope, meta) : undefined
-  }, restProps)));
-}