@pisell/materials 6.8.16 → 6.8.17

package/es/components/date-picker/constants.d.ts

@@ -0,0 +1,39 @@
+import dayjs from 'dayjs';
+export declare const presetDetailMap: {
+    today: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    yesterday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    tomorrow: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    next_monday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_friday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    first_day_of_this_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_day_of_this_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    first_day_of_next_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_day_of_last_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+};

package/es/components/date-picker/hooks/useMediaQuery.d.ts

@@ -0,0 +1,2 @@
+declare const useMediaQuery: (query: string) => boolean;
+export default useMediaQuery;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const DatePicker: (props: any) => JSX.Element;
 export default DatePicker;

package/es/components/div/index.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface DivProps {
+    /** 基础类名，默认为 'div' */
+    baseClassName?: string;
+    /** 自定义类名，会与 baseClassName 合并 */
+    className?: string;
+    /** 渲染函数，优先级高于 children */
+    render?: () => React.ReactNode;
+    /** 子元素 */
+    children?: React.ReactNode;
+    /** 内联样式 */
+    style?: React.CSSProperties;
+    /** 收集其他需要传递给 div 的 props */
+    others?: any;
+    /** 其他自定义属性 */
+    [key: string]: any;
+}
+declare const _default: React.NamedExoticComponent<DivProps>;
+export default _default;

package/es/components/drag-sort-tree/TreeItem/index.d.ts

@@ -0,0 +1,18 @@
+import './index.less';
+import { ValueProps, SortType } from '../types';
+declare type IdType = string | number;
+declare type TreeItemProps = {
+    id: string | number;
+    key: string | number;
+    item: ValueProps | any;
+    depth: number;
+    lists: any[];
+    childrenProps?: SortType;
+    sensors?: any;
+    expandedKeys?: IdType[];
+    setExpandedKeys?: any;
+    onSelectKeys?: (ids: IdType) => void;
+    onChange?: (value: any[]) => void;
+};
+declare const TreeItem: (props: TreeItemProps) => JSX.Element;
+export default TreeItem;

package/es/components/drag-sort-tree/types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+declare type IdType = string | number;
+export declare type ValueProps = {
+    id: IdType;
+    title: string;
+    show?: boolean;
+    is_available?: boolean;
+    type_id?: number;
+    children?: ValueProps[];
+};
+export declare type SortType = {
+    value: ValueProps[];
+    rowKey: string;
+    className?: string | Function;
+    titleRender?: string | React.ReactElement;
+    hiddenDraggableIcon?: boolean;
+    hiddenRightIcon?: boolean;
+    hiddenWarningIcon?: boolean;
+    tabKey?: string;
+    hiddenKeys?: IdType[];
+    onHiddenChange?: (value: IdType[]) => void;
+    onChange?: (value: ValueProps[]) => void;
+};
+export {};

package/es/components/dropdown/index.d.ts

@@ -0,0 +1,2 @@
+declare const Dropdown: (props: any) => JSX.Element;
+export default Dropdown;

package/es/components/filter/components/Dropdown/index.js

@@ -13,14 +13,17 @@ import FilterItem from "../FilterItem";
 import { Tooltip } from 'antd';
 import MultipleContainersSortList from "../../../MultipleContainersSortList";
 import { getText } from "../../../../locales";
-var titleMap = {
-  quickFilter: getText('table-action-filter-quick-filter'),
-  otherFilter: getText('table-action-filter-other-filter')
-};
-var tooltipMap = {
-  quickFilter: getText('table-action-filter-quick-filter-tip'),
-  otherFilter: getText('table-action-filter-other-filter-tip')
-};
+
+// const titleMap: Record<string, any> = {
+//   quickFilter: getText('table-action-filter-quick-filter'),
+//   otherFilter: getText('table-action-filter-other-filter'),
+// };
+
+// const tooltipMap: Record<string, any> = {
+//   quickFilter: getText('table-action-filter-quick-filter-tip'),
+//   otherFilter: getText('table-action-filter-other-filter-tip'),
+// };
+
 var DragItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var attributes = props.attributes,
     listeners = props.listeners,
@@ -44,6 +47,8 @@ var DragItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 var Dropdown = function Dropdown(props) {
   var quickFilter = props.quickFilter,
+    hiddenQuickFilter = props.hiddenQuickFilter,
+    hiddenOtherFilter = props.hiddenOtherFilter,
     otherFilter = props.otherFilter,
     onChange = props.onChange,
     quickFilterMaxLength = props.quickFilterMaxLength,
@@ -52,14 +57,26 @@ var Dropdown = function Dropdown(props) {
     _onClose = props.onClose,
     renderItem = props.renderItem;
   var list = useMemo(function () {
-    return {
-      quickFilter: quickFilter || [],
-      otherFilter: otherFilter || []
-    };
-  }, [quickFilter, otherFilter]);
+    var _list = {};
+    if (!hiddenQuickFilter) {
+      _list.quickFilter = quickFilter || [];
+    }
+    if (!hiddenOtherFilter) {
+      _list.otherFilter = otherFilter || [];
+    }
+    return _list;
+  }, [quickFilter, otherFilter, hiddenQuickFilter, hiddenOtherFilter]);
   var handleSortChange = function handleSortChange(list) {
     onChange === null || onChange === void 0 || onChange(list);
   };
+  var titleMap = {
+    quickFilter: getText('table-action-filter-quick-filter'),
+    otherFilter: getText('table-action-filter-other-filter')
+  };
+  var tooltipMap = {
+    quickFilter: getText('table-action-filter-quick-filter-tip'),
+    otherFilter: getText('table-action-filter-other-filter-tip')
+  };
   var renderContainer = useCallback(function (_ref) {
     var children = _ref.children,
       ref = _ref.ref,

package/es/components/filter/components/Dropdown/types.d.ts

@@ -1,7 +1,9 @@
-import { FilterItemProps } from "../../types";
+import { FilterItemProps } from '../../types';
 export interface DropdownProps {
     quickFilter: FilterItemProps[];
     otherFilter: FilterItemProps[];
+    hiddenQuickFilter?: boolean;
+    hiddenOtherFilter?: boolean;
     onChange: (list: {
         quickFilter: FilterItemProps[];
         otherFilter: FilterItemProps[];

package/es/components/filter/components/FilterButton/index.js

@@ -18,10 +18,13 @@ import { getText } from "../../../../locales";
 import { isMobile } from "../../../../utils/platform";
 var Filter = function Filter(_ref) {
   var value = _ref.value,
+    hiddenQuickFilter = _ref.hiddenQuickFilter,
+    hiddenOtherFilter = _ref.hiddenOtherFilter,
     onChange = _ref.onChange,
     quickFilterMaxLength = _ref.quickFilterMaxLength,
     formFiltersPrefix = _ref.formFiltersPrefix,
-    renderItem = _ref.renderItem;
+    renderItem = _ref.renderItem,
+    placement = _ref.placement;
   var ref = useRef(null);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -43,6 +46,8 @@ var Filter = function Filter(_ref) {
   };
   var content = useMemo(function () {
     return /*#__PURE__*/React.createElement(Dropdown, {
+      hiddenQuickFilter: hiddenQuickFilter,
+      hiddenOtherFilter: hiddenOtherFilter,
       quickFilter: quickFilter,
       otherFilter: otherFilter,
       onChange: handleChange,
@@ -56,7 +61,7 @@ var Filter = function Filter(_ref) {
       },
       renderItem: renderItem
     });
-  }, [quickFilter, otherFilter, quickFilterMaxLength, formFiltersPrefix, renderItem]);
+  }, [quickFilter, hiddenQuickFilter, hiddenOtherFilter, otherFilter, quickFilterMaxLength, formFiltersPrefix, renderItem]);
   var isMobileBool = isMobile();
   return /*#__PURE__*/React.createElement("div", {
     ref: ref
@@ -77,7 +82,8 @@ var Filter = function Filter(_ref) {
         return;
       }
       setOpen(visible);
-    }
+    },
+    placement: placement
   }, /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(FilterLines, null),
     size: "large"

package/es/components/filter/components/FilterButton/types.d.ts

@@ -1,13 +1,16 @@
 /// <reference types="react" />
-import { FilterItemProps } from "../../types";
+import { FilterItemProps } from '../../types';
 export declare type FilterValueType = {
     quickFilter: FilterItemProps[];
     otherFilter: FilterItemProps[];
 };
 export declare type FilterListProps = {
     value?: FilterValueType;
+    hiddenQuickFilter?: boolean;
+    hiddenOtherFilter?: boolean;
     onChange?: (value: FilterValueType) => void;
     quickFilterMaxLength: number;
     formFiltersPrefix: string;
     renderItem?: (item: any, otherProps?: any) => React.ReactNode;
+    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
 };

package/es/components/filter/components/items/index.d.ts

@@ -0,0 +1,41 @@
+export declare const fieldMaps: {
+    text: {
+        field: {
+            field_icon: string;
+            field_name: string;
+            field_type: string;
+            default_value: string;
+        };
+        Preview: (props: any) => JSX.Element;
+        Editor: () => JSX.Element;
+    };
+};
+export declare const fieldList: {
+    field_icon: string;
+    field_name: string;
+    field_type: string;
+    default_value: string;
+}[];
+export declare const getFieldByType: (type: string) => {
+    field: {
+        field_icon: string;
+        field_name: string;
+        field_type: string;
+        default_value: string;
+    };
+    Preview: (props: any) => JSX.Element;
+    Editor: () => JSX.Element;
+};
+declare const _default: {
+    text: {
+        field: {
+            field_icon: string;
+            field_name: string;
+            field_type: string;
+            default_value: string;
+        };
+        Preview: (props: any) => JSX.Element;
+        Editor: () => JSX.Element;
+    };
+};
+export default _default;

package/es/components/filter/components/items/text/Editor/index.d.ts

@@ -0,0 +1,2 @@
+declare const Text: () => JSX.Element;
+export default Text;

package/es/components/filter/components/items/text/Preview/index.d.ts

@@ -0,0 +1,2 @@
+declare const Text: (props: any) => JSX.Element;
+export default Text;

package/es/components/filter/components/items/text/index.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    field: {
+        field_icon: string;
+        field_name: string;
+        field_type: string;
+        default_value: string;
+    };
+    Preview: (props: any) => JSX.Element;
+    Editor: () => JSX.Element;
+};
+export default _default;

package/es/components/icon/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface IconProps {
+    type: string;
+    className?: string;
+    size?: number;
+    color?: string;
+    rotate?: number;
+    spin?: boolean;
+    style?: React.CSSProperties;
+}
+declare const _default: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<any>>;
+export default _default;

package/es/components/iconSelect/utils.d.ts

@@ -0,0 +1,14 @@
+export declare type IconGroup = 'outlined' | 'filled' | 'two-tone' | 'iconfont';
+export declare function get(obj: any, path: string, defaultValue?: any): any;
+export declare function getAntdIconList(): ({
+    name: any;
+    group: "filled" | "outlined" | "two-tone";
+    icon: any;
+} | null)[];
+interface IconItem {
+    name: string;
+    group: IconGroup;
+    icon: any;
+}
+export declare function getIconList(): IconItem[];
+export {};

package/es/components/image/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ImageProps as AntdImageProps } from 'antd';
+export interface ImageProps extends Omit<AntdImageProps, 'placeholder'> {
+    /**
+     * 占位图类型
+     */
+    fallbackType?: 'image' | 'avatar' | 'product';
+}
+declare const Image: React.FC<ImageProps>;
+export default Image;

package/es/components/input/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { InputProps, InputRef } from "antd";
+declare const OriginalGroup: import("react").FC<import("antd/es/input").GroupProps>, OriginalTextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>, OriginalPassword: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<InputRef>>, OriginalSearch: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<InputRef>>;
+declare type CompoundedComponent = React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> & {
+    Group: typeof OriginalGroup;
+    Search: typeof OriginalSearch;
+    TextArea: typeof OriginalTextArea;
+    Password: typeof OriginalPassword;
+};
+declare const Input: CompoundedComponent;
+export default Input;

package/es/components/input-number-range/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { InputNumberProps } from "antd/es/input-number";
+declare type ValueType = {
+    max: number | null;
+    min: number | null;
+};
+declare type InputNumberRangeProps = {
+    value?: ValueType;
+    onChange?: (value: ValueType) => void;
+    minInputNumberProps?: Omit<InputNumberProps<number>, "value" | "onChange">;
+    maxInputNumberProps?: Omit<InputNumberProps<number>, "value" | "onChange">;
+    separator?: React.ReactNode;
+};
+declare const InputNumberRange: React.FC<InputNumberRangeProps>;
+export default InputNumberRange;

package/es/components/keyboard/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import './index.less';
+export declare type ItemValue = string | number;
+export interface Item {
+    value: ItemValue;
+    label: React.ReactNode;
+    disabled: boolean;
+    type: 'text' | 'primary';
+    style?: React.CSSProperties;
+    size?: number;
+}
+export interface KeyboardProps {
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (value?: ItemValue) => void;
+    items?: Item[];
+    rightItems?: Item[];
+    keydown?: boolean;
+}
+declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
+export default _default;

package/es/components/modal/index.d.ts

@@ -0,0 +1,2 @@
+declare const Modal: any;
+export default Modal;

package/es/components/page-header/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.less';
+interface PageHeaderProps {
+    title?: React.ReactNode;
+    showTitle?: boolean;
+    subTitle?: React.ReactNode;
+    showSubTitle?: boolean;
+    showDivider?: boolean;
+    extra?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const PageHeader: (props: PageHeaderProps) => JSX.Element | null;
+export default PageHeader;

package/es/components/pisell-config-provider/context.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export interface PisellContextType {
+    platform: 'h5' | 'pc' | 'ipad';
+    /** 货币符号 */
+    symbol?: string;
+    /** 当前语言环境 */
+    locale?: string;
+    /** 获取货币符号 */
+    getSymbolic?: () => string;
+}
+export declare const PisellContext: import("react").Context<PisellContextType>;
+/**
+ * provider外获取当前全局配置
+ */
+declare class GlobalConfig {
+    private config;
+    constructor();
+    setConfig(config: PisellContextType): void;
+    getConfig(): PisellContextType;
+}
+export declare const globalConfig: GlobalConfig;
+export default PisellContext;

package/es/components/pisell-config-provider/hooks/usePisellConfig.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 获取当前pisell全局配置
+ */
+declare const usePisellConfig: () => import("../context").PisellContextType;
+export default usePisellConfig;

package/es/components/pisell-config-provider/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PisellContextType } from './context';
+interface PisellConfigProviderType {
+    platform?: PisellContextType['platform'];
+    children: React.ReactNode;
+    /** 货币符号 */
+    symbol?: string;
+    /** 当前语言环境 */
+    locale?: string;
+    getSymbolic?: () => string;
+}
+declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
+export default PisellConfigProvider;

package/es/components/pisellAdjustPrice/PisellAdjustPriceInputNumber.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputNumberProps } from 'antd/es/input-number';
 export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps, 'onChange'> {
     value?: number;

package/es/components/pisellAdjustPrice/status.d.ts

@@ -0,0 +1,32 @@
+export declare const defaultConfig: {
+    dark: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        isShowMainText: boolean;
+        mainTextColor: string;
+        isShowSubText: boolean;
+        subTextColor: string;
+    };
+    light: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        isShowMainText: boolean;
+        mainTextColor: string;
+        isShowSubText: boolean;
+        subTextColor: string;
+    };
+};

package/es/components/pisellAdjustPrice/type.d.ts

@@ -0,0 +1,22 @@
+export interface PisellAdjustPriceProps {
+    value?: number;
+    originValue: number;
+    defaultValue?: number;
+    onChange?: (val: number) => void;
+    selectType?: 'light' | 'dark';
+    backgroundColor?: string;
+    containerBackgroundColor?: string;
+    buttonBackgroundColor?: string;
+    textColor?: string;
+    resetButtonBackgroundColor?: string;
+    resetButtonTextColor?: string;
+    isDoneButtonFollowTheme?: boolean;
+    doneButtonBackgroundColor?: string;
+    doneButtonTextColor?: string;
+    isShowMainText?: boolean;
+    mainTextColor?: string;
+    isShowSubText?: boolean;
+    subTextColor?: string;
+    resetText?: string;
+    doneText?: string;
+}

package/es/components/pisellAppCard/types.d.ts

@@ -0,0 +1,34 @@
+import { CSSProperties } from 'react';
+export interface PisellAppCardProps {
+    /** 类名 */
+    className?: string;
+    /** 样式 */
+    style?: CSSProperties;
+    /** 头像地址 */
+    avatar?: string;
+    /** icon */
+    icon?: string;
+    /** 标签列表 */
+    tags?: Array<{
+        label: string;
+        color?: 'success' | 'warning' | 'error' | 'gray';
+        type: 'pill_color' | 'pill_outline';
+    }>;
+    /** 标题 */
+    title: string;
+    /** 描述 */
+    description?: string;
+    /** 底部按钮列表 */
+    bottomButtons?: Array<{
+        label: string;
+        onClick?: () => void;
+        type?: 'primary' | 'default' | 'dashed' | 'link' | 'text';
+        hidden: boolean;
+    }>;
+    /** 右侧更多操作列表 */
+    moreActions?: Array<{
+        label: string;
+        onClick?: () => void;
+        icon?: React.ReactNode;
+    }>;
+}

package/es/components/pisellBatchActionBar/PisellBatchActionBar.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { PisellBatchActionBarProps } from './types';
+import './PisellBatchActionBar.less';
+/**
+ * PisellBatchActionBar 批量操作栏组件
+ *
+ * @description 选择感知型的批量操作组件，用于承载基于选中对象的批量行为操作
+ * @author Pisell Team
+ * @version 1.0.0
+ *
+ * @example
+ * ```tsx
+ * <PisellBatchActionBar
+ *   selectedKeys={selectedKeys}
+ *   selectedRows={selectedRows}
+ *   total={total}
+ *   defaultActions={{
+ *     selectAll: true,
+ *     clear: true,
+ *   }}
+ *   onSelectAll={() => {
+ *     // 全选逻辑
+ *   }}
+ *   onClear={() => {
+ *     // 清空选择逻辑
+ *   }}
+ * />
+ * ```
+ */
+declare const PisellBatchActionBar: React.FC<PisellBatchActionBarProps>;
+export default PisellBatchActionBar;