@ccs-ui/rc-pro 1.1.20 → 1.1.21-beta-1

package/es/color-picker/index.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+import { RGBColor } from 'react-color';
+import './index.less';
+export type PropsType = {
+    /** 指定选中项 */
+    value?: RGBColor;
+    /** 占位 */
+    placeholder?: string;
+    /** 内部样式 */
+    style?: CSSProperties;
+    /** 选择完成后的回调 */
+    onChange?: (value: RGBColor) => void;
+};
+/**
+ * 颜色选择组件
+ */
+declare const ColorPicker: ({ onChange, value, style }: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default ColorPicker;

package/es/date-picker/index.d.ts

@@ -0,0 +1,20 @@
+import { DatePickerProps } from 'antd';
+import { PickerPanelDateProps } from 'antd/es/calendar/generateCalendar';
+import { RangePickerProps } from 'antd/es/date-picker';
+import { Dayjs } from 'dayjs';
+type CcsDatePickerProps = {
+    value?: string;
+    picker?: 'year' | 'month' | 'date';
+    onChange?: (e: string) => void;
+} & Omit<PickerPanelDateProps<Dayjs>, 'value' | 'onChange' | 'picker'> & Omit<DatePickerProps, 'value' | 'onChange' | 'picker'>;
+type CcsRangePickerProps = {
+    showTime?: boolean;
+    value?: [string, string];
+    picker?: 'year' | 'month' | 'date';
+    onChange?: (e: [string, string]) => void;
+} & Omit<RangePickerProps, 'value' | 'onChange'>;
+declare function CcsDatePicker({ value, onChange, ...restProps }: CcsDatePickerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CcsDatePicker {
+    var RangePicker: ({ value, onChange, ...restProps }: CcsRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+}
+export default CcsDatePicker;

package/es/dialog/HookModal.d.ts

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

package/es/dialog/form.d.ts

@@ -0,0 +1,16 @@
+import { FormInstance, FormProps } from 'antd';
+import React, { CSSProperties, ReactNode } from 'react';
+type PropsType = {
+    children: ReactNode;
+    formProps: FormProps;
+    styles?: CSSProperties;
+};
+export type DialogFormRef = {
+    formInstance: FormInstance;
+};
+/**
+ * 添加form实例
+ * @returns
+ */
+declare const DialogForm: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<DialogFormRef>>;
+export default DialogForm;

package/es/dialog/usePatchElement.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export default function usePatchElement(): [
+    React.ReactElement[],
+    (element: React.ReactElement) => Function
+];

package/es/hooks/use-event.d.ts

@@ -0,0 +1,10 @@
+export declare class EventInstance<T = any, ActionType = any> {
+    private subscriptions;
+    emit: (val: T, actionType?: ActionType) => void;
+    useSubscription: (callback: (val: T) => void, actionType?: ActionType) => T;
+}
+/**
+ * 组件消息订阅方式传值
+ * @returns
+ */
+export default function Event<T = void, ActionType = any>(): EventInstance<T, ActionType>;

package/es/hooks/use-once-event.d.ts

@@ -0,0 +1,2 @@
+declare const useOnceEvent: (fn: (...params: any) => void) => (...args: any) => void;
+export default useOnceEvent;

package/es/loading/index.d.ts

@@ -0,0 +1,11 @@
+type CcsLoadingProps = {
+    /**
+     * loading 状态
+     * @default false
+     */
+    loading?: boolean;
+    /** loading 文字说明 */
+    loadingTip?: string;
+};
+declare const Loading: ({ loading, loadingTip }: CcsLoadingProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Loading;

package/es/pro-table/search.js

@@ -88,7 +88,13 @@ function SearchComponent(_ref) {
     });
 
     // 所有都是主条件
-    if (hasMain.length === formItems.length) return false;
+    if (hasMain.length === formItems.length) {
+      // 收起已展开
+      if (isShowMore === true) {
+        setIsShowMore(false);
+      }
+      return false;
+    }
 
     // 条件数大于1,有更多
     return formItems.length > 1;

package/es/pro-table/table.js

@@ -28,12 +28,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 // 判断组件所处dom
 var onIsInModalOrDrawer = function onIsInModalOrDrawer(node) {
-  var _parent$classList, _parent$classList2, _parent$classList3, _parent$classList4;
+  var _parent$classList, _parent$classList2, _parent$classList3, _parent$classList4, _parent$classList5;
   var parent = node.parentNode;
   if (!parent) return false;
   if (
   // 通过指定dom吸顶
-  (_parent$classList = parent.classList) !== null && _parent$classList !== void 0 && _parent$classList.contains('ccs-trigger-container') || (_parent$classList2 = parent.classList) !== null && _parent$classList2 !== void 0 && _parent$classList2.contains('ccs-drawer-content')) {
+  (_parent$classList = parent.classList) !== null && _parent$classList !== void 0 && _parent$classList.contains('ccs-trigger-container') || (_parent$classList2 = parent.classList) !== null && _parent$classList2 !== void 0 && _parent$classList2.contains('ccs-drawer-content') || (_parent$classList3 = parent.classList) !== null && _parent$classList3 !== void 0 && _parent$classList3.contains('ant-drawer-body')) {
     return {
       getContainer: function getContainer() {
         return parent;
@@ -41,7 +41,7 @@ var onIsInModalOrDrawer = function onIsInModalOrDrawer(node) {
     };
   }
   // 在弹出框中吸顶top
-  if ((_parent$classList3 = parent.classList) !== null && _parent$classList3 !== void 0 && _parent$classList3.contains('ant-modal') || (_parent$classList4 = parent.classList) !== null && _parent$classList4 !== void 0 && _parent$classList4.contains('ant-drawer')) {
+  if ((_parent$classList4 = parent.classList) !== null && _parent$classList4 !== void 0 && _parent$classList4.contains('ant-modal') || (_parent$classList5 = parent.classList) !== null && _parent$classList5 !== void 0 && _parent$classList5.contains('ant-drawer')) {
     return {
       offsetHeader: 0
     };
@@ -299,6 +299,7 @@ var InternalProTable = function InternalProTable(props) {
   useEffect(function () {
     // 判断当前dom所处的滚动区域
     var inMd = onIsInModalOrDrawer(tableRef.current);
+    console.log('inMd', inMd);
     if (inMd) stickyRef.current = inMd;
 
     // // 监听resize

package/es/status-tag/index.d.ts

@@ -0,0 +1,9 @@
+export type CcsStatusTagProps = {
+    value: any;
+    options: {
+        value: any;
+        label: string;
+        tag: string[];
+    }[];
+};
+export default function CcsStatusTag({ value, options, }: CcsStatusTagProps): any;

package/es/time-picker/index.d.ts

@@ -0,0 +1,16 @@
+import { TimePickerProps } from 'antd';
+import { RangePickerTimeProps } from 'antd/es/date-picker/generatePicker';
+import { Dayjs } from 'dayjs';
+type CcsTimePickerProps = {
+    value?: string;
+    onChange?: (e: string) => void;
+} & Omit<TimePickerProps, 'value' | 'onChange'>;
+type CcsRangePickerProps = {
+    value?: [string, string];
+    onChange?: (e: [string, string]) => void;
+} & Omit<RangePickerTimeProps<Dayjs>, 'value' | 'onChange' | 'picker'>;
+declare function CcsDatePicker({ value, onChange, ...restProps }: CcsTimePickerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CcsDatePicker {
+    var RangePicker: ({ value, onChange, ...restProps }: CcsRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+}
+export default CcsDatePicker;

package/es/trigger/index.d.ts

@@ -0,0 +1,48 @@
+import { CSSProperties, ReactElement } from 'react';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import './index.less';
+export type CcsTriggerProps = {
+    /** 下拉框宽度 */
+    width?: number;
+    /** 下拉框高度 */
+    height?: number;
+    /**
+     * @description input size：'small' | 'middle' | 'large'
+     * @default 'middle'
+     */
+    size?: SizeType;
+    /**
+     * @description 禁用选择
+     * @default false
+     */
+    disabled?: boolean;
+    /** 选择内容 */
+    children?: ReactElement;
+    /** Form.Item value */
+    value?: any;
+    /** style */
+    style?: CSSProperties;
+    /** class */
+    className?: string;
+    /** input placeholder */
+    placeholder?: string;
+    /**
+     * 是否在首次显示前渲染弹出内容
+     * @default false
+     */
+    forceRender?: boolean;
+    /**
+     * @description popup挂载的html节点，默认：document.body、true:当前dom
+     * @default document.body
+     */
+    popupContainer?: boolean;
+    /** Form.Item onChange */
+    onChange?: (value?: any) => void;
+};
+/**
+ * 适用于Form.Item中的 trigger组件，其内容自行定义，遵循ant form 自定义组件规范
+ * @param CcsTriggerPropsType
+ * @returns
+ */
+declare const TriggerComponent: (props: CcsTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export default TriggerComponent;

package/es/utils/index.d.ts

@@ -0,0 +1,105 @@
+import dayjs from 'dayjs';
+type DayjsType = dayjs.Dayjs & {
+    fromNow(withoutSuffix?: boolean): string;
+    from(compared: dayjs.ConfigType, withoutSuffix?: boolean): string;
+    toNow(withoutSuffix?: boolean): string;
+    to(compared: dayjs.ConfigType, withoutSuffix?: boolean): string;
+};
+export default class utils {
+    /**
+     * 是函数？
+     * @param obj
+     * @returns
+     */
+    static isFunction(obj: any): obj is Function;
+    /**
+     * 获取stroage
+     * @param key
+     * @returns
+     */
+    static getStroage(key: string): Promise<unknown>;
+    /**
+     * 设置stroage
+     * @param key
+     * @param value
+     * @returns
+     */
+    static setStroage(key: string, value: any): Promise<any>;
+    /** 删除stroage */
+    static removeStroage(key: string): Promise<void>;
+    static showLogWarning(message: string): void;
+    /**
+     * 开发环境抛警告
+     * @param valid
+     * @param message
+     */
+    static showWarning(valid: boolean, message: string): void;
+    /** nodejs 环境 */
+    static isNode: boolean;
+    /**
+     * 浏览器环境
+     * @returns
+     */
+    static isBrowser(): boolean;
+    /**
+     * 格式化成dayjs
+     * @param date
+     * @returns
+     */
+    static dayjs(date?: string | number | Date | dayjs.Dayjs | null | undefined): DayjsType;
+    /**
+     * 空判断
+     * @param val
+     * @returns
+     */
+    static isEmpty: (val: unknown) => boolean;
+    /**
+     * 非空
+     * @param val
+     * @returns
+     */
+    static isNotEmpty: (val: unknown) => boolean;
+    /**
+     * json转base64
+     * @param value
+     * @returns
+     */
+    static jsonToBase64(value: any): string;
+    /**
+     * base64转json
+     * @param value
+     * @returns
+     */
+    static base64ToJson<T = any>(value: string): T | null;
+    /**
+     * JSON.parse
+     * @param value
+     * @returns
+     */
+    static jsonParse<T = any>(value: string): T;
+    /**
+     * string to HEX
+     * @param {*} str
+     */
+    static stringToHex(str: string): string;
+    /**
+     * string to dayjs
+     * @param val
+     * @param formartType  // YYYY-MM-DD HH:mm:ss https://dayjs.fenxianglu.cn/category/display.html#%E6%A0%BC%E5%BC%8F%E5%8C%96
+     * @returns
+     */
+    static dayjsFmt(val: string | undefined, formartType?: string): dayjs.Dayjs | undefined;
+    /**
+     * 空对象？
+     * @param obj
+     * @returns
+     */
+    static objIsEmpty(obj: any): boolean;
+    /**
+     * 判断值不为空
+     * @param str string,object,array
+     * @returns
+     */
+    static isNil(str: any): boolean;
+}
+export {};

package/es/virtual-list/index.d.ts

@@ -0,0 +1,52 @@
+import { CSSProperties, ReactNode, RefObject } from 'react';
+type Position = {
+    left: number;
+    top: number;
+};
+export type RowRendererProps = {
+    rowHeight: number;
+    index: number;
+};
+export type VirtualInstance = {
+    scrollTop: (top: number) => void;
+};
+export type VirtualListProps = {
+    /** 容器高度 */
+    height?: number;
+    /** 记录条数 */
+    rowCount: number;
+    /** 行高 */
+    rowHeight: number;
+    /**
+     * 自动隐藏滚动条
+     * @default true
+     */
+    autoHideScroll?: boolean;
+    /** 显示条数 */
+    overscanRowCount: number;
+    /** 条数改变定位顶部 */
+    rowCountChangeScrollTop?: boolean;
+    /** instance */
+    virtualRef?: RefObject<VirtualInstance>;
+    style?: CSSProperties;
+    className?: string;
+    /** 渲染row */
+    rowRenderer: ({ rowHeight, index }: RowRendererProps) => ReactNode;
+    /** scroll event */
+    onScroll?: (position: Position) => void;
+};
+export type VirtualListItemProps = Pick<VirtualListProps, 'rowHeight' | 'rowRenderer'> & {
+    index: number;
+};
+export type ListItemProps = {
+    prefix: ReactNode;
+    title: ReactNode;
+    extra?: ReactNode;
+    extraIcon?: ReactNode;
+    height: number;
+    className?: string;
+    description?: ReactNode;
+    onClick?: () => void;
+};
+declare const VirtualList: ({ height, rowCount, rowHeight, className, style, virtualRef, onScroll, rowRenderer, autoHideScroll, overscanRowCount, rowCountChangeScrollTop, }: VirtualListProps) => import("react/jsx-runtime").JSX.Element;
+export default VirtualList;

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

@@ -0,0 +1,69 @@
+import React, { ReactNode } from 'react';
+export type WaterMarkProps = {
+    /** 水印文字内容 */
+    content?: string;
+    /** 类名 */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+    /** 水印样式 */
+    markStyle?: React.CSSProperties;
+    /** 水印类名 */
+    markClassName?: string;
+    /** 水印之间的水平间距 */
+    gapX?: number;
+    /** 水印之间的垂直间距 */
+    gapY?: number;
+    /** 追加的水印元素的z-index */
+    zIndex?: number;
+    /** 水印的宽度 */
+    width?: number;
+    /** 水印的高度 */
+    height?: number;
+    /** 水印在canvas 画布上绘制的垂直偏移量，正常情况下，水印绘制在中间位置, 即 offsetTop = gapY / 2 */
+    offsetTop?: number;
+    /** 水印在canvas 画布上绘制的水平偏移量, 正常情况下，水印绘制在中间位置, 即 offsetTop = gapX / 2 */
+    offsetLeft?: number;
+    /** 水印绘制时，旋转的角度，单位 ° */
+    rotate?: number;
+    /** ClassName 前缀 */
+    prefixCls?: string;
+    /** 高清印图片源, 为了高清屏幕显示，建议使用 2倍或3倍图，优先使用图片渲染水印。 */
+    image?: string;
+    /**
+     * @description 文字颜色
+     * @default rgba(0,0,0,.15)
+     */
+    fontColor?: string;
+    /**
+     * @description 文字样式
+     * @default normal
+     */
+    fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
+    /**
+     * @description 文字族
+     * @default sans-serif
+     */
+    fontFamily?: string;
+    /**
+     * @description 文字粗细
+     * @default normal
+     */
+    fontWeight?: 'normal' | 'light' | 'weight' | number;
+    /**
+     * @description 文字大小
+     * @default 16
+     */
+    fontSize?: number | string;
+    /**
+     * 组件 children
+     */
+    children?: ReactNode;
+};
+/**
+ * 水印组件
+ * @param WaterMarkProps
+ * @returns
+ */
+declare const WaterMarkComponent: (props: WaterMarkProps) => import("react/jsx-runtime").JSX.Element;
+export default WaterMarkComponent;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ccs-ui/rc-pro",
-  "version": "1.1.20",
-  "description": "ProGrid 调整;ProTable 传入列宽度为number类型拖拽才生效;ProTable传入pagination分页显示异常",
+  "version": "1.1.21-beta-1",
+  "description": "ProTable在抽屉中吸顶异常",
   "license": "MIT",
   "author": {
     "name": "Hong",
@@ -68,6 +68,7 @@
     "react-color": "^2.19.3",
     "react-custom-scrollbars": "^4.2.1",
     "react-draggable": "^4.4.5",
+    "react-error-overlay": "^6.0.11",
     "react-resizable": "^3.0.5",
     "react-router": "^6.11.2",
     "react-router-dom": "^6.11.2",