@ccs-ui/rc-pro 1.1.25-beta-21 → 1.1.25-beta-23

package/es/auth/index.js

@@ -1,6 +1,7 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["key", "label"],
-  _excluded2 = ["key", "label", "disabled", "onDisabled"];
+var _excluded = ["onDisabled", "onHidden"],
+  _excluded2 = ["key", "label"],
+  _excluded3 = ["key", "label", "disabled", "onDisabled", "onHidden"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -69,6 +70,17 @@ function AuthGroup(_ref4) {
     return !item.hidden && !(item.onHidden && item.onHidden(selectedRows));
   });
 
+  // link按钮删除无用参数
+  if (isLink) {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    authButtons = authButtons.map(function (_ref7) {
+      var onDisabled = _ref7.onDisabled,
+        onHidden = _ref7.onHidden,
+        b = _objectWithoutProperties(_ref7, _excluded);
+      return _objectSpread({}, b);
+    });
+  }
+
   // 需要判断权限
   if (onAuth) {
     authButtons = authButtons.filter(function (b) {
@@ -111,10 +123,10 @@ function AuthGroup(_ref4) {
           type: "vertical"
         }),
         className: "ccs-group-link",
-        children: showBtns === null || showBtns === void 0 ? void 0 : showBtns.map(function (_ref7) {
-          var key = _ref7.key,
-            label = _ref7.label,
-            restProps = _objectWithoutProperties(_ref7, _excluded);
+        children: showBtns === null || showBtns === void 0 ? void 0 : showBtns.map(function (_ref8) {
+          var key = _ref8.key,
+            label = _ref8.label,
+            restProps = _objectWithoutProperties(_ref8, _excluded2);
           return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, restProps), {}, {
             size: size,
             type: "link",
@@ -147,12 +159,14 @@ function AuthGroup(_ref4) {
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Space, {
       wrap: true,
-      children: showBtns === null || showBtns === void 0 ? void 0 : showBtns.map(function (_ref8, index) {
-        var key = _ref8.key,
-          label = _ref8.label,
-          disabled = _ref8.disabled,
-          onDisabled = _ref8.onDisabled,
-          restProps = _objectWithoutProperties(_ref8, _excluded2);
+      children: showBtns === null || showBtns === void 0 ? void 0 : showBtns.map(function ( // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      _ref9, index) {
+        var key = _ref9.key,
+          label = _ref9.label,
+          disabled = _ref9.disabled,
+          onDisabled = _ref9.onDisabled,
+          onHidden = _ref9.onHidden,
+          restProps = _objectWithoutProperties(_ref9, _excluded3);
         // 按钮禁用
         var isDisabled = disabled || onDisabled && onDisabled(selectedRows);
 

package/es/auth/index.less

@@ -3,6 +3,7 @@
     padding-left: 0;
     padding-right: 0;
   }
+
   .ant-divider {
     margin-inline: 0;
     padding: 0;

package/es/dialog/DialogRequestButton.d.ts

@@ -1,7 +1,7 @@
 import { FormProps } from 'antd';
 import { DialogFormRef } from './form';
 import { CcsDialogModalProps } from './hook';
-declare const DialogRequestButton: ({ auth, formRef, formInitialValues, request, onCancel, onRequestBefore, }: Pick<CcsDialogModalProps, "auth" | "request" | "onRequestBefore" | "onCancel"> & {
+declare const DialogRequestButton: ({ auth, formRef, formInitialValues, request, onCancel, onRequestBefore, }: Pick<CcsDialogModalProps, "onCancel" | "auth" | "request" | "onRequestBefore"> & {
     formRef: React.RefObject<DialogFormRef>;
     formInitialValues: FormProps['initialValues'];
 }) => import("react/jsx-runtime").JSX.Element;

package/es/dialog/DialogSelfOkButton.d.ts

@@ -1,7 +1,7 @@
 import { FormProps } from 'antd';
 import { DialogFormRef } from './form';
 import { CcsDialogModalProps } from './hook';
-declare const DialogSelfOkButton: ({ auth, formRef, formInitialValues, onCancel, onOk, }: Pick<CcsDialogModalProps, "auth" | "onOk" | "onCancel"> & {
+declare const DialogSelfOkButton: ({ auth, formRef, formInitialValues, onCancel, onOk, }: Pick<CcsDialogModalProps, "onCancel" | "auth" | "onOk"> & {
     formRef: React.RefObject<DialogFormRef>;
     formInitialValues: FormProps['initialValues'];
 }) => import("react/jsx-runtime").JSX.Element;

package/es/editor/index.less

@@ -12,6 +12,7 @@
   .cm-gutters {
     display: none;
   }
+  /* stylelint-disable */
   .cm-activeLine {
     background: transparent;
   }

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

@@ -9,4 +9,4 @@ declare const getAllChildrenId: (data: any[], rowKey: string) => string[];
 declare const isComponent: (element: ReactNode, displayName: string) => boolean;
 /** 查找所有父级依赖 */
 declare const getShowDpends: (items: CCS.TableFormItems, item: CCS.TableFormItems[0], depends: ShowDependType[]) => ShowDependType[];
-export { isComponent, getDataById, getShowDpends, onTableInTabItem, getAllChildrenId, onTableInModalOrDrawer, };
+export { getAllChildrenId, getDataById, getShowDpends, isComponent, onTableInModalOrDrawer, onTableInTabItem, };

package/es/pro-table/_utils.js

@@ -91,4 +91,4 @@ var getShowDpends = function getShowDpends(items, item, depends) {
   }
   return depends;
 };
-export { isComponent, getDataById, getShowDpends, onTableInTabItem, getAllChildrenId, onTableInModalOrDrawer };
+export { getAllChildrenId, getDataById, getShowDpends, isComponent, onTableInModalOrDrawer, onTableInTabItem };

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

@@ -1,12 +1,7 @@
-/// <reference types="react" />
 import { TableFormItem } from '../ccs';
-import { FormItemRef } from './head';
 import { CcsProTableProps } from './table';
 type PropsType = TableFormItem & {
-    index: number;
     dependParam?: any;
-    onSetShowNum: () => void;
-    formItemsRef: React.MutableRefObject<FormItemRef>;
 } & Pick<CcsProTableProps<any>, 'formItemLabelWidth'>;
-export default function HeadFormItem({ label, name, rules, value, index, dependParam, formItemsRef, formItemLabelWidth, onSetShowNum, }: PropsType): import("react/jsx-runtime").JSX.Element;
+export default function HeadFormItem({ label, name, rules, value, dependParam, formItemLabelWidth, }: PropsType): import("react/jsx-runtime").JSX.Element;
 export {};

package/es/pro-table/form-item.js

@@ -1,72 +1,27 @@
 import { Form } from 'antd';
-import { cloneElement, useEffect, useRef } from 'react';
-import { CcsResizeObserver } from '..';
+import { cloneElement } from 'react';
 import { classPrefix } from "./table";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function HeadFormItem(_ref) {
   var label = _ref.label,
     name = _ref.name,
     rules = _ref.rules,
     value = _ref.value,
-    index = _ref.index,
     dependParam = _ref.dependParam,
-    formItemsRef = _ref.formItemsRef,
-    formItemLabelWidth = _ref.formItemLabelWidth,
-    onSetShowNum = _ref.onSetShowNum;
-  var ref = useRef(null);
-  var historyRef = useRef();
-  var onSaveRef = function onSaveRef() {
-    var _ref$current;
-    var hasIndex = formItemsRef.current.findIndex(function (f) {
-      return f.index === index;
-    });
-    var item = {
-      index: index,
-      width: ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.clientWidth) || 0,
-      ref: ref.current
-    };
-    if (hasIndex === -1) {
-      formItemsRef.current.push(item);
-      return;
-    }
-    formItemsRef.current[index] = item;
-    historyRef.current = item;
-  };
-  useEffect(function () {
-    onSaveRef();
-  }, []);
-
-  // 尺寸大小改变监听
-  var onResize = function onResize(size) {
-    var _index;
-    if ((size === null || size === void 0 ? void 0 : size.width) !== ((_index = formItemsRef.current[index]) === null || _index === void 0 ? void 0 : _index.width)) {
-      onSaveRef();
-      onSetShowNum();
-    }
-  };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(CcsResizeObserver.Target, {
-      targetRef: ref,
-      onResize: onResize
-    }), /*#__PURE__*/_jsx("div", {
-      ref: ref,
-      style: {
-        paddingRight: 10
-      },
-      children: /*#__PURE__*/_jsx(Form.Item, {
-        name: name,
-        rules: rules,
-        className: "".concat(classPrefix, "-form-label"),
-        label: formItemLabelWidth ? /*#__PURE__*/_jsx("div", {
-          style: {
-            width: formItemLabelWidth
-          },
-          children: label
-        }) : label,
-        children: dependParam ? /*#__PURE__*/cloneElement(value, dependParam) : value
-      })
-    })]
+    formItemLabelWidth = _ref.formItemLabelWidth;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(Form.Item, {
+      name: name,
+      rules: rules,
+      className: "".concat(classPrefix, "-form-label"),
+      label: formItemLabelWidth ? /*#__PURE__*/_jsx("div", {
+        style: {
+          width: formItemLabelWidth
+        },
+        children: label
+      }) : label,
+      children: dependParam ? /*#__PURE__*/cloneElement(value, dependParam) : value
+    })
   });
 }

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

@@ -12,11 +12,6 @@ type PropsType<T> = Pick<CcsProTableProps<T>, 'toolbar' | 'formItems' | 'formIni
     tableOperation: ReactElement;
     onSearch: () => void;
 };
-export type FormItemRef = {
-    index: number;
-    ref: HTMLDivElement;
-    width: number;
-}[];
 /** 操作按钮、查询，重置、列筛选、 */
 declare function HeadComponent<T>({ form, title, toolbar, children, expandForm, titleBordered, formItems, formInitValues, formItemLabelWidth, tableOperation, onSearch, }: PropsType<T>): import("react/jsx-runtime").JSX.Element;
 export default HeadComponent;

package/es/pro-table/head.js

@@ -14,27 +14,16 @@ import { DownOutlined, UpOutlined } from '@ant-design/icons';
 import { useUpdateEffect } from 'ahooks';
 import { Button, Card, Form } from 'antd';
 import _debounce from 'lodash/debounce';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import React, { useMemo, useRef, useState } from 'react';
 import { CcsResizeObserver } from '..';
 import { getShowDpends } from "./_utils";
 import HeadFormItem from "./form-item";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-function onShowMaxItem(nums, maxWidth) {
-  var newNums = 0;
-  for (var i = 0; i < nums.length; i++) {
-    if (newNums + nums[i] > maxWidth) {
-      return i - 1;
-    } else {
-      newNums += nums[i];
-    }
-  }
-  return nums.length - 1;
-}
-
 /** 操作按钮、查询，重置、列筛选、 */
 function HeadComponent(_ref) {
+  var _formItemsRef$current;
   var form = _ref.form,
     title = _ref.title,
     toolbar = _ref.toolbar,
@@ -48,40 +37,20 @@ function HeadComponent(_ref) {
     formItemLabelWidth = _ref.formItemLabelWidth,
     tableOperation = _ref.tableOperation,
     onSearch = _ref.onSearch;
-  var cardRef = useRef(null);
-  var formItemsRef = useRef([]);
+  var searchBtnRef = useRef(null);
+  var formItemsRef = useRef(null);
   // 查询条件是否展开
   var _useState = useState(expandForm),
     _useState2 = _slicedToArray(_useState, 2),
     isExpand = _useState2[0],
     setIsExpand = _useState2[1];
-  // 显示查询条件数量
-  var _useState3 = useState(-1),
+  var _useState3 = useState({}),
     _useState4 = _slicedToArray(_useState3, 2),
-    showNum = _useState4[0],
-    setShowNum = _useState4[1];
+    update = _useState4[1];
   useUpdateEffect(function () {
     setIsExpand(expandForm);
   }, [expandForm]);
 
-  // 设置最大显示条件数量
-  var onSetShowNum = function onSetShowNum() {
-    if (!cardRef.current) return;
-
-    // 单行查询条件可占空间
-    var maxWidth = cardRef.current.clientWidth - 32 - 64 * 2;
-    if (maxWidth < 0) return;
-
-    // 单行可显示的查询条件
-    var maxItems = onShowMaxItem(formItemsRef.current.map(function (f) {
-      return f.width;
-    }), maxWidth);
-    setShowNum(maxItems);
-  };
-  useEffect(function () {
-    onSetShowNum();
-  }, [isExpand]);
-
   // 处理form item 依赖
   var allFormItems = useMemo(function () {
     formItems.forEach(function (item) {
@@ -96,13 +65,15 @@ function HeadComponent(_ref) {
   // 查询条件记录数
   var itemLen = allFormItems.length;
   var hasItem = itemLen > 0;
-  var hasMore = showNum > -1 && showNum < itemLen - 1;
+  var hasMore = (((_formItemsRef$current = formItemsRef.current) === null || _formItemsRef$current === void 0 ? void 0 : _formItemsRef$current.scrollHeight) || 0) > 40;
+  console.log('hasMore', hasMore);
 
   // 操作按钮
-  var renderOperation = /*#__PURE__*/_jsxs("div", {
+  var renderSearchBtn = /*#__PURE__*/_jsxs("div", {
+    ref: searchBtnRef,
     style: {
       textAlign: 'right',
-      flex: isExpand ? '1 1 auto' : '0 0 auto'
+      flex: isExpand && hasMore ? '1 1 auto' : '0 0 auto'
     },
     children: [hasMore && /*#__PURE__*/_jsx(Button, {
       type: "link",
@@ -118,13 +89,13 @@ function HeadComponent(_ref) {
       type: "primary",
       htmlType: "submit",
       children: "\u67E5\u8BE2"
-    })]
+    }), toolbar ? null : tableOperation]
   });
   var renderFormItems = function renderFormItems() {
-    return allFormItems.map(function (item, index) {
+    return allFormItems.map(function (item) {
       if (item.depends || item.showDepends) {
-        return /*#__PURE__*/_jsxs(React.Fragment, {
-          children: [/*#__PURE__*/_jsx(Form.Item, {
+        return /*#__PURE__*/_jsx(React.Fragment, {
+          children: /*#__PURE__*/_jsx(Form.Item, {
             noStyle: true,
             shouldUpdate: function shouldUpdate(l, n) {
               var _item$depends, _item$showDepends;
@@ -150,41 +121,35 @@ function HeadComponent(_ref) {
                 });
               }
               var itemContent = /*#__PURE__*/_jsx(HeadFormItem, {
-                index: index,
                 name: item.name,
                 label: item.label,
                 rules: item.rules,
                 value: item.value,
                 dependParam: dependParam,
-                onSetShowNum: onSetShowNum,
-                formItemsRef: formItemsRef,
                 formItemLabelWidth: formItemLabelWidth
               });
               if (!isShow) return null;
               return itemContent;
             }
-          }), showNum === index && !isExpand && renderOperation]
+          })
         }, item.name);
       }
       var itemContent = /*#__PURE__*/_jsx(HeadFormItem, {
-        index: index,
         name: item.name,
         value: item.value,
         rules: item.rules,
         label: item.label,
-        onSetShowNum: onSetShowNum,
-        formItemsRef: formItemsRef,
         formItemLabelWidth: formItemLabelWidth
       });
-      return /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [itemContent, showNum === index && !isExpand && renderOperation]
+      return /*#__PURE__*/_jsx(React.Fragment, {
+        children: itemContent
       }, item.name);
     });
   };
 
   // 尺寸变化重设尺寸
   var resizeFn = _debounce(function () {
-    onSetShowNum();
+    update({});
   }, 500);
 
   // 监听dom尺寸变化
@@ -195,16 +160,12 @@ function HeadComponent(_ref) {
   // table是否有边框
   var hasBorder = titleBordered === true;
   var formStyles = {
-    gap: '16px 0'
+    flexWrap: isExpand ? 'wrap' : 'nowrap'
   };
-  // 单行条件右对齐
-  if (!isExpand && (hasMore || formItemsRef.current.length - 1 === showNum)) {
-    formStyles.justifyContent = 'flex-end';
-  }
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [hasItem && /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(CcsResizeObserver.Target, {
-        targetRef: cardRef,
+        targetRef: formItemsRef,
         onResize: onResize
       }), /*#__PURE__*/_jsx(Card, {
         className: "ccs-pl-adaptation",
@@ -216,23 +177,35 @@ function HeadComponent(_ref) {
         } : {}),
         styles: {
           body: {
-            padding: 16,
-            height: hasMore && !isExpand ? 64 : 'auto'
+            padding: 16
           }
         },
         bordered: hasBorder,
         title: title,
-        ref: cardRef,
         children: /*#__PURE__*/_jsxs(Form, {
           initialValues: formInitValues,
           form: form,
           onFinish: onSearch,
           layout: "inline",
           style: formStyles,
-          children: [renderFormItems(), isExpand && renderOperation]
+          children: [/*#__PURE__*/_jsxs("div", {
+            style: {
+              justifyContent: isExpand && hasMore ? 'flex-start' : 'flex-end',
+              height: isExpand ? 'auto' : 32
+            },
+            className: "ccs-pl-adaptation-form",
+            ref: formItemsRef,
+            children: [renderFormItems(), isExpand && renderSearchBtn]
+          }), !isExpand && /*#__PURE__*/_jsx("div", {
+            style: {
+              flex: '0 0 auto',
+              paddingLeft: 10
+            },
+            children: renderSearchBtn
+          })]
         })
       })]
-    }), /*#__PURE__*/_jsxs(Card, {
+    }), toolbar && /*#__PURE__*/_jsxs(Card, {
       styles: {
         cover: {
           borderRadius: 0

package/es/pro-table/index.less

@@ -52,6 +52,18 @@
     }
   }
 
+  &-adaptation-form {
+    flex: 1 1 auto;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px 10px;
+    overflow: auto;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
   .ant-form-item {
     margin-bottom: 0;
   }

package/es/pro-table/operation.js

@@ -137,7 +137,8 @@ export default function TableOperation(_ref) {
         }),
         type: "text",
         style: {
-          width: 24
+          width: 24,
+          marginLeft: 4
         }
       })
     }), filterColumns && /*#__PURE__*/_jsx(Popover, {

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

@@ -28,7 +28,7 @@ type TableTitleType<T> = {
 export type CcsTableProps<T> = Omit<TableProps<T>, 'columns' | 'title'> & {
     data?: CCS.TableData<T>;
     /** request 方法 */
-    request?: (params: any) => void;
+    request?: (params: any) => Promise<HttpPageResult<T>>;
     /** request 额外参数 */
     requestParam?: ParamType;
     /** class name */
@@ -41,7 +41,7 @@ export type CcsTableProps<T> = Omit<TableProps<T>, 'columns' | 'title'> & {
     title?: ({ selectedRows, data, onClear }: TableTitleType<T>) => ReactNode;
 };
 type FormLayout = 'horizontal' | 'inline' | 'vertical' | 'adaptation';
-export type CcsProTableProps<T> = {
+export type CcsProTableProps<RecordType> = {
     /** api权限标识 */
     auth?: string | 'ignore';
     /** 是否初始查询，默认true */
@@ -65,7 +65,7 @@ export type CcsProTableProps<T> = {
     /** 展开查询条件，默认false */
     expandForm?: boolean;
     /** table 数据区域 */
-    table?: CcsTableProps<T>;
+    table?: CcsTableProps<RecordType>;
     /** table style */
     tableStyle?: CSSProperties;
     /** 父级值字段 */
@@ -73,7 +73,7 @@ export type CcsProTableProps<T> = {
     /** 水印文字 */
     watermark?: string;
     /** ref 回调方法 */
-    proRef?: CCS.TableInstanceRef<T>;
+    proRef?: CCS.TableInstanceRef<RecordType>;
     /** 显示序号 */
     showNumber?: boolean;
     /** class */
@@ -87,7 +87,7 @@ export type CcsProTableProps<T> = {
     /** 请求前格式化参数 */
     onSearchBefore?: (params: SearchBeforeType, eventType?: SearchEventType) => SearchBeforeType;
     /** 请求后格式化结果 */
-    onSearchAfter?: (data: HttpPageResult<T>, eventType?: SearchEventType) => any;
+    onSearchAfter?: (data: HttpPageResult<RecordType>, eventType?: SearchEventType) => any;
 };
 export type TableEventType = {
     key: 'columnFilter' | 'fullScreen';
@@ -107,5 +107,5 @@ export declare const TableSelectionContext: React.Context<{
  * @param ref
  * @returns
  */
-declare const InternalProTable: <T extends object = any>(props: CcsProTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const InternalProTable: <RecordType extends object = any>(props: CcsProTableProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
 export default InternalProTable;

package/es/pro-table/table.js

@@ -494,7 +494,7 @@ var InternalProTable = function InternalProTable(props) {
       } : undefined
     }));
   };
-  var newToolbar = /*#__PURE__*/_jsx(TableSelectionContext.Provider, {
+  var newToolbar = toolbar && /*#__PURE__*/_jsx(TableSelectionContext.Provider, {
     value: {
       selectedRows: selectedRows
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ccs-ui/rc-pro",
-  "version": "1.1.25-beta-21",
+  "version": "1.1.25-beta-23",
   "description": "验证码组件兼容暗黑模式;proTable封装rowselection代码;proTable添加自适应布局模式;",
   "license": "MIT",
   "author": {