@kdcloudjs/kdesign 1.6.4 → 1.6.6

package/lib/rate/style/index.less

@@ -9,13 +9,19 @@
   display: inline-flex;
   justify-content: flex-start;
   &-size-large {
-    font-size: @rate-large-font-size;
+    .@{kd-prefix}icon {
+      font-size: @rate-large-font-size;
+    }
   }
   &-size-middle {
-    font-size: @rate-middle-font-size;
+    .@{kd-prefix}icon {
+      font-size: @rate-middle-font-size;
+    }
   }
   &-size-small {
-    font-size: @rate-small-font-size;
+    .@{kd-prefix}icon {
+      font-size: @rate-small-font-size;
+    }
   }
 }
 .@{rate-prefix-cls}-item {

package/lib/search/search.js

@@ -85,7 +85,9 @@ var InternalSearch = function InternalSearch(props, ref) {
       type = searchProps.type,
       placeholder = searchProps.placeholder,
       onSearch = searchProps.onSearch,
-      restProps = __rest(searchProps, ["prefixCls", "className", "style", "size", "disabled", "onPressEnter", "prefix", "suffix", "borderType", "children", "type", "placeholder", "onSearch"]);
+      onFocus = searchProps.onFocus,
+      onBlur = searchProps.onBlur,
+      restProps = __rest(searchProps, ["prefixCls", "className", "style", "size", "disabled", "onPressEnter", "prefix", "suffix", "borderType", "children", "type", "placeholder", "onSearch", "onFocus", "onBlur"]);
 
   (0, _devwarning.default)(_interface.SearchSizeTypes.indexOf(size) === -1, 'search', "cannot found search size '".concat(size, "'"));
   (0, _devwarning.default)(_interface.BorderTypes.indexOf(borderType) === -1, 'search', "cannot found search borderType '".concat(borderType, "'"));
@@ -104,12 +106,14 @@ var InternalSearch = function InternalSearch(props, ref) {
   var handlePressEnter = (0, _react.useCallback)(function (_, event) {
     onPressEnter && (onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(searchRef.current.value, event));
   }, [onPressEnter, searchRef]);
-  var handleFocus = (0, _react.useCallback)(function () {
+  var handleFocus = (0, _react.useCallback)(function (event) {
     setFocused(true);
-  }, []);
-  var handleBlur = (0, _react.useCallback)(function () {
+    onFocus && onFocus(event);
+  }, [onFocus]);
+  var handleBlur = (0, _react.useCallback)(function (event) {
     setFocused(false);
-  }, []);
+    onBlur && onBlur(event);
+  }, [onBlur]);
   var renderPrefix = (0, _react.useCallback)(function () {
     if (!prefix) {
       return null;
@@ -142,7 +146,9 @@ var InternalSearch = function InternalSearch(props, ref) {
       onSearch: onSearch,
       className: className,
       style: style,
-      placeholder: placeholder
+      placeholder: placeholder,
+      onFocus: onFocus,
+      onBlur: onBlur
     }), children);
   }
 

package/lib/table/interface.d.ts

@@ -10,6 +10,14 @@ declare type TablePropsOfComponents = Pick<BaseTableProps, 'components'> & {
     };
 };
 declare type TablePropsOfExtend = Omit<BaseTableProps, 'components'>;
+export declare type TableApi = {
+    getColumns: () => any[];
+    getDataSource: () => any[];
+    getFooterDataSource: () => any[];
+};
+export declare type TableInstance = {
+    api: TableApi;
+};
 export interface TableProps extends TablePropsOfExtend, TablePropsOfComponents {
     rowSelection?: TableRowSelection;
     prefixCls?: string;

package/lib/table/table.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TableProps } from './interface';
-declare function Table(props: TableProps): JSX.Element;
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<unknown>>;
 export default Table;

package/lib/table/table.js

@@ -59,7 +59,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 
 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; }
 
-function Table(props) {
+var Table = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var columns = props.columns,
       dataSource = props.dataSource,
       columnDrag = props.columnDrag,
@@ -107,19 +107,32 @@ function Table(props) {
     columns: columns,
     dataSource: dataSource
   });
+  var pipelineRef = (0, _react.useRef)(pipeline);
+  pipelineRef.current = pipeline;
 
   if (footerDataSource) {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     pipeline.footerDataSource(footerDataSource);
   }
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    var _a, _b, _c;
+
+    return {
+      api: {
+        getColumns: (_a = pipelineRef.current.getColumns) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current),
+        getDataSource: (_b = pipelineRef.current.getDataSource) === null || _b === void 0 ? void 0 : _b.bind(pipelineRef.current),
+        getFooterDataSource: (_c = pipelineRef.current.getFooterDataSource) === null || _c === void 0 ? void 0 : _c.bind(pipelineRef.current)
+      }
+    };
+  });
   /* -------------------------------------------------------------------------- */
 
   /* features                                                                   */
 
   /* -------------------------------------------------------------------------- */
 
-
   (0, _rowSelection.default)(pipeline, rowSelection);
   (0, _rowDetail.default)(pipeline, rowDetail);
   (0, _filter2.default)(pipeline, filter);
@@ -174,7 +187,7 @@ function Table(props) {
     scrollbarWidth: scrollbarWidth,
     scrollLoad: scrollLoad
   }));
-}
-
+});
+Table.displayName = 'Table';
 var _default = Table;
 exports.default = _default;

package/lib/tooltip/style/index.css

@@ -114,7 +114,7 @@
   -webkit-font-feature-settings: 'tnum';
           font-feature-settings: 'tnum';
   max-width: var(--kd-c-tooltip-sizing-max-width, 360px);
-  padding: var(--kd-c-tooltip-spacing-padding-vertical, 8px) var(--kd-c-tooltip-spacing-padding-vertical, 12px);
+  padding: var(--kd-c-tooltip-spacing-padding-vertical, 8px) var(--kd-c-tooltip-spacing-padding-horizontal, 12px);
   color: var(--kd-c-tooltip-color-text, var(--kd-g-color-text-primary, #212121));
   border-radius: var(--kd-c-tooltip-radius-border, var(--kd-g-radius-border, 2px));
   font-size: var(--kd-c-tooltip-color-text, var(--kd-g-font-size-small, 12px));

package/lib/tooltip/style/token.less

@@ -11,7 +11,7 @@
 
 // spacing
 @tooltip-vertical-gap: var(~'@{tooltip-custom-prefix}-spacing-padding-vertical', 8px);
-@tooltip-horizontal-gap: var(~'@{tooltip-custom-prefix}-spacing-padding-vertical', 12px);
+@tooltip-horizontal-gap: var(~'@{tooltip-custom-prefix}-spacing-padding-horizontal', 12px);
 
 // sizing
 @tooltip-max-width: var(~'@{tooltip-custom-prefix}-sizing-max-width', 360px);

package/lib/transfer/list.d.ts

@@ -32,5 +32,5 @@ export interface TransferListProps {
     showRemove?: boolean;
     pagination?: PaginationType;
 }
-declare const TransferList: React.FC<TransferListProps>;
+declare const TransferList: React.ForwardRefExoticComponent<TransferListProps & React.RefAttributes<unknown>>;
 export default TransferList;

package/lib/transfer/list.js

@@ -49,7 +49,7 @@ function isRenderResultPlainObject(result) {
   return result && ! /*#__PURE__*/_react.default.isValidElement(result) && Object.prototype.toString.call(result) === '[object Object]';
 }
 
-var TransferList = function TransferList(props) {
+var ITransferList = function ITransferList(props, ref) {
   var _classNames;
 
   var prefixCls = props.prefixCls,
@@ -80,6 +80,11 @@ var TransferList = function TransferList(props) {
 
 
   var footerDom = footer && footer(props);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      onClear: onClear
+    };
+  });
 
   var renderItem = function renderItem(item) {
     var renderResult = render(item);
@@ -258,6 +263,8 @@ var TransferList = function TransferList(props) {
   }, getSelectAllLabel(checkedKeys.length, filteredItems.length))), listBody, listFooter);
 };
 
+var TransferList = /*#__PURE__*/_react.default.forwardRef(ITransferList);
+
 TransferList.defaultProps = {
   dataSource: [],
   titleText: '',

package/lib/transfer/transfer.d.ts

@@ -29,5 +29,5 @@ export interface TransferProps {
     pagination?: PaginationType;
     footer?: (props: TransferListProps) => React.ReactNode;
 }
-declare const Transfer: React.FC<TransferProps>;
+declare const Transfer: React.ForwardRefExoticComponent<TransferProps & React.RefAttributes<unknown>>;
 export default Transfer;

package/lib/transfer/transfer.js

@@ -47,7 +47,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 
 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; }
 
-var Transfer = function Transfer(props) {
+var InternalTransfer = function InternalTransfer(props, ref) {
   var _classNames;
 
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
@@ -108,6 +108,8 @@ var Transfer = function Transfer(props) {
       targetSelectedKeys = _useState4[0],
       setTargetSelectedKeys = _useState4[1];
 
+  var leftListRef = (0, _react.useRef)(null);
+  var rightListRef = (0, _react.useRef)(null);
   var leftActive = targetSelectedKeys.length > 0;
   var rightActive = sourceSelectedKeys.length > 0;
   var mergedPagination = !children && pagination;
@@ -115,6 +117,25 @@ var Transfer = function Transfer(props) {
   var rightTitle = titles[1] || transferLang.rightTitle;
   var leftPlaceholder = searchPlaceholder[0] || transferLang.searchPlaceholder[0];
   var rightPlaceholder = searchPlaceholder[1] || transferLang.searchPlaceholder[1];
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      clearSearch: clearSearch
+    };
+  });
+
+  var clearSearch = function clearSearch(position) {
+    var _a, _b;
+
+    if (position === 'left' || position === undefined) {
+      ;
+      (_a = leftListRef === null || leftListRef === void 0 ? void 0 : leftListRef.current) === null || _a === void 0 ? void 0 : _a.onClear();
+    }
+
+    if (position === 'right' || position === undefined) {
+      ;
+      (_b = rightListRef === null || rightListRef === void 0 ? void 0 : rightListRef.current) === null || _b === void 0 ? void 0 : _b.onClear();
+    }
+  };
 
   var setStateKeys = function setStateKeys(direction, keys) {
     if (direction === 'left') {
@@ -334,7 +355,8 @@ var Transfer = function Transfer(props) {
     showSelectAll: showSelectAll,
     pagination: mergedPagination,
     noDataContent: handleNoDataContent(noDataContent, 'left'),
-    footer: footer
+    footer: footer,
+    ref: leftListRef
   }), /*#__PURE__*/_react.default.createElement(_operation.default, {
     className: "".concat(transferPrefixCls, "-operation"),
     rightActive: rightActive,
@@ -368,9 +390,13 @@ var Transfer = function Transfer(props) {
     pagination: mergedPagination,
     noDataContent: handleNoDataContent(noDataContent, 'right'),
     footer: footer,
-    showRemove: oneWay
+    showRemove: oneWay,
+    ref: rightListRef
   }));
 };
 
+var Transfer = /*#__PURE__*/_react.default.forwardRef(InternalTransfer);
+
+Transfer.displayName = 'Transfer';
 var _default = Transfer;
 exports.default = _default;

package/lib/upload/style/index.css

@@ -207,7 +207,6 @@
   visibility: visible;
   -webkit-transform: translateX(0);
           transform: translateX(0);
-  background-color: var(--kd-c-upload-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
 }
 .kd-upload .kd-upload-text-list-item.error i,
 .kd-upload .kd-upload-text-list-item.error .kd-upload-text-list-item-name {
@@ -234,7 +233,7 @@
   padding: 0 var(--kd-c-upload-text-list-item-padding-horizontal, 20px);
   height: var(--kd-c-upload-list-item-height, 44px);
   line-height: var(--kd-c-upload-list-item-height, 44px);
-  background-color: transparent;
+  background: transparent;
   opacity: 0;
   visibility: hidden;
   -webkit-transform: translateX(5px);

package/lib/upload/style/index.less

@@ -80,7 +80,6 @@
           opacity: 1;
           visibility: visible;
           transform: translateX(0);
-          background-color: @upload-background-color-hover;
         }
       }
 
@@ -113,7 +112,7 @@
         padding: 0 @upload-text-list-item-padding-horizontal;
         height: @upload-list-item-height;
         line-height: @upload-list-item-height;
-        background-color: transparent;
+        background: transparent;
         opacity: 0;
         visibility: hidden;
         transform: translateX(5px);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.6.4",
+  "version": "1.6.6",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [