@ccs-ui/rc-pro 2.3.6-beta-34 → 2.3.6-beta-36

package/es/table/index.js

@@ -15,6 +15,7 @@ import { useEffect, useImperativeHandle } from 'react';
 import { Resizable } from 'react-resizable';
 import CcsEllipsis2 from "../ellipsis";
 import useTabs from "../hooks/use-tabs";
+import { TableEvent } from "../pro-table/table";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 var ResizableTitle = function ResizableTitle(props) {
@@ -67,53 +68,52 @@ var CustomTable = function CustomTable(props) {
 
   // table 固定表头，内容滚动
   var _useDebounceFn = useDebounceFn(function () {
-      if ((scroll === null || scroll === void 0 ? void 0 : scroll.y) === 'auto') {
-        var _tableContentRef$curr;
-        var tableTarget = tableContentRef === null || tableContentRef === void 0 ? void 0 : tableContentRef.current;
+      var _tableContentRef$curr;
+      if ((scroll === null || scroll === void 0 ? void 0 : scroll.y) !== 'auto') return;
+      var tableTarget = tableContentRef === null || tableContentRef === void 0 ? void 0 : tableContentRef.current;
 
-        // 在ccs tabs组件内
-        if (inTabs !== null && inTabs !== void 0 && inTabs.tabsId) {
-          var tabsDom = document.getElementById(inTabs === null || inTabs === void 0 ? void 0 : inTabs.tabsId);
-          if (tabsDom) {
-            tabsDom.classList.add('ccs-tabs-auto-height');
-          }
+      // 在ccs tabs组件内
+      if (inTabs !== null && inTabs !== void 0 && inTabs.tabsId) {
+        var tabsDom = document.getElementById(inTabs === null || inTabs === void 0 ? void 0 : inTabs.tabsId);
+        if (tabsDom) {
+          tabsDom.classList.add('ccs-tabs-auto-height');
         }
-        if (!tableTarget) return;
-
-        // 容器最大高度
-        var maxHeight = (_tableContentRef$curr = tableContentRef.current) === null || _tableContentRef$curr === void 0 ? void 0 : _tableContentRef$curr.clientHeight;
+      }
+      if (!tableTarget) return;
 
-        // 计算所有dom高度
-        var tableEle = tableTarget.getElementsByClassName('ant-table')[0];
-        var childHeights = [];
-        var antTablebody = undefined;
-        tableEle.childNodes.forEach(function (e) {
-          if (e.classList.contains('ant-table-container')) {
-            e.childNodes.forEach(function (node) {
-              if (node.classList.contains('ant-table-body')) {
-                antTablebody = node;
-              } else {
-                childHeights.push(node.clientHeight || 0);
-              }
-            });
-          } else {
-            childHeights.push(e.clientHeight || 0);
-          }
-        });
+      // 容器最大高度
+      var maxHeight = (_tableContentRef$curr = tableContentRef.current) === null || _tableContentRef$curr === void 0 ? void 0 : _tableContentRef$curr.clientHeight;
 
-        // 分页高度
-        var _pagination = tableTarget.getElementsByClassName('ant-pagination');
-        if (_pagination && _pagination.length > 0) {
-          childHeights.push(_pagination[0].clientHeight);
+      // 计算所有dom高度
+      var tableEle = tableTarget.getElementsByClassName('ant-table')[0];
+      var childHeights = [];
+      var antTablebody = undefined;
+      tableEle.childNodes.forEach(function (e) {
+        if (e.classList.contains('ant-table-container')) {
+          e.childNodes.forEach(function (node) {
+            if (node.classList.contains('ant-table-body')) {
+              antTablebody = node;
+            } else {
+              childHeights.push(node.clientHeight || 0);
+            }
+          });
+        } else {
+          childHeights.push(e.clientHeight || 0);
         }
+      });
 
-        // 计算body滚动高度
-        if (antTablebody) {
-          var scrollHeight = maxHeight - childHeights.reduce(function (c, s) {
-            return c + s;
-          }, 0);
-          antTablebody.style.height = "".concat(scrollHeight, "px");
-        }
+      // 分页高度
+      var pagination = tableTarget.getElementsByClassName('ant-pagination');
+      if (pagination && pagination.length > 0) {
+        childHeights.push(pagination[0].clientHeight);
+      }
+
+      // 计算body滚动高度
+      if (antTablebody) {
+        var scrollHeight = maxHeight - childHeights.reduce(function (c, s) {
+          return c + s;
+        }, 0);
+        antTablebody.style.height = "".concat(scrollHeight, "px");
       }
     }, {
       wait: 500,
@@ -131,9 +131,11 @@ var CustomTable = function CustomTable(props) {
   useImperativeHandle(tableRef, function () {
     return {
       onColumnFilter: function onColumnFilter(e) {
+        var _props$onEvent;
         columns === null || columns === void 0 || columns.forEach(function (c) {
           c.hidden = e.columnHiddenKeys.includes(c.dataIndex);
         });
+        (_props$onEvent = props.onEvent) === null || _props$onEvent === void 0 || _props$onEvent.call(props, TableEvent.ColumnFilter, e);
         update();
       },
       onFixedThead: onFixedThead
@@ -205,6 +207,7 @@ var CustomTable = function CustomTable(props) {
   var tableRowKey = function tableRowKey(_, index) {
     return index || 0;
   };
+  var showColumns = filterColumns();
   return /*#__PURE__*/_jsx("div", {
     className: "ccs-table-card",
     style: _objectSpread(_objectSpread({}, style), {}, {
@@ -229,7 +232,7 @@ var CustomTable = function CustomTable(props) {
       rowSelection: rowSelection ? _objectSpread(_objectSpread({}, rowSelection), {}, {
         columnWidth: 60
       }) : undefined,
-      columns: filterColumns(),
+      columns: showColumns,
       components: {
         header: {
           cell: ResizableTitle
@@ -238,8 +241,15 @@ var CustomTable = function CustomTable(props) {
     }, restProps), {}, {
       size: restProps.size || 'middle',
       className: classNames(_defineProperty(_defineProperty(_defineProperty({}, 'ccs-table-nodata', !dataSource || dataSource.length === 0), 'ccs-table-wrapper', !rowSelection), "className", className)),
-      scroll: scroll
+      scroll: scroll,
+      summary: restProps !== null && restProps !== void 0 && restProps.summary ? function (e) {
+        var _restProps$summary;
+        return (_restProps$summary = restProps.summary) === null || _restProps$summary === void 0 ? void 0 : _restProps$summary.call(restProps, e, showColumns || []);
+      } : undefined
     }))
   });
 };
+if (process.env.NODE_ENV !== 'production') {
+  CustomTable.displayName = 'CcsTable';
+}
 export default CustomTable;

package/es/trigger/index.d.ts

@@ -35,6 +35,7 @@ export type CcsTriggerProps = PropsWithCss & PropsWithElementChildren & {
 };
 /**
  * 适用于Form.Item中的 trigger组件，其内容自行定义，遵循ant form 自定义组件规范
+ * @deprecated
  * @param CcsTriggerPropsType
  * @returns
  */

package/es/trigger/index.js

@@ -29,6 +29,7 @@ var classPrefix = 'ccs-trigger';
 
 /**
  * 适用于Form.Item中的 trigger组件，其内容自行定义，遵循ant form 自定义组件规范
+ * @deprecated
  * @param CcsTriggerPropsType
  * @returns
  */

package/es/upload/index.d.ts

@@ -34,8 +34,9 @@ export type FileUploadList = UploadChangeParam['fileList'][0] & {
 };
 /** 生成图片默认值 */
 export declare function uploadDefaultFlies(value: CcsUploadProps['value'], fileDownloadUrl: string): FileUploadList[];
-declare function CcsUpload({ value, uploadText, maxCount, maxFileSize, fileDownloadUrl, uploadRequest, onChange, ...otherProps }: CcsUploadProps): import("react/jsx-runtime").JSX.Element;
-declare namespace CcsUpload {
+declare function CustomUpload({ value, uploadText, maxCount, maxFileSize, fileDownloadUrl, uploadRequest, onChange, ...otherProps }: CcsUploadProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CustomUpload {
     var Image: typeof ImageUpload;
+    var displayName: string;
 }
-export default CcsUpload;
+export default CustomUpload;

package/es/upload/index.js

@@ -59,7 +59,7 @@ export function uploadDefaultFlies(value, fileDownloadUrl) {
   }
   return [];
 }
-function CcsUpload(_ref) {
+function CustomUpload(_ref) {
   var value = _ref.value,
     uploadText = _ref.uploadText,
     _ref$maxCount = _ref.maxCount,
@@ -160,5 +160,8 @@ function CcsUpload(_ref) {
     })
   }));
 }
-CcsUpload.Image = ImageUpload;
-export default CcsUpload;
+CustomUpload.Image = ImageUpload;
+if (process.env.NODE_ENV !== 'production') {
+  CustomUpload.displayName = 'CcsUpload';
+}
+export default CustomUpload;

package/es/water-mark/index.d.ts

@@ -58,5 +58,8 @@ export type WaterMarkProps = PropsWithNodeChildren & PropsWithCss & {
  * @param WaterMarkProps
  * @returns
  */
-declare const WaterMarkComponent: (props: WaterMarkProps) => import("react/jsx-runtime").JSX.Element;
+declare const WaterMarkComponent: {
+    (props: WaterMarkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default WaterMarkComponent;

package/es/water-mark/index.js

@@ -135,4 +135,7 @@ var WaterMarkComponent = function WaterMarkComponent(props) {
     })]
   });
 };
+if (process.env.NODE_ENV !== 'production') {
+  WaterMarkComponent.displayName = 'CcsWaterMark';
+}
 export default WaterMarkComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ccs-ui/rc-pro",
-  "version": "2.3.6-beta-34",
+  "version": "2.3.6-beta-36",
   "description": "",
   "license": "MIT",
   "author": {
@@ -71,7 +71,8 @@
     "react-draggable": "^4.4.5",
     "react-error-overlay": "^6.0.11",
     "react-resizable": "^3.0.5",
-    "runes2": "^1.1.4"
+    "runes2": "^1.1.4",
+    "tiny-pinyin": "^1.3.2"
   },
   "devDependencies": {
     "@ant-design/compatible": "^5.1.2",

package/es/select-customize/index.d.ts

@@ -1,26 +0,0 @@
-import { SelectProps } from 'antd';
-import { ReactElement } from 'react';
-export type SelectCustomInstance = {
-    value?: any;
-    onClose?: () => void;
-    onChange?: (value: any) => void;
-    onChangeLabel?: (label?: string) => void;
-};
-interface SelectCustomizeProps extends SelectProps {
-    /** 选择触发器宽度 */
-    width?: number;
-    /** 内容宽度 */
-    contentWidth?: number;
-    /** 选择模式，下拉或弹框 */
-    customMode?: 'select' | 'modal';
-    /** 自定义内容 */
-    children: ReactElement;
-    /** form item value */
-    value?: any;
-    /** 隐藏确定 */
-    hideOk?: boolean;
-    /** form item onChange */
-    onChange?: (e: any) => void;
-}
-export default function CcsSelectCustomize({ width, title, hideOk, children, customMode, contentWidth, value, onChange, style, ...otherProps }: SelectCustomizeProps): import("react/jsx-runtime").JSX.Element;
-export {};