@ccs-ui/rc-pro 2.4.7-beta.1 → 2.4.7-beta.11

package/es/atom/_api.d.ts

@@ -1,3 +1,4 @@
+import { DebounceOptions } from 'ahooks/lib/useDebounce/debounceOptions';
 import { ButtonProps, FormInstance, FormProps, PopoverProps, TableProps } from 'antd';
 import { CheckboxGroupProps } from 'antd/es/checkbox';
 import { SizeType } from 'antd/es/config-provider/SizeContext';
@@ -143,8 +144,8 @@ export type AtomResizeProps = {
     targetRef?: React.RefObject<HTMLDivElement>;
     /** 回调方法 */
     onResize: (size: ResizeSize) => void;
-    /** 防抖时间 */
-    wait?: number;
+    /** 防抖参数 */
+    option?: DebounceOptions;
 };
 export type AtomCountdownProps = ButtonProps & {
     /** 计时数 */
@@ -154,6 +155,9 @@ export type AtomCountdownProps = ButtonProps & {
     /** 缓存key */
     cacheKey?: string;
 };
+export type AtomCountdownInstance = {
+    onStart: () => void;
+};
 export interface AtomEllipsisProps {
     /** 文本内容 */
     content: string;
@@ -168,3 +172,13 @@ export interface AtomMultiStateProps<T> {
     InitialState: Partial<T>;
     options: {};
 }
+/** loading 组件参数 */
+export interface AtomLoadingProps {
+    /**
+     * loading 状态
+     * @default false
+     */
+    loading?: boolean;
+    /** loading 文字说明 */
+    loadingTip?: ReactNode;
+}

package/es/atom/_api.js

@@ -15,4 +15,6 @@ export var DataEvent = /*#__PURE__*/function (DataEvent) {
   return DataEvent;
 }({});
 
-/** table 事件处理函数 */
+/** table 事件处理函数 */
+
+/** loading 组件参数 */

package/es/atom/count-down.d.ts

@@ -1,12 +1,8 @@
-import { AtomCountdownProps } from './_api';
-/**
- * 倒计时按钮组件
- * @param PropsType
- * @param IntervalInstance
- * @returns
- */
-declare function AtomCountdown({ num, cacheKey, disabledText, children, ...restProps }: AtomCountdownProps): import("react/jsx-runtime").JSX.Element | null;
-declare namespace AtomCountdown {
-    var displayName: string;
-}
-export default AtomCountdown;
+/// <reference types="react" />
+import { AtomCountdownInstance } from './_api';
+declare const _default: import("react").ForwardRefExoticComponent<import("antd").ButtonProps & {
+    num?: number | undefined;
+    disabledText?: string | undefined;
+    cacheKey?: string | undefined;
+} & import("react").RefAttributes<AtomCountdownInstance>>;
+export default _default;

package/es/atom/count-down.js

@@ -18,7 +18,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { useInterval } from 'ahooks';
 import { Button } from 'antd';
-import { useLayoutEffect, useMemo, useState } from 'react';
+import { forwardRef, useImperativeHandle, useLayoutEffect, useMemo, useState } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * 倒计时按钮组件
@@ -26,12 +26,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @param IntervalInstance
  * @returns
  */
-function AtomCountdown(_ref) {
+function AtomCountdown(_ref, ref) {
   var _ref$num = _ref.num,
     num = _ref$num === void 0 ? 60 : _ref$num,
     cacheKey = _ref.cacheKey,
-    _ref$disabledText = _ref.disabledText,
-    disabledText = _ref$disabledText === void 0 ? '' : _ref$disabledText,
+    disabledText = _ref.disabledText,
     children = _ref.children,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(-1),
@@ -111,13 +110,20 @@ function AtomCountdown(_ref) {
       }));
     }
   };
-  return count === -1 ? null : /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, restProps), {}, {
+  useImperativeHandle(ref, function () {
+    return {
+      onStart: onStart
+    };
+  });
+  return count === -1 ? null : /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+    type: "primary"
+  }, restProps), {}, {
     onClick: restProps.onClick ? restProps.onClick : onStart,
     disabled: restProps.disabled ? true : disabled,
-    children: disabled ? "".concat(count, "\u79D2").concat(disabledText) : children
+    children: disabled ? "".concat(count, "\u79D2").concat(disabledText) : "".concat(children)
   }));
 }
 if (process.env.NODE_ENV !== 'production') {
   AtomCountdown.displayName = 'AtomCountdown';
 }
-export default AtomCountdown;
+export default /*#__PURE__*/forwardRef(AtomCountdown);

package/es/atom/ellipsis.js

@@ -9,6 +9,7 @@ import CcsUtils from '@ccs-ui/utils';
 import { Button, message, Tooltip } from 'antd';
 import React, { useEffect, useRef, useState } from 'react';
 import runes from 'runes2';
+import { CcsAtom } from '..';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -23,8 +24,9 @@ var MEASURE_STATUS = /*#__PURE__*/function (MEASURE_STATUS) {
   MEASURE_STATUS[MEASURE_STATUS["NO_ELLIPSIS"] = 0] = "NO_ELLIPSIS";
   MEASURE_STATUS[MEASURE_STATUS["MEASURE_WALKING"] = 200] = "MEASURE_WALKING";
   MEASURE_STATUS[MEASURE_STATUS["STABLE_ELLIPSIS"] = 400] = "STABLE_ELLIPSIS";
+  MEASURE_STATUS[MEASURE_STATUS["NULL"] = -1] = "NULL";
   return MEASURE_STATUS;
-}(MEASURE_STATUS || {}); //  稳定省略号
+}(MEASURE_STATUS || {}); //
 var ELLIPSIS_TEXT = '...';
 
 /**
@@ -66,8 +68,12 @@ function AtomEllipsis(_ref) {
     var chatLength = contentChars.length;
     // 设置最大显示高度，防止数据抖动
     if (status === MEASURE_STATUS.INIT) {
-      var _singleRowRef$current;
+      var _singleRowRef$current, _singleRowRef$current2;
       var maxHeight = (((_singleRowRef$current = singleRowRef.current) === null || _singleRowRef$current === void 0 ? void 0 : _singleRowRef$current.offsetHeight) || 0) * rows;
+      if (((_singleRowRef$current2 = singleRowRef.current) === null || _singleRowRef$current2 === void 0 ? void 0 : _singleRowRef$current2.offsetHeight) === 0) {
+        setStatus(MEASURE_STATUS.NULL);
+        return;
+      }
       dataRef.current.maxHeight = maxHeight;
       dataRef.current.step = chatLength;
 
@@ -107,6 +113,8 @@ function AtomEllipsis(_ref) {
           setIndexNumber(function (state) {
             return state - 1;
           });
+          setStatus(MEASURE_STATUS.STABLE_ELLIPSIS);
+          return;
         }
         // 二分减少
         setIndexNumber(function (state) {
@@ -118,6 +126,7 @@ function AtomEllipsis(_ref) {
 
   // 字符拼接
   var renderContent = function renderContent() {
+    if (indexNumber === 0) return '.';
     if (direction === 'start') {
       return "".concat(ELLIPSIS_TEXT).concat(contentChars.slice(contentChars.length - indexNumber).join(''));
     }
@@ -169,6 +178,12 @@ function AtomEllipsis(_ref) {
       children: renderContent()
     });
   }
+  var onResize = function onResize(e) {
+    if (e.height === 0 || e.width === 0) {
+      return;
+    }
+    // setStatus(MEASURE_STATUS.INIT);
+  };
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsxs("div", {
       className: "ccs-ellipsis",
@@ -184,7 +199,15 @@ function AtomEllipsis(_ref) {
         },
         className: "ccs-ellipsis-scroll",
         children: renderContent()
-      }, "measure-walking")]
+      }, "measure-walking"), status === MEASURE_STATUS.NULL && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("div", {
+          ref: walkingContentRef,
+          children: "\xA0"
+        }), /*#__PURE__*/_jsx(CcsAtom.Resize, {
+          targetRef: walkingContentRef,
+          onResize: onResize
+        })]
+      })]
     })
   });
 }

package/es/atom/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import AtomCheckbox from './check';
-import AtomCountdown from './count-down';
 import AtomFullScreen from './full-screen';
 import './index.less';
 import AtomOperation from './operation';
+import AtomResize from './resize-observer';
 import AtomTitle from './title';
 import useComplexState from './useComplexState';
 import usePageRequest from './usePageRequest';
@@ -33,12 +33,13 @@ declare const Atom: {
     /** 标题 */
     Title: typeof AtomTitle;
     /** 尺寸变更监听 */
-    Resize: import("react").MemoExoticComponent<{
-        (props: import("../ccs").AtomResizeProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    }>;
+    Resize: typeof AtomResize;
     /** 尺寸变更监听 */
-    Countdown: typeof AtomCountdown;
+    Countdown: import("react").ForwardRefExoticComponent<import("antd").ButtonProps & {
+        num?: number | undefined;
+        disabledText?: string | undefined;
+        cacheKey?: string | undefined;
+    } & import("react").RefAttributes<import("../ccs").AtomCountdownInstance>>;
     /** 文本缩略 */
     Ellipsis: import("react").MemoExoticComponent<{
         ({ content, rows, direction, showTooltip, }: import("../ccs").AtomEllipsisProps): string | import("react/jsx-runtime").JSX.Element | undefined;
@@ -48,6 +49,11 @@ declare const Atom: {
     usePageRequest: typeof usePageRequest;
     /** 多状态管理 */
     useComplexState: typeof useComplexState;
+    /** 相对loading */
+    Loading: {
+        ({ loading, loadingTip }: import("../ccs").AtomLoadingProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+    };
     displayName: string;
 };
 export default Atom;

package/es/atom/index.js

@@ -4,6 +4,7 @@ import AtomEllipsis from "./ellipsis";
 import AtomFilter from "./filter";
 import AtomFullScreen from "./full-screen";
 import "./index.less";
+import AtomLoading from "./loading";
 import AtomOperation from "./operation";
 import AtomResize from "./resize-observer";
 import AtomTitle from "./title";
@@ -49,6 +50,9 @@ Atom.usePageRequest = usePageRequest;
 
 /** 多状态管理 */
 Atom.useComplexState = useComplexState;
+
+/** 相对loading */
+Atom.Loading = AtomLoading;
 if (process.env.NODE_ENV !== 'production') {
   Atom.displayName = 'CcsAtom';
 }

package/es/atom/index.less

@@ -89,3 +89,17 @@
 .ccs-ellipsis-tootip {
   max-width: 50%;
 }
+
+.ccs-loading {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 10%);
+  z-index: 9999;
+}
+
+.ccs-loading-content {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  position: absolute;
+}

package/es/atom/loading.d.ts

@@ -0,0 +1,6 @@
+import { AtomLoadingProps } from './_api';
+declare const AtomLoading: {
+    ({ loading, loadingTip }: AtomLoadingProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export default AtomLoading;

package/es/{loading/index.js → atom/loading.js}

@@ -1,9 +1,8 @@
 import { LoadingOutlined } from '@ant-design/icons';
 import { Space, Spin } from 'antd';
-import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Loading = function Loading(_ref) {
+var AtomLoading = function AtomLoading(_ref) {
   var loading = _ref.loading,
     loadingTip = _ref.loadingTip;
   return loading ? /*#__PURE__*/_jsx("div", {
@@ -23,6 +22,6 @@ var Loading = function Loading(_ref) {
   }) : null;
 };
 if (process.env.NODE_ENV !== 'production') {
-  Loading.displayName = 'CcsLoading';
+  AtomLoading.displayName = 'AtomLoading';
 }
-export default Loading;
+export default AtomLoading;

package/es/atom/operation.js

@@ -8,7 +8,7 @@ import { ColumnHeightOutlined, RedoOutlined } from '@ant-design/icons';
 import { Button, Dropdown, Tooltip } from 'antd';
 import classNames from 'classnames';
 import { classAtomPrefix } from '.';
-import { CcsFullScreenButton } from '..';
+import AtomFullScreen from "./full-screen";
 import ProBaseItem from "./item";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -67,7 +67,7 @@ function AtomOperation(props) {
           icon: /*#__PURE__*/_jsx(RedoOutlined, {}),
           type: "text"
         })
-      }), parentHtmlId !== undefined && /*#__PURE__*/_jsx(CcsFullScreenButton, {
+      }), parentHtmlId !== undefined && /*#__PURE__*/_jsx(AtomFullScreen, {
         parentHtmlId: "ccs-pro-table"
       })]
     })]

package/es/atom/resize-observer.d.ts

@@ -1,8 +1,6 @@
-import React from 'react';
 import { AtomResizeProps } from './_api';
 declare function AtomResize(props: AtomResizeProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AtomResize {
     var displayName: string;
 }
-declare const _default: React.MemoExoticComponent<typeof AtomResize>;
-export default _default;
+export default AtomResize;

package/es/atom/resize-observer.js

@@ -5,28 +5,30 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { useDebounce, useSize } from 'ahooks';
-import _debounce from 'lodash.debounce';
-import React, { useCallback, useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 function ResizeObserver(_ref) {
   var onResize = _ref.onResize,
-    _ref$wait = _ref.wait,
-    wait = _ref$wait === void 0 ? 500 : _ref$wait;
+    option = _ref.option;
   var sizeRef = useRef();
   var ref = useRef(null);
   var size = useSize(ref);
 
   // 监听容器尺寸变化
-  var handleOnResize = useCallback(_debounce(onResize, wait), []);
+  var debouncedValue = useDebounce(size, _objectSpread({
+    wait: 500,
+    leading: false,
+    trailing: true
+  }, option));
   useEffect(function () {
-    if (size) {
+    if (debouncedValue) {
       // 避免首次触发回调
       if (sizeRef.current) {
-        handleOnResize(size);
+        onResize(debouncedValue);
       }
-      sizeRef.current = size;
+      sizeRef.current = debouncedValue;
     }
-  }, [size === null || size === void 0 ? void 0 : size.height, size === null || size === void 0 ? void 0 : size.width]);
+  }, [debouncedValue]);
   return /*#__PURE__*/_jsx("div", {
     ref: ref
   });
@@ -34,15 +36,16 @@ function ResizeObserver(_ref) {
 
 /** 监听容器尺寸变化，防抖 */
 function ResizeObserverTarget(_ref2) {
-  var _ref2$wait = _ref2.wait,
-    wait = _ref2$wait === void 0 ? 500 : _ref2$wait,
+  var option = _ref2.option,
     targetRef = _ref2.targetRef,
     onResize = _ref2.onResize;
   var sizeRef = useRef();
   var size = useSize(targetRef);
-  var debouncedValue = useDebounce(size, {
-    wait: wait
-  });
+  var debouncedValue = useDebounce(size, _objectSpread({
+    wait: 500,
+    leading: false,
+    trailing: true
+  }, option));
   useEffect(function () {
     if (debouncedValue) {
       // 避免首次触发回调
@@ -60,4 +63,4 @@ function AtomResize(props) {
 if (process.env.NODE_ENV !== 'production') {
   AtomResize.displayName = 'AtomResize';
 }
-export default /*#__PURE__*/React.memo(AtomResize);
+export default AtomResize;

package/es/ccs.d.ts

@@ -31,9 +31,7 @@ export * from './date-picker/_api';
 export * from './dialog/_api';
 export * from './editor/_api';
 export * from './form/_api';
-export * from './layout-keep-alive/_api';
-export * from './layout-single-page/_api';
-export * from './loading/_api';
+export * from './page-layout/_api';
 export * from './pro-table/_api';
 export * from './pro-tabs/_api';
 export * from './select/_api';

package/es/ccs.js

@@ -20,9 +20,7 @@ export * from "./date-picker/_api";
 export * from "./dialog/_api";
 export * from "./editor/_api";
 export * from "./form/_api";
-export * from "./layout-keep-alive/_api";
-export * from "./layout-single-page/_api";
-export * from "./loading/_api";
+export * from "./page-layout/_api";
 export * from "./pro-table/_api";
 export * from "./pro-tabs/_api";
 export * from "./select/_api";

package/es/dialog/button.d.ts

@@ -5,7 +5,7 @@ import { DialogFormRef } from './form';
 export type DialogButtonRef = {
     onSetButtons: (e: React.ReactElement) => void;
 };
-export declare const DialogButtonHolder: <TParams, TData>({ auth, extraBtn, formRef, request, onOk, onClose, buttonRef, requestFieldNames, formInitialValues, preventRequestHandle, }: Pick<DialogModalProps<TParams, TData>, "onClose" | "onOk" | "auth" | "request" | "extraBtn" | "requestFieldNames" | "preventRequestHandle"> & {
+export declare const DialogButtonHolder: <TParams, TData>({ auth, extraBtn, formRef, request, onOk, onClose, buttonRef, requestFieldNames, formInitialValues, preventRequestHandle, }: Pick<DialogModalProps<TParams, TData>, "auth" | "request" | "onOk" | "onClose" | "extraBtn" | "requestFieldNames" | "preventRequestHandle"> & {
     formRef: React.RefObject<DialogFormRef<TParams>>;
     formInitialValues: FormProps['initialValues'];
     buttonRef: RefObject<DialogButtonRef>;

package/es/index.d.ts

@@ -1,6 +1,5 @@
 export { default as CcsAjCaptcha } from './aj-captcha';
 export { default as CcsAtom } from './atom';
-export { default as CcsFullScreenButton } from './atom/full-screen';
 export { default as CcsAuth } from './auth';
 export { default as CcsButton } from './button';
 export { default as CcsCascader } from './cascader';
@@ -16,10 +15,9 @@ export { default as useCcsPage } from './hooks/use-page';
 export { default as useTableSelection } from './hooks/use-selection';
 export { default as useCcsTabs } from './hooks/use-tabs';
 export { default as useCcsWindow } from './hooks/use-window';
-export { default as CcsIntervalButton } from './interval-button';
-export { default as CcsKeepAliveTabs } from './layout-keep-alive';
-export { default as CcsSinglePage } from './layout-single-page';
-export { default as CcsLoading } from './loading';
+export { default as CcsPageLayout } from './page-layout';
+export { default as CcsKeepAliveTabs } from './page-layout/keep-alive';
+export { default as CcsSinglePage } from './page-layout/single-page';
 export { default as CcsProTable } from './pro-table';
 export { default as CcsProTabs } from './pro-tabs';
 export { default as CcsResult } from './result';

package/es/index.js

@@ -1,6 +1,5 @@
 export { default as CcsAjCaptcha } from "./aj-captcha";
 export { default as CcsAtom } from "./atom";
-export { default as CcsFullScreenButton } from "./atom/full-screen";
 export { default as CcsAuth } from "./auth";
 export { default as CcsButton } from "./button";
 export { default as CcsCascader } from "./cascader";
@@ -9,7 +8,6 @@ export { default as CcsAppConfig } from "./config";
 export { default as CcsDatePicker } from "./date-picker";
 export { default as CcsDialog } from "./dialog";
 export { default as CcsEditor } from "./editor";
-// export { default as CcsEllipsis } from './ellipsis';
 export { default as CcsForm } from "./form";
 export { default as useAppConfig } from "./hooks/use-app";
 export { default as useCcsOnceEvent } from "./hooks/use-once-event";
@@ -17,10 +15,9 @@ export { default as useCcsPage } from "./hooks/use-page";
 export { default as useTableSelection } from "./hooks/use-selection";
 export { default as useCcsTabs } from "./hooks/use-tabs";
 export { default as useCcsWindow } from "./hooks/use-window";
-export { default as CcsIntervalButton } from "./interval-button";
-export { default as CcsKeepAliveTabs } from "./layout-keep-alive";
-export { default as CcsSinglePage } from "./layout-single-page";
-export { default as CcsLoading } from "./loading";
+export { default as CcsPageLayout } from "./page-layout";
+export { default as CcsKeepAliveTabs } from "./page-layout/keep-alive";
+export { default as CcsSinglePage } from "./page-layout/single-page";
 export { default as CcsProTable } from "./pro-table";
 export { default as CcsProTabs } from "./pro-tabs";
 export { default as CcsResult } from "./result";

package/es/{layout-keep-alive → page-layout}/_api.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties, ReactNode } from 'react';
 export type MenuType = {
     key: string;
     /** 菜单名称 */
@@ -21,3 +22,9 @@ export interface KeepAliveTabsProps {
     className?: string;
     history: any;
 }
+export interface SinglePageProps {
+    appName: string;
+    menuItems: MenuType[];
+    breadcrumbStyle?: CSSProperties;
+    children?: ReactNode;
+}

package/es/page-layout/index.d.ts

@@ -0,0 +1,16 @@
+import './index.less';
+import KeepAliveTabs from './keep-alive';
+import SinglePage from './single-page';
+export declare const classAtomPrefix = "ccs-atom";
+/**
+ * 页面布局组件
+ */
+declare const CcsPageLayout: {
+    (): import("react/jsx-runtime").JSX.Element;
+    /** 多页缓存 */
+    Multi: typeof KeepAliveTabs;
+    /** 单页 */
+    Single: typeof SinglePage;
+    displayName: string;
+};
+export default CcsPageLayout;

package/es/page-layout/index.js

@@ -0,0 +1,23 @@
+import "./index.less";
+import KeepAliveTabs from "./keep-alive";
+import SinglePage from "./single-page";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var classAtomPrefix = 'ccs-atom';
+
+/**
+ * 页面布局组件
+ */
+var CcsPageLayout = function CcsPageLayout() {
+  return /*#__PURE__*/_jsx(_Fragment, {});
+};
+
+/** 多页缓存 */
+CcsPageLayout.Multi = KeepAliveTabs;
+
+/** 单页 */
+CcsPageLayout.Single = SinglePage;
+if (process.env.NODE_ENV !== 'production') {
+  CcsPageLayout.displayName = 'CcsPageLayout';
+}
+export default CcsPageLayout;

package/es/page-layout/index.less

@@ -0,0 +1,63 @@
+.ccs-keep-alive {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
+  &-nav {
+    margin: 0;
+
+    &::before {
+      border-bottom: 0 !important;
+    }
+  }
+
+  &-tabs {
+    background-color: #fff;
+    border-bottom: 1px solid #f1f2f5;
+
+    &.dark {
+      background-color: rgb(37, 37, 37);
+      border-bottom: 0;
+    }
+  }
+
+  .ccs-tab-item {
+    flex: 1 1 auto;
+    position: relative;
+    overflow: auto;
+  }
+}
+
+.ccs-breadcrumb {
+  margin-bottom: 10px;
+}
+
+.ccs-layout-page {
+  padding: 0 16px;
+  flex-direction: column;
+  display: none;
+  height: 100%;
+
+  &.page-avtive {
+    display: flex;
+  }
+
+  &.single-page {
+    display: flex;
+    flex: 1 1 auto;
+    overflow: auto;
+  }
+
+  .page-top {
+    height: 10px;
+    background: transparent;
+    flex: 0 0 10px;
+  }
+
+  .page-bottom {
+    height: 16px;
+    background: transparent;
+    flex: 0 0 16px;
+  }
+}

package/es/{layout-keep-alive → page-layout/keep-alive}/index.d.ts

@@ -1,8 +1,7 @@
 import { BreadcrumbProps } from 'antd';
 import { JSXElementConstructor, ReactElement } from 'react';
 import { Location } from 'react-router';
-import { KeepAliveTabsProps, MenuType } from './_api';
-import './index.less';
+import { KeepAliveTabsProps, MenuType } from '../_api';
 export type CacheRouter = {
     key: string;
     menuKey: string;

package/es/{layout-keep-alive → page-layout/keep-alive}/index.js

@@ -23,9 +23,8 @@ import updateHelper from 'immutability-helper';
 import { useCallback, useMemo, useRef } from 'react';
 import { useLocation } from 'react-router';
 import { useOutlet } from 'react-router-dom';
-import { CcsResult, useAppConfig } from '..';
-import { useInsertCss } from "../hooks/use-insert-css";
-import "./index.less";
+import { CcsResult, useAppConfig } from "../..";
+import { useInsertCss } from "../../hooks/use-insert-css";
 import Page from "./page";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -272,9 +271,7 @@ function KeepAliveTabs(_ref) {
       $push: [{
         key: location.key,
         label: (curMenu === null || curMenu === void 0 ? void 0 : curMenu.label) || '未知',
-        outlet: isMenu ? outlet : /*#__PURE__*/_jsx(CcsResult.Page404, {
-          title: "\u672A\u77E5\u9875\u9762"
-        }),
+        outlet: isMenu ? outlet : /*#__PURE__*/_jsx(CcsResult.Page404, {}),
         urlAuthList: btnAuth.map(function (b) {
           return b.code;
         }),