@ccs-ui/rc-pro 1.1.22-beta-2 → 1.1.22-beta-4

package/es/ccs.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps, MenuProps, ThemeConfig } from 'antd';
 import { Rule } from 'antd/es/form';
-import { ColumnGroupType, ColumnType } from 'antd/es/table';
 import { MutableRefObject, ReactElement, ReactNode } from 'react';
+import { TableColumn } from './pro-table/table';
 type MenuTreeNodeData = {
     buttonUrlId: number;
     createTime: string;
@@ -203,7 +203,5 @@ type GlobalConfig = {
 };
 type TableFormItems = TableFormItem[];
 type TableInstanceRef<T = any> = MutableRefObject<TableInstance<T> | undefined> | React.RefObject<TableInstance<T>>;
-type TableColumns<RecordType = any> = ((ColumnGroupType<RecordType> | ColumnType<RecordType>) & {
-    hidden?: boolean;
-})[];
+type TableColumns<RecordType = any> = TableColumn<RecordType>[];
 export type { PageType, RecordType, MenuTreeNode, PageQuery, ListQuery, HttpResult, GlobalConfig, HttpListResult, HttpPageResult, AuthButtonItem, MenuTreeNodeData, UserDetail, RouteHistory, TableData, TableFormItems, TableColumns, TableInstance, TableInstanceRef, TriggerChildrenProps, };

package/es/pro-table/table.d.ts

@@ -1,8 +1,9 @@
 import { ColProps, TableProps } from 'antd';
 import { FormLayout } from 'antd/es/form/Form';
+import { ColumnGroupType, ColumnType } from 'antd/es/table';
 import { CSSProperties, ReactElement, ReactNode } from 'react';
 import CCS from '..';
-import { HttpPageResult } from '../ccs';
+import { HttpPageResult, TableColumns } from '../ccs';
 import './index.less';
 type ParamType = Record<string, any>;
 export type ShowDependType = {
@@ -13,7 +14,13 @@ export type SearchEventType = 'search' | 'reset' | 'reload' | 'changePage' | 'in
 type SearchBeforeType = ParamType & {
     query: ParamType;
 };
-export type CcsTableProps<T> = TableProps<T> & {
+export type TableColumn<RecordType = any> = (Omit<ColumnGroupType<RecordType>, 'ellipsis'> | Omit<ColumnType<RecordType>, 'ellipsis'>) & {
+    /** 隐藏列 */
+    hidden?: boolean;
+    /** 省略显示行数,最大支持10行 */
+    ellipsis?: boolean | number;
+};
+export type CcsTableProps<T> = Omit<TableProps<T>, 'columns'> & {
     data?: CCS.TableData<T>;
     /** request 方法 */
     request?: (params: any) => void;
@@ -25,6 +32,8 @@ export type CcsTableProps<T> = TableProps<T> & {
     event$?: any;
     /** style */
     style?: CSSProperties;
+    /** 列配置 */
+    columns?: TableColumns<T>;
 };
 export type CcsProTableProps<T> = {
     /** api权限标识 */

package/es/table/index.js

@@ -139,16 +139,19 @@ var CustomTable = function CustomTable(props) {
     });
     cls === null || cls === void 0 ? void 0 : cls.forEach(function (c) {
       if (c.ellipsis && !c.render) {
-        var sc = c;
-        sc.ellipsis = {
-          showTitle: false
-        };
-        sc.render = function (e) {
+        var isMultiRow = typeof c.ellipsis === 'number' && c.ellipsis > 1;
+        var ellipsis = c.ellipsis;
+        c.ellipsis = !isMultiRow;
+        c.render = function (e) {
           return /*#__PURE__*/_jsx(Tooltip, {
             zIndex: 2020,
             title: e,
             placement: "bottomLeft",
             destroyTooltipOnHide: true,
+            className: classNames(_defineProperty({}, "ccs-table-cell-ellipsis-multi lineclamp".concat(ellipsis), isMultiRow)),
+            overlayInnerStyle: {
+              whiteSpace: 'normal'
+            },
             children: e
           });
         };

package/es/table/index.less

@@ -104,6 +104,48 @@
     }
   }
 
+  &-cell-ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &-cell-ellipsis-multi {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    white-space: normal;
+  }
+
+  &-cell-ellipsis-multi.lineclamp2 {
+    -webkit-line-clamp: 2;
+  }
+  &-cell-ellipsis-multi.lineclamp3 {
+    -webkit-line-clamp: 3;
+  }
+  &-cell-ellipsis-multi.lineclamp4 {
+    -webkit-line-clamp: 4;
+  }
+  &-cell-ellipsis-multi.lineclamp5 {
+    -webkit-line-clamp: 5;
+  }
+  &-cell-ellipsis-multi.lineclamp6 {
+    -webkit-line-clamp: 6;
+  }
+  &-cell-ellipsis-multi.lineclamp7 {
+    -webkit-line-clamp: 7;
+  }
+  &-cell-ellipsis-multi.lineclamp8 {
+    -webkit-line-clamp: 8;
+  }
+  &-cell-ellipsis-multi.lineclamp9 {
+    -webkit-line-clamp: 9;
+  }
+  &-cell-ellipsis-multi.lineclamp10 {
+    -webkit-line-clamp: 10;
+  }
+
   &-nodata {
     color: red;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ccs-ui/rc-pro",
-  "version": "1.1.22-beta-2",
+  "version": "1.1.22-beta-4",
   "description": "CcsDatePicker.RangePicker参数bug;CcsProTable删除disableCollapseForm参数;CcsProTable添加formItemLayout，formItemCol参数适应自定义布局",
   "license": "MIT",
   "author": {
@@ -21,7 +21,6 @@
     "lint": "npm run lint:es && npm run lint:css",
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
-    "prepare": "husky install && dumi setup",
     "prepublishOnly": "father doctor && npm run build",
     "publish:beta": "father build && npm publish --tag=beta && cnpm sync @ccs-ui/rc-pro",
     "publish:prod": "father build && npm publish && cnpm sync @ccs-ui/rc-pro",