@creekjs/web-components 1.0.0 → 1.0.1

package/dist/bg-center/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export type BgCenterProps = {
+    children: React.ReactNode;
+};
+export declare const BgCenter: ({ children }: BgCenterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-config-provider/CreekConfigContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export type CreekConfigContextProps = {
+    iconFontCNs?: string[];
+};
+export declare const CreekConfigContext: import("react").Context<CreekConfigContextProps>;

package/dist/creek-config-provider/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CreekConfigContextProps } from './CreekConfigContext';
+export type CreekConfigProviderProps = CreekConfigContextProps & {
+    children?: React.ReactNode;
+};
+export declare const CreekConfigProvider: {
+    (props: CreekConfigProviderProps): import("react/jsx-runtime").JSX.Element;
+    CreekConfigContext: import("react").Context<CreekConfigContextProps>;
+};

package/dist/creek-hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useViewportHeight';

package/dist/creek-hooks/useViewportHeight.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+interface UseViewportHeightOptions {
+    /** 底部保留空间（如固定在底部的元素高度），默认 0 */
+    bottomOffset?: number;
+    /** 顶部保留空间，默认自动计算到容器顶部的距离 */
+    topOffset?: number;
+    /** 额外的边距，默认 0 */
+    margin?: number;
+    /** 最小高度，默认 0 */
+    minHeight?: number;
+    /** 最大高度，不设置则无限制 */
+    maxHeight?: number;
+    /** 是否启用调试模式，会在控制台输出计算信息 */
+    debug?: boolean;
+    /** 防抖延迟时间（毫秒），默认 16ms */
+    debounceDelay?: number;
+    /** 依赖项数组，当这些值变化时会重新计算高度（比如搜索条件） */
+    deps?: React.DependencyList;
+    isObserverParent?: boolean;
+}
+export declare const useViewportHeight: (options?: UseViewportHeightOptions) => {
+    /** 容器引用，需要绑定到目标元素的容器 */
+    containerRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    /** 计算得出的可视区域高度 */
+    viewPortHeight: number | undefined;
+    /** 手动重新计算高度的方法 */
+    recalculate: (this: unknown) => void;
+    /** 是否已完成高度计算 */
+    isCalculated: boolean;
+};
+export {};

package/dist/creek-icon/index.d.ts

@@ -0,0 +1,11 @@
+import Icon from '@ant-design/icons';
+import type { GetProps } from 'antd';
+import { CreekConfigProviderProps } from '../creek-config-provider';
+type CustomIconComponentProps = GetProps<typeof Icon>;
+export type CreekIconProps = CustomIconComponentProps & {
+    iconFontCNs?: CreekConfigProviderProps['iconFontCNs'];
+    type?: string;
+    component?: CustomIconComponentProps['component'];
+};
+export declare const CreekIcon: (props: CreekIconProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/creek-keep-alive/index.d.ts

@@ -0,0 +1 @@
+export declare const CreekKeepAlive: () => import("react/jsx-runtime").JSX.Element;

package/dist/creek-layout/CollapseButton.d.ts

@@ -0,0 +1,9 @@
+export type CollapsedButtonProps = {
+    collapsed?: boolean;
+};
+export type CollapsedButtonStore = {
+    collapsed: boolean;
+    changeCollapsed: () => void;
+};
+export declare const useCollapsedStore: import("zustand").UseBoundStore<import("zustand").StoreApi<CollapsedButtonStore>>;
+export declare const CollapsedButton: (props: CollapsedButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-layout/Exception/NotFound.d.ts

@@ -0,0 +1 @@
+export declare const NotFound: () => import("react/jsx-runtime").JSX.Element;

package/dist/creek-layout/Exception/NotFoundPage.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/creek-layout/Exception/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export * from "./NotFound";
+export type ExceptionProps = {
+    children?: React.ReactNode;
+};
+export declare const Exception: (props: ExceptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-layout/HeaderContent/FullScreen.d.ts

@@ -0,0 +1,6 @@
+export type FullScreenStore = {
+    isFullScreen: boolean;
+    changeFullScreen: () => void;
+};
+export declare const useFullScreenStore: import("zustand").UseBoundStore<import("zustand").StoreApi<FullScreenStore>>;
+export declare const FullScreen: () => import("react/jsx-runtime").JSX.Element;

package/dist/creek-layout/HeaderContent/UserInfo.d.ts

@@ -0,0 +1 @@
+export declare const UserInfo: () => import("react/jsx-runtime").JSX.Element;

package/dist/creek-layout/HeaderContent/index.d.ts

@@ -0,0 +1 @@
+export declare const HeaderContent: () => import("react/jsx-runtime").JSX.Element;

package/dist/creek-layout/index.d.ts

@@ -0,0 +1,13 @@
+import { ProLayoutProps } from "@ant-design/pro-components";
+export type LayoutProps = ProLayoutProps & {
+    runtimeConfig: ProLayoutProps;
+    userConfig?: ProLayoutProps;
+    navigate?: (path?: string | number) => void;
+    initialInfo?: {
+        initialState: any;
+        loading: boolean;
+        setInitialState: () => void;
+    };
+};
+export declare const CreekLayout: (props: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export * from "./Exception";

package/dist/creek-loading/index.d.ts

@@ -0,0 +1,9 @@
+import { Spin } from 'antd';
+import React from 'react';
+export declare class Loading {
+    private static container;
+    private static root;
+    private static createContainer;
+    static open(config?: React.ComponentProps<typeof Spin>): void;
+    static close(): void;
+}

package/dist/creek-search/CreekSearch.d.ts

@@ -0,0 +1,7 @@
+import { ParamsType, ProColumnType } from '@ant-design/pro-components';
+export type CreekSearchProps<T> = {
+    columns: ProColumnType<T>[];
+    onSubmit?: (values: Record<string, any>) => void;
+    justify?: 'start' | 'end';
+};
+export declare const CreekSearch: <T extends ParamsType>(props: CreekSearchProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-search/CreekSearchContext.d.ts

@@ -0,0 +1,54 @@
+import { ParamsType, ProColumnType, ProTableProps } from '@ant-design/pro-components';
+import React, { ReactNode } from 'react';
+import { CreekSearchAddFilterOption, CreekSearchFilter } from './type';
+interface ValueTypeConfig {
+    showValueSelector: boolean;
+    dateFormat?: string;
+    isRange?: boolean;
+    isDateTime?: boolean;
+    displayName: string;
+    componentType: 'input' | 'select' | 'date' | 'dateRange' | 'time' | 'timeRange' | 'number' | 'switch' | 'radio' | 'checkbox';
+}
+export interface SearchContextValue<T extends ParamsType, U extends ParamsType, ValueType = 'text'> {
+    searchValue: string;
+    filters: CreekSearchFilter[];
+    showValueSelector: boolean;
+    selectedColumn: ProColumnType<T, U>;
+    tempValue: any;
+    inputRef: React.RefObject<any>;
+    columns: ProTableProps<T, U, ValueType>['columns'];
+    filterOptions: ProTableProps<T, U, ValueType>['columns'];
+    onSubmit?: (params: U) => void;
+    beforeSearchSubmit?: (params: Record<string, any>) => Record<string, any>;
+    setSearchValue: (value: string) => void;
+    setFilters: React.Dispatch<React.SetStateAction<CreekSearchFilter[]>>;
+    setShowValueSelector: (show: boolean) => void;
+    setSelectedColumn: (column: any) => void;
+    setTempValue: (value: any) => void;
+    handleSearch: (value: string) => void;
+    handleSelectColumn: (value: string) => void;
+    addFilter: (key: string, option: CreekSearchAddFilterOption) => void;
+    confirmAddFilter: () => void;
+    cancelValueSelector: () => void;
+    removeFilter: (filterId: string) => void;
+    handelRest: () => void;
+    getColumnOptions: (column: any) => Array<{
+        label: string;
+        value: string;
+    }>;
+    getDisplayText: (column: any, value: any) => any;
+    hasOptions: (column: any) => boolean;
+    filtersToParams: (filters: CreekSearchFilter[]) => ParamsType;
+    getValueTypeConfig: (valueType?: ProColumnType<T, U>['valueType']) => ValueTypeConfig;
+    formatDateValue: (value: any, config: ValueTypeConfig) => string | string[];
+    shouldShowValueSelector: (column: any) => boolean;
+}
+export declare const useSearchContext: <T extends ParamsType, U extends ParamsType, ValueType = "text">() => SearchContextValue<T, U, ValueType>;
+interface CreekSearchProviderProps<T extends ParamsType, U extends ParamsType, ValueType = 'text'> {
+    columns: ProTableProps<T, U, ValueType>['columns'];
+    onSubmit?: (params: U) => void;
+    beforeSearchSubmit?: (params: Record<string, any>) => Record<string, any>;
+    children: ReactNode;
+}
+export declare const CreekSearchProvider: <T extends ParamsType, U extends ParamsType, ValueType = "text">({ columns, onSubmit, beforeSearchSubmit, children, }: CreekSearchProviderProps<T, U, ValueType>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/creek-search/CreekSearchContext.js

@@ -233,7 +233,7 @@ export var CreekSearchProvider = function CreekSearchProvider(_ref) {
 
   // 筛选条件配置
   var filterOptions = columns === null || columns === void 0 ? void 0 : columns.filter(function (item) {
-    return item.search !== false || item.hideInSearch !== false;
+    return item.search !== false || item.hideInSearch !== true;
   });
 
   // 获取valueType配置

package/dist/creek-search/CreekSearchFilterDisplay.d.ts

@@ -0,0 +1,5 @@
+import { ParamsType } from '@ant-design/pro-components';
+export type CreekFilterDisplayProps<T, U, ValueType> = {
+    className?: string;
+};
+export declare const CreekFilterDisplay: <T extends ParamsType, U extends ParamsType, ValueType = "text">(props: CreekFilterDisplayProps<T, U, ValueType>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/creek-search/CreekSearchInput.d.ts

@@ -0,0 +1,4 @@
+export type CreekSearchInputProps = {
+    className?: string;
+};
+export declare const CreekSearchInput: (props: CreekSearchInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-search/CreekSearchValueSelector.d.ts

@@ -0,0 +1,5 @@
+import { ParamsType } from '@ant-design/pro-components';
+export type CreekSearchValueSelectorProps<T extends ParamsType, U extends ParamsType> = {
+    onConfirm?: () => void;
+};
+export declare const CreekSearchValueSelector: <T extends ParamsType, U extends ParamsType>(props: CreekSearchValueSelectorProps<T, U>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/creek-search/index.d.ts

@@ -0,0 +1,5 @@
+export * from './CreekSearch';
+export * from './CreekSearchContext';
+export * from './CreekSearchFilterDisplay';
+export * from './CreekSearchInput';
+export * from './CreekSearchValueSelector';

package/dist/creek-search/type.d.ts

@@ -0,0 +1,8 @@
+export type CreekSearchAddFilterOption = {
+    value: any;
+    displayText?: string;
+};
+export type CreekSearchFilter = CreekSearchAddFilterOption & {
+    dataIndex: string;
+    title: string;
+};

package/dist/creek-table/SearchTable.d.ts

@@ -0,0 +1,3 @@
+import { ParamsType } from '@ant-design/pro-components';
+import { CreekTableProps } from './type';
+export declare const SearchProTable: <T extends ParamsType, U extends ParamsType, ValueType = "text">(props: CreekTableProps<T, U, ValueType>) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-table/TableOptionRender.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ParamsType } from '@ant-design/pro-components';
+import { OptionRenderCustom } from './type';
+export type TableOptionRenderProps<T extends ParamsType, U extends ParamsType, ValueType = 'text'> = {
+    defaultDom?: React.ReactNode[];
+    importConfig?: OptionRenderCustom;
+    exportConfig?: OptionRenderCustom;
+};
+export declare const TableOptionRender: <T extends ParamsType, U extends ParamsType, ValueType = "text">(props: TableOptionRenderProps<T, U, ValueType>) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-table/TableViewContent.d.ts

@@ -0,0 +1,4 @@
+import { ParamsType } from '@ant-design/pro-components';
+import { CreekTableProps } from './type';
+export type CreekTableViewRender<T extends ParamsType, U extends ParamsType, ValueType = 'text'> = CreekTableProps<T, U, ValueType>['tableViewRender'];
+export declare const TableViewContent: <T extends ParamsType, U extends ParamsType, ValueType = "text">(props: CreekTableProps<T, U, ValueType>) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-table/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useAdaptiveToolBar';
+export * from './useAutoAddFilterToColumns';
+export * from './useElementDistance';

package/dist/creek-table/hooks/useAdaptiveToolBar.d.ts

@@ -0,0 +1,9 @@
+import { MutableRefObject } from 'react';
+export declare const useAdaptiveToolBar: (options: {
+    containerRef: MutableRefObject<HTMLElement | null>;
+    prefixCls: string;
+    minLeftDistance?: number;
+    hysteresis?: number;
+}) => {
+    shouldCollapse: boolean;
+};

package/dist/creek-table/hooks/useAutoAddFilterToColumns.d.ts

@@ -0,0 +1,12 @@
+import { ParamsType, ProColumnType } from '@ant-design/pro-components';
+import { CreekTableProps } from '../type';
+interface UseAutoAddFilterToColumnsProps<T extends ParamsType, U extends ParamsType, ValueType = 'text'> {
+    columns: CreekTableProps<T, U, ValueType>['columns'];
+    autoAddFilterForColumn?: boolean;
+}
+interface UseAutoAddFilterToColumnsReturn<T extends ParamsType, U extends ParamsType, ValueType> {
+    columnsWithFilter: CreekTableProps<T, U, ValueType>['columns'];
+    getColumnKey: (column: ProColumnType<T, U>) => string;
+}
+export declare const useAutoAddFilterToColumns: <T extends ParamsType, U extends ParamsType, ValueType = "text">({ columns, autoAddFilterForColumn, }: UseAutoAddFilterToColumnsProps<T, U, ValueType>) => UseAutoAddFilterToColumnsReturn<T, U, ValueType>;
+export {};

package/dist/creek-table/hooks/useElementDistance.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type ElementRef = React.RefObject<HTMLElement>;
+interface Distance {
+    x: number;
+}
+export declare const useElementDistance: (element1Ref: ElementRef, element2Ref: ElementRef) => Distance | null;
+export {};

package/dist/creek-table/index.d.ts

@@ -0,0 +1,3 @@
+import { ParamsType } from '@ant-design/pro-components';
+import { CreekTableProps } from './type';
+export declare const CreekTable: <T extends ParamsType, U extends ParamsType, ValueType = "text">(props: CreekTableProps<T, U, ValueType>) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-table/toolBarRender.d.ts

@@ -0,0 +1,4 @@
+export declare const toolBarRender: (options: {
+    shouldCollapse: boolean;
+    restProps: any;
+}) => any;

package/dist/creek-table/type.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { ParamsType, ProTableProps } from '@ant-design/pro-components';
+export type OptionRenderCustom = {
+    text?: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+};
+export type CreekTableProps<T extends ParamsType, U extends ParamsType, ValueType = 'text'> = Omit<ProTableProps<T, U, ValueType>, 'search' | 'options'> & {
+    pageFixedBottom?: boolean;
+    pageFixedBottomConfig?: {
+        /** 底部保留空间（如固定在底部的元素高度），默认 0 */
+        bottomFix?: number;
+    };
+    options?: ProTableProps<T, U, ValueType>['options'] & {
+        importConfig?: OptionRenderCustom;
+        exportConfig?: OptionRenderCustom;
+    };
+    autoAddFilterForColumn?: boolean;
+};

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export * from './bg-center';
+export * from './creek-config-provider';
+export * from './creek-icon';
+export * from './creek-layout';
+export * from './creek-loading';
+export * from './creek-search';
+export * from './creek-table';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@creekjs/web-components",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -16,4 +16,4 @@
     "antd-style": "^3.7.1",
     "zustand": "^5.0.1"
   }
-}
+}

package/src/creek-search/CreekSearchContext.tsx

@@ -276,7 +276,7 @@ export const CreekSearchProvider = <T extends ParamsType, U extends ParamsType,
   const inputRef = useRef<any>(null);
 
   // 筛选条件配置
-  const filterOptions = columns?.filter((item) => item.search !== false || item.hideInSearch !== false);
+  const filterOptions = columns?.filter((item) => item.search !== false || item.hideInSearch !== true);
 
   // 获取valueType配置
   const getValueTypeConfig = (valueType?: ProColumnType<T, U>['valueType']) => {