@dtjoy/dt-design 1.0.5 → 1.0.7

package/esm/formList/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 {
+        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;
+  }
+}
+
+

package/esm/index.js

@@ -9,4 +9,6 @@ export { default as OverflowList } from "./overflowList";
 export { default as Resize } from "./resize";
 export { default as Splitter } from "./splitter";
 export * from "./splitter";
-export { default as StatusTag } from "./statusTag";
+export { default as StatusTag } from "./statusTag";
+export * from "./statusTag";
+export { default as Table } from "./table";

package/esm/overflowList/index.js

@@ -16,8 +16,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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, { Component, createRef } from 'react';
 import { globalConfig } from 'antd/es/config-provider';
-import classNames from 'classnames';
 import "./style";
+import clsx from 'clsx';
+import { uniqueId } from 'lodash-es';
 import ReactResizeObserver from "../resizeObserver";
 var OverflowList = /*#__PURE__*/function (_Component) {
   _inherits(OverflowList, _Component);
@@ -120,7 +121,7 @@ var OverflowList = /*#__PURE__*/function (_Component) {
           var isVisible = isMeasuring || (collapseFrom === 'end' ? i < visibleCount : i >= items.length - visibleCount);
           if (!isVisible) return null;
           return /*#__PURE__*/React.createElement("div", {
-            key: i,
+            key: uniqueId('overflow-list-item'),
             ref: function ref(el) {
               if (el) _this2.itemRefs.set(i, el);else _this2.itemRefs.delete(i);
             },
@@ -140,7 +141,7 @@ var OverflowList = /*#__PURE__*/function (_Component) {
         }
       }, /*#__PURE__*/React.createElement("div", {
         ref: this.containerRef,
-        className: classNames(this.prefixCls, className),
+        className: clsx(this.prefixCls, className),
         style: containerStyle
       }, collapseFrom === 'start' && overflowNode, renderItems(), collapseFrom === 'end' && overflowNode));
     }

package/esm/resize/index.js

@@ -20,7 +20,7 @@ var Resize = function Resize(_ref) {
       var resizeObserver = new ResizeObserver(onResizeProxy);
       resizeObserver.observe(observerEle);
       return function () {
-        resizeObserver.unobserve(observerEle);
+        resizeObserver.disconnect();
       };
     }
   }, [observerEle]);

package/esm/resizeObserver/index.js

@@ -42,9 +42,10 @@ var ReactResizeObserver = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "formerPropertyValue", new Map());
     _defineProperty(_assertThisInitialized(_this), "getElement", function () {
       try {
-        // eslint-disable-next-line react/no-find-dom-node
+        // eslint-disable-next-line react-dom/no-find-dom-node
         return findDOMNode(_this.childNode || _assertThisInitialized(_this));
-      } catch (error) {
+        // eslint-disable-next-line unused-imports/no-unused-vars
+      } catch (_error) {
         return null;
       }
     });

package/esm/splitter/Panel.js

@@ -5,8 +5,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, { forwardRef, useContext } from 'react';
-import { ConfigContext } from 'antd/es/config-provider';
-import classNames from 'classnames';
+import { ConfigContext } from 'antd/lib/config-provider';
+import clsx from 'clsx';
 export var InternalPanel = /*#__PURE__*/forwardRef(function (props, ref) {
   var customizePrefixCls = props.prefixCls,
     className = props.className,
@@ -17,7 +17,7 @@ export var InternalPanel = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('splitter', customizePrefixCls);
-  var panelClassName = classNames("".concat(prefixCls, "-panel"), _defineProperty({}, "".concat(prefixCls, "-panel-hidden"), size === 0), className);
+  var panelClassName = clsx("".concat(prefixCls, "-panel"), _defineProperty({}, "".concat(prefixCls, "-panel-hidden"), size === 0), className);
   var hasSize = size !== undefined;
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,

package/esm/splitter/SplitBar.js

@@ -10,7 +10,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState } from 'react';
 import { DownOutlined, LeftOutlined, RightOutlined, UpOutlined } from '@ant-design/icons';
-import classNames from 'classnames';
+import clsx from 'clsx';
 import useEvent from 'rc-util/lib/hooks/useEvent';
 import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
 function getValidNumber(num) {
@@ -139,6 +139,7 @@ var SplitBar = function SplitBar(props) {
       var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
         event = _Object$entries$_i[0],
         handler = _Object$entries$_i[1];
+      // eslint-disable-next-line react-web-api/no-leaked-event-listener
       window.addEventListener(event, handler);
     }
     return function () {
@@ -160,26 +161,26 @@ var SplitBar = function SplitBar(props) {
     "aria-valuemin": getValidNumber(ariaMin),
     "aria-valuemax": getValidNumber(ariaMax)
   }, lazy && /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(splitBarPrefixCls, "-preview"), _defineProperty({}, "".concat(splitBarPrefixCls, "-preview-active"), !!constrainedOffset)),
+    className: clsx("".concat(splitBarPrefixCls, "-preview"), _defineProperty({}, "".concat(splitBarPrefixCls, "-preview-active"), !!constrainedOffset)),
     style: transformStyle
   }), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(splitBarPrefixCls, "-dragger"), _defineProperty(_defineProperty({}, "".concat(splitBarPrefixCls, "-dragger-disabled"), !resizable), "".concat(splitBarPrefixCls, "-dragger-active"), active)),
+    className: clsx("".concat(splitBarPrefixCls, "-dragger"), _defineProperty(_defineProperty({}, "".concat(splitBarPrefixCls, "-dragger-disabled"), !resizable), "".concat(splitBarPrefixCls, "-dragger-active"), active)),
     onMouseDown: onMouseDown,
     onTouchStart: onTouchStart
   }), startCollapsible && /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(splitBarPrefixCls, "-collapse-bar"), "".concat(splitBarPrefixCls, "-collapse-bar-start"), getVisibilityClass(showStartCollapsibleIcon)),
+    className: clsx("".concat(splitBarPrefixCls, "-collapse-bar"), "".concat(splitBarPrefixCls, "-collapse-bar-start"), getVisibilityClass(showStartCollapsibleIcon)),
     onClick: function onClick() {
       return onCollapse(index, 'start');
     }
   }, /*#__PURE__*/React.createElement(StartIcon, {
-    className: classNames("".concat(splitBarPrefixCls, "-collapse-icon"), "".concat(splitBarPrefixCls, "-collapse-start"))
+    className: clsx("".concat(splitBarPrefixCls, "-collapse-icon"), "".concat(splitBarPrefixCls, "-collapse-start"))
   })), endCollapsible && /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(splitBarPrefixCls, "-collapse-bar"), "".concat(splitBarPrefixCls, "-collapse-bar-end"), getVisibilityClass(showEndCollapsibleIcon)),
+    className: clsx("".concat(splitBarPrefixCls, "-collapse-bar"), "".concat(splitBarPrefixCls, "-collapse-bar-end"), getVisibilityClass(showEndCollapsibleIcon)),
     onClick: function onClick() {
       return onCollapse(index, 'end');
     }
   }, /*#__PURE__*/React.createElement(EndIcon, {
-    className: classNames("".concat(splitBarPrefixCls, "-collapse-icon"), "".concat(splitBarPrefixCls, "-collapse-end"))
+    className: clsx("".concat(splitBarPrefixCls, "-collapse-icon"), "".concat(splitBarPrefixCls, "-collapse-end"))
   })));
 };
 export default SplitBar;

package/esm/splitter/Splitter.js

@@ -13,7 +13,6 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useContext, useState } from 'react';
 import { ConfigContext } from 'antd/es/config-provider';
-import classNames from 'classnames';
 import ResizeObserver from 'rc-resize-observer';
 import useEvent from 'rc-util/es/hooks/useEvent';
 import warning from 'rc-util/es/warning';
@@ -24,6 +23,8 @@ import useSizes from "./hooks/useSizes";
 import { InternalPanel } from "./Panel";
 import SplitBar from "./SplitBar";
 import "./style/index.less";
+import clsx from 'clsx';
+import { uniqueId } from 'lodash-es';
 var Splitter = function Splitter(props) {
   var customizePrefixCls = props.prefixCls,
     className = props.className,
@@ -115,7 +116,7 @@ var Splitter = function Splitter(props) {
     });
     (_props$onCollapse = props.onCollapse) === null || _props$onCollapse === void 0 || _props$onCollapse.call(props, collapsed, nextSizes);
   });
-  var containerClassName = classNames(prefixCls, className, "".concat(prefixCls, "-").concat(layout), _defineProperty({}, "".concat(prefixCls, "-rtl"), isRTL), rootClassName);
+  var containerClassName = clsx(prefixCls, className, "".concat(prefixCls, "-").concat(layout), _defineProperty({}, "".concat(prefixCls, "-rtl"), isRTL), rootClassName);
   var maskCls = "".concat(prefixCls, "-mask");
   var stackSizes = React.useMemo(function () {
     var mergedSizes = [];
@@ -173,11 +174,11 @@ var Splitter = function Splitter(props) {
       });
     }
     return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: "split-panel-".concat(idx)
+      key: "split-panel-".concat(uniqueId())
     }, panel, splitBar);
   }), typeof movingIndex === 'number' && /*#__PURE__*/React.createElement("div", {
     "aria-hidden": true,
-    className: classNames(maskCls, "".concat(maskCls, "-").concat(layout))
+    className: clsx(maskCls, "".concat(maskCls, "-").concat(layout))
   })));
 };
 if (process.env.NODE_ENV !== 'production') {

package/esm/splitter/hooks/useItems.js

@@ -23,8 +23,8 @@ function getCollapsible(collapsible) {
   };
 }
 
-/**
- * Convert `children` into `items`.
+/**
+ * Convert `children` into `items`.
  */
 function useItems(children) {
   var items = React.useMemo(function () {

package/esm/splitter/hooks/useResize.js

@@ -11,8 +11,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import * as React from 'react';
 import { getPtg } from "./useSizes";
 
-/**
- * Handle user drag resize logic.
+/**
+ * Handle user drag resize logic.
  */
 export default function useResize(items, resizableInfos, percentSizes, containerSize, updateSizes, isRTL) {
   var limitSizes = items.map(function (item) {
@@ -38,9 +38,9 @@ export default function useResize(items, resizableInfos, percentSizes, container
     setCacheSizes = _React$useState2[1];
   var cacheCollapsedSize = React.useRef([]);
 
-  /**
-   * When start drag, check the direct is `start` or `end`.
-   * This will handle when 2 splitter bar are in the same position.
+  /**
+   * When start drag, check the direct is `start` or `end`.
+   * This will handle when 2 splitter bar are in the same position.
    */
   var _React$useState3 = React.useState(null),
     _React$useState4 = _slicedToArray(_React$useState3, 2),

package/esm/statusTag/index.js

@@ -12,8 +12,8 @@ import React, { useMemo } from 'react';
 import { LoadingOutlined } from '@ant-design/icons';
 import { Spin } from 'antd';
 import { globalConfig } from 'antd/es/config-provider';
-import classNames from 'classnames';
 import "./style";
+import clsx from 'clsx';
 export var PRESET_COLOR_TYPES = Object.freeze(['blue', 'yellow', 'green', 'gray', 'red', 'purple', 'cyan', 'pink']);
 export var STATUS_TAG_TYPES = Object.freeze(['default', 'outline', 'fill']);
 var DEFAULT_OPACITY = 0.15;
@@ -44,10 +44,10 @@ function calculateTransparentColor(color) {
       return char + char;
     }).join('');
   }
-  if (!/^[0-9A-Fa-f]{6}$/.test(hex)) return 'rgba(0, 0, 0, 0.15)';
-  var r = parseInt(hex.substring(0, 2), 16);
-  var g = parseInt(hex.substring(2, 4), 16);
-  var b = parseInt(hex.substring(4, 6), 16);
+  if (!/^[0-9A-F]{6}$/i.test(hex)) return 'rgba(0, 0, 0, 0.15)';
+  var r = Number.parseInt(hex.substring(0, 2), 16);
+  var g = Number.parseInt(hex.substring(2, 4), 16);
+  var b = Number.parseInt(hex.substring(4, 6), 16);
   return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(opacity, ")");
 }
 var StatusTag = /*#__PURE__*/React.memo(function (props) {
@@ -70,7 +70,7 @@ var StatusTag = /*#__PURE__*/React.memo(function (props) {
     return icon === undefined;
   }, [icon]);
   var containerClasses = useMemo(function () {
-    return classNames(prefixCls, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "--border"), type === 'outline'), "".concat(prefixCls, "--fill"), type === 'fill'), "".concat(prefixCls, "--rounded"), rounded), "".concat(prefixCls, "__").concat(color, "--fill"), type === 'fill' && isPresetColor(color)));
+    return clsx(prefixCls, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "--border"), type === 'outline'), "".concat(prefixCls, "--fill"), type === 'fill'), "".concat(prefixCls, "--rounded"), rounded), "".concat(prefixCls, "__").concat(color, "--fill"), type === 'fill' && isPresetColor(color)));
   }, [className, type, color, rounded, prefixCls]);
   var customColorStyle = useMemo(function () {
     if (type !== 'fill' || isPresetColor(color)) return {};
@@ -82,12 +82,12 @@ var StatusTag = /*#__PURE__*/React.memo(function (props) {
   var iconStyleConfig = useMemo(function () {
     if (isPresetColor(color)) {
       return {
-        className: classNames('anticon', _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "__").concat(color, "--icon"), true), "".concat(prefixCls, "__icon--default"), !icon), "".concat(prefixCls, "__").concat(color, "--iconBg"), !icon)),
+        className: clsx('anticon', _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "__").concat(color, "--icon"), true), "".concat(prefixCls, "__icon--default"), !icon), "".concat(prefixCls, "__").concat(color, "--iconBg"), !icon)),
         style: {}
       };
     }
     return {
-      className: classNames('anticon', _defineProperty({}, "".concat(prefixCls, "__icon--default"), !icon)),
+      className: clsx('anticon', _defineProperty({}, "".concat(prefixCls, "__icon--default"), !icon)),
       style: {
         color: icon ? color : undefined,
         background: !icon ? color : undefined

package/esm/style/index.less

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

package/esm/style/themes/index.less

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

package/esm/style/themes/variable.less

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