@pisell/materials 3.3.41 → 3.3.43

package/lib/components/table/Table/fields/date/filterUtil/index.js

@@ -40,14 +40,17 @@ function filterUtil_default({
   key,
   item
 }) {
-  if (!value) return true;
+  if (!value)
+    return true;
   const valueDayjsObj = (0, import_dayjs.default)(value);
   if (!valueDayjsObj.isValid()) {
     return true;
   }
   const dataValue = (0, import_utils2.getValueByKeys)(item, key);
-  if ((0, import_utils.isUndefined)(dataValue)) return false;
+  if ((0, import_utils.isUndefined)(dataValue))
+    return false;
   const dataDayjsObj = (0, import_dayjs.default)(dataValue);
-  if (!dataDayjsObj.isValid()) return false;
+  if (!dataDayjsObj.isValid())
+    return false;
   return dataDayjsObj.isSame(valueDayjsObj, "day");
 }

package/lib/components/table/Table/fields/rangePicker/filterUtil/index.js

@@ -43,15 +43,19 @@ function filterUtil_default({
   key,
   item
 }) {
-  if (!value) return true;
-  if ((value == null ? void 0 : value.length) !== 2) return true;
+  if (!value)
+    return true;
+  if ((value == null ? void 0 : value.length) !== 2)
+    return true;
   const valueDayjsObj = value.map((item2) => (0, import_dayjs.default)(item2 || ""));
   if (valueDayjsObj.some((item2) => !item2.isValid())) {
     return true;
   }
   const dataValue = (0, import_utils2.getValueByKeys)(item, key);
-  if ((0, import_utils.isUndefined)(dataValue)) return false;
+  if ((0, import_utils.isUndefined)(dataValue))
+    return false;
   const dataDayjsObj = (0, import_dayjs.default)(dataValue);
-  if (!dataDayjsObj.isValid()) return false;
+  if (!dataDayjsObj.isValid())
+    return false;
   return isDateInRange(dataDayjsObj, valueDayjsObj);
 }

package/lib/components/table/Table/fields/utils/index.js

@@ -25,7 +25,8 @@ module.exports = __toCommonJS(utils_exports);
 var import_utils = require("@pisell/utils");
 var getValueByKeys = (obj, keys) => {
   var _a;
-  if (!keys) return keys;
+  if (!keys)
+    return keys;
   if ((0, import_utils.isString)(keys)) {
     keys = [keys];
   }

package/lib/components/table/Table/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.NamedExoticComponent<any>;
+export default _default;

package/lib/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
+}) => ("filter_setting" | "view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lib/components/table/types.d.ts

@@ -0,0 +1,251 @@
+import { FilterType } from "../filter/types";
+import { SortItemProps } from "../sort/types";
+import React from "react";
+export declare type StorageMode = "" | "localStorage";
+/**
+ * 排序总配置
+ */
+export declare type SortType = {
+    /** 排序是否展示 */
+    show: boolean;
+    /** 排序存储模式 */
+    storageMode: StorageMode;
+    list: SortItemProps[];
+};
+/**
+ * 列展示总配置
+ */
+export declare type ColumnSettingType = {
+    /** 列设置是否展示 */
+    show: boolean;
+    /** 列设置存储模式 */
+    storageMode: StorageMode;
+};
+declare type DataSourceListItemType = {
+    isCustom: boolean;
+    columnKey?: string;
+    label?: string;
+    name?: string | string[];
+    isHidden?: boolean;
+};
+/**
+ * 数据源分组总配置
+ */
+export declare type DataSourceGroupType = {
+    /** 分组设置是否展示 */
+    show: boolean;
+    /** 分组设置存储模式 */
+    storageMode: StorageMode;
+    /**  */
+    list: DataSourceListItemType[];
+};
+/**
+ * Gallery封面总配置
+ */
+declare type GalleryCoverType = {
+    /** 封面是否展示 */
+    show: boolean;
+    /**
+     * 封面图片可以使用的字段
+     */
+    fields: string[];
+    /**
+     * 封面高度
+     */
+    height: number;
+    /** 图片裁剪方式 */
+    objectFit: "fill" | "cover";
+};
+/**
+ * Gallery标题总配置
+ */
+declare type GalleryTitleType = {
+    /** 标题使用的字段 */
+    field: string;
+    /** 标题行数 */
+    line: number;
+};
+/**
+ * Gallery头部区域总配置
+ */
+declare type GalleryHeaderType = {
+    /** 头部区域插槽 */
+    slot?: (record: Record<string, any>, index: number) => React.ReactNode;
+    /** 头部区域其他字段设置 */
+    fields: {
+        /** 头部区域其他字段是否展示 */
+        show: boolean;
+        /** 头部区域其他字段 */
+        list: string[];
+    };
+};
+/**
+ * Gallery内容区域总配置
+ */
+declare type GalleryContentType = {
+    /** 内容区域字段配置 */
+    fields: {
+        columnKey: string;
+        show: boolean;
+    }[];
+};
+export declare type GallerySettingValueType = {
+    coverField: string | "noCover";
+    coverObjectFit: "fill" | "cover";
+    compactMode: "default" | "compact";
+    isShowLabel: boolean;
+};
+/**
+ * Gallery底部区域总配置
+ */
+declare type GalleryFooterType = {
+    /** 底部区域自定义渲染 */
+    render: (record: Record<string, any>, index: number) => React.ReactNode;
+    /** 底部区域高度 */
+    height: number;
+};
+/**
+ * Gallery模式总配置
+ */
+export declare type GallerySettingType = {
+    /** 卡片最小宽度 */
+    cardMinWidth: number;
+    /** 卡片最大宽度 */
+    cardMaxWidth: number;
+    /** 水平间隔 */
+    horizontalGutter: number;
+    /** 垂直间隔 */
+    verticalGutter: number;
+    /** 封面配置 */
+    cover: GalleryCoverType;
+    /** 标题配置 */
+    title: GalleryTitleType;
+    /** 头部区域 */
+    header: GalleryHeaderType;
+    /** 内容区域 */
+    content: GalleryContentType;
+    /** 固定高度 */
+    fixedHeight: boolean;
+    /** 固定的卡片高度 */
+    cardHeight: number;
+    /** 固定顶部 */
+    fixedHeader: boolean;
+    /** 固定底部 */
+    fixedFooter: boolean;
+    /** 底部区域 */
+    footer: GalleryFooterType;
+    /** 卡片点击时间 */
+    onItem: (record: Record<string, any>, index: number) => void;
+};
+/** 视图模式 */
+export declare type ModeType = "grid" | "gallery" | "kanban";
+/**
+ * 视图模式总配置
+ */
+export declare type GridViewType = {
+    /** 默认视图模式 */
+    defaultViewMode: ModeType;
+    /** 开启多视图模式可进行页面内转换 */
+    multiple: boolean;
+    /** 当前可用的视图模式列表 */
+    modeList: ModeType[];
+};
+declare type SortDetail = {
+    fromIndex: number;
+    toIndex: number;
+    dataSource: Record<string, any>[];
+    fromId: number | string;
+    toId: number | string;
+    fromItem: Record<string, any>;
+    toItem: Record<string, any>;
+};
+/** 导入导出模式 */
+export declare type ExportImportModeType = "import" | "export" | "export_file" | "import_log";
+/**
+ * @title: 导出导入api
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-11 15:44
+ */
+export declare type ApiProps = {
+    export?: string;
+    import?: string;
+    export_file: string;
+    import_log?: string;
+    template?: string;
+};
+/**
+ * 导入导出配置
+ */
+export declare type ExportImportType = {
+    /** 是否展示 */
+    show: boolean;
+    /** 当前所选项 */
+    selectLists: string[];
+    /** 导入模版链接 */
+    templateFileUrl: string;
+    /** 标题 */
+    title: string;
+    hiddenKeys?: string[];
+    apiUrl?: ApiProps;
+    otherParams?: any;
+};
+export declare type GridViewProps = {
+    columns: any;
+    dataSource: any[];
+    dispatch: any;
+    /**
+     * 画册模式的配置
+     */
+    gallery: GallerySettingType;
+    /**
+     * 视图设置
+     */
+    view: GridViewType;
+    style: React.CSSProperties;
+    pagination: any;
+    filter: FilterType;
+    buttons: React.ReactNode | any[];
+    actionButtons: any;
+    sort: SortType;
+    title?: React.ReactNode | (() => React.ReactNode);
+    showTitle?: boolean;
+    subTitle?: React.ReactNode | (() => React.ReactNode);
+    showSubTitle?: boolean;
+    exportImport: ExportImportType;
+    onValuesChange: (changedValues: any, values: any) => void;
+    summary: any;
+    utils: any;
+    rowKey: ((record: Record<string, any>) => string) | string;
+    columnSetting?: ColumnSettingType;
+    dataSourceGroup?: DataSourceGroupType;
+    loading: boolean;
+    dragSort: boolean;
+    onSortChange?: (detail: SortDetail) => boolean;
+    __id?: string;
+    __designMode?: "design";
+    /**
+     * 当前本地配置的key 用此hash是否改变用来判断是否清空本地配置 不填默认使用columns数据生成hash
+     */
+    currentSettingKey?: string;
+    /**
+    * 当前本地配置的唯一值, 不填默认使用currentSettingKey
+    */
+    currentComponentId?: string;
+    /**
+     * 当前表格中数据发生变化事件 包含本地筛选和外部传入数据变化
+     * @param currentDataSource
+     */
+    onDataSourceChange?: (currentDataSource: Record<string, any>[]) => void;
+    tabs: {
+        show: boolean;
+        type: 'default' | 'button' | 'buttonGroup' | 'dropdown';
+        items: {
+            name: string;
+            filterBy?: Record<string, any>;
+            sortBy?: string;
+        }[];
+    };
+};
+export {};

package/lib/components/versionModal/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Version } from '../versionSelect';
+import './index.less';
+interface PublishVersionModalProps {
+    visible: boolean;
+    currentVersion: string;
+    onCancel: () => void;
+    onConfirm: (data: VersionData) => void;
+    isShowNote?: boolean;
+    confirmLoading?: boolean;
+    versions?: Version[];
+    isShowBasedOn?: boolean;
+    isShowCurrentVersion?: boolean;
+    isValidateVersion?: boolean;
+}
+interface VersionData {
+    version: string;
+    note: string;
+    baseVersion?: string;
+    versionType?: string;
+}
+declare const PublishVersionModal: React.FC<PublishVersionModalProps>;
+export default PublishVersionModal;

package/lib/components/virtual-keyboard/Amount/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { BaseNumberKeyboardProps } from '../BaseNumberKeyboard';
+export interface AmountProps {
+    max?: number;
+    min?: number;
+    doneText?: string;
+    resetText?: string;
+    defaultValue?: string | number;
+    placeholder?: string;
+    amountProps?: {
+        showCurrencySymbol: boolean;
+        useThousandsSeparator: boolean;
+    };
+    presets?: BaseNumberKeyboardProps['presets'];
+    value?: string | number;
+    onChange?: (val: string | number) => void;
+    onEnter?: (val: string | number) => void;
+    defaultSelect?: boolean;
+    inputFormat?: (_v: string) => React.ReactNode | null;
+}
+declare const Amount: (props: AmountProps) => JSX.Element;
+export default Amount;

package/lib/components/virtual-keyboard/Keyboard/index.d.ts

@@ -0,0 +1,21 @@
+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 {
+    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/lib/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -0,0 +1,11 @@
+import { InputProps } from 'antd';
+import './index.less';
+export interface VirtualKeyInputProps extends InputProps {
+    previewValue?: string;
+    renderInput?: (props: any) => any;
+    showDelete?: boolean;
+    onValueSelect?: (selected: boolean) => void;
+    defaultSelect?: boolean;
+}
+declare const VirtualKeyInput: (props: VirtualKeyInputProps) => JSX.Element;
+export default VirtualKeyInput;

package/lib/hooks/useResponsive.js

@@ -35,7 +35,8 @@ var responsiveConfig = {
 function handleResize() {
   const oldInfo = info;
   calculate();
-  if (oldInfo === info) return;
+  if (oldInfo === info)
+    return;
   for (const subscriber of subscribers) {
     subscriber();
   }
@@ -57,7 +58,8 @@ function calculate() {
 }
 function configResponsive(config) {
   responsiveConfig = config;
-  if (info) calculate();
+  if (info)
+    calculate();
 }
 function useResponsive() {
   if (import_utils.isBrowser && !listening) {
@@ -68,7 +70,8 @@ function useResponsive() {
   }
   const [state, setState] = (0, import_react.useState)(info);
   (0, import_react.useEffect)(() => {
-    if (!import_utils.isBrowser) return;
+    if (!import_utils.isBrowser)
+      return;
     if (!listening) {
       window.addEventListener("resize", handleResize);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "3.3.41",
+  "version": "3.3.43",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -71,9 +71,9 @@
     "swiper": "^8.4.7",
     "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
+    "@pisell/date-picker": "3.0.4",
     "@pisell/utils": "3.0.0",
-    "@pisell/icon": "0.0.11",
-    "@pisell/date-picker": "3.0.4"
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/dataSourceComponents/dataSourceMenu/Basic.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { PisellMenuProps } from '../../pisellMenu/types';
-/**
- * @title: 数据源表单组件
- * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
- */
-declare const DataSourceMenu: React.ForwardRefExoticComponent<PisellMenuProps & React.RefAttributes<any>>;
-export default DataSourceMenu;

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

@@ -1,19 +0,0 @@
-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/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts

@@ -1,9 +0,0 @@
-import type { UniqueIdentifier } from '@dnd-kit/core';
-import React from 'react';
-import { Props as TreeItemProps } from './TreeItem';
-interface Props extends TreeItemProps {
-    id: UniqueIdentifier;
-    __designMode?: string;
-}
-declare const _default: React.MemoExoticComponent<({ id, depth, ...props }: Props) => JSX.Element>;
-export default _default;

package/es/components/pisellDraggable/components/TreeItem/TreeItem.d.ts

@@ -1,24 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import type { TreeItem as TreeItemType } from '../../types';
-import './TreeItem.less';
-export interface Props extends Omit<HTMLAttributes<HTMLLIElement>, 'id'> {
-    childCount?: number;
-    clone?: boolean;
-    collapsed?: boolean;
-    depth: number;
-    disableInteraction?: boolean;
-    disableSelection?: boolean;
-    ghost?: boolean;
-    handleProps?: any;
-    indicator?: boolean;
-    indentationWidth: number;
-    onCollapse?(): void;
-    onRemove?(): void;
-    wrapperRef?(node: HTMLLIElement): void;
-    item: TreeItemType;
-    renderItem?(item: Props, ref: React.ForwardedRef<HTMLDivElement>): React.ReactNode;
-    __designMode?: string;
-    isBlocked?: boolean;
-    isError?: boolean;
-}
-export declare const TreeItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

package/es/components/pisellDraggable/components/TreeItem/index.d.ts

@@ -1,2 +0,0 @@
-export { TreeItem } from './TreeItem';
-export { default as SortableTreeItem } from './SortableTreeItem';

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

@@ -1,35 +0,0 @@
-/**
- * 可拖拽树形组件
- * 基于@dnd-kit库实现，支持拖拽排序、展开折叠、删除等功能
- */
-import { UniqueIdentifier } from '@dnd-kit/core';
-import React from 'react';
-import type { FlattenedItem, TreeItem, TreeItems } from './types';
-import type { Props as TreeItemProps } from './components/TreeItem/TreeItem';
-interface Props {
-    /** 是否支持折叠功能 */
-    collapsible?: boolean;
-    /** 初始树形数据，默认使用 initialItems */
-    value?: TreeItems;
-    /** 缩进宽度，控制子节点的缩进距离 */
-    indentationWidth?: number;
-    /** 是否显示拖拽指示器 */
-    indicator?: boolean;
-    /** 是否支持删除节点功能 */
-    removable?: boolean;
-    /** 自定义渲染树节点 */
-    renderItem?: (item: TreeItemProps, ref: React.RefObject<HTMLDivElement>) => React.ReactNode;
-    /** 树形数据变化回调 */
-    onChange?: (items: TreeItems) => void;
-    /** 删除节点前 */
-    onRemoveBefore?: (item: TreeItem) => Promise<boolean>;
-    /** 设计模式 */
-    __designMode?: string;
-    /** 最大层级 */
-    maxLevel?: number;
-    /** 自定义拖拽判断函数，返回false时阻止拖拽 */
-    canDrop?: (dragItem: FlattenedItem, dropTarget: FlattenedItem, parentId: UniqueIdentifier | null, parentNode: any) => boolean;
-}
-export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, canDrop, }: Props): JSX.Element;
-declare const Demo: (props: Props) => JSX.Element;
-export default Demo;

package/es/components/pisellDropSort/PisellDropSort.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { PisellDropSortProps } from './types';
-import './PisellDropSort.less';
-declare const PisellDropSort: React.FC<PisellDropSortProps>;
-export default PisellDropSort;

package/es/components/pisellDropSort/components/SortableItem/index.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import type { Props as TreeItem } from '../../../pisellDraggable/components/TreeItem/TreeItem';
-import './index.less';
-interface SortableItemProps {
-    itemProps: TreeItem;
-    render?: (itemProps: TreeItem) => React.ReactNode;
-    domRef: React.RefObject<HTMLDivElement>;
-    allowAddChild?: boolean;
-    allowDelete?: boolean;
-    allowIsShow?: boolean;
-    allowDrag?: boolean;
-    disabled?: boolean;
-    onAdd?: (itemProps: TreeItem) => void;
-    onDelete?: (itemProps: TreeItem) => void;
-    showBorder?: boolean;
-    spacing?: number;
-    maxLevel?: number;
-    /** 设计模式 */
-    __designMode?: string;
-    /** 是否自定义操作 */
-    isCustomAction?: boolean;
-    /** 获取item样式 */
-    getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
-}
-declare const SortableItem: (props: SortableItemProps) => JSX.Element;
-export default SortableItem;

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

@@ -1,58 +0,0 @@
-import { CSSProperties } from 'react';
-import type { Props as TreeItem } from '../pisellDraggable/components/TreeItem/TreeItem';
-import type { TreeItem as TreeItemType } from '../pisellDraggable/types';
-export interface DropSortItem extends TreeItemType {
-    [key: string]: any;
-}
-export interface PisellDropSortProps {
-    /** value */
-    value: DropSortItem[];
-    /** 允许拖拽 */
-    allowDrag?: boolean;
-    /** 允许删除 */
-    allowDelete?: boolean;
-    /** 允许添加子节点 */
-    allowAddChild?: boolean;
-    /** 允许添加根节点 */
-    allowAddRoot?: boolean;
-    /** 是否允许显示隐藏 */
-    allowIsShow?: boolean;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 节点间距 */
-    spacing?: number;
-    /** 最大层级数 */
-    maxLevel?: number;
-    /** 是否显示边框 */
-    showBorder?: boolean;
-    /** 样式 */
-    style?: CSSProperties;
-    /** 类名 */
-    className?: string;
-    /** 数据源变化回调 */
-    onChange?: (items: DropSortItem[]) => void;
-    /** 删除节点回调 */
-    onDelete?: (itemProps: TreeItem) => void;
-    /** 添加节点回调 */
-    onAdd?: (itemProps: TreeItem) => void;
-    /** 自定义渲染节点 */
-    renderItem?: (itemProps: TreeItem) => React.ReactNode;
-    /** 添加根节点回调 */
-    onAddRoot?: () => void;
-    /** 左侧自定义内容 */
-    leftContent?: React.ReactNode;
-    /** 右侧自定义内容 */
-    rightContent?: React.ReactNode;
-    /** 空状态自定义内容 */
-    emptyContent?: React.ReactNode;
-    /** 设计模式 */
-    __designMode?: string;
-    /** 是否自定义操作 */
-    isCustomAction?: boolean;
-    /** 获取item样式 */
-    getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
-    /** 自定义拖拽判断函数，返回false时阻止拖拽 */
-    canDrop?: (dragItem: DropSortItem, dropTarget: DropSortItem, parentId: string | number | null) => boolean;
-    /** 节点缩进宽度 */
-    indentationWidth?: number;
-}

package/es/components/pisellMenu/PisellMenu.d.ts

@@ -1,11 +0,0 @@
-import { Menu as AntdMenu } from 'antd';
-import React from 'react';
-import './PisellMenu.less';
-import type { PisellMenuProps } from './types';
-declare type PisellMenuComponent = React.FC<PisellMenuProps> & {
-    Item: typeof AntdMenu.Item;
-    SubMenu: typeof AntdMenu.SubMenu;
-    ItemGroup: typeof AntdMenu.ItemGroup;
-};
-declare const PisellMenu: PisellMenuComponent;
-export default PisellMenu;