@pisell/materials 6.3.26 → 6.3.27

package/es/components/PisellProcedure/PisellProcedure.stories.d.ts

@@ -0,0 +1,163 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import PisellProcedure from './PisellProcedure';
+/**
+ * PisellProcedure 流程容器组件
+ *
+ * 用于管理多步骤流程的复合容器组件，基于 PisellLayout 实现三段式布局
+ * 包含头部区域（步骤条）、主体区域（内容区+信息区）、底部区域（操作按钮）
+ */
+declare const meta: Meta<typeof PisellProcedure>;
+export default meta;
+declare type Story = StoryObj<typeof PisellProcedure>;
+/**
+ * 基础用法
+ * @description 默认流程容器，包含头部、主体、底部三个区域
+ */
+export declare const Default: Story;
+/**
+ * 页面模式
+ * @description 默认模式，支持响应式和移动端适配
+ */
+export declare const PageMode: Story;
+/**
+ * 弹窗模式
+ * @description 用于弹窗场景，不应用移动端适配
+ */
+export declare const ModalMode: Story;
+/**
+ * 步骤控制
+ * @description 使用 onStepsChange 监听步骤变化
+ */
+export declare const StepControl: Story;
+/**
+ * 步骤拦截
+ * @description 通过 onNext/onPrev 返回 false 阻止步骤切换
+ */
+export declare const StepIntercept: Story;
+/**
+ * 无侧边栏
+ */
+export declare const WithoutSidebar: Story;
+/**
+ * 无头部
+ */
+export declare const WithoutHeader: Story;
+/**
+ * 无底部
+ */
+export declare const WithoutFooter: Story;
+/**
+ * 最小配置
+ * @description 仅显示主体内容
+ */
+export declare const MinimalConfig: Story;
+/**
+ * 头部插槽顺序 - 默认
+ * @description left 在左，right 在右
+ */
+export declare const HeaderSlotDefault: Story;
+/**
+ * 头部插槽顺序 - 反转
+ * @description left 在右，right 在左
+ */
+export declare const HeaderSlotReverse: Story;
+/**
+ * 隐藏步骤条
+ * @description 仅显示头部插槽，不显示步骤条
+ */
+export declare const HideSteps: Story;
+/**
+ * 第一步显示返回按钮
+ * @description 通过 showBackOnFirstStep 控制
+ */
+export declare const ShowBackOnFirstStep: Story;
+/**
+ * 返回确认弹窗
+ * @description 点击返回时弹出确认弹窗
+ */
+export declare const BackConfirmModal: Story;
+/**
+ * 关闭确认弹窗
+ * @description 点击关闭时弹出确认弹窗
+ */
+export declare const CloseConfirmModal: Story;
+/**
+ * 主体布局 - 比例布局
+ * @description 使用比例分配内容区和侧边栏宽度
+ */
+export declare const BodyRatioLayout: Story;
+/**
+ * 主体布局 - 固定宽度
+ * @description 侧边栏使用固定宽度
+ */
+export declare const BodyFixedLayout: Story;
+/**
+ * 主体布局 - 垂直布局
+ * @description 内容区和侧边栏上下排列
+ */
+export declare const BodyVerticalLayout: Story;
+/**
+ * 主体布局 - 内容顺序反转
+ * @description 侧边栏在左/上，内容区在右/下
+ */
+export declare const BodyContentOrderReverse: Story;
+/**
+ * 底部位置 - 悬浮在侧边栏
+ * @description 默认位置，底部悬浮在侧边栏区域
+ */
+export declare const FooterFloatSidebar: Story;
+/**
+ * 底部位置 - 固定在整体底部
+ */
+export declare const FooterFixedBottom: Story;
+/**
+ * 底部位置 - 悬浮在整体区域
+ * @description 移动端默认使用此模式
+ */
+export declare const FooterFloatAll: Story;
+/**
+ * 底部位置 - 悬浮在内容区
+ */
+export declare const FooterFloatContent: Story;
+/**
+ * 底部位置 - 内嵌在内容区底部
+ */
+export declare const FooterFixedContentBottom: Story;
+/**
+ * 底部位置 - 内嵌在侧边栏底部
+ */
+export declare const FooterFixedSidebarBottom: Story;
+/**
+ * 移动端总结按钮
+ * @description 移动端显示总结按钮，点击可查看侧边栏内容
+ */
+export declare const MobileSummaryButton: Story;
+/**
+ * 溢出收纳功能
+ * @description 当宽度不足时，按钮会被收纳到 More 菜单中
+ */
+export declare const OverflowActions: Story;
+/**
+ * 禁用溢出收纳
+ * @description 不启用溢出收纳，按钮会换行显示
+ */
+export declare const DisableOverflow: Story;
+/**
+ * 完整示例 - 购物流程
+ * @description 模拟真实的购物流程
+ */
+export declare const ShoppingFlow: Story;
+/**
+ * 完整示例 - 注册流程
+ * @description 模拟用户注册流程
+ */
+export declare const RegistrationFlow: Story;
+/**
+ * 完整示例 - 表单向导
+ * @description 多步表单向导
+ */
+export declare const FormWizard: Story;
+/**
+ * 交互测试 - 组件渲染
+ */
+export declare const InteractionTest: Story;

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

@@ -0,0 +1,5 @@
+/**
+ * PisellProcedure 组件导出
+ */
+export { default } from './PisellProcedure';
+export type { PisellProcedureProps, PisellProcedureRef, ProcedureHeaderProps, ProcedureBodyProps, ProcedureFooterProps, FooterPositionMode, BackConfirmModalConfig, BodyLayoutMode, BodyLayoutRatio, BodyDirection, StepItem, StepChangeResult, } from './types';

package/es/components/PisellTabbar/locales.js

@@ -10,5 +10,13 @@ export default {
   "zh-HK": {
     expand: '展開',
     minimize: '摺疊'
+  },
+  ja: {
+    expand: '展開',
+    minimize: '折りたたむ'
+  },
+  pt: {
+    expand: 'Expandir',
+    minimize: 'Minimizar'
   }
 };

package/es/components/PisellTabbar2/locales.js

@@ -10,5 +10,13 @@ export default {
   "zh-HK": {
     expand: '展開',
     minimize: '摺疊'
+  },
+  ja: {
+    expand: '展開',
+    minimize: '折りたたむ'
+  },
+  pt: {
+    expand: 'Expandir',
+    minimize: 'Minimizar'
   }
 };

package/es/components/PisellTabbar3/locales.js

@@ -10,5 +10,13 @@ export default {
   "zh-HK": {
     expand: '展開',
     minimize: '摺疊'
+  },
+  ja: {
+    expand: '展開',
+    minimize: '折りたたむ'
+  },
+  pt: {
+    expand: 'Expandir',
+    minimize: 'Minimizar'
   }
 };

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface TimeSlot {
+    value: string;
+    label: string;
+    time: string;
+    remainingCount: number;
+    disabled?: boolean;
+}
+export interface TimeResourceSelectorProps {
+    timeSlots?: TimeSlot[];
+    multiple?: boolean;
+    showUnavailable?: boolean;
+    defaultExpanded?: boolean;
+    defaultSelectFirst?: boolean;
+    onChange?: (values: string | string[]) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const TimeResourceSelector: React.FC<TimeResourceSelectorProps>;
+export default TimeResourceSelector;

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export interface Version {
+    id: string;
+    label: string;
+    value: string;
+    name: string;
+    status: 'live' | 'draft' | 'deprecated';
+    version: string;
+    avatar?: string;
+}
+export interface AppVersionControlProps {
+    value: string;
+    versions: Version[];
+    onVersionChange: (value: string, version: Version) => void;
+    onCreateVersion: (detail: {
+        version: string;
+        baseVersion: string;
+    }) => Promise<boolean | undefined>;
+    onPromoteToLive: (value: string, version: Version) => Promise<boolean | undefined>;
+    allowPublish?: boolean;
+    allowCreate?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}

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

@@ -0,0 +1,13 @@
+/**
+ * 比较两个版本号
+ * @param version1 版本号1
+ * @param version2 版本号2
+ * @returns 如果version1大于version2返回1，相等返回0，小于返回-1
+ */
+export declare const compareVersions: (version1: string, version2: string) => number;
+/**
+ * 从版本号列表中获取最大版本号
+ * @param versions 版本号列表
+ * @returns 最大的版本号，如果列表为空返回undefined
+ */
+export declare const getMaxVersion: (versions: string[]) => string | undefined;

package/es/components/auto-resize-text/auto-text-size-standalone.d.ts

@@ -0,0 +1,20 @@
+export declare type Options = {
+    mode?: 'oneline' | 'multiline' | 'box' | 'boxoneline' | undefined;
+    minFontSizePx?: number | undefined;
+    maxFontSizePx?: number | undefined;
+    fontSizePrecisionPx?: number | undefined;
+    scrollToEnd?: boolean | undefined;
+};
+export declare function updateTextSize({ innerEl, containerEl, mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, }: Options & {
+    innerEl: HTMLElement;
+    containerEl: HTMLElement;
+}): void;
+declare type DisconnectableFunction = {
+    (): void;
+    disconnect: () => void;
+};
+export declare function autoTextSize({ innerEl, containerEl, mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, }: Options & {
+    innerEl: HTMLElement;
+    containerEl: HTMLElement;
+}): DisconnectableFunction;
+export {};

package/es/components/auto-resize-text/index.d.ts

@@ -0,0 +1,6 @@
+import React, { DetailedHTMLProps, HTMLAttributes, ReactElement, ReactHTML } from 'react';
+import { Options } from './auto-text-size-standalone';
+export default function AutoResizeText({ mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, as: Comp, children, ...rest }: Options & {
+    as?: keyof ReactHTML | React.ComponentType<any>;
+    children?: React.ReactNode;
+} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>): ReactElement;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BadgeProps as OriginalBadgeprops } from 'antd';
+import './index.less';
+export interface Badgeprops extends OriginalBadgeprops {
+    styleType: 'default' | 'warning';
+}
+declare const Badge: (props: any) => React.JSX.Element;
+export default Badge;

package/es/components/batch-editor/fields/Image/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface ImageProps extends React.ComponentPropsWithoutRef<"img"> {
+    value?: string;
+}
+import "./index.less";
+declare const Image: (props: ImageProps) => React.JSX.Element | null;
+export default Image;

package/es/components/batch-editor/fields/Price/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { InputNumberProps } from "antd";
+export interface PriceProps extends InputNumberProps {
+    symbol: string;
+}
+declare const Price: React.FC<PriceProps>;
+export default Price;

package/es/components/batch-editor/fields/Text/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+declare const Text: (props: TextProps) => React.JSX.Element;
+export default Text;

package/es/components/batch-editor/fields/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    price: import("react").FC<import("./Price").PriceProps>;
+    image: (props: import("./Image").ImageProps) => import("react").JSX.Element | null;
+    text: (props: import("./Text").TextProps) => import("react").JSX.Element;
+};
+export default _default;

package/es/components/batch-editor/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./index.less";
+interface BatchEditorProps {
+    columns: any[];
+    dataSource: any[];
+    onChange: (value: any) => void;
+    rowKey: string;
+    otherTableProps: any;
+}
+declare const BatchEditor: (props: BatchEditorProps) => React.JSX.Element;
+export default BatchEditor;

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

@@ -0,0 +1,21 @@
+import React from "react";
+import "./index.less";
+interface Option {
+    label: React.ReactNode;
+    value: string | number;
+}
+interface BrowserSelectProps extends Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, 'value' | 'onChange'> {
+    options: Option[];
+    value?: string | number;
+    onChange?: (value: string | number, option: Option) => void;
+}
+/**
+ * @title: 系统级别的下拉框
+ * @description:
+ * @param {BrowserSelectProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-30 16:43
+ */
+declare const BrowserSelect: (props: BrowserSelectProps) => React.JSX.Element;
+export default BrowserSelect;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ButtonProps as OriginalButtonProps } from 'antd';
+export interface ButtonProps extends OriginalButtonProps {
+    __designMode?: 'design' | undefined;
+    href?: string;
+    rightIcon?: React.ReactNode;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
+export default Button;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { MenuProps, ButtonProps } from 'antd';
+export interface ButtonGroupListItemProps {
+    id?: string;
+    isMore?: boolean;
+    menuData?: MenuProps['items'];
+    buttonProps?: ButtonProps;
+}
+interface ButtonConfigProps {
+    [id: string]: ButtonGroupListItemProps;
+}
+export declare type ButtonGroupListProps = ButtonGroupListItemProps[][];
+interface ButtonGroupPreviewProps {
+    buttonConfig?: ButtonConfigProps;
+    buttonGroupList?: ButtonGroupListProps;
+    updateButtonProps?: ButtonGroupListItemProps;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupPreviewProps & React.RefAttributes<any>>>;
+export default _default;

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

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

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+interface CollapseProps {
+    panelBackground?: string;
+    panelMarginBottom?: string | 0;
+    panelBorderRadius?: string | 0;
+    items: any[];
+    showHeader?: boolean;
+    headerColor?: string | '#101828';
+    headerFontSize?: string | 14;
+    expandIcon?: any;
+    [key: string]: any;
+}
+declare const Collapse: React.FC<CollapseProps>;
+export default Collapse;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ColorPickerProps } from 'antd';
+declare const ColorPicker: (props: ColorPickerProps) => React.JSX.Element;
+export default ColorPicker;

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

@@ -1,6 +1,8 @@
 import React from "react";
 import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
 import "dayjs/locale/zh-cn";
+import "dayjs/locale/ja";
+import "dayjs/locale/pt";
 export interface ConfigProviderProps extends OriginalConfigProviderProps {
     [key: string]: any;
 }

package/es/components/config-provider/index.js

@@ -8,6 +8,8 @@ import { ConfigProvider as OriginalConfigProvider } from "antd";
 import dayjs from "dayjs";
 import "dayjs/locale/zh-cn";
 import zhCN from "antd/es/locale/zh_CN";
+import "dayjs/locale/ja";
+import "dayjs/locale/pt";
 var ConfigProvider = function ConfigProvider(props) {
   var locale = props.locale,
     rest = _objectWithoutProperties(props, _excluded);
@@ -20,6 +22,10 @@ var ConfigProvider = function ConfigProvider(props) {
       dayjs.locale("en");
       // 默认为英文
       localeData = undefined;
+    } else if (locale.toLowerCase() === "ja") {
+      dayjs.locale("ja");
+    } else if (locale.toLowerCase() === "pt") {
+      dayjs.locale("pt");
     }
   }
   return /*#__PURE__*/React.createElement(OriginalConfigProvider, _extends({

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CropPhoto: React.FC;
+export default CropPhoto;

package/es/components/dataSourceComponents/dataSourceForm/BaseForm.js

@@ -23,7 +23,7 @@ import FormSettingProvider from "./provider/formSetting/FormSettingProvider";
 import PageHeader from "../../page-header";
 import { transformFormObjToArrayWithUntouched } from "./utils";
 import { getFormSettingMetaData } from "./serve";
-import { getFormSettingParams } from "./urlUtils";
+import useFormSettingParams from "../hooks/useFormSettingParams";
 import "./index.less";
 import { isArr } from "@pisell/utils";
 /**
@@ -55,6 +55,9 @@ var BaseForm = /*#__PURE__*/forwardRef(function (props, ref) {
     setBeforeClose = _useCtxActions.setBeforeClose;
   var _context$appHelper$ut = (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils,
     getApp = _context$appHelper$ut.getApp;
+  var _useFormSettingParams = useFormSettingParams(),
+    scope = _useFormSettingParams.scope,
+    target = _useFormSettingParams.target;
   var formRef = useRef(null);
   var _useDataSource = useDataSource(),
     get = _useDataSource.get;
@@ -77,10 +80,6 @@ var BaseForm = /*#__PURE__*/forwardRef(function (props, ref) {
         var _dataSource$fields;
         if (props.__designMode === 'design') return;
         // 从URL获取参数
-        var _getFormSettingParams = getFormSettingParams(),
-          businessCode = _getFormSettingParams.businessCode,
-          channelCode = _getFormSettingParams.channelCode,
-          isBoard = _getFormSettingParams.isBoard;
         var sectionCodes = Array.from(new Set(dataSource === null || dataSource === void 0 || (_dataSource$fields = dataSource.fields) === null || _dataSource$fields === void 0 ? void 0 : _dataSource$fields.map(function (field) {
           return field.name.split('.').shift();
         })));
@@ -88,9 +87,8 @@ var BaseForm = /*#__PURE__*/forwardRef(function (props, ref) {
         // 使用API方法获取formSettingMeta数据（必须传入参数）
         getFormSettingMetaData({
           sectionCodes: sectionCodes,
-          businessCode: businessCode,
-          channelCode: channelCode,
-          isBoard: isBoard
+          scope: scope,
+          target: target
         }).then(function (res) {
           var _dataSource$fields2, _formRef$current2;
           var formattedValues = formatInitialValues ? formatInitialValues(res.data) : res.data || {};

package/es/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingContext.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ModeType } from '../../type';
+export interface FormSettingContextType {
+    onDataSourceFinish?: (values: any, result: any, form: any) => void;
+    renderMode?: ModeType;
+    groupInfoPosition?: 'top' | 'side';
+    children?: React.ReactNode;
+    currentValue?: 'server' | 'local';
+    size?: 'small' | 'middle' | 'large';
+    formatSubmitValues?: (values: Record<string, any>) => Record<string, any>;
+    formatInitialValues?: (values: Record<string, any>) => Record<string, any>;
+    customSubmit?: (values: Record<string, any>) => Promise<any>;
+    beforeSubmit?: (values: Record<string, any>) => Promise<boolean> | boolean;
+}
+export declare const FormSettingContext: import("react").Context<FormSettingContextType>;
+export default FormSettingContext;

package/es/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormSettingContextType } from './FormSettingContext';
+/**
+ * @title: 表单设置Provider
+ * @description: 提供表单设置信息
+ */
+declare const FormSettingProvider: React.FC<FormSettingContextType>;
+export default FormSettingProvider;

package/es/components/dataSourceComponents/dataSourceForm/provider/hooks/useFormSetting.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 获取表单配置
+ */
+declare const useFormSetting: () => import("../formSetting/FormSettingContext").FormSettingContextType;
+export default useFormSetting;

package/es/components/dataSourceComponents/dataSourceForm/provider/hooks/useJsonPrefixPath.d.ts

@@ -0,0 +1,5 @@
+declare const useJsonPrefixPath: () => {
+    path: (string | number)[];
+    level: number;
+};
+export default useJsonPrefixPath;

package/es/components/dataSourceComponents/dataSourceForm/provider/jsonWrapper/JsonWrapperContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const JsonWrapperContext: import("react").Context<{
+    path: (string | number)[];
+    level: number;
+}>;
+export default JsonWrapperContext;