@pisell/materials 1.0.770 → 1.0.772

package/es/components/productCard/components/Time/index.js

@@ -54,7 +54,7 @@ var Time = function Time(_ref) {
         className: "".concat(prefix, "product-holder-wrap")
       }, holder_title);
     }
-  }, [isShowHolder, holder_id, holder_title, holderMode, holders, isShowAddHolderButton]);
+  }, [isShowHolder, holder_id, holder_title, holderMode, holders, isShowAddHolderButton, isShowChangeHolder]);
   var likeCom = useCallback(function (status, item) {
     return /*#__PURE__*/React.createElement(Like, {
       style: {
@@ -80,7 +80,7 @@ var Time = function Time(_ref) {
       resourceMode: item.resourceMode,
       maxLength: item.maxLength
     }));
-  }, []);
+  }, [isShowChangeResource]);
   var likeAndResourceCom = useMemo(function () {
     if ((multiResources === null || multiResources === void 0 ? void 0 : multiResources.length) > 0) {
       return multiResources.map(function (resourceItem) {

package/lib/components/productCard/components/Time/index.js

@@ -90,7 +90,8 @@ var Time = ({
     holder_title,
     holderMode,
     holders,
-    isShowAddHolderButton
+    isShowAddHolderButton,
+    isShowChangeHolder
   ]);
   const likeCom = (0, import_react.useCallback)((status, item2) => {
     return /* @__PURE__ */ import_react.default.createElement(
@@ -107,23 +108,26 @@ var Time = ({
       }
     );
   }, []);
-  const resourceCom = (0, import_react.useCallback)((item2) => {
-    if (!isShowChangeResource) {
-      return item2 == null ? void 0 : item2.name;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_SelectResource.default,
-      {
-        ...item2,
-        lists: item2 == null ? void 0 : item2.lists,
-        value: item2 == null ? void 0 : item2.id,
-        allowClear: item2 == null ? void 0 : item2.allowClear,
-        onChange: changeResource,
-        resourceMode: item2.resourceMode,
-        maxLength: item2.maxLength
+  const resourceCom = (0, import_react.useCallback)(
+    (item2) => {
+      if (!isShowChangeResource) {
+        return item2 == null ? void 0 : item2.name;
       }
-    );
-  }, []);
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_SelectResource.default,
+        {
+          ...item2,
+          lists: item2 == null ? void 0 : item2.lists,
+          value: item2 == null ? void 0 : item2.id,
+          allowClear: item2 == null ? void 0 : item2.allowClear,
+          onChange: changeResource,
+          resourceMode: item2.resourceMode,
+          maxLength: item2.maxLength
+        }
+      );
+    },
+    [isShowChangeResource]
+  );
   const likeAndResourceCom = (0, import_react.useMemo)(() => {
     if ((multiResources == null ? void 0 : multiResources.length) > 0) {
       return multiResources.map((resourceItem) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.770",
+  "version": "1.0.772",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -71,8 +71,8 @@
     "swiper": "^8.4.7",
     "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
-    "@pisell/icon": "0.0.10",
     "@pisell/date-picker": "1.0.115",
+    "@pisell/icon": "0.0.10",
     "@pisell/utils": "1.0.43"
   },
   "peerDependencies": {

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

@@ -1,4 +0,0 @@
-import { AppVersionControlProps } from './types';
-import './index.less';
-declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;
-export default AppVersionControl;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -1,39 +0,0 @@
-import { Drawer } from 'antd';
-import React from 'react';
-import { OperationItem } from '../type';
-declare const useDrawerState: (operationContent?: {
-    [key: string]: React.ReactNode;
-} | undefined) => {
-    drawerVisible: boolean;
-    setDrawerVisible: React.Dispatch<React.SetStateAction<boolean>>;
-    openDrawer: (item: OperationItem) => void;
-    closeDrawer: () => void;
-    drawerContent: React.ReactNode;
-    Container: {
-        (props: import("../../../pisellModal").PisellModalProps): JSX.Element;
-        confirm: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        info: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        error: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        warn: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => any;
-        warning: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        success: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
-            destroy: () => void;
-            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
-        };
-        Information: (props: import("../../../pisellModal/components/Information").InformationProps) => JSX.Element;
-    } | typeof Drawer;
-    containerProps: {};
-};
-export default useDrawerState;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -1,98 +0,0 @@
-import React from 'react';
-import { DataSourceTableProps } from '../type';
-import { OperationItem } from '../type';
-interface UseTablePropsProps {
-    data: any;
-    originProps: DataSourceTableProps;
-    openDrawer: (type: OperationItem) => void;
-    closeDrawer: () => void;
-    refreshData: () => void;
-    handleFilterChange: (changedFields: any, allFields: any) => void;
-    tableRef: any;
-}
-/**
- * 处理table的props
- * 转换title
- * @param props
- * @returns
- */
-declare const useTableProps: (props: UseTablePropsProps) => {
-    title: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
-    pagination: {
-        total: number;
-        current: number;
-        pageSize: number;
-        size: string;
-        showSizeChanger: boolean;
-    };
-    columns: import("./useColumns").Column[];
-    subTitle: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
-    buttons: any[] | null;
-    filter: JSX.Element | null;
-    onRow: (record: any) => any;
-    actionButtons: any[] | null;
-    titleButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    } | undefined;
-    tableButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    } | undefined;
-    operation?: {
-        show: boolean;
-        title: string; /**
-         * 处理table的props
-         * 转换title
-         * @param props
-         * @returns
-         */
-        width: number;
-        align: "center" | "left" | "right";
-        fixed: false | "left" | "right";
-        type: "button" | "link";
-        items: OperationItem[];
-    } | undefined;
-    operationContent?: {
-        [key: string]: React.ReactNode;
-    } | undefined;
-    dataSource: import("../../provider/dataSource/DataSourceContext").DataSourceType;
-    search?: {
-        show: boolean;
-        placeholder: string;
-    } | undefined;
-    __designMode: string;
-    componentId: string;
-    clickToDetail?: {
-        show: boolean;
-        useCustomAction: boolean;
-        actionType: string;
-        openMode: "modal" | "drawer";
-        openContentSize: "small" | "middle" | "large";
-        openTitle: string;
-        key: string;
-    } | undefined;
-    filterBy?: Record<string, any> | undefined;
-    sortBy: string;
-    tabs?: {
-        show: boolean;
-        type: string;
-        items: {
-            name: string;
-            filterBy: Record<string, any>;
-            sortBy: string;
-        }[];
-    } | undefined;
-    onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
-    onDeleteFinish?: ((record: Record<string, any>) => void) | undefined;
-    extraParams?: {
-        list?: Record<string, any> | undefined;
-        get?: Record<string, any> | undefined;
-        update?: Record<string, any> | undefined;
-        create?: Record<string, any> | undefined;
-        destroy?: Record<string, any> | undefined;
-    } | undefined;
-};
-export default useTableProps;

package/es/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -1,79 +0,0 @@
-/// <reference types="react" />
-import { ColumnType } from 'antd/es/table';
-import { DataSourceType } from '../provider/dataSource/DataSourceContext';
-export declare type OperationItem = {
-    label?: string;
-    openMode: 'modal' | 'drawer' | 'custom';
-    openContentSize: 'small' | 'middle' | 'large';
-    openTitle: string;
-    actionType: 'detail' | 'edit' | 'delete' | 'custom';
-    key: string;
-    buttonProps?: any;
-    onClick?: (record: any) => void;
-};
-export interface DataSourceTableProps {
-    title?: string | React.ReactNode | (() => React.ReactNode);
-    subTitle?: string | React.ReactNode | (() => React.ReactNode);
-    titleButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    };
-    tableButtons?: {
-        show: boolean;
-        maxCount: number;
-        items: OperationItem[];
-    };
-    buttons?: any[];
-    operation?: {
-        show: boolean;
-        title: string;
-        width: number;
-        align: 'left' | 'center' | 'right';
-        fixed: 'left' | 'right' | false;
-        type: 'link' | 'button';
-        items: OperationItem[];
-    };
-    operationContent?: {
-        [key: string]: React.ReactNode;
-    };
-    dataSource: DataSourceType;
-    columns: ColumnType<any>[];
-    filter: any;
-    search?: {
-        show: boolean;
-        placeholder: string;
-    };
-    __designMode: string;
-    componentId: string;
-    clickToDetail?: {
-        show: boolean;
-        useCustomAction: boolean;
-        actionType: string;
-        openMode: 'modal' | 'drawer';
-        openContentSize: 'small' | 'middle' | 'large';
-        openTitle: string;
-        key: string;
-    };
-    onRow?: any;
-    filterBy?: Record<string, any>;
-    sortBy: string;
-    tabs?: {
-        show: boolean;
-        type: string;
-        items: {
-            name: string;
-            filterBy: Record<string, any>;
-            sortBy: string;
-        }[];
-    };
-    onValuesChange?: (changedValues: any, values: any) => void;
-    onDeleteFinish?: (record: Record<string, any>) => void;
-    extraParams?: {
-        list?: Record<string, any>;
-        get?: Record<string, any>;
-        update?: Record<string, any>;
-        create?: Record<string, any>;
-        destroy?: Record<string, any>;
-    };
-}

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

@@ -1,3 +0,0 @@
-import { SortType } from './types';
-declare const DragSortTree: (props: SortType) => JSX.Element;
-export default DragSortTree;

package/es/components/login-and-register/index.d.ts

@@ -1,82 +0,0 @@
-import React from 'react';
-import './index.less';
-/**
- * loginAndRegister组件的属性接口
- */
-export interface loginAndRegisterProps {
-    /** Logo相关配置 */
-    showLogo?: boolean;
-    logo?: string;
-    logoPosition?: 'left' | 'center' | 'right';
-    logoSize?: {
-        width?: number;
-        height?: number;
-    };
-    /** 标题相关配置 */
-    title?: string;
-    showTitle?: boolean;
-    titleAlign?: 'left' | 'center' | 'right';
-    /** 副标题相关配置 */
-    subtitle?: string;
-    showSubtitle?: boolean;
-    subtitleAlign?: 'left' | 'center' | 'right';
-    /** 登录方式配置 */
-    loginMethods?: ('email' | 'google' | 'facebook' | 'apple')[];
-    defaultLoginMethod?: 'email' | 'google' | 'facebook' | 'apple';
-    /** 表单配置 */
-    emailLabel?: string;
-    passwordLabel?: string;
-    emailPlaceholder?: string;
-    passwordPlaceholder?: string;
-    emailRules?: any[];
-    buttonText?: string;
-    rememberMeText?: string;
-    forgotPasswordText?: string;
-    showRememberMe?: boolean;
-    showForgotPassword?: boolean;
-    /** 社交登录配置 */
-    socialLoginTexts?: {
-        google?: string;
-        facebook?: string;
-        apple?: string;
-    };
-    /** 底部配置 */
-    showFooter?: boolean;
-    showSignUp?: boolean;
-    signUpText?: string;
-    signUpLink?: string;
-    signUpPosition?: 'left' | 'center' | 'right';
-    otherLinks?: Array<{
-        text: string;
-        url: string;
-    }>;
-    otherLinksPosition?: 'left' | 'center' | 'right';
-    /** 登录/注册切换配置 */
-    showTabs?: boolean;
-    loginTabText?: string;
-    registerTabText?: string;
-    /** 注册表单配置 */
-    registerEmailPlaceholder?: string;
-    registerPasswordPlaceholder?: string;
-    registerButtonText?: string;
-    /** 事件回调 */
-    onLogin?: (values: {
-        email: string;
-        loginMethod: string;
-    }) => void;
-    onSocialLogin?: (type: 'google' | 'facebook' | 'apple') => void;
-    onSignUp?: () => void;
-    onRegister?: (values: {
-        email: string;
-        password: string;
-    }) => void;
-    /** 新增背景图片属性 */
-    backgroundImage?: string;
-}
-/**
- * Saas登录组件
- * @param props - 组件属性
- * @returns React组件
- */
-declare const loginAndRegister: React.FC<loginAndRegisterProps>;
-export default loginAndRegister;

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

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

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

@@ -1,71 +0,0 @@
-import React from 'react';
-import { PisellCheckboxGroupProps } from '../pisellCheckboxGroup';
-import { PisellContextType } from '../pisell-config-provider/context';
-import { PisellWalletPassCardProps } from '../pisellWalletPassCard';
-import './index.less';
-export interface PisellCardListProps extends Omit<PisellCheckboxGroupProps, 'options'> {
-    platform?: PisellContextType['platform'];
-    /** 当用户查看完所有记录时，底部会显示此消息 */
-    endMessage?: React.ReactNode;
-    /** 加载下次数据时的加载站位 */
-    loader?: React.ReactNode;
-    /** 是否有更多数据 */
-    hasMore: boolean;
-    /** 加载更多数据回调 */
-    loadMoreData?: () => Promise<void>;
-    /** 当前list数据 */
-    data: PisellWalletPassCardProps[];
-    /** list空数据时展示内容 */
-    empty?: React.ReactNode;
-    /** 是否展示空状态 */
-    showEmpty?: boolean;
-    /** 是否展示卡片名称 */
-    showName?: boolean;
-    /** 是否展示店铺名称 */
-    showStoreName?: boolean;
-    /** 是否展示核销金额 */
-    showRedeem?: boolean;
-    /** 是否展示余额 */
-    showBalance?: boolean;
-    /** 是否展示编码 */
-    showCode?: boolean;
-    /** 是否展示到期时间 */
-    showValidDate?: boolean;
-    /** 是否展示详情按钮 */
-    showDetail?: boolean;
-    /** 是否展示二维码 */
-    showQrCode?: boolean;
-    /** 是否展示封面图 */
-    showCover?: boolean;
-    /** 是否余额货币单位 */
-    showBalanceSymbol?: boolean;
-    /** 卡片大小 */
-    type?: 'default' | 'mini';
-    /** 展示操作按钮 */
-    showActions?: boolean;
-    /** 操作按钮配置 */
-    actions?: {
-        /** 按钮展示方式 */
-        layout: 'expanded' | 'collapsed';
-        /** detail 按钮配置 */
-        detail?: {
-            visible: boolean;
-            iconColor: string;
-        };
-        /** edit按钮配置 */
-        edit?: {
-            visible: boolean;
-            iconColor: string;
-            dialogTitle: string;
-            enableDialog: boolean;
-            fields: {
-                name: string;
-                label: string;
-            };
-        };
-    };
-    /** 编辑弹窗点击提交 */
-    onConfirmEdit?: (value: any, index: number) => void;
-}
-declare const _default: React.NamedExoticComponent<PisellCardListProps>;
-export default _default;

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

@@ -1,36 +0,0 @@
-import React from 'react';
-import { PisellContextType } from '../pisell-config-provider/context';
-import './index.less';
-export interface PisellCheckboxGroupOption {
-    label: string;
-    value: string;
-    disabled?: boolean;
-    [key: string]: any;
-}
-declare type PisellCheckboxGroupValue = string | string[] | any;
-export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    platform?: PisellContextType['platform'];
-    direction?: 'horizontal' | 'vertical';
-    fullWidth?: boolean;
-    gap?: number;
-    padding?: number;
-    options: PisellCheckboxGroupOption[];
-    onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
-    value?: PisellCheckboxGroupValue;
-    renderOption?: (option: PisellCheckboxGroupOption, active: boolean, index: number) => React.ReactNode;
-    rowKey?: string;
-    mode?: 'multiple' | 'single';
-    iconPosition?: 'left' | 'right' | 'hide';
-    optionClassName?: string;
-    optionActiveClassName?: string;
-}
-/**
- * @title: PisellCheckboxGroup
- * @description: 选中组件
- * @param {PisellCheckboxGroupProps} props
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-08-16 10:34
- */
-declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
-export default PisellCheckboxGroup;

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import { EmptyProps } from 'antd';
-import { PisellContextType } from '../pisell-config-provider/context';
-import './index.less';
-export interface PisellEmptyProps extends EmptyProps {
-    /** 平台 */
-    platform?: PisellContextType['platform'];
-    /** 额外内容描述 */
-    extraDescription?: React.ReactNode;
-    /** 额外内容描述 */
-    icon?: React.ReactNode;
-    /** 自定义底部额外操作区域 */
-    footer?: React.ReactNode;
-    /** 最大宽度 */
-    maxWidth?: number;
-    [key: string]: any;
-}
-declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
-export default PisellEmpty;

package/es/components/pisellInformationEntry/hooks/useNativeScanner.d.ts

@@ -1,4 +0,0 @@
-export declare const useNativeScanner: (onChange?: ((val: string) => void) | undefined) => {
-    activeNativeScanner: () => void;
-    isTerminal: any;
-};

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

@@ -1,33 +0,0 @@
-import React from 'react';
-import { PisellContextType } from '../pisell-config-provider/context';
-import './index.less';
-export declare type EntryModeType = {
-    /**
-     * 录入模式名称
-     * scanCode: 扫码录入
-     * input: 手动录入
-     * scanner: 扫码枪录入
-     * nfc: NFC录入
-     */
-    type: 'scanCode' | 'input' | 'scanner' | 'nfc';
-    /**
-     * 录入模式文案 没有使用默认文案
-     */
-    name?: string;
-};
-export interface PisellInformationEntryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> {
-    /** 平台 */
-    platform?: PisellContextType['platform'];
-    /** 录入模式 */
-    entryModes: EntryModeType[];
-    /** 标题文案 */
-    title?: React.ReactNode;
-    /** 搜索框描述文案 */
-    searchDescribe?: React.ReactNode;
-    /** 录入信息值改变 */
-    onChange?: (val: string) => void;
-    /** 录入类型切换时候触发的 */
-    onChangeType?: (val: null | EntryModeType['type']) => void;
-}
-declare const PisellInformationEntry: (props: PisellInformationEntryProps) => JSX.Element;
-export default PisellInformationEntry;

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

@@ -1,82 +0,0 @@
-import './index.less';
-export interface PisellWalletPassCardProps {
-    id: number;
-    /** 卡片样式 */
-    type: 'default' | 'mini';
-    /** 商品名称 */
-    name: string;
-    /** 二维码 */
-    qrCode: string;
-    /** 共享店铺名称 */
-    storeName: string;
-    /** 余额 */
-    balance?: number;
-    /** 识别码编号 */
-    code: string;
-    /** 有效期 */
-    validDate: string;
-    /** 使用金额 */
-    redeem?: number;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 禁用原因 */
-    disabledReason?: string;
-    /** 是否展示禁用原因 */
-    showDisabledReason?: boolean;
-    /** 封面图 */
-    cover?: string;
-    /** 余额标题文案 */
-    balanceTitle?: string;
-    /** 使用金额标题文案 */
-    redeemTitle?: string;
-    /** 是否选中 */
-    active?: boolean;
-    /** 是否展示商品名称 */
-    showName?: boolean;
-    /** 是否展示共享店铺名称 */
-    showStoreName?: boolean;
-    /** 是否展示使用金额 */
-    showRedeem?: boolean;
-    /** 是否展示余额 */
-    showBalance?: boolean;
-    /** 是否展示识别码编号 */
-    showCode?: boolean;
-    /** 是否展示有效期 */
-    showValidDate?: boolean;
-    /** 是否展示右上角详情按钮 */
-    showDetail?: boolean;
-    /** 是否展示qrCode */
-    showQrCode?: boolean;
-    /** 是否展示封面 */
-    showCover?: boolean;
-    /** 是否展示余额货币符号 */
-    showBalanceSymbol?: boolean;
-    /** 展示操作按钮 */
-    showActions?: boolean;
-    /** 操作按钮配置 */
-    actions?: {
-        /** 按钮展示方式 */
-        layout: 'expanded' | 'collapsed';
-        /** detail 按钮配置 */
-        detail?: {
-            visible: boolean;
-            iconColor: string;
-        };
-        /** edit按钮配置 */
-        edit?: {
-            visible: boolean;
-            iconColor: string;
-            dialogTitle: string;
-            enableDialog: boolean;
-            fields: {
-                name: string;
-                label: string;
-            };
-        };
-    };
-    /** 编辑弹窗点击提交 */
-    onConfirmEdit?: (value: any) => void;
-    [key: string]: any;
-}
-declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => JSX.Element;
-export default PisellWalletPassCard;

package/es/components/productCard/components/Time/components/SelectHolder/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const SelectHolder: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, }: any) => JSX.Element;
-export default SelectHolder;