@kdcloudjs/kdesign 1.7.33-stable.2 → 1.7.33-stable.4

package/es/checkbox/checkbox.js

@@ -20,7 +20,7 @@ import isBoolean from 'lodash/isBoolean';
 import Icon from '../icon';
 import devWarning from '../_utils/devwarning';
 var InternalCheckbox = function InternalCheckbox(props, ref) {
-  var _context, _context2, _context3, _classNames, _context4, _context5, _context6, _context7, _classNames2, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _classNames4, _context16, _context17, _context18, _classNames5, _context19;
+  var _context, _context2, _context3, _classNames, _context4, _context5, _context6, _context7, _classNames2, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _classNames4, _context15, _context16, _context17, _classNames5, _context18;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -67,9 +67,9 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   var getSquareClassName = classNames(className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames2, _concatInstanceProperty(_context4 = "".concat(checkboxPrefixCls, "-")).call(_context4, mergedCheckboxType), true), _defineProperty(_classNames2, _concatInstanceProperty(_context5 = "".concat(checkboxPrefixCls, "-")).call(_context5, mergedSize), !!children), _defineProperty(_classNames2, _concatInstanceProperty(_context6 = "".concat(checkboxPrefixCls, "-")).call(_context6, mergedCheckboxType, "-disabled"), mergedDisabled), _defineProperty(_classNames2, _concatInstanceProperty(_context7 = "".concat(checkboxPrefixCls, "-")).call(_context7, mergedCheckboxType, "-checked"), selected && !mergedDisabled), _defineProperty(_classNames2, "checked", selected), _classNames2));
   var getRootClassName = isDefaultType() ? getDefaultClassName : getSquareClassName;
   var inputClassName = classNames(_defineProperty({}, "".concat(checkboxPrefixCls, "-input"), true));
-  var checkedWrapperClassName = classNames((_classNames4 = {}, _defineProperty(_classNames4, _concatInstanceProperty(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, mergedCheckboxType, "-no-child"), !children), _defineProperty(_classNames4, _concatInstanceProperty(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, mergedCheckboxType, "-wrapper"), true), _defineProperty(_classNames4, _concatInstanceProperty(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, mergedCheckboxType, "-wrapper-size"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, mergedCheckboxType, "-margin"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, mergedCheckboxType, "-checked"), selected), _defineProperty(_classNames4, _concatInstanceProperty(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, mergedCheckboxType, "-indeterminate"), getIndeterminate()), _defineProperty(_classNames4, _concatInstanceProperty(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, mergedCheckboxType, "-disabled"), mergedDisabled && !selected), _defineProperty(_classNames4, _concatInstanceProperty(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
-  var triangleClassName = classNames((_classNames5 = {}, _defineProperty(_classNames5, _concatInstanceProperty(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, mergedCheckboxType, "-triangle"), !selected), _defineProperty(_classNames5, _concatInstanceProperty(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, mergedCheckboxType, "-triangle-checked"), selected), _defineProperty(_classNames5, _concatInstanceProperty(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
-  var innerIconClassName = classNames(_defineProperty({}, _concatInstanceProperty(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner"), true));
+  var checkedWrapperClassName = classNames((_classNames4 = {}, _defineProperty(_classNames4, _concatInstanceProperty(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, mergedCheckboxType, "-wrapper"), true), _defineProperty(_classNames4, _concatInstanceProperty(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, mergedCheckboxType, "-wrapper-size"), true), _defineProperty(_classNames4, _concatInstanceProperty(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, mergedCheckboxType, "-margin"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, mergedCheckboxType, "-checked"), selected), _defineProperty(_classNames4, _concatInstanceProperty(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, mergedCheckboxType, "-indeterminate"), getIndeterminate()), _defineProperty(_classNames4, _concatInstanceProperty(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, mergedCheckboxType, "-disabled"), mergedDisabled && !selected), _defineProperty(_classNames4, _concatInstanceProperty(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
+  var triangleClassName = classNames((_classNames5 = {}, _defineProperty(_classNames5, _concatInstanceProperty(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, mergedCheckboxType, "-triangle"), !selected), _defineProperty(_classNames5, _concatInstanceProperty(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, mergedCheckboxType, "-triangle-checked"), selected), _defineProperty(_classNames5, _concatInstanceProperty(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
+  var innerIconClassName = classNames(_defineProperty({}, _concatInstanceProperty(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-inner"), true));
   var handleChange = function handleChange(e) {
     onChange && onChange(e);
     (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange) && (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange(value, e.target.checked, e));
@@ -96,7 +96,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     };
   }, []);
   var getDefaultCheckbox = function getDefaultCheckbox() {
-    var _context20, _context21;
+    var _context19, _context20;
     var inputProps = {
       type: 'checkbox',
       className: inputClassName,
@@ -121,7 +121,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: innerIconClassName
       }, /*#__PURE__*/React.createElement(Icon, {
         type: "right-bold",
-        className: _concatInstanceProperty(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
+        className: _concatInstanceProperty(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner-icon")
       })) : null, /*#__PURE__*/React.createElement("input", _extends({
         type: "checkbox",
         ref: ref
@@ -133,7 +133,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: innerIconClassName
       }, /*#__PURE__*/React.createElement(Icon, {
         type: "right-bold",
-        className: _concatInstanceProperty(_context21 = "".concat(checkboxPrefixCls, "-")).call(_context21, mergedCheckboxType, "-inner-icon")
+        className: _concatInstanceProperty(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
       }))) : null)
     );
   };

package/es/checkbox/style/index.css

@@ -334,10 +334,6 @@
 .kd-checkbox-default-margin {
   margin-right: var(--kd-c-checkbox-default-input-spacing-margin-right, 4px);
 }
-.kd-checkbox-default-no-child {
-  height: 100%;
-  width: 100%;
-}
 .kd-checkbox-default-checked-disabled {
   background-color: var(--kd-c-checkbox-default-color-background-disabled, #e5e5e5) !important;
   border-color: var(--kd-c-checkbox-default-color-background-disabled, #d9d9d9) !important;

package/es/checkbox/style/index.less

@@ -200,10 +200,6 @@
   &-margin {
     margin-right: @checkbox-default-input-margin-right;
   }
-  &-no-child {
-    height: 100%;
-    width: 100%;
-  }
   &-checked-disabled {
     background-color: @checkbox-default-disabled-color-bg !important;
     border-color: @checkbox-default-disabled-color-border !important;

package/es/input/TextArea.js

@@ -70,6 +70,10 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     showNumberMark = _useState6[0],
     setShowNumberMark = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    numberMarkError = _useState8[0],
+    setNumberMarkError = _useState8[1];
   var resizeTextarea = useCallback(function () {
     if (!autoSize || !textareaRef.current) {
       return;
@@ -117,21 +121,25 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     onChange && onChange(event);
   };
   var renderNumberMark = function renderNumberMark() {
-    var enteredLength = value ? value.length : 0;
-    if (enteredLength >= maxLength) {
-      enteredLength = maxLength;
-    }
-    if (count && showNumberMark && !disabled && maxLength !== '' && maxLength >= 0) {
-      var countClass = classNames("".concat(textAreaPrefixCls, "-textarea-mark"), _defineProperty({}, "".concat(textAreaPrefixCls, "-textarea-mark-inner"), countPosition === 'inner'));
+    if (count && (showNumberMark || numberMarkError) && !disabled && maxLength !== '' && maxLength >= 0) {
+      var _classNames;
+      var countClass = classNames("".concat(textAreaPrefixCls, "-textarea-mark"), (_classNames = {}, _defineProperty(_classNames, "".concat(textAreaPrefixCls, "-textarea-mark-inner"), countPosition === 'inner'), _defineProperty(_classNames, "".concat(textAreaPrefixCls, "-textarea-mark-error"), numberMarkError), _classNames));
       return /*#__PURE__*/React.createElement("div", {
         className: countClass
-      }, enteredLength, "/", maxLength);
+      }, value ? value.length : 0, "/", maxLength);
     }
     return null;
   };
   useEffect(function () {
     resizeTextarea();
   }, [value, resizeTextarea]);
+  useEffect(function () {
+    if (value && maxLength && value.length > maxLength) {
+      setNumberMarkError(true);
+    } else {
+      setNumberMarkError(false);
+    }
+  }, [value]);
   useEffect(function () {
     if (propsValue !== undefined) {
       setValue(propsValue);
@@ -173,7 +181,7 @@ var InternalTextarea = function InternalTextarea(props, ref) {
       ref: textareaRef,
       disabled: disabled,
       style: _extends({}, textareaStyles, hadCount || !!allowClear ? otherStyles : style),
-      className: classNames("".concat(prefixCls, "-textarea"), (_classNames2 = {}, _defineProperty(_classNames2, _concatInstanceProperty(_context = "".concat(prefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames2, "".concat(prefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames2, "".concat(prefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames2, "".concat(prefixCls, "-no-resize"), canResize !== true), _defineProperty(_classNames2, "".concat(prefixCls, "-allowClear-spacing"), !!allowClear), _defineProperty(_classNames2, "".concat(prefixCls, "-error"), status === 'error'), _defineProperty(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _classNames2), _defineProperty({}, className, className && !allowClear && !hadCount)),
+      className: classNames("".concat(prefixCls, "-textarea"), (_classNames2 = {}, _defineProperty(_classNames2, _concatInstanceProperty(_context = "".concat(prefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames2, "".concat(prefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames2, "".concat(prefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames2, "".concat(prefixCls, "-no-resize"), canResize !== true), _defineProperty(_classNames2, "".concat(prefixCls, "-allowClear-spacing"), !!allowClear), _defineProperty(_classNames2, "".concat(prefixCls, "-error"), status === 'error' || numberMarkError), _defineProperty(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _classNames2), _defineProperty({}, className, className && !allowClear && !hadCount)),
       onChange: handleChange,
       onFocus: !disabled ? handleFocus : undefined,
       onBlur: !disabled ? handleBlur : undefined,

package/es/input/style/index.css

@@ -215,6 +215,9 @@ textarea {
   bottom: 5px;
   right: 8px;
 }
+.kd-input-textarea-mark-error {
+  color: var(--kd-c-input-color-error, var(--kd-g-color-error, #fb2323));
+}
 .kd-input-no-resize {
   resize: none;
 }

package/es/input/style/index.less

@@ -43,12 +43,16 @@ textarea {
       font-size: @input-small-font-size-inner;
       line-height: 18px;
       background-color: #fff;
-    }
 
-    &-mark-inner {
-      top: auto;
-      bottom: 5px;
-      right: 8px;
+      &-inner {
+        top: auto;
+        bottom: 5px;
+        right: 8px;
+      }
+
+      &-error {
+        color: @input-error-color;
+      }
     }
   }
 

package/es/select/select.js

@@ -563,7 +563,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       background: 'none'
     };
     var indeterminate = mulOptions.length > 0 && mulOptions.length < filledOptions.length;
-    var checked = mulOptions.length === filledOptions.length;
+    var checked = mulOptions.length > 0 && mulOptions.length === filledOptions.length;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: dropDownCls,
       style: dropdownStyle,

package/es/select/style/index.css

@@ -702,10 +702,10 @@
   color: var(--kd-c-select-footer-color-text-selected, #0e5fd8);
   padding: 0 2px;
 }
-.kd-select.topLeft.hidden,
-.kd-select.bottomLeft.hidden,
-.kd-select.topRight.hidden,
-.kd-select.bottomRight.hidden {
+.kd-select-dropdown-panel.topLeft.hidden,
+.kd-select-dropdown-panel.bottomLeft.hidden,
+.kd-select-dropdown-panel.topRight.hidden,
+.kd-select-dropdown-panel.bottomRight.hidden {
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);

package/es/select/style/index.less

@@ -439,12 +439,14 @@
     }
   }
 
-  &.topLeft.hidden,
-  &.bottomLeft.hidden,
-  &.topRight.hidden,
-  &.bottomRight.hidden {
-    opacity: 0;
-    visibility: hidden;
-    transition: all calc(@transition-duration - 0.1s) @ease;
+  &-dropdown-panel {
+    &.topLeft.hidden,
+    &.bottomLeft.hidden,
+    &.topRight.hidden,
+    &.bottomRight.hidden {
+      opacity: 0;
+      visibility: hidden;
+      transition: all calc(@transition-duration - 0.1s) @ease;
+    }
   }
 }

package/es/table/feature/useRowDrag.d.ts

@@ -0,0 +1,3 @@
+import { TableRowDrag, TablePipeline } from '../interface';
+declare function useRowDrag(pipeline: TablePipeline, rowDrag?: TableRowDrag, estimatedRowHeight?: number): void;
+export default useRowDrag;

package/es/table/feature/useRowDrag.js

@@ -0,0 +1,10 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { features } from '@kdcloudjs/table';
+function useRowDrag(pipeline, rowDrag, estimatedRowHeight) {
+  if (rowDrag) {
+    pipeline.use(features.rowDrag(_extends({
+      rowHeight: estimatedRowHeight
+    }, rowDrag)));
+  }
+}
+export default useRowDrag;

package/es/table/interface.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TableProps as BaseTableProps, TablePipeline as TP, ArtColumnStaticPart } from '@kdcloudjs/table';
-import { SortFeatureOptions, RowDetailFeatureOptions, FilterFeatureOptions, TreeModeFeatureOptions, ColumnDragOptions, ColumnResizeOptions, ContextMenuFeatureOptions, RangeSelectionFeatureOptions, colGroupExtendOption } from '@kdcloudjs/table/es/table/pipeline/features';
+import { SortFeatureOptions, RowDetailFeatureOptions, FilterFeatureOptions, TreeModeFeatureOptions, ColumnDragOptions, ColumnResizeOptions, ContextMenuFeatureOptions, RangeSelectionFeatureOptions, colGroupExtendOption, RowDragFeatureOptions } from '@kdcloudjs/table/es/table/pipeline/features';
 declare type TablePropsOfComponents = Pick<BaseTableProps, 'components'> & {
     components?: {
         /** 复选框 */
@@ -35,6 +35,7 @@ export interface TableProps extends TablePropsOfExtend, TablePropsOfComponents {
     contextMenu?: IContextMenu;
     rangeSelection?: TableRangeSelection;
     columnGroupExtend?: colGroupExtendOption;
+    rowDrag?: TableRowDrag;
 }
 export declare type RowSelectionType = 'checkbox' | 'radio';
 export declare type RowSelectionFixed = 'start' | 'end';
@@ -58,4 +59,5 @@ export declare type TableTreeMode = TreeModeFeatureOptions;
 export declare type TablePipeline = TP;
 export declare type IContextMenu = boolean | ContextMenuFeatureOptions;
 export declare type TableRangeSelection = RangeSelectionFeatureOptions;
+export declare type TableRowDrag = RowDragFeatureOptions;
 export {};

package/es/table/table.js

@@ -22,6 +22,7 @@ import useＭergeCellHover from './feature/mergeCellHover';
 import devWarning from '../_utils/devwarning';
 import useFooterDataSource from './feature/useFooterDataSource';
 import usecolGroupExtendable from './feature/colGroupExtendable';
+import useRowDrag from './feature/useRowDrag';
 import getApi from './api';
 var Table = /*#__PURE__*/forwardRef(function (props, ref) {
   var columns = props.columns,
@@ -56,7 +57,8 @@ var Table = /*#__PURE__*/forwardRef(function (props, ref) {
     scrollbarWidth = props.scrollbarWidth,
     scrollLoad = props.scrollLoad,
     _props$columnGroupExt = props.columnGroupExtend,
-    columnGroupExtend = _props$columnGroupExt === void 0 ? {} : _props$columnGroupExt;
+    columnGroupExtend = _props$columnGroupExt === void 0 ? {} : _props$columnGroupExt,
+    rowDrag = props.rowDrag;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -104,6 +106,7 @@ var Table = /*#__PURE__*/forwardRef(function (props, ref) {
   useRangeSelection(pipeline, rangeSelection);
   useＭergeCellHover(pipeline);
   useFooterDataSource(pipeline, footerDataSource);
+  useRowDrag(pipeline, rowDrag, estimatedRowHeight);
   /* -------------------------------------------------------------------------- */
   /* after useTablePipeline, merge pipeline.getProps result                     */
   /* -------------------------------------------------------------------------- */

package/es/tree-select/tree-select.js

@@ -1,4 +1,3 @@
-import _typeof from "@babel/runtime-corejs3/helpers/typeof";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
@@ -173,7 +172,8 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       if (TreeMap.has(initValue)) {
         arr.push(TreeMap.get(initValue));
       } else {
-        _typeof(initValue) !== undefined && arr.push({
+        ;
+        (initValue !== null && initValue !== void 0 ? initValue : '') !== '' && arr.push({
           key: initValue,
           title: initValue
         });

package/lib/checkbox/checkbox.js

@@ -32,7 +32,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 var InternalCheckbox = function InternalCheckbox(props, ref) {
-  var _context, _context2, _context3, _classNames, _context4, _context5, _context6, _context7, _classNames2, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _classNames4, _context16, _context17, _context18, _classNames5, _context19;
+  var _context, _context2, _context3, _classNames, _context4, _context5, _context6, _context7, _classNames2, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _classNames4, _context15, _context16, _context17, _classNames5, _context18;
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -79,9 +79,9 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   var getSquareClassName = (0, _classnames.default)(className, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(checkboxPrefixCls), true), (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context4 = "".concat(checkboxPrefixCls, "-")).call(_context4, mergedCheckboxType), true), (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context5 = "".concat(checkboxPrefixCls, "-")).call(_context5, mergedSize), !!children), (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context6 = "".concat(checkboxPrefixCls, "-")).call(_context6, mergedCheckboxType, "-disabled"), mergedDisabled), (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context7 = "".concat(checkboxPrefixCls, "-")).call(_context7, mergedCheckboxType, "-checked"), selected && !mergedDisabled), (0, _defineProperty2.default)(_classNames2, "checked", selected), _classNames2));
   var getRootClassName = isDefaultType() ? getDefaultClassName : getSquareClassName;
   var inputClassName = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(checkboxPrefixCls, "-input"), true));
-  var checkedWrapperClassName = (0, _classnames.default)((_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, mergedCheckboxType, "-no-child"), !children), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, mergedCheckboxType, "-wrapper"), true), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, mergedCheckboxType, "-wrapper-size"), !!children), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, mergedCheckboxType, "-margin"), !!children), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, mergedCheckboxType, "-checked"), selected), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, mergedCheckboxType, "-indeterminate"), getIndeterminate()), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, mergedCheckboxType, "-disabled"), mergedDisabled && !selected), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
-  var triangleClassName = (0, _classnames.default)((_classNames5 = {}, (0, _defineProperty2.default)(_classNames5, (0, _concat.default)(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, mergedCheckboxType, "-triangle"), !selected), (0, _defineProperty2.default)(_classNames5, (0, _concat.default)(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, mergedCheckboxType, "-triangle-checked"), selected), (0, _defineProperty2.default)(_classNames5, (0, _concat.default)(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
-  var innerIconClassName = (0, _classnames.default)((0, _defineProperty2.default)({}, (0, _concat.default)(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner"), true));
+  var checkedWrapperClassName = (0, _classnames.default)((_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, mergedCheckboxType, "-wrapper"), true), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, mergedCheckboxType, "-wrapper-size"), true), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, mergedCheckboxType, "-margin"), !!children), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, mergedCheckboxType, "-checked"), selected), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, mergedCheckboxType, "-indeterminate"), getIndeterminate()), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, mergedCheckboxType, "-disabled"), mergedDisabled && !selected), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
+  var triangleClassName = (0, _classnames.default)((_classNames5 = {}, (0, _defineProperty2.default)(_classNames5, (0, _concat.default)(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, mergedCheckboxType, "-triangle"), !selected), (0, _defineProperty2.default)(_classNames5, (0, _concat.default)(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, mergedCheckboxType, "-triangle-checked"), selected), (0, _defineProperty2.default)(_classNames5, (0, _concat.default)(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
+  var innerIconClassName = (0, _classnames.default)((0, _defineProperty2.default)({}, (0, _concat.default)(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-inner"), true));
   var handleChange = function handleChange(e) {
     onChange && onChange(e);
     (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange) && (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange(value, e.target.checked, e));
@@ -108,7 +108,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     };
   }, []);
   var getDefaultCheckbox = function getDefaultCheckbox() {
-    var _context20, _context21;
+    var _context19, _context20;
     var inputProps = {
       type: 'checkbox',
       className: inputClassName,
@@ -133,7 +133,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: innerIconClassName
       }, /*#__PURE__*/_react.default.createElement(_icon.default, {
         type: "right-bold",
-        className: (0, _concat.default)(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
+        className: (0, _concat.default)(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner-icon")
       })) : null, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
         type: "checkbox",
         ref: ref
@@ -145,7 +145,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: innerIconClassName
       }, /*#__PURE__*/_react.default.createElement(_icon.default, {
         type: "right-bold",
-        className: (0, _concat.default)(_context21 = "".concat(checkboxPrefixCls, "-")).call(_context21, mergedCheckboxType, "-inner-icon")
+        className: (0, _concat.default)(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
       }))) : null)
     );
   };

package/lib/checkbox/style/index.css

@@ -334,10 +334,6 @@
 .kd-checkbox-default-margin {
   margin-right: var(--kd-c-checkbox-default-input-spacing-margin-right, 4px);
 }
-.kd-checkbox-default-no-child {
-  height: 100%;
-  width: 100%;
-}
 .kd-checkbox-default-checked-disabled {
   background-color: var(--kd-c-checkbox-default-color-background-disabled, #e5e5e5) !important;
   border-color: var(--kd-c-checkbox-default-color-background-disabled, #d9d9d9) !important;

package/lib/checkbox/style/index.less

@@ -200,10 +200,6 @@
   &-margin {
     margin-right: @checkbox-default-input-margin-right;
   }
-  &-no-child {
-    height: 100%;
-    width: 100%;
-  }
   &-checked-disabled {
     background-color: @checkbox-default-disabled-color-bg !important;
     border-color: @checkbox-default-disabled-color-border !important;

package/lib/input/TextArea.js

@@ -82,6 +82,10 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     showNumberMark = _useState6[0],
     setShowNumberMark = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    numberMarkError = _useState8[0],
+    setNumberMarkError = _useState8[1];
   var resizeTextarea = (0, _react.useCallback)(function () {
     if (!autoSize || !textareaRef.current) {
       return;
@@ -129,21 +133,25 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     onChange && onChange(event);
   };
   var renderNumberMark = function renderNumberMark() {
-    var enteredLength = value ? value.length : 0;
-    if (enteredLength >= maxLength) {
-      enteredLength = maxLength;
-    }
-    if (count && showNumberMark && !disabled && maxLength !== '' && maxLength >= 0) {
-      var countClass = (0, _classnames.default)("".concat(textAreaPrefixCls, "-textarea-mark"), (0, _defineProperty2.default)({}, "".concat(textAreaPrefixCls, "-textarea-mark-inner"), countPosition === 'inner'));
+    if (count && (showNumberMark || numberMarkError) && !disabled && maxLength !== '' && maxLength >= 0) {
+      var _classNames;
+      var countClass = (0, _classnames.default)("".concat(textAreaPrefixCls, "-textarea-mark"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(textAreaPrefixCls, "-textarea-mark-inner"), countPosition === 'inner'), (0, _defineProperty2.default)(_classNames, "".concat(textAreaPrefixCls, "-textarea-mark-error"), numberMarkError), _classNames));
       return /*#__PURE__*/_react.default.createElement("div", {
         className: countClass
-      }, enteredLength, "/", maxLength);
+      }, value ? value.length : 0, "/", maxLength);
     }
     return null;
   };
   (0, _react.useEffect)(function () {
     resizeTextarea();
   }, [value, resizeTextarea]);
+  (0, _react.useEffect)(function () {
+    if (value && maxLength && value.length > maxLength) {
+      setNumberMarkError(true);
+    } else {
+      setNumberMarkError(false);
+    }
+  }, [value]);
   (0, _react.useEffect)(function () {
     if (propsValue !== undefined) {
       setValue(propsValue);
@@ -185,7 +193,7 @@ var InternalTextarea = function InternalTextarea(props, ref) {
       ref: textareaRef,
       disabled: disabled,
       style: (0, _extends2.default)({}, textareaStyles, hadCount || !!allowClear ? otherStyles : style),
-      className: (0, _classnames.default)("".concat(prefixCls, "-textarea"), (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context = "".concat(prefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-no-resize"), canResize !== true), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-allowClear-spacing"), !!allowClear), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-error"), status === 'error'), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _classNames2), (0, _defineProperty2.default)({}, className, className && !allowClear && !hadCount)),
+      className: (0, _classnames.default)("".concat(prefixCls, "-textarea"), (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context = "".concat(prefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-no-resize"), canResize !== true), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-allowClear-spacing"), !!allowClear), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-error"), status === 'error' || numberMarkError), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _classNames2), (0, _defineProperty2.default)({}, className, className && !allowClear && !hadCount)),
       onChange: handleChange,
       onFocus: !disabled ? handleFocus : undefined,
       onBlur: !disabled ? handleBlur : undefined,

package/lib/input/style/index.css

@@ -215,6 +215,9 @@ textarea {
   bottom: 5px;
   right: 8px;
 }
+.kd-input-textarea-mark-error {
+  color: var(--kd-c-input-color-error, var(--kd-g-color-error, #fb2323));
+}
 .kd-input-no-resize {
   resize: none;
 }

package/lib/input/style/index.less

@@ -43,12 +43,16 @@ textarea {
       font-size: @input-small-font-size-inner;
       line-height: 18px;
       background-color: #fff;
-    }
 
-    &-mark-inner {
-      top: auto;
-      bottom: 5px;
-      right: 8px;
+      &-inner {
+        top: auto;
+        bottom: 5px;
+        right: 8px;
+      }
+
+      &-error {
+        color: @input-error-color;
+      }
     }
   }
 

package/lib/select/select.js

@@ -575,7 +575,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       background: 'none'
     };
     var indeterminate = mulOptions.length > 0 && mulOptions.length < filledOptions.length;
-    var checked = mulOptions.length === filledOptions.length;
+    var checked = mulOptions.length > 0 && mulOptions.length === filledOptions.length;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: dropDownCls,
       style: dropdownStyle,

package/lib/select/style/index.css

@@ -702,10 +702,10 @@
   color: var(--kd-c-select-footer-color-text-selected, #0e5fd8);
   padding: 0 2px;
 }
-.kd-select.topLeft.hidden,
-.kd-select.bottomLeft.hidden,
-.kd-select.topRight.hidden,
-.kd-select.bottomRight.hidden {
+.kd-select-dropdown-panel.topLeft.hidden,
+.kd-select-dropdown-panel.bottomLeft.hidden,
+.kd-select-dropdown-panel.topRight.hidden,
+.kd-select-dropdown-panel.bottomRight.hidden {
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);

package/lib/select/style/index.less

@@ -439,12 +439,14 @@
     }
   }
 
-  &.topLeft.hidden,
-  &.bottomLeft.hidden,
-  &.topRight.hidden,
-  &.bottomRight.hidden {
-    opacity: 0;
-    visibility: hidden;
-    transition: all calc(@transition-duration - 0.1s) @ease;
+  &-dropdown-panel {
+    &.topLeft.hidden,
+    &.bottomLeft.hidden,
+    &.topRight.hidden,
+    &.bottomRight.hidden {
+      opacity: 0;
+      visibility: hidden;
+      transition: all calc(@transition-duration - 0.1s) @ease;
+    }
   }
 }

package/lib/table/feature/useRowDrag.d.ts

@@ -0,0 +1,3 @@
+import { TableRowDrag, TablePipeline } from '../interface';
+declare function useRowDrag(pipeline: TablePipeline, rowDrag?: TableRowDrag, estimatedRowHeight?: number): void;
+export default useRowDrag;

package/lib/table/feature/useRowDrag.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _table = require("@kdcloudjs/table");
+function useRowDrag(pipeline, rowDrag, estimatedRowHeight) {
+  if (rowDrag) {
+    pipeline.use(_table.features.rowDrag((0, _extends2.default)({
+      rowHeight: estimatedRowHeight
+    }, rowDrag)));
+  }
+}
+var _default = useRowDrag;
+exports.default = _default;

package/lib/table/interface.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TableProps as BaseTableProps, TablePipeline as TP, ArtColumnStaticPart } from '@kdcloudjs/table';
-import { SortFeatureOptions, RowDetailFeatureOptions, FilterFeatureOptions, TreeModeFeatureOptions, ColumnDragOptions, ColumnResizeOptions, ContextMenuFeatureOptions, RangeSelectionFeatureOptions, colGroupExtendOption } from '@kdcloudjs/table/es/table/pipeline/features';
+import { SortFeatureOptions, RowDetailFeatureOptions, FilterFeatureOptions, TreeModeFeatureOptions, ColumnDragOptions, ColumnResizeOptions, ContextMenuFeatureOptions, RangeSelectionFeatureOptions, colGroupExtendOption, RowDragFeatureOptions } from '@kdcloudjs/table/es/table/pipeline/features';
 declare type TablePropsOfComponents = Pick<BaseTableProps, 'components'> & {
     components?: {
         /** 复选框 */
@@ -35,6 +35,7 @@ export interface TableProps extends TablePropsOfExtend, TablePropsOfComponents {
     contextMenu?: IContextMenu;
     rangeSelection?: TableRangeSelection;
     columnGroupExtend?: colGroupExtendOption;
+    rowDrag?: TableRowDrag;
 }
 export declare type RowSelectionType = 'checkbox' | 'radio';
 export declare type RowSelectionFixed = 'start' | 'end';
@@ -58,4 +59,5 @@ export declare type TableTreeMode = TreeModeFeatureOptions;
 export declare type TablePipeline = TP;
 export declare type IContextMenu = boolean | ContextMenuFeatureOptions;
 export declare type TableRangeSelection = RangeSelectionFeatureOptions;
+export declare type TableRowDrag = RowDragFeatureOptions;
 export {};

package/lib/table/table.js

@@ -32,6 +32,7 @@ var _mergeCellHover = _interopRequireDefault(require("./feature/mergeCellHover")
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
 var _useFooterDataSource = _interopRequireDefault(require("./feature/useFooterDataSource"));
 var _colGroupExtendable = _interopRequireDefault(require("./feature/colGroupExtendable"));
+var _useRowDrag = _interopRequireDefault(require("./feature/useRowDrag"));
 var _api = _interopRequireDefault(require("./api"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -68,7 +69,8 @@ var Table = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     scrollbarWidth = props.scrollbarWidth,
     scrollLoad = props.scrollLoad,
     _props$columnGroupExt = props.columnGroupExtend,
-    columnGroupExtend = _props$columnGroupExt === void 0 ? {} : _props$columnGroupExt;
+    columnGroupExtend = _props$columnGroupExt === void 0 ? {} : _props$columnGroupExt,
+    rowDrag = props.rowDrag;
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -116,6 +118,7 @@ var Table = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _useRangeSelection.default)(pipeline, rangeSelection);
   (0, _mergeCellHover.default)(pipeline);
   (0, _useFooterDataSource.default)(pipeline, footerDataSource);
+  (0, _useRowDrag.default)(pipeline, rowDrag, estimatedRowHeight);
   /* -------------------------------------------------------------------------- */
   /* after useTablePipeline, merge pipeline.getProps result                     */
   /* -------------------------------------------------------------------------- */